@charset "utf-8";


/*사이트 전체의 font-size 및 font-weight를 유저 옵션으로 변경
  option1 : 굵게
*/
:root {
	--font-color-option1: #000;
	--font-color-active: #fff !important;
	
    --font-weight-option0 : 300;
	--font-weight-option1 : 500;
  }

.layout_option_1 .jqx-item {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 input[type=text] {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 input[type=number] {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 select {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .left_tab li div {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .right_tab li div {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .daterangepicker {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .board-write th {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .board-write td {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 ul li strong {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 ul li div {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 ul li span {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 ul li.active span {
    color: var(--font-color-active);
}

.layout_option_1 .box-common-info .user-book-info .box-info ul li strong {		/*책 상세 보기  모달 전용*/
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .date_picker_container .date_picker, .layout_option_1 .date_picker_container_time .date_picker {
	padding: 0px 25px 2px 7px;
}

.layout_option_1 .box-user-info .profile-status span {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .user-book-info tr td {
	/*상호대차요청 - 신청*/
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .table_container .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .ctab li a {
	font-weight: var(--font-weight-option1);
}

.layout_option_1 input[type=radio].metis-radiobox + label.metis-radiobox-label, .layout_option_1 input[type=checkbox].metis-checkbox + label.metis-checkbox-label {
/*작업종통계*/
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 textarea {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #user_no_view,
.layout_option_1 .box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #reg_date_view {
	/*대출반납 - user_no, birth*/
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .box-loanmain .box-group3 {
	/*대출반납 - 휴대폰번호~메일*/
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .box-common-info .user-book-info .stit-desc{
	/*예약상태 팝업*/
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .jqx-widget{
	/*부록대출 팝업*/
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}

.layout_option_1 .metis-modal-box .info_box {
	color: var(--font-color-option1);
	font-weight: var(--font-weight-option1);
}
/* 사이트 전체의 font-size 및 font-weight를 유저 옵션으로 변경 END */




/* �ʿ信 ���� �߰��� ECO 2016/06/10 */
.overTextClip{
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
}
.hidde{
	display: none;
}
.visible{
	display: block;
}

#root_container{
	min-width:1280px;	/*22.11.02 배미경 변경. 이전 min-width:1080*/
    position:relative;
    width:100vw;
    height:100vh;
    overflow:auto;
    overflow-x:hidden;
}
#root_container .ps-scrollbar-x-rail {
    z-index:1002;
}
body{
    overflow:hidden;
    overflow-x:auto;
}

a{cursor: pointer;}

/* common */
.text_hidden{
    display: inline-block;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.clearfix::after{
    content:"";
    display:block;
    clear:both;
}
.margin_left_18{
    margin-left: 18px;
}
.ps-scrollbar-x-rail{
    margin-left:10px
}
.inln-blck {
    position: relative;
    display: inline-block;
}
.metis-detaulf-box{
    margin:10px;
    padding:10px;
    background-color: #fff;
    border: 1px solid #DADADA;
}
.metis-vertical-separator{
    border-top: solid 1px #DADADA;
}
.metis-row-vertical-separator{
    border-top: solid 1px #DADADA;
    margin: 0 15px;
}
.metis-left-border{
    border-left:solid 1px #DADADA;
}
.metis-left-emp-border{
    border-left:solid 1px #6DBCCE;
}
.metis-right-border{
    border-right:solid 1px #DADADA;
}
.metis-right-border.white{
    border-right:solid 1px #fff;
}
.metis-right-emp-border{
    border-right:solid 1px #6DBCCE;
}

.metis-bg-light-blue,
.metis-date-emp-box{
    background-color:#6DBCCE;
    color:#fff;
}

.font-white{
    color:#fff;
}

.metis-default-pill{
    background-color:#f3f3f5;
    border:1px solid #dadada;
    margin:0 15px 0 15px;
}
.metis-default-pill > li{
    margin-left:0 !important;
}
.metis-default-pill.nav-pills>li>a{
    border:solid 1px #dadada;
    background-color:#fcfcfe;
    color:#959595;
}
.metis-default-pill.nav-pills>li.active>a{
    border-left:solid 1px #dadada;
    border-right:solid 1px #dadada;
    border-bottom:solid 1px #dadada;
    border-top:solid 3px #73c5eb;
    background-color:#ffffff;
    color:#000000;
}
.text_small_icon{
    color: #646466;
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
}
.text_warning_mark{
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
}
.text_search_white{
    font-size:13px;
    color: #ffffff;
    font-weight: bold;
}
.text_state_situation{
    border:1px solid #dadada;
    color: #999999;
    padding:5px 30px 5px 30px;
}
.area_warning_mark{
    background-color: #69a697;
    padding:8px 15px 8px 15px;
}
.text_page_number{
    color:#000;
    font-weight: bold;
    font-size: 14px;
}
/* aside */
aside{
    position:fixed;
    left:0;
    top:60px;
    width:200px;
    height:100vh;
    min-height:800px;
    background:#443645;
    margin-left:-152px;
    z-index: 1001;
    color: #efeeee;
    transition: margin 0.3s;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    z-index:1001;
}
aside.open{
    margin-left:0;
}
.aside{
    position:relative;
    height:100%;
    padding-top:60px;
}
.aside .folding-switch {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    border-top:1px solid #6e646f;
}
.aside .folding-switch a {
    float:right;
    width:50px;
    height:60px;
    padding-top:19px;
    text-align:center;
    transition:transform 0.4s;
    -webkit-transition:-webkit-transform 0.4s;
    -moz-transition:-moz-transform 0.4s;
}
.aside.compact .folding-switch {
    border-bottom:1px solid #6e646f;
    background:#292329;
}
.aside.compact .folding-switch a {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.aside .profile_box{
    position:relative;
    display:table;
    width:100%;
    height:82px;
    padding:0;
    border-top:1px solid #6e646f;
    border-bottom:1px solid #6e646f;
    background:#8fb201;
}
.aside.compact .profile_box{
    display:none;
}
.aside .profile_box .profile_portrait{
    position:absolute;
    top:-45px;
    left:20px;
    width:30px;
    height:30px;
    border-radius:100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
}
.aside .profile_box .profile_detail_box{
    display:table-cell;
    padding:0 20px;
    vertical-align:middle;
}
.aside .profile_box .profile_detail_box .user_name{
    position:relative;
    font-size:16px;
    font-weight:500;
}
.aside .profile_box .profile_detail_box .user_name > a {
    position:absolute;
    top:3px;
    right:0;
    width:15px;
    height:15px;
    background:url("/METIS/img/icon/icon_user_info.png") no-repeat center;
    margin-left:10px;
    font-size:0;
    line-height:0;
}
.aside .profile_box .profile_detail_box .email_address{
    color:#fff;
}
.aside .profile_box .profile_popup_menu{
    display:none;
    position:absolute;
    top:23px;
    right:-45px;
    width:104px;
    padding:5px 0;
    border:2px solid #000;
    background:#fff;
    z-index:100;
}
.aside .profile_box .profile_popup_menu li{
    line-height:26px;
    font-size:13px;
    color:#222;
}
.aside .profile_box .profile_popup_menu li a{
    display:block;
    width:100%;
    padding-left:27px;
    background:url("/METIS/img/icon/bl_tooltip.png") no-repeat 15px center;
}
.aside .profile_box .profile_popup_menu li:hover{
    color:#000;
    background-color:#f5f5f5;
}
.aside .lnb .left_menu_toggle_trigger{
    height:60px;
    padding:19px 0 0 44px;
    border-bottom:1px solid #6e646f;
    color:#9f999f;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
}
.aside.compact .lnb .left_menu_toggle_trigger{
    height:100px;
    padding-left:0;
    /* background-color: #121b24; */
}
.aside.compact .lnb .left_menu_toggle_trigger .when_closed{
    width:100%;
    margin-top:38px;
    text-align:center;
}
.aside.compact .lnb .left_menu_toggle_trigger .when_closed,
.aside .lnb .left_menu_toggle_trigger .when_open{
    display:inline-block;
}
.aside .lnb .left_menu_toggle_trigger .when_closed,
.aside.compact .lnb .left_menu_toggle_trigger .when_open{
    display:none;
}
.aside .lnb .left_menu_toggle_trigger.active{
    color:#f8775f;
}
.aside .lnb .left_menu_toggle_trigger .arrow{
    display:inline-block;
    float:right;
    width:9px;
    height:5px;
    margin-top:8px;
    margin-right:20px;
    background:url(../img/left_menu_down_arrow_off.png) no-repeat left 0 top 0;
}
.aside.compact .lnb .left_menu_toggle_trigger .arrow{
    display:none;
}
.aside .lnb .left_menu_toggle_trigger.active .arrow{
    background:url(../img/left_menu_down_arrow_on.png) no-repeat left 0 top 0;
}
.aside .lnb .left_menu_toggle_trigger.left_01{
    background:url(../img/left_menu_icon_small_01_off.png) no-repeat 20px center;
}
.aside .lnb .left_menu_toggle_trigger.active.left_01{
    background:#382b38 url(../img/left_menu_icon_small_01_on.png) no-repeat 20px center;
}
.aside.compact .lnb .left_menu_toggle_trigger.left_01{
    background:url(../img/left_menu_icon_01_off.png) no-repeat center 27px;
}
.aside.compact .lnb .left_menu_toggle_trigger.active.left_01{
    background:#382b38 url(../img/left_menu_icon_01_on.png) no-repeat center 27px;
}
.aside .lnb .left_menu_toggle_trigger.left_02{
    background:url(../img/left_menu_icon_small_02_off.png) no-repeat 20px center;
}
.aside .lnb .left_menu_toggle_trigger.active.left_02{
    background:#382b38 url(../img/left_menu_icon_small_02_on.png) no-repeat 20px center;
}
.aside.compact .lnb .left_menu_toggle_trigger.left_02{
    background:url(../img/left_menu_icon_02_off.png) no-repeat center 27px;
}
.aside.compact .lnb .left_menu_toggle_trigger.active.left_02{
    background:#382b38 url(../img/left_menu_icon_02_on.png) no-repeat center 27px;
}
.aside .lnb .left_menu_toggle_trigger.left_03{
    background:url(../img/left_menu_icon_small_03_off.png) no-repeat 20px center;
}
.aside .lnb .left_menu_toggle_trigger.active.left_03{
    background:#382b38 url(../img/left_menu_icon_small_03_on.png) no-repeat 20px center;
}
.aside.compact .lnb .left_menu_toggle_trigger.left_03{
    background:url(../img/left_menu_icon_03_off.png) no-repeat center 27px;
}
.aside.compact .lnb .left_menu_toggle_trigger.active.left_03{
    background:#382b38 url(../img/left_menu_icon_03_on.png) no-repeat center 27px;
}
.aside .lnb .left_toggle_sub_menu{
    display:none;
    margin-top:-14px;
    padding:0 20px 13px 44px;
    border-bottom:1px solid #6e646f;
    background-color: #382b38;
}
.aside .lnb .left_menu_toggle_trigger.active + .left_toggle_sub_menu{
    display:block;
}
.aside.compact .lnb .left_menu_toggle_trigger.active + .left_toggle_sub_menu{
    position:absolute;
    left:48px;
    width:160px;
    min-height:99px;
    margin:0;
    padding:12px 20px;
    border:none;
    background-color:#382b38;
}
.aside.compact .lnb .left_menu_toggle_trigger.active.left_01 + .left_toggle_sub_menu{
    top:1px;
}
.aside.compact .lnb .left_menu_toggle_trigger.active.left_02 + .left_toggle_sub_menu{
    top:100px;
}
.aside.compact .lnb .left_menu_toggle_trigger.active.left_03 + .left_toggle_sub_menu{
    top:200px;
}
.aside .lnb .left_toggle_sub_menu li{
    padding:7px 0 7px 16px;
    line-height:15px;
    text-indent:-16px;
}
.aside .lnb .left_toggle_sub_menu li em {
    display:inline-block;
    width:11px;
    height:12px;
    margin-right:8px;
    background:url(../img/button_images/icon_delete.png) no-repeat;
    vertical-align:-1px;
    cursor:pointer;
}
.aside .lnb .left_toggle_sub_menu li:hover em,
.aside .lnb .left_toggle_sub_menu li.active em {
	background:url(../img/button_images/icon_delete_on.png) no-repeat;
}
.aside .lnb .left_toggle_sub_menu li a {
    padding:7px 0;
    color:#fff;
}
.aside .lnb .left_toggle_sub_menu li img {
    vertical-align:-1px;
    cursor:pointer;
}
.aside .lnb .left_toggle_sub_menu li span {
    position:relative;
    padding:7px 0;
    color:#9f999f;
}
/* .aside .lnb .left_toggle_sub_menu li:hover em,
.aside .lnb .left_toggle_sub_menu li.active em {
    background-position:0 -12px;
}  */
.aside .lnb .left_toggle_sub_menu li:hover a,
.aside .lnb .left_toggle_sub_menu li.active a {
    color:#b6e565;
}
.aside .lnb_container{
    position:relative;
    overflow-y:auto;
    width:100%;
}
.aside .lnb_container .lnb {
    position:relative;
    min-height:100%;
    padding-bottom:414px;
}
.aside.compact .lnb_container{
    overflow:visible !important;
}
.aside.compact .lnb_container .ps-scrollbar-y-rail{
    display:none;
}
.aside.compact .lnb_container .lnb {
    float:right;
    width:48px;
}
.aside.compact .lnb_container .lnb .left_toggle_sub_menu li span {
    display:block;
    height:61px;
    padding:40px 0 0 0;
    background:url(../img/icon/icon_n_cont.png) no-repeat 30px 6px;
}

/* right container */
#right_container_wrapper{
    width:100%;
    min-width:1232px;
    height:100%;
    min-height:800px;
}
aside ~ #right_container_wrapper {
    width: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
    width: -moz-calc(100% - 48px);
    margin-left:48px;
}
#right_container_wrapper > .page_info {
    display:none;
}

/* header */
header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    min-width:1265px;
    z-index:1000;
}
header .metis_container{
    width:100%;
}
.gnb{
    width: 100%;
    height: 60px;
    padding-left: 48px;
    background: #443645;
}
.gnb h1 {
    position:relative;
    float:left;
    margin-top:13px;
    color:#fff;
    font-size:22px;
    cursor:pointer;
    z-index:1002;
}
.gnb h1 a {
    display:inline-block;
    vertical-align:-5px;
}
.gnb h1 span {
    position:relative;
    display:inline-block;
    width:95px;
    height:36px;
    margin-right:25px;

    font-size:0;
    line-height:0;
    vertical-align:middle;
}
.gnb h1 span:after {
    content:'';
    position:absolute;
    right:-16px;
    top:7px;
    width:1px;
    height:20px;
    background:#9f999f;
}
.gnb .menu-control {
    float:right;
    width:60px;
    height:60px;
    background:url("/METIS/img/btn_common_menu.gif") no-repeat;
    font-size:0;
    line-height:0;
}

.gnb .dropdown_content{
    display: none;
    position:absolute;
    top:60px;
    left:-48px;
    width: calc(100% + 48px);
    width: -webkit-calc(100% + 48px);
    width: -moz-calc(100% + 48px);
    padding:0;
    background:#fff;
    font-size:0;
    text-align:center;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index:1003;
}
.gnb .dropdown_content:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:70px;
    background:#eee;
}
.gnb .dropdown_content .menu_inner {
    overflow:hidden;
}
.gnb .dropdown_content .menu_inner > div{
    position:relative;
    display:inline-block;
    padding:67px 30px 40px;
    text-align:left;
    vertical-align:top;
    z-index:2;
}
.gnb .dropdown_content .menu_inner > div.para_2nd {
    padding-right:60px;
}
.gnb .dropdown_content .menu_inner > div.para_2nd:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:400%;
    background:#ccc;
}
.gnb .dropdown_content .menu_inner > div.para_2nd:after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:1px;
    height:400%;
    background:#ccc;
}
.gnb .dropdown_content h4 {
    position:absolute;
    top:25px;
    left:30px;
    color:#fd785f;
    font-size:22px;
    font-weight:500;
}
.gnb .dropdown_content ul li {
    padding-left:14px;
    background:url("/METIS/img/icon/bl_tooltip.png") no-repeat left center;
    color:#222;
    font-size:14px;
    line-height:28px;
    cursor:pointer;
}
.gnb .dropdown_content ul li.dropdown_section {
    margin-top:27px;
    padding:0;
    background:none;
    font-size:18px;
    font-weight:500;
}
.gnb .dropdown_content ul li.dropdown_section + li:not(.dropdown_section){
    margin-top:7px;
}
.gnb .dropdown_content ul li.dropdown_section + .dropdown_section{
    margin-top:30px;
}
.gnb .dropdown_content ul li.submenu + li:not(.submenu){
    margin-top:15px;
}
.gnb .dropdown_content ul li.submenu {
    background:none;
    color:#666;
    font-size:13px;
    line-height:26px;
}
.gnb .dropdown_content .close_popup {
    position:absolute;
    top:-60px;
    right:0;
    cursor:pointer;
}
.gnb .gnb_menu{
    position:relative;
    float:right;
    padding-right:14px;
}
.gnb .gnb_menu:after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    width:1px;
    height:16px;
    margin-top:-8px;
    background:#9f999f;
}
.gnb .gnb_menu li{
    float:left;
}
.gnb .gnb_menu li a {
    position:relative;
    display:block;
    width:33px;
    height:60px;
    padding-top:19px;
    text-align:center;
}
.gnb .gnb_menu li:nth-child(2) a {
	background:url("/METIS/img/right_head_click_03.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(3) a {
	background:url("/METIS/img/right_head_click_05.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(4) a {
	background:url("/METIS/img/right_head_click_07.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(5) a {
	background:url("/METIS/img/right_head_click_09.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(6) a {
	background:url("/METIS/img/right_head_click_12.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(7) a {
	background:url("/METIS/img/right_head_click_11.png") no-repeat center;
} 

.gnb .gnb_menu li:nth-child(2) .new_effect {
	background:url("/METIS/img/right_head_03.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(3) .new_effect {
	background:url("/METIS/img/right_head_05.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(4) .new_effect {
	background:url("/METIS/img/right_head_07.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(5) .new_effect {
	background:url("/METIS/img/right_head_09.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(6) .new_effect {
	background:url("/METIS/img/right_head_12.png") no-repeat center;
}
.gnb .gnb_menu li:nth-child(7) .new_effect {
	background:url("/METIS/img/right_head_11.png") no-repeat center;
}
.gnb .gnb_menu li a span {
    display:none;
    position:absolute;
    left:-16px;
    bottom:-30px;
    width:66px;
    height:42px;
    padding-top:10px;
    border:2px solid #000;
    background:#fff;
    font-size:13px;
    z-index:2;
}
.gnb .gnb_menu li a:hover span {display:block;}

/* 아코디언 메뉴 */
.gnb .para_3rd_line3 .accordion {}
.gnb .sub-accordion {display:none;}
.gnb .sub-accordion .submenu {padding-left:13px;}
.gnb .dropdown_content .main-accordion {background:none; padding-left:0;}
.gnb .dropdown_content .main-accordion span {margin-right:8px;}
.gnb .dropdown_content .main-accordion span img {transform:rotate(90deg);}
.gnb .dropdown_content .active span img {transform:rotate(-90deg);}
.gnb .dropdown_content .main-accordion2 {background:none; padding-left:0;}
.gnb .dropdown_content .main-accordion2 span {margin-right:8px;}
.gnb .dropdown_content .main-accordion2 span img {transform:rotate(90deg);transform:-webkit-rotate(90deg);transform:-moz-rotate(90deg);}
.gnb .dropdown_content .active span img {transform:rotate(-90deg);transform:-webkit-rotate(90deg);transform:-moz-rotate(90deg);}

.gnb .search_common{float:right;}
.gnb .search_common .search-btn {
    display:block;
    width:60px;
    height:60px;
    margin-right:8px;
    background:url("/METIS/img/btn_search_common.png") no-repeat center;
    font-size:0;
    line-height:0;
}
.gnb .search_common .search_inner {
    display:none;
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    min-width:1280px;
    height:62px;
    padding:17px 17px 0 0;
    background:#624762;
}
.gnb .search_common .search_inner > div {float:right;}
.gnb .search_common .search-select {
    position:relative;
    float:left;
}
.gnb .search_common .search-select a {
    position:relative;
    display:block;
    width:240px;
    height:28px;
    padding:3px 8px;
    border:1px solid #ccc;
    background:#fff;
}
.gnb .search_common .search-select a:after {
    content:'';
    position:absolute;
    top:50%;
    right:8px;
    width:9px;
    height:5px;
    margin-top:-3px;
    background:url('/METIS/img/icon/bl_search.png') no-repeat;
}
.gnb .search_common .search-select ul {
    display:none;
    position:absolute;
    top:27px;
    left:0;
    width:100%;
    border:1px solid #ccc;
    background:#fff;
}
.gnb .search_common .search-select ul li {
    border-top:1px solid #e0e0e0;
    line-height:0;
}
.gnb .search_common .search-select ul li:first-child {border:none;}
.gnb .search_common .search-select ul li label.metis-checkbox-label {
    width:100%;
    padding:4px 0 4px 33px;
}
.gnb .search_common .search-select ul li label.metis-checkbox-label:hover {
    background:#fbeeeb;
    color:#222;
}
.gnb .search_common .search-select ul li label.metis-checkbox-label:before,
.gnb .search_common .search-select ul li label.metis-checkbox-label:after {
    top:4px;
    left:8px;
}
.gnb .search_common .search-radio {float:left;}
.gnb .search_common .search-radio label {
    margin:5px 0 0 28px;
    color:#fff;
}
.gnb .search_common .search_inner > div > input {
    float:left;
    width:293px;
    margin-left:30px;
}
.gnb .search_common .search_inner > div > button {
    float:left;
    margin-left:8px;
}
.gnb .search_common .search-close {
    float:left;
    width:28px;
    height:28px;
    margin-left:6px;
    background:url('/METIS/img/button_images/btn_search_close.png') no-repeat;
    font-size:0;
    line-height:0;
}
.gnb .login-count {
    float:right;
    margin:20px 13px 0 0;
    padding-left:25px;
    background:url("/METIS/img/icon/icon_login_count.png") no-repeat left center;
    color:#d67766;
    font-size:13px;
}
.gnb .login-count strong {
    font-weight:300;
}
.gnb .login-count a {
    display:inline-block;
    margin-left:10px;
    padding:0 5px;
    border:1px solid #fd785f;
    color:#fd785f;
    line-height:20px;
}
.page_info{
    float:left;
    margin:21px 0 0 20px;
    color:#9f999f;
}
.page_info ol li{
    float:left;
    margin-right:10px;
}
.page_info ol li:nth-child(2n+2){
    width:5px;
    height:20px;
    background:url("/METIS/img/icon/bl_location.png") no-repeat center;
    font-size:0;
    line-height:0;
}
.page_info ol li.page_info_category:last-child{
    color:#ccc;
}
.page_info .local_time{
    display:none;
}
/* 검색영역 */
.search_container {
    position:relative;
    overflow:hidden;
    padding:16px;
    background:#f5e9d5;
    color:#333;
    clear:both;
}
.left_search_container {
	position:absolute;
	background:#f5e9d5;
	padding:0 16px;
	height:60.5px;
}
.search_container form{display:inline-block;}
.search_container .search-tit {
    display:inline-block;
    margin-left:27px;
    color:#222;
    font-size:14px;
    font-weight:500;
    white-space:nowrap;
    vertical-align:middle;
}
.search_container .search-tit label {font-weight:500 !important;}
.search_container .btn-init {
    width:28px;
    height:28px;
    background:#fff url("/METIS/img/button_images/btn_init.png") no-repeat center !important;
}
.search_container .btn-delete {
    width:28px;
    height:28px;
    background:#fff url("/METIS/img/button_images/icon_delete03.png") no-repeat center !important;
}
.search_container .btn-arrow-right {
    width:28px;
    height:28px;
    background:#fff url("/METIS/img/icon/bl_arrow_right02.png") no-repeat center !important;
}
.search_container .metis-radiobox-label {margin-right:15px;}
.search_container select {min-width:120px;}
.search_container [class^="date_picker_container"],
.search_container select,
.search_container input{margin-left:7px;}
.search_container input[type="checkbox"],
.search_container input[type="radio"]{
    height:auto;
    margin:0;
}
.search_container button {margin-left:3px;}
.search_container .file_path{background-color:#f5f5f5;}
.search_container input[type="submit"],
.search_container input[type="button"] {height:28px;}
.search_container .search-tit:first-child,
.search_container .input_separator + [class^="date_picker_container"],
.search_container .input_separator + input {margin-left:0;}
.search_container .main_right_btm {
    position:absolute;
    right:16px;
    bottom:16px;
}
.main_right_top{
    position:absolute;
    right:16px;
    top:16px;
}
.btn_search{
    width: 86px;
    background: #9ba66a !important;
    color: #fff;
    border: none;
    min-width: 70px;
}
.btn_dark{
    width: 86px;
    color: #ffffff;
    background: #5e656b;
    border: none;
    min-width: 70px;
}
.btn_green{
    width: 86px;
    color: #ffffff;
    background-color: #6aa697;
    border: none;
    min-width: 70px;
}
.btn_light_green{
    color:#2C90A7;
    background-color:#A3E1D4;
    min-width: 70px;
}

.btn_light_red{
    color:#ffffff;
    background-color:#Fc8675;
    min-width: 70px;
}

.sub_title{
    display:inline-block;
    margin:10px 0 0 10px;
    font-size:14px;
    color:#fd785f;
}
.metis-title{
    display:inline-block;
    float:left;
    font-size:16px;
    font-weight:bold;
    margin:10px 0 5px 15px;
}
.main_right_top button.btn_green{
    background-color: #6aa697;
}
.left_title{
    float:left;
    font-size:16px;
    font-weight:bold;
    margin: 45px 0 0 30px;
}
.left_title.small{
    font-size:13px;
    margin-top:30px;
}

.left_tab{
    float: left;
    max-width: calc(100% - 445px);
    max-width: -webkit-calc(100% - 400px);
    max-width: -moz-calc(100% - 445px);
    margin:24px 0 15px 0;
}
.left_tab li{
    float:left;
    min-width:80px;
    height:34px;
    margin:6px 6px 0 0;
    padding:0 10px;
    border:1px solid #333;
    background:#fff;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
}
.left_tab li div{
    display:inline-block;
    margin-top:5px;
    color:#151515;
    font-size:14px;
    vertical-align:middle;
}
.left_tab li img{
    margin:7px 0 0 8px;
}
.left_tab li > .img_division{
    width:1px;
    height: 45px;
    opacity: 0.5
}
.left_tab .btn_print{
    margin-left: 15px;
}
.right_tab{
    float:right;
    margin:24px 0 15px 0;
}

/* 탭메뉴와 일직선 상에 있는 버튼 */
.loan_right_tab {
	position:absolute;
	right:1.6em;
	margin:0;
}
.loan_left_tab {
	position:absolute;
	left:5.3em;
	margin:0;
}
.right_tab li{
    float:left;
    min-width:80px;
    height:34px;
    margin:6px 0 0 6px;
    padding:0 10px;
    border:1px solid #333;
    background:#fff;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
}
.loan_right_tab li {
	margin-top:0px;
}
.right_tab li div{
    display:inline-block;
    margin-top:5px;
    color:#000;
    font-size:14px;
    vertical-align:middle;
}
.right_tab li img{
    margin:7px 0 0 8px;
}
.right_tab li > .img_division{
    width:1px;
    height: 45px;
    opacity: 0.5
}
.right_tab .btn_print{
    margin-left: 15px;
}
.left_tab li.btn-delete,
.right_tab li.btn-delete {
    min-width:auto;
    padding:0;
}
.metis_container > .left_tab:first-child,
.metis_container > .right_tab:first-child,
.metis_container > .left_tab:first-child + .right_tab {margin-top:0;}
.left_tab.absolute-r-t,
.right_tab.absolute-r-t,
.left_tab.absolute-r-t li,
.right_tab.absolute-r-t li {margin-top:0;}
.division{
    vertical-align: 12px;
}


/* main */
main .metis_container{
    overflow:hidden;
    width:100%;
    padding:40px 20px 20px;
}
aside ~ #right_container_wrapper main .metis_container{
    padding:80px 20px 20px;
}
.table_container{
    position:relative;
    width:100%;
    overflow:hidden;
}

//22-08-22 배미경추가 목록완성-mark수정-청구기호조사 에서 스크롤바 보이도록 수정
#CallNoDuplicateCheckList{
	width: 100%; 
	overflow: scroll;
}
#CallNoDuplicateCheckListWrap{
	width: 110%;	/*1000px;*/
}


.table_container .table-responsive {border:none; margin:0;}
.table_container table{
    border-collapse: collapse;
    text-align: center;
    background-color: white;
}
.table_container table thead *{
    text-align:center;
}
.modal-table-container table thead *{
    white-space: nowrap; overflow: hidden;
    text-align: center;
}
.modal-table-container table thead th,
.modal-table-container table thead th.active,
.modal-table-container table thead th div,
.table_container table thead th,
.table_container table thead th.active,
.table_container table thead th div{
    /*height: 38px;*/
    background-color: #888;
    color: #fff;
}
/* Bootstrap Override */
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active {
    background-color:transparent;
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: rgba(47,177,234,0.15);
}

.table_container table thead th{
    height:30px;
    padding:0;
    border-right:1px solid #fff !important;
    font-size:14px;
    font-weight:500;
    vertical-align:middle;
}

/*.table_container table thead th:last-child,
.table_container table tbody td:last-child {border-right:none !important;}*/
.table_container table td{
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
}
.table_container table#table_contents tr:hover{
    background-color: rgba(47,177,234,0.15);
}
table#table_contents thead th{
    border-right:solid 1px #757575;
}

.table_left_menu{
    background-color: #dadada;
    color:#000000;
}
.table_text_center{
    text-align: center;
}
.metis_pagination{
    position: relative;
    height:50px;
    text-align: center;
}
.metis_pagination .search_filter span {
    display:block;
    padding-left:23px;
    background:url("/METIS/img/icon/icon_total.gif") no-repeat;
    color:#222;
    font-size:18px;
    font-weight:300;
    line-height:18px;
}
.metis_pagination .search_filter span em{
    color:#74a20b;
    font-weight:500;
    font-style:normal;
}
.metis_pagination .previous img {
    margin: 0 12px 0 24px;
}
.metis_pagination .next img {
    margin: 0 24px 0 12px;
}
.metis_pagination .metis_pagination_bottom span{
    color:#222;
    font-size:15px;
    cursor:pointer;
}
.metis_pagination .metis_pagination_bottom span.goto,
.metis_pagination .metis_pagination_bottom span.page{
    display:inline-block;
    width:30px;
    height:30px;
    background-color:#f0f0f0;
    line-height:30px;
    margin:0 2px;
    font-weight:300;
    vertical-align:middle;
}
.metis_pagination .metis_pagination_bottom span.goto {
    margin:0 5px;
    background:url('../img/button_images/btn_paging.png') no-repeat;
    font-size:0;
    line-height:0;
}
.metis_pagination .metis_pagination_bottom span.goto.first {
    background-position:left top;
}
.metis_pagination .metis_pagination_bottom span.goto.prev {
     margin-right:10px;
    background-position:left -30px;
}
.metis_pagination .metis_pagination_bottom span.goto.next {
    margin-left:10px;
    background-position:left -60px;
}
.metis_pagination .metis_pagination_bottom span.goto.last {
    background-position:left -90px;
}

/*.metis_pagination span.page:hover,.metis_pagination span.page:focus,
.metis_pagination span.goto:hover,.metis_pagination span.goto:focus{
    background-color:#b5b9c1;
}*/

.metis_pagination .metis_pagination_bottom span.cur_page{
    background-color:#e5ecca;
    color:#73a208;
    font-weight:500;
}
.metis_pagination span + img{
    margin: 0 4px -2px 25px;
}
.metis_pagination span + img + span{
    margin-right: 10px;
}
.metis_pagination select{
    width: 126px;
    height: 25px;
    background: #fff;
    color: #637484;
    font-size: 12px;
}
.search_filter{
    position:absolute;
    float: left;
    margin-top:25px;
}
.metis_pagination_bottom{
    display: inline-block;
    line-height: 30px;
    text-align: center;
}
.metis_pagination_bottom a{
    padding: 0 12px;
    cursor:pointer;
}
.metis_pagination_bottom a:hover{
    color:#888;
}
.metis_pagination_bottom a.current{
    font-weight: bolder;
}
.records_per_page{
    float: right;
    margin: 5px 15px 5px;
}

#table_contents th {
    white-space:nowrap;
}

.table_style_title{
    height: 30px;
    line-height: 28px;
    background-color: #888;
    color: #fff;
    font-weight:500;
}

/* input box */
.metis-input-group{
    border: 1px solid #DADADA;
    margin-right:10px;
    width:95%;
}
.metis-input-group .metis-input-name{
    float:left;
    width:50%;
    height:27px;
    line-height:27px;
    color: #2C90A7;
    background-color:#A3E1D4;
    font-size:13px;
    text-align:center;
}
.metis-input-group .metis-input-box{
    float:left;
    width:50%;
    border:none;
    padding-left:10px;
}

/* modal */
/* modal vertical-align center */
.modal {
    text-align: center;
}
.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal-dialog {
    display: inline-block;
    width: 1300px;	/*미디어 쿼리로 수정함*/
    text-align: left;
    vertical-align: middle;
}

/* 해상도가 낮은경우 1200으로 띄워야 화면이 깨지지 않아 추가함 2019/12/03 권명호 */
@media all and (max-width:1440px){
    .modal-dialog {
	    display: inline-block;
	    width: 1200px;	
	    text-align: left;
	    vertical-align: middle;
	}
}

.metis-modal-header{
    padding:30px 40px 0 40px;
    border:none;
    color:#fff;
    cursor:pointer;
}

.metis-modal-dialog .modal-body{
    padding:0 40px 15px;
}

.metis-modal-dialog .modal-footer{
    padding:15px 40px 40px;
    border:none;
}
.metis-modal-dialog .modal-header .close{
    width:22px;
    height:22px;
    margin-top:8px;
    background:url("/METIS/img/button_images/btn_close.png") no-repeat center;
    opacity:1;
    font-size:0;
    line-height:0;
}
.metis-modal-header .modal-title{
    padding-bottom:15px;
    color:#fd785f;
    font-size:26px;
    font-weight:500;
}

.sub-title,
.metis-modal-dialog .modal-sub-title{
    display:inline-block;
    color:#222;
    font-size:22px;
    font-weight:500;
    margin-bottom:15px;
}
.modal-sub-title2 {
	display:inline-block;
    color:#222;
    font-size:16px;
    font-weight:400;
    margin-left:-11px;
}
.modal-sub-title3 {
	display:inline-block;
    color:#222;
    font-size:16px;
    font-weight:400;
}

/*19.09.23 이현주 - 익스플로러 모달창 투명해지는 문제 때문에 추가. 
					부트스트랩 css 파일에서 main.css 으로 변경*/
.modal.ie{
    -webkit-transition:opacity .05s linear !important;
	-o-transition:opacity .05s linear !important;   
	transition:opacity .05s linear !important;
	opacity:1;
} 

/* 
version2 > .fade & .fade.in 대신 .modal.ie & .modal.ie.in이 적용되어 
			opacity transition 속도 낮추는걸 원했지만 똑같이 흐려지는 경우 발생 .
			 
.modal.ie{
    -webkit-transition:opacity .02s linear;
	-o-transition:opacity .02s linear;   
	transition:opacity .02s linear;
	opacity:0;
}

.modal.ie.in{ 
	opacity:1 !important;
	
} */

 
/* 기본?�역???�는 ?�이�?*/
.metis-modal-dialog .metis-modal-box table.dataTable tbody tr th:first-child,
.metis-modal-dialog .metis-modal-box table.dataTable tbody tr td:first-child{
    border-left:none;
}
.metis-modal-dialog .metis-modal-box table.dataTable tbody tr th:last-child,
.metis-modal-dialog .metis-modal-box table.dataTable tbody tr td:last-child{
    border-right:none;
}
.metis-modal-dialog .metis-modal-box .metis_pagination{
    border:none;
    border-bottom:solid 1px #DADADA;
}
.modal-table-container{
    position:relative;
    width:100%;
    background-color:#fff;
    overflow:hidden;
}

.modal-scroll-y-container{
    position:relative;
    width:100%;
    height:100%;
}
.alert-pop {
    width:410px;
}
.alert-pop .modal-title {
    border-bottom:1px solid #aaa;
}
.alert-pop .modal-body {
    padding-top:25px;
    text-align:center;
}
.alert-pop .modal-footer {
    text-align:center;
}

/* detail-search-modal */
#detail_search_modal .metis-modal-dialog{
    width:1200px;
}
#detail_search_modal .metis-col-helper{
    display:inline-block;
    min-height:450px;
}
#detail_search_modal .detail-search-small-box{
    min-width:150px;
    min-height:175px;
    background-color:#fff;
    padding-top:10px;
    padding-bottom:10px;
}
#detail_search_modal .row{
    padding-top:5px;
    padding-bottom:5px;
}
#detail_search_modal .col-xs-9{
    height:27px;
}
.detail-search-small-box .row{
    line-height:25px;
    padding-top:5px;
    padding-bottom:5px;
}
.detail-search-small-box .detail-box-sub-title{
    padding-left:10px;
    white-space:nowrap;
}
.detail-search-small-box input{
    margin-top:0;
}
.detail-search-small-box input[type=checkbox].metis-checkbox + label.metis-checkbox-label{
    float:right;
}
.metis-modal-box .row:not(:last-child){
    padding-bottom:5px;
}
.no-row-padding .row{
    padding:0;
}
.metis-modal-box{
    width:100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#fff;
    border:1px solid #cfcfcf;
}
.metis-modal-box.bg_gray{
    background-color: #f3f3f5;
}
.date_picker_container_time,
.date_picker_container{
    position:relative;
    display:inline-block;
    width:110px;
    height:28px;
    border:1px solid #ccc;
    background-color:#fff;
}
.date_picker_container_time {width:160px;}
.date_picker_container.full-width{
    width:95%;
}
.metis-modal-box .width-20{
    width: 20px !important;
}
/*.date_picker_container .time_picker,*/
.date_picker_container .date_picker,
.date_picker_container_time .date_picker{
    display:inline-block;
    width:100%;
    min-width:auto;
    height:100% !important;
    padding:0 33px 2px 7px;
    margin:0;
    border:none;
    cursor:pointer;
}
.date_picker_container .date_picker:focus,
.date_picker_container_time .date_picker:focus{
    outline:none;
}

.date_picker_container .date_picker_label,
.date_picker_container_time .date_picker_label{
    position:absolute;
    right:0;
    top:0;
    width:33px;
    height:100%;
    line-height:22px;
    margin:0;
    padding:0;
    text-align:center;
    cursor:pointer;
}

.picker_custom{
	width:168px;
}

.detail-box-sub-title{
    height:27px;
    line-height: 27px;
    padding-left:15px;
    font-size:14px;
    white-space:nowrap;
    font-weight:500;
    color:#222;
}
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_container{
    float:left;
    display:inline-block;
    width:45%;
    height:27px;
    color: #637484;
    border: 1px solid #b7b7b7;
    background-color:#fff;
}
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_container .date_picker{
    display:inline-block;
    float:left;
    height:100%;
    border:none;
    background-color:transparent;
    cursor: pointer;
}
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_container .date_picker{
    padding-left:10px;
    width:80%;
}
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_container .date_picker:focus,
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_container_time .date_picker:focus{
    outline:none;
}
#book_holograph_wish_data_manage_mail_manage_modal .input_separator{
    float: left;
    line-height: 27px;
    padding:0 5px 0 5px;
}
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_container .date_picker_label{
    display:inline-block;
    float:left;
    width:20%;
    height:100%;
    line-height:25px;
    margin:0;
    padding:0;
    text-align:center;
    cursor: pointer;
}
#book_holograph_wish_data_manage_mail_manage_modal .date_picker_label{
    display:inline-block;
    float:left;
    width:20%;
    margin:0;
    padding:0 10px 0 10px;
    text-align:right;
    cursor: pointer;
}
.input_separator{
    display:inline-block;
    width:20px;
    text-align:center;
    vertical-align:middle;
}
.metis-modal-box .delayed_date{
    width:36%;
    margin-right:3px;
    padding-right:10px;
    color: #637484;
    border: 1px solid #b7b7b7;
    text-align:right;
}
.metis-modal-box .delayed_date:not(:first-child){
    margin-left:8px;
}
.full-w-input,
.full-w-select{
    float:left;
    /*width: 95%;*/
    width: calc(100% - 15px);
    width: -webkit-calc(100% - 15px);
    width: -moz-calc(100% - 15px);
    height: 28px;
    color: #637484;
    text-align:left;
    padding-left:5px;
}
.one-third-w-select,
.half-w-select,
.full-w-select{
    border: 1px solid #ccc;
}
.metis-modal-box .full-w-select .caret{
    float: right;
    margin-top: 8px;
}
.metis-modal-box .full-w-select + .dropdown-menu{
    width:95%;
}
.one-third-w-input,
.half-w-input,
.full-w-input{
    border: 1px solid #DADADA;
}
.half-w-input,
.half-w-select{
    float:left;
    width:45%;
    height: 27px;
    padding-left:10px;
    color: #637484;
}

.metis-modal-box .one-third-w-input,
.metis-modal-box .one-third-w-select{
    float:left;
    width:28.33333333%;
    padding-left:10px;
    color: #637484;
    height: 27px;
}
.metis-modal-dialog .print_type_title{
    float:left;
    width:18.33333333%;
    font-size:13px;
    line-height:34px;
    text-align:center;
}
#detail_search_modal .metis-btn-io{
    float:left;
    width:33.33333333%;
    text-align:center;
}
#detail_search_modal .metis-btn-io img{
    margin-right:10px;
    margin-left:-10px;
}
.metis-modal-dialog .print_type_select{
    float:left;
    width:46.33333333%;
    height:34px;
    line-height:34px;
    margin: 0 1%;
    background-color:#fff;
    border: 1px solid #b7b7b7;
    color: #637484;
    text-align:left;
}
.metis-modal-dialog .print_type_select .caret{
    float:right;
    margin-top:13px;
}
.metis-modal-dialog .print_type_select + .dropdown-menu{
    margin-left: 18.33333333%;
    width: 46.33333333%;
}
.metis-slim-btn-default{
    height:27px;
    line-height:27px;
}
.metis-btn-default-color{
    color:#000;
    background-color:#fff;
    border:solid 1px #DADADA;
}
.metis-btn-default{
    height:34px;
    line-height:34px;
    color:#000;
    background-color:#fff;
    border:solid 1px #DADADA;
    vertical-align:middle;
    vertical-align:middle;
}
.metis-btn-action{
	height: 34px;
    color:#fff;
    font-size:14px;
    background: #fd785f !important;
    border: none;
    vertical-align:middle;
}
.metis-btn-action1{
 	height: 34px;
    color:#fff;
    background: #6DBCFF !important;
    border: none;
    vertical-align:middle;
}

.metis-btn-action2{
   	height: 34px;
    color:#fff;
    background: #89a741 !important;
    border: none;
    vertical-align:middle;
}
.metis-btn-close{
	height:34px;
    color:#fff;
    font-size:14px;
    background: #544a55 !important;
    border:none;
    vertical-align:middle;
}
.metis-btn-io{
	height: 34px;
    /* width: 86px; */
    color:#fff;
    background: #fd785f;
    border: none;
    vertical-align:middle;
}

.metis-btn-green{
    line-height: 34px;
    color: #ffffff;
    background-color: #a1be68;
    padding:0 15px 0 15px;
}

.metis-btn-purple{
    line-height: 34px;
    color: #ffffff;
    background-color: #a8a2d3;
    padding:0 15px 0 15px;
}
.metis-btn-default,
.metis-btn-close,
.metis-btn-action,
.metis-btn-io{
    white-space:nowrap;
}
.metis-modal-dialog .metis-btn-default,
.metis-modal-dialog .metis-btn-close,
.metis-modal-dialog .metis-btn-action,
.metis-modal-dialog .metis-btn-io{
    padding:0 15px 0 15px;
}
.metis-border-morning-glory-thin{
    border: solid 1px #96D1DF;
}
.metis-emp-border{
    border: solid 3px #5864eb;
}
.metis-emp-border-thin {
    border:solid 1px #6DBCCE;
}
.metis-bg-white{
    background-color:#fff;
    border-left: 1px solid #dadada;
    border-right:1px solid #dadada;
}
.metis-bg-gray{
    background-color:#F3F3F4;
}
.metis-bg-iron{
    background-color:#d3d7da;
}
.metis-bg-dark-iron{
    background-color:#caced1;
}
.metis-bg-dark-gray{
    background-color:#B9C2C9;
}
.metis-bg-light-green{
    background-color: #a6cdd5;
}
.metis-bg-green{
    background-color:#86bdc8;
}
.metis-bg-dark-green{
    background-color:#79b4c0;
}
.metis-bg-half-baked{
    background-color:#85bec9;
}
.metis-bg-sinbad{
    background-color:#a6ccd5;
}
.metis-bg-neptune{
    background-color:#6eadbc;
}
.metis-bg-glacier{
    background-color:#79b4c0;
}
.metis-bg-morning-glory{
    background-color:#94c3cd;
}

/*19.09.02 이현주 추가 - 로딩화면 중단 버튼*/
.loading-btn-io{
	height: 30px;
    width:  86px; 
    color:  #fff;
    /* background : #A0926B; */
    /* background : #CE723D; */
    /* background : #CCA63D; */
    background : #CC723D;
    border: none;
    vertical-align:middle;	
}

/* metis check-box , radio-box */
input[type=radio].metis-radiobox,
input[type=checkbox].metis-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=radio].metis-radiobox + label.metis-radiobox-label,
input[type=checkbox].metis-checkbox + label.metis-checkbox-label {
    position:relative;
    min-height:18px;
    margin-bottom:0;
    padding-left:26px;
    font-weight:300;
    line-height:17px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].metis-checkbox + label.metis-checkbox-label:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:1px solid #ccc;
    background:#fff;
}

input[type=checkbox].metis-checkbox:checked + label.metis-checkbox-label:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    background:url('../img/img_checkbox.png') no-repeat center;
}
input[type=checkbox].metis-checkbox:disabled + label.metis-checkbox-label:before {
   background-color:#f5f5f5;
}
input[type=radio].metis-radiobox + label.metis-radiobox-label:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:1px solid #ccc;
    background:#fff;
    border-radius:100%;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
}
input[type=radio].metis-radiobox:checked + label.metis-radiobox-label:before {
    background:#fff url('../img/img_radiobox.png') no-repeat center;
}
input[type=radio].metis-radiobox:disabled + label.metis-radiobox-label:before {
    background:#f5f5f5;
}
input[type=radio].metis-radiobox:checked:disabled + label.metis-radiobox-label:before {
   background:#f5f5f5 url('../img/img_radiobox.png') no-repeat center;
}
input[type=radio].metis-radiobox:disabled + label.metis-radiobox-label,
input[type=checkbox].metis-checkbox:disabled + label.metis-checkbox-label {
    cursor:not-allowed;
}
input[type=radio].metis-radiobox.essential_filed + label.metis-radiobox-label:before,
input[type=checkbox].metis-checkbox.essential_filed + label.metis-checkbox-label:before {
    border:1px solid #fd785f;
}
label.metis-radiobox-label,
label.metis-checkbox-label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.small_label{
    font-weight:normal;
    font-size:13px;
}

.text_user_level_blue{
    color: #6ebdce;
    font-size: 15px;
    font-weight: bold;
}
.text_info_box .detail_info{
    font-size:30px;
    text-align:center;
}
.text_height_60{
    line-height: 60px;
}

.text_info_box .title{
    text-align:center;
}


#show_borrow_history_modal .modal-table-container table th,
#show_borrow_history_modal .modal-table-container table td{
    text-align:center;
}

/* ?�용??관�?html */
#all_book_reserve_date_modal .row,
#detail_member_search_modal .row,
#member_info_modify_modal .row{
    padding-top:5px;
    padding-bottom:5px;
}

#member_info_modify_modal .metis-modal-dialog{
    width:600px;
}
#member_data_find_modal .metis-modal-dialog{
    width:800px;
}

/* 공통_?�약?�료 */
#all_book_reserve_date_modal .metis-modal-dialog{
    width:450px;
}
#all_book_reserve_date_modal .date_picker_container{
    width:100%;
}
#all_book_reserve_date_modal .modal-footer{
    text-align:center;
}
#select_reference_room_modal .metis-modal-dialog{
    width:400px;
}
#reserve_book_number{
    width:200px;
}
#common_data_search_modal .row{
    padding-top:5px;
    padding-bottom:5px;
}

/* 공통_책두??*/
.member_borrow_status{
    line-height:60px;
    color:#DD5757;
    font-weight: bold;
}

.metis-textarea{
    float: left;
    width: calc(100% - 5px);
    height: 100%;
    margin: 5px 0;
    resize: none;
    line-height:1.2;
    font-size:13px;
}
#common_find_data_table *{
    text-align:center;
    padding-right: 0;
    padding-left: 0;
}

#common_request_find_have_data_modal .color_sample{
    display:inline-block;
    border:solid 1px #ddd;
    width:40px;
    height:18px;
    vertical-align:middle;
}
#common_request_find_have_data_modal .color_sample.requested{
    background-color:#FFb9a1;
}
#common_request_find_have_data_modal .color_sample.self_have{
    background-color:#fff;
}
#common_request_find_have_data_modal tbody tr.requested{
    background-color:#FFb9a1;
}
#common_sharing_current_info_modal .metis-modal-box{
    padding:0;
    margin:10px 0;
}
#common_sharing_current_info_modal .row .forced-table{
    display:table;
    width:100%;
    padding:0;
    margin:0;
    table-layout: fixed;
}
#common_sharing_current_info_modal .row .table-cell{
    display:table-cell;
    float:none;
    vertical-align:middle;
}
#common_sharing_current_info_modal .library_box{
    text-align:center;
    vertical-align:middle;
}
#common_sharing_current_info_modal .library_box .lib_name{
    margin-top:10px;
    font-size:16px;
}
#common_sharing_current_info_modal .library_box.lib_origin .lib_name{
    color:#01A5F1;
}
#common_sharing_current_info_modal .library_box.lib_dest .lib_name{
    color:#43BA7B;
}
#common_sharing_current_info_modal .sharing_status_title{
    font-size:16px;
}
#common_sharing_current_info_modal .left_green_border{
    border-left:solid 1px #43BA7B;
    text-align:center;
}
#common_sharing_current_info_modal .left_green_border .sharing_status_title{
    color:#43BA7B;
}
#common_sharing_current_info_modal .right_blue_border{
    border-right:solid 1px #01A5F1;
    text-align:center;
}
#common_sharing_current_info_modal .right_blue_border .sharing_status_title{
    color:#01A5F1;
}
/* 책두?�옵??*/
.metis-name-card{
    background-color:#fff;
    padding:5px 0 5px 10px;
    cursor: pointer;
}

/**리스트 마우스 오버*/
.metis-name-card:hover,.metis-name-card:focus{
    background-color:#b5b9c1;
}

.metis-name-card > .row{
    padding:0;
}
.metis-name-card.add_user{
    height:48px;
    line-height:38px;
    text-align: center;
    background-color: #f2f3f4;
    color:#b8b8b8;
    vertical-align: middle;
}
.metis-name-card.add_user .plus{
    font-size:20px;
    margin-left:15px;
    vertical-align: middle;
}

.metis-bottom-menu{
    display:none;
    position:fixed;
    bottom:0;
    width:100%;
    min-width:1232px;
    background:#443645;
    z-index:500;
}
.metis-bottom-menu strong {
    float:left;
    width:62px;
    height:60px;
    font-size:0;
    line-height:0;
    cursor:pointer;
}
.metis-bottom-menu .user-info {background:#f2725a url('../img/icon/icon_bottom_menu.png') no-repeat left -88px;}
.metis-bottom-menu .book-info {background:#f2725a url('../img/icon/icon_bottom_menu.png') no-repeat -62px -88px;}
.metis-bottom-menu ul {
    float:left;
}
.metis-bottom-menu ul li {
    float: left;
    border-right: 1px solid #6e646f;
}
.metis-bottom-menu ul li a {
    display:block;
    min-width:100px;
    height:60px;
    padding:0 15px 0 14px;
    background:#443645;
    color:#a3bb43;
    font-size:14px;
    font-weight:500;
    line-height:60px;
    text-align: center;
}
.metis-bottom-menu ul li a:hover {
    color:#fd785f;
    background:#292329;
}
.metis-bottom-menu ul li a:before {
    content:'';
    display:inline-block;
    width:26px;
    height:22px;
    background:url('../img/icon/icon_bottom_menu.png') no-repeat;
    vertical-align:-6px;
}

.metis-bottom-menu ul li.icon-button01 a:before {background-position:-104px 0;}
.metis-bottom-menu ul li.icon-button01 a:hover:before {background-position:-104px -22px;}
.metis-bottom-menu ul li.icon-button02 a:before {background-position:-52px -44px;}
.metis-bottom-menu ul li.icon-button02 a:hover:before {background-position:-52px -66px;}
.metis-bottom-menu ul li.icon-button03 a:before {background-position:0 -44px;}
.metis-bottom-menu ul li.icon-button03 a:hover:before {background-position:0 -66px;}
.metis-bottom-menu ul li.icon-button04 a:before {background-position:-182px 0;}
.metis-bottom-menu ul li.icon-button04 a:hover:before {background-position:-182px -22px;}
.metis-bottom-menu ul li.icon-button05 a:before {background-position:-78px 0;}
.metis-bottom-menu ul li.icon-button05 a:hover:before {background-position:-78px -22px;}
.metis-bottom-menu ul li.icon-button06 a:before {background-position:-104px -44px;}
.metis-bottom-menu ul li.icon-button06 a:hover:before {background-position:-104px -66px;}
.metis-bottom-menu ul li.icon-button07 a:before {background-position:-26px 0;}
.metis-bottom-menu ul li.icon-button07 a:hover:before {background-position:-26px -22px;}
.metis-bottom-menu ul li.icon-button08 a:before {background-position:-182px -44px;}
.metis-bottom-menu ul li.icon-button08 a:hover:before {background-position:-182px -66px;}
.metis-bottom-menu ul li.icon-button09 a:before {background-position:-26px 0;}
.metis-bottom-menu ul li.icon-button09 a:hover:before {background-position:-26px -22px;}
.metis-bottom-menu ul li.icon-button10 a:before {background-position:-234px -44px;}
.metis-bottom-menu ul li.icon-button10 a:hover:before {background-position:-234px -66px;}

.metis-bottom-menu ul li.icon-button05 {width:125px;}

.metis-bottom-menu ul li.icon-user04 a:before,
.metis-bottom-menu ul li.icon-book09 a:before,
.metis-bottom-menu ul li.icon-book11 a:before {margin-right:5px;}
.metis-bottom-menu ul li.icon-user01 a:before {background-position:0 0;}
.metis-bottom-menu ul li.icon-user02 a:before {background-position:-26px 0;}
.metis-bottom-menu ul li.icon-user03 a:before {background-position:-52px 0;}
.metis-bottom-menu ul li.icon-user04 a:before {background-position:-78px 0;}
.metis-bottom-menu ul li.icon-user05 a:before {background-position:-104px 0;}
.metis-bottom-menu ul li.icon-user06 a:before {background-position:-130px 0;}
.metis-bottom-menu ul li.icon-user07 a:before {background-position:-156px 0;}
.metis-bottom-menu ul li.icon-user08 a:before {background-position:-182px 0;}
.metis-bottom-menu ul li.icon-user09 a:before {background-position:-208px 0;}
.metis-bottom-menu ul li.icon-user01 a:hover:before {background-position:0 -22px;}
.metis-bottom-menu ul li.icon-user02 a:hover:before {background-position:-26px -22px;}
.metis-bottom-menu ul li.icon-user03 a:hover:before {background-position:-52px -22px;}
.metis-bottom-menu ul li.icon-user04 a:hover:before {background-position:-78px -22px;}
.metis-bottom-menu ul li.icon-user05 a:hover:before {background-position:-104px -22px;}
.metis-bottom-menu ul li.icon-user06 a:hover:before {background-position:-130px -22px;}
.metis-bottom-menu ul li.icon-user07 a:hover:before {background-position:-156px -22px;}
.metis-bottom-menu ul li.icon-user08 a:hover:before {background-position:-182px -22px;}
.metis-bottom-menu ul li.icon-user09 a:hover:before {background-position:-208px -22px;}
.metis-bottom-menu ul li.icon-book01 a:before {background-position:0 -44px;}
.metis-bottom-menu ul li.icon-book10 a:before,
.metis-bottom-menu ul li.icon-book02 a:before {background-position:-26px -44px;}
.metis-bottom-menu ul li.icon-book03 a:before {background-position:-52px -44px;}
.metis-bottom-menu ul li.icon-book04 a:before {background-position:-78px -44px;}
.metis-bottom-menu ul li.icon-book05 a:before {background-position:-104px -44px;}
.metis-bottom-menu ul li.icon-book06 a:before {background-position:-130px -44px;}
.metis-bottom-menu ul li.icon-book07 a:before {background-position:-156px -44px;}
.metis-bottom-menu ul li.icon-book08 a:before {background-position:-182px -44px;}
.metis-bottom-menu ul li.icon-book09 a:before {background-position:-208px -44px;}
.metis-bottom-menu ul li.icon-book11 a:before {background-position:-234px -44px;}
.metis-bottom-menu ul li.icon-book12 a:before {background-position:0px 0px;}
.metis-bottom-menu ul li.icon-book13 a:before {background-position:-208px -44px;}
.metis-bottom-menu ul li.icon-book14 a:before {background-position:-234px -44px;}
.metis-bottom-menu ul li.icon-book15 a:before {background-position:-130px -44px;}
.metis-bottom-menu ul li.icon-book01 a:hover:before {background-position:0 -66px;}
.metis-bottom-menu ul li.icon-book10 a:hover:before,
.metis-bottom-menu ul li.icon-book02 a:hover:before {background-position:-26px -66px;}
.metis-bottom-menu ul li.icon-book03 a:hover:before {background-position:-52px -66px;}
.metis-bottom-menu ul li.icon-book04 a:hover:before {background-position:-78px -66px;}
.metis-bottom-menu ul li.icon-book05 a:hover:before {background-position:-104px -66px;}
.metis-bottom-menu ul li.icon-book06 a:hover:before {background-position:-130px -66px;}
.metis-bottom-menu ul li.icon-book07 a:hover:before {background-position:-156px -66px;}
.metis-bottom-menu ul li.icon-book08 a:hover:before {background-position:-182px -66px;}
.metis-bottom-menu ul li.icon-book09 a:hover:before {background-position:-208px -66px;}
.metis-bottom-menu ul li.icon-book11 a:hover:before {background-position:-234px -66px;}
.metis-bottom-menu ul li.icon-book12 a:hover:before {background-position:0px -22px;}
.metis-bottom-menu ul li.icon-book13 a:hover:before {background-position:-208px -66px;}
.metis-bottom-menu ul li.icon-book14 a:hover:before {background-position:-234px -66px;}
.metis-bottom-menu ul li.icon-book15 a:hover:before {background-position:-130px -66px;}

.metis-selectable-box.active{
    border-color: #029ec3;
}

/*구입?�료관�??�정*/
#book_buy_bought_data_manage_rewrite_modal .text_data_state{
    text-align: center;
    font-size:13px;
    color:#343434;
    line-height: 27px;
}
#book_buy_bought_data_manage_rewrite_modal .text_data_state_contents{
    text-align: center;
    font-size:15px;
    color:#000000;
    font-weight: bold;
    line-height: 27px;
}
#book_buy_bought_data_manage_rewrite_modal .back_blue{
    background-color: #9adbf9;
}

/* ?�행 _ ?�서?�??_ ?�망?�료관�?*/
#writing_wanted_book_detail .metis-modal-dialog{
    width:400px;
}
.metis-right-side-container{
    padding:0 5px 0 5px !important;
}
.metis-tile-big-font{
    width: 60%;
    text-align:center;
    font-size: 30px;
    color:#0a7cd5;
    line-height: 40px;
    font-weight: bold;
    padding-left:10px;
    float:left;
}
.metis-tile-small-font{
    width: 40%;
    text-align:center;
    font-size: 14px;
    color:#0a7cd5;
    padding:5px 0 20px 0;
    float:left;
}
.metis-tile{
    padding:10px 0 10px 0;
    float: left;
    width: 100%;
    background-color:#dedcdd;
}
/*?�행 ?�람 배�??�자기록*/
.modal_info_user{
    padding:10px;
    background-color: #eaeaea;
}
.modal_back_white{
    background-color: #ffffff;
}
.modal_box_nopadding{
    width:100%;
    border:1px solid #DADADA;
}
.text-info-user-normal{
    font-size: 12px;
    color: #707070;
}
.text-info-user-bold{
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}
.text-number-info{
    color: #6ebdce;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #dadada;
    padding:4px 15px 4px 15px;
    margin-left: 10px;
    background-color: #ffffff;
}
/*?�행 > ?�리 >  목록?�성 > ?�력*/
.insert_head_container{
    position:relative;
    width: 100%;
    float: left;
    background-color: #f3f3f5;
    border-bottom: 1px solid #dadada;
}
.insert_head_container ul{
    float: left;
}
.insert_head_container ul li{
    float: left;
    border-right: 1px solid #dadada;
}
.insert_head_container ul li.active{
    background-color: #73c5eb;
}
.insert_head_container ul li a{
    font-size: 13px;
    font-weight: bold;
    padding:5px 20px 5px 20px;
    float: left;
}
.insert_head_container .popup_menu{
    display:none;
    position:absolute;
    top:29px;
    min-width:80px;
    padding:5px;
    background-color: #fff;
    border:solid 1px #dadada;
    z-index: 10;
}
.insert_head_container .popup_menu#file_popup{
    left:0;
}
.insert_head_container .popup_menu#edit_popup{
    left:80px;
}
.insert_head_container .popup_menu#tool_popup{
    left:162px;
}
.insert_head_container .popup_menu#help_popup{
    left:244px;
}
.insert_head_container .popup_menu ul li{
    float:none;
    color: black;
    font-size: 12px;
}

.ui-jqgrid {
    overflow:hidden;
	background-color: #FFFFFF;
}

.ui-jqgrid tr.jqgrow .gray-cell{
    background-color: #dadada;
    border-color:#fff;
}
.ui-jqgrid tr.jqgrow:hover .gray-cell{
    background-color: transparent;
    border-color:#ddd;
}
.ui-jqgrid-htable th.gray-cell,
.ui-jqgrid-htable th.gray-cell:hover,
.ui-jqgrid-htable th.gray-cell div{
    background-color: #6a6e72;
}

.table_container .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{
    height:30px;
    border-right:1px solid #dbdbdb;
	padding:0;
	padding-left: 10px;
	padding-right: 10px;
    color:#000000;
	vertical-align: middle;
}
.table_container .ui-jqgrid .ui-jqgrid-btable tr.jqgrow:last-child {border-bottom:none;}
.table_container .ui-jqgrid .ui-jqgrid-htable .ui-th-div{
	margin-bottom: 5px;
}


/*?�행?�료 > ?�리 > 목록?�성 > ?�력*/
.arrange-listcomplete-insert-row{
    width:100%;
    height: 100%;
    float:left;
    display: flex;
}
.arrange-listcomplete-insert-col-3{
    width:25%;
    float:left;
    overflow:auto;
}
.arrange-listcomplete-insert-col-6{
    width:50%;
    float:left;
    overflow:auto;
}
.arrange-listcomplete-insert-division-vertical{
    display: -webkit-flex;
    display:         flex;
    width: 10px;
    float:left;
    vertical-align: middle;
    background-color: #ebebeb;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.division-horizental-1{
    height: 1px;
    width: 100%;
    float:left;
    background-color: #dadada;
    margin-bottom: 3px;
}
.button_untouchable{
    pointer-events: none;
}
.button_touchable{
    pointer-events: visible;
    cursor: pointer;
}

/* ?�력 ???�요????변�?*/
#common_close_day_calendar table thead th.dow:first-child,
#common_close_day_calendar table tbody td:first-child{
    color:#ff5555;
}
#common_close_day_calendar table tbody td.new:first-child,
#common_close_day_calendar table tbody td.old:first-child{
    color:#ffaaaa;
}
#common_close_day_calendar table thead th.dow:last-child,
#common_close_day_calendar table tbody td:last-child{
    color:#5555ff;
}
#common_close_day_calendar table tbody td.new:last-child,
#common_close_day_calendar table tbody td.old:last-child{
    color:#aaaaff;
}
#series_buy_book_info_input_modal .modal-dialog{
    width:1200px;
}
#common_management_system_setting_user_input_modal .modal-dialog,
#series_buy_book_info_book_predicted_info_modal .modal-dialog,
#series_buy_book_info_carry_mark_modal .modal-dialog{
    width:1100px;
}
#series_buy_book_realtime_data_search_modal .modal-dialog{
    width:1050px;
}
#series_buy_book_checkin_search_modal .modal-dialog,
#series_buy_book_checkin_series_info_modal .modal-dialog,
#OperatorMngPersonalInfoPopup_log .modal-dialog{
    width:950px;
}
#login_history_search_result_popup .modal-dialog,
#detail_member_search_modal .modal-dialog,
#common_sms_send_history_modal .modal-dialog,
#common_management_system_setting_closed_day_public_holiday_modal .modal-dialog,
#series_buy_book_info_search_modal .modal-dialog,
#series_buy_book_info_book_name_modal .modal-dialog,
#series_buy_book_info_show_mark_modal .modal-dialog,
#series_buy_book_checkin_series_info_modal .modal-dialog,
#series_buy_book_checkin_reception_num_modal .modal-dialog,
#series_buy_book_checkin_memo_modal .modal-dialog,
#series_buy_book_absence_search_modal .modal-dialog,
#series_buy_book_realtime_data_reception_number_modal .modal-dialog{
    width:900px;
}
#series_buy_book_registered_data_search_modal .modal-dialog,
#common_sharing_book_request_allowed_modal .modal-dialog,
#common_sharing_book_setting_modify_modal .modal-dialog,
#common_borrow_return_find_address_modal .modal-dialog,
#common_borrow_return_private_info_modal .modal-dialog,
#common_management_system_setting_closed_day_modify_modal .modal-dialog,
#book_reading_shelve_data_manage_part_code_change_modal .modal-dialog,
#book_danate_statistics_option_modal .modal-dialog,
#book_donate_donated_data_manage_search_donater_info_fix_modal .modal-dialog,
#book_donate_donated_data_manage_search_donater_info_modal .modal-dialog,
#book_resistration_resistrated_data_manage_insert_number_modal .modal-dialog,
#book_resistration_resistrated_data_manage_insert_number_modal .modal-dialog,
#book_resistration_resistrated_data_manage_out_number_modal .modal-dialog,
#book_arrange_listcomplete_insert_grouping_give_main_refer .modal-dialog,
#book_arrange_listcomplete_insert_organ_support_keyword .modal-dialog,
#book_arrange_listcomplete_insert_writer_sign_manage .modal-dialog,
#book_arrange_listcomplete_insert_subject_goal .modal-dialog,
#book_arrange_listcomplete_insert_drop_number_give .modal-dialog,
#book_arrange_listcomplete_insert_chinese_word .modal-dialog,
#book_arrange_listcomplete_data_total_check .modal-dialog,
#book_arrange_listcomplete_print_paper .modal-dialog,
#book_arrange_listcomplete_data_search .modal-dialog,
#book_arrange_equipmentprint_search .modal-dialog,
#book_arrange_equipmentprint_print_list_selected .modal-dialog,
#book_arrange_equipmentprint_card_list_write .modal-dialog,
#book_arrange_equipmentprint_print_list_kept .modal-dialog{
    width:800px;
}
#common_sms_message_modify_modal .modal-dialog,
#common_sms_book_loans_search_modal .modal-dialog,
#common_sms_wish_book_search_modal .modal-dialog,
#common_sms_notice_search_modal .modal-dialog,
#book_resistration_resistrated_data_manage_search_modal .modal-dialog,
#book_arrange_listcomplete_insert_role_manage .modal-dialog,
#book_arrange_listcomplete_insert_organ_support_keyword_word .modal-dialog,
#book_arrange_listcomplete_insert_organ_support_keyword_term .modal-dialog,
#book_arrange_listcomplete_insert_organ_support_keyword_particle .modal-dialog,
#book_arrange_listcomplete_common_spec_manage .modal-dialog,
#book_arrange_listcomplete_reject_mark .modal-dialog,
#book_arrange_listcomplete_data_search_source_search .modal-dialog,
#common_management_env_setting_management_place_modal .modal-dialog,
#common_management_system_author_symbol_search_modal .modal-dialog,
#common_management_system_setting_pre_registered_number_input_modal .modal-dialog,
#common_management_system_setting_pre_registered_number_modify_modal .modal-dialog,
#common_management_system_setting_mail_management_input_modal .modal-dialog,
#common_management_system_setting_mail_management_modify_modal .modal-dialog,
#series_buy_book_info_delete_modal .modal-dialog,
#series_buy_book_info_subscribe_history_modal .modal-dialog,
#series_buy_book_checkin_contents_edit_modal .modal-dialog,
#series_buy_book_checkin_delay_modal .modal-dialog,
#series_buy_book_absence_mail_account_modal .modal-dialog,
#series_buy_book_absence_SMTP_log_modal .modal-dialog,
#series_buy_book_realtime_data_change_number_modal .modal-dialog,
#series_buy_book_realtime_data_modify_placing_modal .modal-dialog,
#series_buy_book_registered_data_view_detail_modal .modal-dialog{
    width:700px;
}
#password_model .modal-dialog,
#mnUser_dataUpdate_model .modal-dialog,
#delaycheck_mocal .modal-dialog,
#search_condition_modal .modal-dialog,
#common_catalog_property_manage_update_config_modal .modal-dialog,
#common_acquisition_mng_value_change_modal .modal-dialog,
#common_com_property_value_change_modal .modal-dialog,
#common_management_system_setting_closed_day_set_all_modal .modal-dialog,
#common_borrow_return_book_status_change_modal .modal-dialog,
#common_borrow_return_user_card_print_modal .modal-dialog,
#common_borrow_send_sms_modal .modal-dialog,
#book_reading_emotion_check_change_own_state_modal .modal-dialog,
#book_holograph_wish_data_manage_wish_data_detail_search_modal .modal-dialog,
#book_holograph_wish_data_manage_order_change_state_modal .modal-dialog,
#book_holograph_wish_data_manage_copy_process_modal .modal-dialog,
#book_buy_bought_data_manage_data_align_modal .modal-dialog,
#book_buy_bought_data_manage_order_process_modal .modal-dialog,
#book_buy_bought_data_manage_bought_change_info_modal .modal-dialog,
#book_donate_donated_data_manage_donated_info_change_modal .modal-dialog,
#book_donate_donated_data_print_search_modal .modal-dialog,
#book_resistration_original_resister_manage_search_modal .modal-dialog,
#book_resistration_original_resister_manage_add_original_resister .modal-dialog,
#book_resistration_original_resister_manage_info_modal .modal-dialog,
#book_resistration_original_resister_manage_print_modal .modal-dialog,
#book_arrange_listcomplete_insert_grouping_give_main .modal-dialog,
#book_arrange_listcomplete_insert_see_keep_sign .modal-dialog,
#book_arrange_listcomplete_insert_auto_number_give .modal-dialog,
#book_arrange_listcomplete_insert_table_contents .modal-dialog,
#book_arrange_listcomplete_insert_abstract .modal-dialog,
#book_arrange_equipmentprint_select_library .modal-dialog{
    width:600px;
}
#book_resistration_resistrated_data_manage_check_cancel_modal .modal-dialog,
#book_resistration_resistrated_data_manage_number_cancel_modal .modal-dialog,
#common_normal_code_manage_code_add_input_modal .modal-dialog,
#common_normal_code_manage_code_modify_input_modal .modal-dialog,
#common_management_add_pattern_modal .modal-dialog,
#common_management_code_input_modal .modal-dialog,
#common_management_code_modify_modal .modal-dialog,
#common_management_env_setting_management_search_modal .modal-dialog,
#common_management_env_setting_management_modify_modal .modal-dialog,
#common_management_env_setting_management_input_modal .modal-dialog,
#common_management_env_setting_check_registered_number_search_modal .modal-dialog,
#common_management_env_setting_check_missing_number_modal .modal-dialog,
#common_management_env_setting_check_control_number_search_modal .modal-dialog,
#common_management_env_setting_standard_search_modal .modal-dialog,
#common_management_env_setting_management_last_num_input_modal .modal-dialog,
#common_management_env_setting_management_last_num_modify_modal .modal-dialog,
#common_management_system_setting_user_search_modal .modal-dialog,
#common_management_system_setting_user_login_history_search_modal .metis-modal-dialog,
#common_management_system_setting_user_right_detail_modal .modal-dialog,
#common_management_system_setting_order_by_number_search_modal .modal-dialog,
#common_management_system_setting_order_by_number_input_modal .modal-dialog,
#common_management_system_setting_order_by_number_modify_modal .modal-dialog,
#common_management_system_setting_text_transform_management_input_modal .modal-dialog,
#common_management_system_setting_text_transform_management_modify_modal .modal-dialog,
#common_management_system_setting_mail_management_search_modal .modal-dialog,
#common_management_system_setting_lib_info_input_modal .modal-dialog,
#common_management_system_setting_lib_info_modify_modal .modal-dialog,
#series_buy_book_info_book_print_modal .modal-dialog,
#series_buy_book_checkin_setting_modal .modal-dialog,
#series_buy_book_realtime_data_restore_data_modal .modal-dialog,
#series_buy_book_realtime_data_abandon_modal .modal-dialog{
    width:500px;
}
#book_donate_donated_data_manage_searchDetail_info_modal .modal-dialog,
#common_borrow_return_user_history_modal .modal-dialog,
#common_borrow_smart_id_modal .modal-dialog,
#common_borrow_return_one_by_one_modal .modal-dialog,
#common_borrow_return_past_event_modal .modal-dialog,
#common_borrow_return_all_modal .modal-dialog,
#common_request_about_org_info_modal .modal-dialog,
#common_request_find_data_modal .modal-dialog,
#common_request_ban_modal .modal-dialog,
#common_sending_reject_modal .modal-dialog,
#common_sending_reject_confirm_modal .modal-dialog,
#common_request_cancel_modal .modal-dialog,
#book_reading_shelve_date_record .modal-dialog,
#book_reading_shelve_transfer_list_record_modal .modal-dialog,
#book_reading_center_upload_search_modal .modal-dialog,
#book_reading_shelve_data_manage_change_first_shelve_date_modal .modal-dialog,
#book_reading_emotion_check_initialization_modal .modal-dialog,
#book_buy_bought_data_manage_file_import_data_out_modal .modal-dialog,
#book_buy_check_data_manage_search_in_search_modal .modal-dialog,
#book_buy_bought_data_print_bought_data_print_modal .modal-dialog,
#book_donate_donated_data_print_donated_data_print_modal .modal-dialog,
#book_arrange_listcomplete_insert_organ_support_see_mark .modal-dialog,
#book_arrange_listcomplete_insert_writer_sign_manage .modal-dialog,
#book_arrange_listcomplete_insert_data_import_search .modal-dialog,
#book_arrange_listcomplete_division_code_change .modal-dialog,
#book_arrange_listcomplete_by_type_statistics_print .modal-dialog,
#book_arrange_listcomplete_divide_rule_manage .modal-dialog,
#book_arrange_equipmentprint_print_list_selected_print_option_consecutive .modal-dialog{
    width:450px;
}
#operator_access_group_add_modal .modal-dialog,
#series_buy_book_checkin_new_num_modal .modal-dialog,
#series_buy_book_checkin_barcode_modal .modal-dialog,
#series_buy_book_realtime_data_write_modal .modal-dialog,
#series_buy_book_realtime_data_give_already_exist_number_modal .modal-dialog,
#series_buy_book_realtime_data_modify_placing_at_once_modal .modal-dialog,
#series_buy_book_realtime_data_modify_code_at_once_modal .modal-dialog,
#series_buy_book_realtime_data_print_modal .modal-dialog,
#series_buy_book_registered_data_modify_category_modal .modal-dialog{
    width:400px;
}
#common_borrow_return_reserve_status_modal .modal-body{
    height:650px;
}
#series_buy_book_info_book_predicted_info_modal .modal-dialog .tab-pane{
    height:480px;
}
#common_management_code_input_modal .metis-modal-dialog .modal-body,
#common_management_code_modify_modal .metis-modal-dialog .modal-body
#common_management_env_setting_check_missing_number_modal .modal-body,
#common_management_env_setting_check_control_number_search_modal .modal-body,
#common_management_env_setting_management_last_num_input_modal .modal-body,
#common_management_env_setting_management_last_num_modify_modal .modal-body{
    min-height:100px;
}
#common_management_add_pattern_modal .metis-modal-dialog .modal-body{
    min-height:80px;
}
#series_buy_book_checkin_barcode_modal .modal-body,
#series_buy_book_realtime_data_give_already_exist_number_modal .modal-body,
#series_buy_book_registered_data_modify_category_modal .modal-body{
    min-height:0;
}
.mark_title{
    color:#cc68dc;
    text-align: center;
}

.row_num_counter{
    display:inline-block;
    float:left;
    height:100%;
    width:10%;
    padding-right:15px;
    text-align: right;
}
.input-color-picker{
    text-align: center;
    color:#000;
}
.preview_mail_box {
    position:relative;
    margin-top:50px;
    padding:50px 80px;
    border:20px solid #f5e9d5;
}
.preview_mail_box:before {
    content:'';
    position:absolute;
    top:-50px;
    left:170px;
    width:120px;
    height:120px;
    background:url('../img/icon/icon_notice.png') no-repeat;
}
.preview_mail_box:after {
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:66px;
    height:66px;
    background:url('../img/bg_edge.png') no-repeat;
}
.preview_mail_box .stit-l {text-align:center;}
.preview_mail_box .mail-cont {
    overflow:hidden;
    margin-top:20px;
    padding:30px 0;
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
}
.preview_mail_box .mail-cont > div {
    float:left;
}
.preview_mail_box .mail-cont > div:first-child {
    width:520px;
}
.preview_mail_box .mail-cont > div ul {
    margin-top:10px;
}
.preview_mail_box .mail-cont > div ul li {
    overflow:hidden;
    font-size:14px;
    line-height:26px;
}
.preview_mail_box .mail-cont > div ul li strong {
    float:left;
    width:83px;
    color:#222;
}
.preview_mail_box .mail-cont > div ul li span {
    float:left;
}
.preview_mail_box > p {
    margin-top:30px;
    font-size:18px;
    text-align:center;
}
.preview_mail_box > em {
    position:absolute;
    top:60px;
    right:80px;
    color:#999;
}



.sharing_book_setting_row_col_2{
  background-color: #717171;
  color:#ffffff;
  border-bottom:1px solid #dadada;
  padding-left:10px;
}
.sharing_book_setting_row_col_other{
  border-top:1px solid #dadada;
  border-right:1px solid #dadada;
  padding-left:10px;
}


.job_ing
{
	color: #FF0608;
}

/*#안쓰는 메뉴 삭제*/
.hidden_menu
{
	display:none;
}


/*필수입력값*/

.essential_title{font-weight: bold;}
.essential_filed{border:1px solid #fd785f !important;}




/*  모델 그리드 */
.modal-table-container .ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{
	padding:0;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}


/* 프로그래스바 관련 */
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #222;
	font-weight: bold;
}

/* .ui-progressbar {
    position: relative;
} */
.progress-label {
    position: absolute;
    left: 40%;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}



.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("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}


/*간략입력 */
.simpleInsert{
	width: 310px !important;
}

/* aside 메모 */
#main_memo{
	border: 2px solid white; /* height: 200px; */
	width: 180px; margin: 20px;
	border-style: none;
}
.main_memo_set {
    display:none;
    position:absolute;
    left:0;
    bottom:0;
    padding:0 20px 60px 20px;
}
#main_memo_textarea{
	width:100%;
	height:250px;
	color:#777;
	padding:8px;
	border:none;
	background-color:#fff;
    vertical-align:top;
}

#memo_btn_area{
    margin-top:10px;
    text-align:center;
}
#memo_btn_area button{
    width: calc(49% - 1px);
}
#top_menu_lib_name{
	width: 170px; height: 60px;
	float: left; padding-top: 10px;
}

.tagEdit_box1{
	width: 175px;
	padding-left: 0px;
	padding-right: 5px;
}
.tagEdit_box2{
	width: 175px;
	padding-left: 0px;
	padding-right: 5px;
	margin-left: 10px;
}
.tagEdit_select{
	width: 140px;
	float: right;
}
.tagEdit_span_title {
	width: 155px; float: left;
}
.tagEdit_span_colon {
	padding-left: 0px; float: right;
}
.box-tag-edit:first-child {margin-top:0;}
.box-tag-edit {
    min-height:192px;
    margin-top:20px;
    padding:10px 0;
    border:none !important;
    background:#f5e9d5 !important;
}
.box-tag-edit .row {margin:0; margin-top:8px;}
.box-tag-edit .row:first-child {margin:0;}
.box-tag-edit  input {padding:0; text-align:center;}


/*페이징 박스*/
.metis_pagination>.metis_pagination_bottom{
	margin-top:20px;
    display: inline-block;
    text-align: center;
}
/**딸림 방지*/
.metis_pagination>.metis_pagination_bottom::after{
    content: "";
    display: block;
    clear: both;
}

/**페이징 박스 */
.button_box,.button_list{
    float: left;
}
/**리스트 마우스 오버*/
.paging_list>li:hover,.paging_list>li:focus{
    background-color:#b5b9c1;
}

.paging_list>li>i{
    font-style: normal;
}

/**딸림 방지*/
.paging_list::after{
    display: block;
    clear: both;
    content: "";
}

/**꺽새 버튼*/
.lt_lt_prev,.lt_prev{
   width: 38px;
   height: 30px;
}

.paging_list>.curren_page{
    background-color:#69a697;
    color:#fff;
}

/* bootstrap hack */
/* 모달이 가로로 긴 경우 body에서 x 스크롤이 나타나도록 변경 */
body.modal-open{
    overflow-x:auto;
}
.modal{
    position:absolute;
    min-width:1280px;
    overflow-y:auto;
}

/* 이름 입력 부분을 기본 한글로 입력하기 위함*/
#main_user_name {
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
}

footer {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:60px;
    padding-right:20px;
    background:#443645;
    color:#9f999f;
    line-height:60px;
    text-align:right;
}

/* dashboard */
#root_container.dashboard {background:#514354;}
.menu-list {display:table; width:100%; margin-top:15px;}
.menu-list li {display:table-cell; text-align:center;}
.menu-list li a {display:inline-block; position:relative; color:#ccc; font-size:14px;}
.menu-list li a:before {content:''; display:block; width:80px; height:80px; margin:0 auto 10px; background:url('../img/icon/icon_dashboard_menu.png') no-repeat;}
.menu-list li.menu-type1 a:before {background-position:0 0;}
.menu-list li.menu-type2 a:before {background-position:-80px 0;}
.menu-list li.menu-type3 a:before {background-position:-160px 0;}
.menu-list li.menu-type4 a:before {background-position:-240px 0;}
.menu-list li.menu-type5 a:before {background-position:-320px 0;}
.menu-list li.menu-type6 a:before {background-position:-400px 0;}
.menu-list li.menu-type7 a:before {background-position:-480px 0;}
.menu-list li.menu-type8 a:before {background-position:-560px 0;}
.menu-list li.menu-type9 a:before {background-position:-640px 0;}

.menu-list li.menu-type1 a:hover:before {background-position:0 -80px;}
.menu-list li.menu-type2 a:hover:before {background-position:-80px -80px;}
.menu-list li.menu-type3 a:hover:before {background-position:-160px -80px;}
.menu-list li.menu-type4 a:hover:before {background-position:-240px -80px;}
.menu-list li.menu-type5 a:hover:before {background-position:-320px -80px;}
.menu-list li.menu-type6 a:hover:before {background-position:-400px -80px;}
.menu-list li.menu-type7 a:hover:before {background-position:-480px -80px;}
.menu-list li.menu-type8 a:hover:before {background-position:-560px -80px;}
.menu-list li.menu-type9 a:hover:before {background-position:-640px -80px;}
.dashboard-group1 {overflow:hidden; margin-top:30px;}
.dashboard-group1 .box-calender {float:left; width:40%; background:#f1e7e6;}
.dashboard-group1 .box-calender .mainCalendar-today {float:left; width:36%; height:250px; background:#fe785f; color:#fff; text-align:center;}
.dashboard-group1 .box-calender .mainCalendar-today h2 {margin:23px 0 0 0; font-size:16px; font-weight:500;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-day {width:92px; height:92px; margin:20px auto 0; padding-top:38px; background:url('../img/bg_today.gif') no-repeat; color:#222; font-size:42px; font-weight:500;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-yoil {margin-top:13px; font-size:22px; font-weight:500;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-caption {margin-top:25px;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-caption li {display:inline-block; margin:0 5px;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-caption li:before {content:''; display:inline-block; width:12px; height:12px; margin-right:5px; border:1px solid #fff; vertical-align:middle; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-caption li:first-child:before {background:#ff8a43;}
.dashboard-group1 .box-calender .mainCalendar-today .Calendar-caption li:last-child:before {background:#f6cd5d;}
.dashboard-group1 .box-calender .mainCalendar {float:left; width:64%;}
.dashboard-group1 .box-notice {position:relative; float:right; width:calc(60% - 40px); width:-webkit-calc(60% - 40px); width:-moz-calc(60% - 40px); height:250px; background:#e6e5e3;}
.dashboard-group1 .box-notice:before {content:''; position:absolute; top:40px; bottom:40px; left:50%; width:1px; background:#bbb;}
.dashboard-group1 .box-notice > div {float:left; width:50%; padding-left:40px;}
.dashboard-group1 .box-notice h2 {margin:36px 0 0 0; color:#222; font-size:22px; font-weight:500;}
.dashboard-group1 .box-notice ul {margin-top:15px;}
.dashboard-group1 .box-notice ul li {position:relative; padding-left:12px;}
.dashboard-group1 .box-notice ul li:before {content:''; position:absolute; top:50%; left:0; width:4px; height:4px; background:#999;}
.dashboard-group1 .box-notice ul li a {display:block; width:100%; font-size:14px; color:#222; line-height:28px;}
.dashboard-group1 .box-notice ul li a:hover span {text-decoration:underline;}
.dashboard-group1 .box-notice ul li a img {margin-left:5px; vertical-align:-5px;}
.dashboard-group1 .box-notice ul li a span {display:inline-block; max-width:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.dashboard-group2 {overflow:hidden; width:100%; margin-top:50px;}
.dashboard-group2 .status-list {float:left; width:20%; vertical-align:top;}
.dashboard-group2 .status-list li {margin-top:30px; padding-top:30px; border-top:1px solid #736875;}
.dashboard-group2 .status-list li:first-child {margin:0; padding:0; border:none;}
.dashboard-group2 .status-list li a {display:block; height:80px; padding-right:72px;}
.dashboard-group2 .status-list li a strong {display:block; color:#fff; font-size:18px; font-weight:300; text-align:left;}
.dashboard-group2 .status-list li a span {display:block; margin-top:5px; color:#aaa;}
.dashboard-group2 .status-list li a em {display:block; margin-top:7px; color:#ffc844; font-size:36px; font-weight:500; font-style:normal; text-align:right; float:right;}
.dashboard-group2 .status-list li:nth-child(1) a {background:url('../img/bg_main_status01.png') no-repeat right bottom; text-align:right;}
.dashboard-group2 .status-list li:nth-child(2) a {background:url('../img/bg_main_status02.png') no-repeat right bottom;}
.dashboard-group2 .status-list li:nth-child(3) a {background:url('../img/bg_main_status03.png') no-repeat right bottom;}
/* 2018 03 15 수정*/
.dashboard-group2 .status-list li:nth-child(1) a span {display:inline-block; text-align:left; float:left;}
/*.dashboard-group2 .status-list li:nth-child(1) a span.total {width:100px;}*/
.dashboard-group2 .status-list li:nth-child(1) a span em {font-size:26px;}
.dashboard-group2 .chart-weekly,
.dashboard-group2 .chart-today {position:relative; float:left; width:40%; height:362px; padding:45px 0 40px 80px; vertical-align:top;}
.dashboard-group2 .chart-weekly h2,
.dashboard-group2 .chart-today h2 {position:absolute; top:0; left:80px; margin:0; color:#fd785f; font-size:22px; font-weight:500;}
.dashboard-group2 .chart-today h2 em {font-size:14px; font-weight:300; font-style:normal;}
.dashboard-group2 .chart-weekly canvas,
.dashboard-group2 .chart-today canvas {width:100% !important; height:100% !important;}
.dashboard-group2 .chart-weekly #main_chart_legend span {display:inline-block; height:28px; margin:0 2px; padding:0 10px; border:1px solid #ccc; color:#ccc; line-height:25px; cursor:pointer;}
.dashboard-group2 .chart-today #main_chart_legend select {margin-left:10px; border:none; background:#3a2f3b;}
.dashboard-group2 #main_chart_legend {position:absolute; bottom:0; left:80px; right:0; color:#ccc; text-align:center;}
.dashboard-group3 {overflow:hidden; margin-top:50px; padding:40px 58px; background:#d5d2d1;}
.dashboard-group3 h2 {float:left; margin:0; color:#222; font-size:22px; font-weight:500;}
.dashboard-group3 .best-book-search {float:right;}
.dashboard-group3 .best-book-search > strong {float:left; margin:3px 10px 0 30px; color:#363636; font-size:14px; font-weight:300;}
.dashboard-group3 .best-book-search > strong:first-child {margin-left:0;}
.dashboard-group3 .best-book-search > span {float:left;}
.dashboard-group3 .best-book-search > button {margin-left:4px;}
.popularity-box {position:relative; width:100%; clear:both;}
.popularity-box .pointer_position_prev{position:absolute; left:-47px; top:50%; margin-top:-5px;}
.popularity-box .pointer_position_prev span{display:block; width:36px; height:50px; background:url('../img/arrow_left.png') no-repeat center; cursor:pointer;}
.popularity-box .pointer_position_next{position:absolute; right:-47px; top:50%; margin-top:-5px;}
.popularity-box .pointer_position_next span{display:block; width:36px; height:50px; background:url('../img/arrow_right.png') no-repeat center; cursor:pointer;}
.popularity-box #bestbook_container{position:relative; overflow:hidden; height:181px; padding-top:30px;}
.popularity-box .bestbook_wrap{display:none; position:absolute; width:250%; height:151px; bottom:0; left:0;}
.popularity-box .bestbook_wrap .bestloanbook_cover{float:left;}
.popularity-box .covercaption{float:left; padding-left:43px; text-align:right; cursor:pointer;}
.popularity-box .covercaption:first-child{padding:0;}
.popularity-box .covercaption_rank{width:104px; height:32px; padding-right:10px; background:url(../img/best06_back.png) no-repeat; color:#fff; font-weight:500; line-height:24px;}
.popularity-box .high_rank{background:url(../img/best01_back.png) no-repeat;}
.popularity-box .bkcoversize{width:94px; height:127px; margin-top:-8px;}
#loatItem_loading{margin: 0 auto;}
.emptycover{background:#443645; width:94px; height:127px; margin:-8px 0 0 9px; text-align:center;}
.emptycover .bkcoversize_empty{left:0; top: 35px; position: relative;}



/* common */
.modal-backdrop {background-color:#000;}
.modal-backdrop.in {opacity:.6; filter:alpha(opacity=60);}
.jqxWidget_grid {clear:both;}
.dim-layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:1002;}

.board-list {width:100%; border-bottom:1px solid #aaaaaa; table-layout:fixed;}
.board-list th {padding:5px 10px; border-left:1px solid #dbdbdb; background:#888; color:#fff; font-size:14px; font-weight:500; text-align:center;}
.board-list td {padding:5px 10px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; text-align:center;}
.board-list tr th:first-child,
.board-list tr td:first-child {border-left:none;}



.board-write {position:relative; width:100%; border-top:2px solid #333; border-bottom:1px solid #aaa; table-layout:fixed;}
.board-write thead th {text-align:center;}
.board-write tr.visible {display:table-row;}
.board-write th.visible,
.board-write td.visible {display:table-cell;}
.board-write th {position:relative; padding:6px 10px 9px 10px; border-top:1px solid #dbdbdb; background:#eee; color:#222; font-size:14px; font-weight:500;}
.board-write th input[type=radio].metis-radiobox + label.metis-radiobox-label,
.board-write th input[type=checkbox].metis-checkbox + label.metis-checkbox-label {font-weight:500;}
.board-write td {position:relative; padding:5px 10px; border-top:1px solid #dbdbdb; text-align:left;}
.board-write th:before,
.board-write td:before {content:'';position:absolute;left:0;right:0;top:-1px;width:100%;height:1px;background:#dbdbdb;}
.board-write th:after,
.board-write td:after {content:''; position:absolute; left:0; right:0; bottom:-1px; width:100%; height:1px; background:#dbdbdb;}
.board-write tr:first-child th:before,
.board-write tr:first-child td:before {background:#333;}
.board-write tr td.border-type:after,
.board-write tr:last-child th:after,
.board-write tr:last-child td:after {background:#aaa;}
.board-write tr.bgc-type td {background:#f5e9d5;}
.board-write .col-type {position:relative; padding:0; border:none;}
.board-write .col-type:before {display:none;}
.board-write .col-type .tbl-row {display:table; width:100%;}
.board-write .col-type .tbl-row .tbl-th {display:table-cell; position:relative; width:9%; padding:8px 10px 9px 10px; border-top:1px solid #dbdbdb; background:#eee; color:#222; font-size:14px; font-weight:500; vertical-align:middle;}
.board-write .col-type .tbl-row .tbl-td {display:table-cell; position:relative; padding:5px 10px; border-top:1px solid #dbdbdb; vertical-align:middle;}
.board-write tr:first-child .col-type .tbl-row .tbl-th,
.board-write tr:first-child .col-type .tbl-row .tbl-td {border:none;}
.board-write .col-type .w-20p {width:20% !important;}
.board-write .col-type .w-30p {width:30% !important;}
.board-write td.group-col2 input[type="text"],
.board-write td.group-col2 select {width:calc(100% - 90px); width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px);}
.board-write td.p-number-input input[type="text"],
.board-write td.p-number-input select {width:calc((100% - 55px)/3); width:-webkit-calc((100% - 55px)/3); width:-moz-calc((100% - 55px)/3);}
.board-write td.email-input input[type="text"],
.board-write td.email-input select {width:calc((100% - 55px)/3); width:-webkit-calc((100% - 55px)/3); width:-moz-calc((100% - 55px)/3);}
.board-write td input[type="text"] {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-write .main_notice_FileList span {padding-right:23px; background:url('../img/icon_save.png') no-repeat right center; cursor:pointer;}
.board-write .main_notice_FileList span:hover {text-decoration:underline;}
.search_container .board-write {margin:-4px 0;}
.search_container .board-write,
.search_container .board-write th,
.search_container .board-write td {/* padding:4px 0; */border:none;background:none;}
.search_container .board-write th {padding-left:20px;}
.search_container .board-write tr th:first-child {padding-left:0;}
.search_container .board-write [class^="date_picker_container"],
.search_container .board-write td select,
.search_container .board-write td input {margin:0;}
.search_container .board-write th:before,
.search_container .board-write th:after,
.search_container .board-write td:before,
.search_container .board-write td:after {display:none;}
.search_container .board-write .section-line th,
.search_container .board-write .section-line td {padding-top:40px;}
.search_container .board-write .section-line th:before,
.search_container .board-write .section-line td:before {content:''; display:block; position:absolute; top:20px; left:0; width:100%; height:1px; background:#ddccb0;}
.search_container .board-write td.group-col2 button {margin-left:0;}
.board-write.no-f-border,
.board-write.no-f-border tr:first-child th,
.board-write.no-f-border tr:first-child td {border-top:none;}
.board-write.no-f-border tr:first-child th:before,
.board-write.no-f-border tr:first-child td:before {background:#dbdbdb;}

.display-table {display:table; width:100%; table-layout:fixed;}
.display-table-cell {display:table-cell; vertical-align:top;}

.required {display:inline-block; width:13px; height:13px; background:url('../img/icon/icon_required.png') no-repeat;font-size:0; line-height:0; vertical-align:11px;}

.user-img-box {float:left; width:100px; margin:20px 30px 0 0; text-align:center;}
.user-img-box > strong {display:block; height:22px; border:1px solid #fd785f; background:#fd785f; color:#fff; text-align:center; line-height:19px;}
.user-img-box > strong.normality {border:1px solid #1386d1; background:#fff; color:#1386d1;}
.user-img-box > strong.suspend {border:1px solid #e84343; background:#fff; color:#e84343;}
/* .user-img-box .img_bg {margin-bottom:20px;} */
/* .user-img-box .img_bg img {width:66px !important; height:66px !important; cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
사진이 작다는 민원이 있어 둥근 부분을 제거함*/
.user-img-box .img_bg img { width:66px; height:66px; cursor:pointer; }
.search_container .user-img-box  ~ .board-write {float:left; margin-right:2.5%; width:calc((100% - 6% - 130px)/2); width:-webkit-calc((100% - 6% - 130px)/2); width:-moz-calc((100% - 6% - 130px)/2);}
.userm-mng-update .search_container .user-img-box img {width:100px; height:120px;}

.stit-l {margin:0; color:#222; font-size:26px; font-weight:500; line-height:26px;}
.stit-m {margin:0; color:#222; font-size:22px; font-weight:500; line-height:22px;}
.stit-s {margin:0; color:#222; font-size:18px; font-weight:500;}
/* 19.10.18 jiyeong 예약상태 책정보 서명*/
.stit-xs {margin:0; color:#222; font-size:15px; font-weight:500;}
.ctab {position:relative; overflow:hidden; margin-top:40px;}
.ctab li {float:left; margin-right:-1px;}
.ctab li a {display:block; min-width:120px; height:37px; padding:0 20px; border:1px solid #a3bb43; color:#222; font-size:15px; line-height:35px; text-align:center;}
.ctab li.active a {background:#a3bb43; color:#fff; font-weight:500;}
.loan_ctab {display:inline; }
.loan_ctab li a {height:50px; line-height:50px; margin-bottom:10px; font-size:18px;}
.loan_ctab li a span {font-size:16px;}
.loan_ctab .metis-checkbox-label {position:absolute; top:17px; left:-195px; color:#fff;}

.ctab:after {content:''; width:100%; height:1px; background:#a3bb43; display:block; margin-top:36px;}
.loan_ctab:after {content:''; width:100%; height:1px; background:#a3bb43; display:block; margin-top:49px;}
.ctab.tab-type li a {min-width:auto; padding:0 13px;}
.ctext {margin-top:15px; color:#999;}
.ctext strong {color:#fd785f; font-weight:500;}
.ctext2 {font-size:14px;}
.c-point {color:#fd785f;}
.c-point2 {color:#222;}
.c-point3 {color:#72a20a;}
.c-point4 {color:#999;}

.modal-footer .btn-area,
.modal-footer .btn-l,
.modal-footer .btn-r {margin:0;}
.btn-area {overflow:hidden; margin-top:30px;}
.btn-area .btn-l {float:left; margin:0;}
.btn-area .btn-r {float:right; margin:0;}
.btn-r {margin-top:30px; text-align:right;}
.btn-l {margin-top:30px;}
.btn-area .visible,
.btn-l .visible,
.btn-r .visible {display:inline-block;}
.btn-area .right_tab {margin:0;}
.btn-area .right_tab li {margin-top:0;}
.btn-s-t01 {display:inline-block; min-width:150px; padding:5px 30px 7px; font-size:14px; font-weight:500; text-align:center; vertical-align:middle;}
.btn-s-t02 {display:inline-block; min-width:100px; padding:5px 15px 7px; font-size:14px; font-weight:500; text-align:center; vertical-align:middle;}
.btn-s-t03 {display:inline-block; min-width:80px; padding:2px 10px 4px; font-size:14px; font-weight:500; text-align:center; vertical-align:middle;}
.btn-s-t04 {display:inline-block; min-width:85px; height:28px; padding:5px 30px 7px; font-size:13px; font-weight:500; text-align:center; vertical-align:middle;}
.btn-c-t01 {border:1px solid #fd785f; background:#fd785f; color:#fff;}
.btn-c-t02 {border:1px solid #544a55; background:#544a55; color:#fff;}
.btn-c-t03 {border:1px solid #89a741; background:#89a741; color:#fff;}
.btn-c-t04 {border:1px solid #333 !important; background:#fff; color:#222;}

.btn-delete {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/button_images/icon_delete02.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-init {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/button_images/btn_init2.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-setting {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/menu_images/icon_094.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-prev {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/button_images/btn_prev.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-next {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/button_images/btn_next.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-up {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/button_images/btn_up.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-down {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/button_images/btn_down.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}
.btn-arrow-right {display:inline-block; width:34px; min-width:auto !important; height:34px; border:1px solid #333; background:#fff url("/METIS/img/icon/bl_arrow_right02.png") no-repeat center !important; font-size:0; line-height:0; vertical-align:middle;}

.box-tab {overflow:hidden; width:100%; padding:15px; background:#eee;}
.box-tab .left_tab,
.box-tab .right_tab {margin:-6px 0 0 0;}

.position-r {position:relative; overflow:hidden;}
.absolute-r-t {position:absolute; right:0; top:0;}

/* 2017-09-14 추가 */
.box-usermng {overflow:hidden; width:100%;}
.box-usermng > div {float:left; width:33%; margin-top:30px; padding-left:20px;}
.box-usermng > div:first-child {width:34%; padding-left:0;}
.box-usermng > div:first-child + div {height:466px;}

.box-loanmain {overflow:hidden; width:100%;}
.box-loanmain > div {float:left; height:220px; margin-left:6px; background:#f2f2f2;}
.box-loanmain > div:last-child {float:right;}
.box-loanmain .box-group1 {width:23.9%; margin:0;}
.metis-date-box{float:left; width:35%; height:100%; background:#ddd; color:#222; font-weight:500; text-align:center;}
.metis-date-box .metis-month{margin-top:20px; font-size:20px;}
.metis-date-box .metis-day{display:inline-block; width:62px; height:62px; margin:10px auto 0; padding-top:25px; background:url('../img/bg_metis_day.png') no-repeat; font-size:34px; color:#fd785f;}
.metis-date-box .metis-return-day {margin-top:7px;}
.metis-date-box .metis-return-day span {padding-left:20px; background:url('../img/icon/icon_required.png') no-repeat left 4px; font-weight:300;}
.metis-date-box .metis-return-day strong {display:inline; font-weight:500;cursor: pointer;}

.box-loanmain .box-group1 ul {float:left; width:65%; padding:10px 20px;}
.box-loanmain .box-group1 ul li {overflow:hidden; margin-top:10px; color:#333; line-height:18px;}
.box-loanmain .box-group1 ul li > label {float:left; width:57px; margin-top:3px; font-weight:300;}
.box-loanmain .box-group1 ul li select {float:left; width:calc(100% - 57px); width:-webkit-calc(100% - 57px); width:-moz-calc(100% - 57px);}
.box-loanmain .box-group1 ul li span {display:block; /* margin-left:57px; */}


.box-loanmain .box-group-picture {width: calc(12% - 6px); width: -webkit-calc(12% - 6px); width: -moz-calc(12% - 6px); background-color:#fac1ad; position:relative;}
.box-loanmain .box-group-picture #user_picture {width:54px; height:89px; position:absolute; top:37%; left:50%; cursor:pointer; margin-left:-27.5px;}
.box-loanmain .box-group-picture .imageUnityUser {position:absolute; top:88%; left:77%; z-index:999;width: 25%;}
.box-loanmain .box-group-picture .family_btn {position:absolute; width:100%; height:13%; top:0; left:0; background-color:#ddd;}
.box-loanmain .box-group-picture .family_btn span {float:left;}
.box-loanmain .box-group-picture .family_btn img {float:right;}

.box-loanmain .box-group2 {width: calc(50.5% - 6px); width: -webkit-calc(50.5% - 6px); width: -moz-calc(50.5% - 6px); padding:0 30px; background:#f8edda;}
.box-loanmain .box-group2 .top-group {display:table; width:100%; margin-top:20px;}
.box-loanmain .box-group2 .top-group > ul {display:table-cell; width:55%; padding-right:34px; vertical-align:top;}
.box-loanmain .box-group2 .top-group > ul li {position:relative; display:inline-block; width:100%; margin-top:8px; vertical-align:top;}
.box-loanmain .box-group2 .top-group > ul li:first-child {margin:0;}
.box-loanmain .box-group2 .top-group > ul li label {float:left; width:68px; margin:3px 0 0 0; color:#222; font-weight:300; cursor:pointer;}
.box-loanmain .box-group2 .top-group > ul li select,
.box-loanmain .box-group2 .top-group > ul li input {float:left; width:calc(100% - 136px); width: -webkit-calc(100% - 136px); width: -moz-calc(100% - 136px);}
.box-loanmain .box-group2 .top-group > ul li button {position:absolute; right:0; top:0; width:60px; min-width:auto;}
.box-loanmain .box-group2 .top-group > ul li .btn-position {top:-36px; height:100px;}
.box-loanmain .box-group2 .top-group > ul li .btn-position-rfid {top:-72px; height:100px;}
.box-loanmain .box-group2 .top-group > ul li .btn-position-rfid:active {background:rgb(255, 0, 0);}

.box-loanmain .box-group2 .top-group > div {display:table-cell; overflow:hidden; vertical-align:top;}
.box-loanmain .box-group2 .top-group > div textarea {float:left; width:calc(100% - 78px); width: -webkit-calc(100% - 78px); width: -moz-calc(100% - 78px); height:100px; padding:8px;}
.box-loanmain .box-group2 .top-group > div button {float:right; width:70px; min-width:auto; height:100px; padding:0; border:1px solid #777; background:#777;}
.box-loanmain .box-group2 .top-group > div button span {display:block;}
.box-loanmain .box-group2 .btm-group {display:table; width:100%; height:100px;}
.box-loanmain .box-group2 .btm-group .profile-user {display:table-cell; /* width:50%; */ width:41%; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .profile-user .imageUnity {position:relative; display:table-cell; width:66px; height:66px; /*padding-right:10px;*/ vertical-align:middle;}
/* .box-loanmain .box-group2 .btm-group .profile-user .imageUnity > img {width:66px; height:66px; margin:0 !important; cursor:pointer; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;} */
.box-loanmain .box-group2 .btm-group .profile-user .imageUnity > img {width:90px; height:90px; margin:0 !important; cursor:pointer;}
.box-loanmain .box-group2 .btm-group .profile-user .imageUnity > em {display:none; position:absolute; top:2px; left:10px; z-index:2;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status {display:table-cell; font-weight:500; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status > div {display:inline-block; padding:0 10px; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status .name {color:#333; font-size:26px; cursor: pointer; margin-left:-10px; }
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userClassText {display:inline-block; margin-left:5px; padding:0 4px; vertical-align:3px;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userClassText.normality {border:1px solid #1386d1; background:#fff; color:#1386d1;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userClassText.suspend {border:1px solid #e84343; background:#fff; color:#e84343;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status .metis-profile-status_detail {margin-top:2px; color:#333; cursor:pointer; margin-left:-10px;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #user_no_view {display:block; padding-left:16px; background:url('../img/icon_green_people.png') no-repeat left center; font-weight:300;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #reg_date_view {display:block; padding-left:16px; background:url('../img/icon_green_pencil.png') no-repeat left center; font-weight:300;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #user_position_view {display:block; padding-left:16px; background:url('../img/icon/icon_num.png') no-repeat left center; font-weight:300;width: 130px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/*.box-loanmain .box-group2 .btm-group .situation-list {display:inline; padding-top:17px;}
.box-loanmain .box-group2 .btm-group .situation-list li {float:left; width:25%; padding:7px 0; margin-top:12px;}
.box-loanmain .box-group2 .btm-group .situation-list li strong {float:left; width:50px; margin-top:6px; font-weight:300;}*/

/* 2019 08 07 대출반납 성별 표시*/
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userGenderText           {display:inline-block; padding:0 4px; vertical-align:3px; margin-left:5px; }
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userGenderText.woman     {border:1px solid #F15F5F; background:#fff; color:#F15F5F;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userGenderText.man       {border:1px solid #6799FF; background:#fff; color:#6799FF;}
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #userGenderText.human     {border:1px solid #555555; background:#fff; color:#555555;}

/* 2020/02/19 책이음 여부 표시*/
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #klMemberYnInfo           {display:inline-block; padding:0 4px; vertical-align:3px; margin-left:5px; }
.box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status #klMemberYnInfo.klMember  {border:1px solid #6799FF; background:#fff; color:#6799FF;}


/* 2018 03 07 대출반납 카운트*/
.box-loanmain .box-group2 .btm-group .situation-list .loan_count_style {width:32px; height:32px; font-weight:bold; color:#8fb201; background:url('../img/loan_circle.png') no-repeat left center; text-align:center; line-height:32px; margin-top:0;}

/* 2023 03 20 수수료처리 버튼  */
#userFeeText{color: rgb(255, 0, 0);margin-left: 15px;cursor: pointer; display:inline-block; padding:0 4px; vertical-align:3px;}
#userFeeText.normality{display:none;}
#userFeeText.suspend {display:inline-block; border:1px solid #e84343; background:#fff; color:#e84343;}

/* 2023 03 23 수수료 관리 팝업 제어  */
#lateFeeProcessing > div input[type="text"]{width:150px;}

.box-loanmain .box-group2 .btm-group .situation-list li > div {float:left;}
.box-loanmain .box-group2 .btm-group .situation-list li > div .chartContainer {width:101% !important; height:100% !important;}
.box-loanmain .box-group2 .btm-group .situation-list li > div input {position:absolute; left:0; top:0; width:32px; height:31px; border:0; color: #8fb201; font-size: 13px; font-weight:500; line-height:30px; text-align:center; -webkit-appearance: none; background:none; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .situation-list2 {display:inline; width:100px; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .situation-list2 li {overflow:hidden; line-height:22px; float:left;}
/*.box-loanmain .box-group2 .btm-group .situation-list2 li:first-child {margin-left:0px;} */
.box-loanmain .box-group2 .btm-group .situation-list2 li span {float:left; color:#222;}
.box-loanmain .box-group2 .btm-group .situation-list2 li strong {float:right; color:#fd785f; font-size:15px; font-weight:500;}
.box-loanmain .box-group2 .btm-group .situation-list {display:table-cell; padding-top:9px;}
.box-loanmain .box-group2 .btm-group .situation-list li {float:left; width:48%; padding:5px 0;}
.box-loanmain .box-group2 .btm-group .situation-list li strong {float:left; width:50px; margin-top:6px; font-weight:300;}
.box-loanmain .box-group2 .btm-group .situation-list li > div {float:left;}
.box-loanmain .box-group2 .btm-group .situation-list li > div .chartContainer {width:101% !important; height:100% !important;}
.box-loanmain .box-group2 .btm-group .situation-list li > div input {position:absolute; left:0; top:0; width:32px; height:31px; border:0; color: #8fb201; font-size: 13px; font-weight:500; line-height:30px; text-align:center; -webkit-appearance: none; background:none; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .situation-list2 {display:table-cell; width:100px; vertical-align:middle;}
.box-loanmain .box-group2 .btm-group .situation-list2 li {overflow:hidden; line-height:22px; width:100px;}
.box-loanmain .box-group2 .btm-group .situation-list2 li span {float:left; color:#222;}
.box-loanmain .box-group2 .btm-group .situation-list2 li strong {float:right; color:#fd785f; font-size:14px; font-weight:500;}
.box-loanmain .box-group3 {width: calc(13.5% - 6px); width: -webkit-calc(13.5% - 6px); width: -moz-calc(13.5% - 6px); padding-left:30px;}
.box-loanmain .box-group3 ul {margin-top:10px; font-size:14px;}
.box-loanmain .box-group3 ul li {display:table; width:100%; margin-top:13px; line-height:16px;}
.box-loanmain .box-group3 ul li#h_phone {height:30px; margin:0; padding-left:17%; background:url('../img/icon_green_phone.png') no-repeat left center; color:#333; line-height:30px;}
.box-loanmain .box-group3 ul li#handphone {height:30px; margin:0; padding-left:17%; background:url('../img/icon_green_smart_phone.png') no-repeat left center; color:#333; line-height:30px;}


/*
.box-loanmain .box-group3 ul li#secondphon {height:30px; margin:0; padding-left:17%; background:url('../img/icon_green_phone.png') no-repeat left center; color:#333; line-height:30px;}
*/
/*2018 02 26 대출반납 페이지 텍스트 길어지면 주석 처리하는 기능 추가*/

.box-loanmain .box-group3 ul li#e_mail {height:30px; width:90%; margin:0 0 12px 0; padding-left:17%; background:url('../img/icon_green_mail.png') no-repeat left center; color:#333; line-height:30px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.box-loanmain .box-group3 ul li strong {display:table-cell; width:35%; color:#555; font-weight:300;}
.box-loanmain .box-group3 ul li span {display:table-cell; color:#222;}


#family_list_div {position:relative; height:190px; background-color:#f2f2f2;}
#family_list_div .no-resultant {margin-top:55px; color:#999; line-height:18px; text-align:center;}
#family_list_div .no-resultant:before {content:''; display:block; width:67px; height:43px; margin:0 auto 10px; background:url('../img/bg_family.png') no-repeat;}
#family_list_div ul li .box-family {position:relative; padding:8px 10px 11px; border-bottom:1px solid #ccc; cursor:pointer;}
#family_list_div ul li .box-family .family-no {display:inline-block; font-style:normal;}
#family_list_div ul li .box-family .family-name {display:block; margin-top:3px; color:#222; font-size:16px; font-weight:500;}
#family_list_div ul li .box-family .family-name span {margin-right:5px;margin-left:5px; padding:0 4px; font-size:13px; line-height:18px;}
#family_list_div ul li .box-family .normality {border:1px solid #1386d1; background:#fff; color:#1386d1;}
#family_list_div ul li .box-family .suspend {border:1px solid #e84343; background:#fff; color:#e84343;}
#family_list_div ul li .box-family .reg-date {display:inline-block; margin-top:3px; font-style:normal;}
#family_list_div ul li .box-family .loan-stop-date {display:inline-block; font-style:normal; font-size: 15px;color:#e84343;}
#family_list_div ul li .box-family .family-count {position:absolute; right:7px;top:12px;  color:#222; font-weight:500; }
.box-loanmain .box-group4 {position:absolute; top:0; left:0; width:100%; display:none;}
.box-loanmain .box-group4 .add-family {position:relative; display:block; height:30px; padding-left:10px; border-bottom:1px solid #fff; background:#ddd; color:#222; font-size:14px; line-height:29px;}
.box-loanmain .box-group4 .add-family:after {content:''; position:absolute; right:10px; top:50%; width:13px; height:13px; margin-top:-7px; background:url('../img/button_images/btn_add.png') no-repeat;}

.loanmain-cont {overflow:hidden; width:100%;}
.loanmain-cont li {overflow:hidden; /*height:38px; margin-top:1px; */}
/*.loanmain-cont li:last-child.selected {border-bottom:1px solid #333;} */
.loanmain-cont li h3 {position:relative; height:38px; margin:0; padding:0 20px; background:#e0e0e0; color:#333; font-size:18px; font-weight:500; line-height:38px; cursor:pointer;}
.loanmain-cont li h3:after {content:''; position:absolute; right:20px; top:12px; width:15px; height:15px; background:url('../img/icon/icon_more.png') no-repeat;}
.loanmain-cont li.selected h3 {background:#a3bb43; color:#fff;}
.loanmain-cont li.selected h3:after {background-position:left -15px;}
.loanmain-cont li > div {/*display:none;*/ padding:10px 0;}
.loanmain-cont li > div .btn-r {margin:0;}
.loanmain-cont li > div .btn-r + .table_container {margin-top:15px;}
.loanmain-cont li > div .ui-jqgrid .ui-jqgrid-bdiv {min-height:30px; max-height:465px;}

/* loanmain 처리목록 부분: 기본적으로 접힌 상태로 바꿈 */
.loanmain-fold {overflow:hidden; width:100%;}
.loanmain-fold li {overflow:hidden; /*height:38px; margin-top:1px; */}
.loanmain-fold li .fold_list {position:relative; height:38px; margin:0; padding:0 20px; background:#e0e0e0; color:#333; font-size:18px; font-weight:500; line-height:38px; cursor:pointer;}
.loanmain-fold li .fold_list:after {content:''; position:absolute; right:20px; top:12px; width:15px; height:15px; background:url('../img/icon/icon_more.png') no-repeat;}
.loanmain-fold li.fold_selected h3 {background:#a3bb43; color:#fff;}
.loanmain-fold li.fold_selected h3:after {background-position:left -15px; }
.loanmain-fold li.fold_selected {border-bottom:1px solid #333;}
.loanmain-fold li > div {/*display:none;*/ padding:10px 0;}
.loanmain-fold li > div .btn-r {margin:0;}
.loanmain-fold li > div .btn-r + .table_container {margin-top:15px;}
.loanmain-fold li > div .ui-jqgrid .ui-jqgrid-bdiv {min-height:30px; max-height:465px;}


.year-input {position:relative; display:inline-block; width:134px; vertical-align:middle;}
.year-input input {width:100%; padding:0 36px;}
.year-input button {position:absolute; top:0; width:28px; height:27px; border:1px solid #333; font-size:0; line-height:0;}
.year-input .year-prev {left:0; background:url('../img/button_images/btn_prev.png') no-repeat center;}
.year-input .year-next {right:0; background:url('../img/button_images/btn_next.png') no-repeat center;}

.result-list {overflow:hidden; border:1px solid #aaa;}
.result-list li {float:left; width:33.33333333%; height:148px; padding:0 30px 0 20px; border-left:1px solid #dbdbdb;}
.result-list li:first-child {border:none;}
.result-list li strong {position:relative; display:block; margin-top:20px; color:#222; font-size:18px; font-weight:500;}
.result-list li strong:before {content:''; display:inline-block; width:30px; height:30px; margin-right:10px; background:url('../img/icon/icon_result.png') no-repeat; vertical-align:-9px;}
.result-list li.icon-type01 strong:before {background-position:left 0;}
.result-list li.icon-type02 strong:before {background-position:left -30px;}
.result-list li.icon-type03 strong:before {background-position:left -60px;}
.result-list li.icon-type04 strong:before {background-position:left -90px;}
.result-list li.icon-type05 strong:before {background-position:left -120px;}
.result-list li.icon-type06 strong:before {background-position:left -150px;}
.result-list li em {display:block; margin-top:40px; color:#fd785f; font-size:36px; font-weight:500; font-style:normal; text-align:right;}
#book_buy_bought_data_manage_order_process_modal .result-list li em {font-size:30px; width:100%; height:100%;}

.box-print {height:387px; padding:0 10px; border:1px solid #ccc; background:#f5f5f5;}
.box-print .guide-img {width:100%; margin:25px; text-align:center; clear:both;}
.box-print .box-left,
.box-print .box-right {float:left; width:55%; padding:0 20px; height:60px;}
.box-print .box-right {width:45%; border-left:1px solid #ccc;}

.box-user-info {display:table; width:100%; line-height:23px;}
.box-user-info > div {display:table-cell; vertical-align:top;}
.box-user-info .imageUnity {width:66px;}
.box-user-info .imageUnity img {border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.box-user-info .profile-status {width:200px; padding-left:20px;}
.box-user-info .profile-status strong {display:block; color:#222; font-size:18px;}
.box-user-info .profile-status .attr_user_no {display:block; padding-left:16px; background:url('../img/icon_green_people.png') no-repeat left center; line-height:20px;}
.box-user-info .profile-status .attr_birthday {display:block; padding-left:16px; background:url('../img/icon_green_pencil.png') no-repeat left center; line-height:20px;}
.box-user-info .profile-status em {display:block; color:#fd785f; font-size:14px; font-weight:500;}
.box-user-info > ul {display:table-cell; vertical-align:top;}
.box-user-info > ul li {overflow:hidden; line-height:23px;}
.box-user-info > ul li strong {float:left; width:80px; color:#222; font-weight:300;}
.box-user-info > ul li span {float:left;}

.lanking {position:absolute; right:0; top:0; color:#222;}
.lanking input {margin:0 5px;}

.box-sms {position:relative; padding:80px 33px 77px 33px; background:#e6e6e6; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.box-sms:after {content:''; position:absolute; top:43px; left:50%; width:50px; height:6px; margin-left:-25px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.box-sms:before {content:''; position:absolute; bottom:20px; left:50%; width:40px; height:40px; margin-left:-20px; border:5px solid #fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.box-sms textarea {width:100%; height:290px; padding:5px 7px; border:none; vertical-align:top;}
.box-sms em {position:absolute; top:55px; right:33px; color:#999;}
.box-sms ul {padding:10px; border:1px solid #fff; background:#c4e5e3;}
.box-sms ul li {display:table; width:100%; margin-top:8px;}
.box-sms ul li:first-child {margin:0;}
.box-sms ul li label {display:table-cell; width:73px; margin:0; color:#222; font-size:14px; font-weight:500; vertical-align:middle;}
.box-sms ul li span {display:table-cell; vertical-align:middle;}

.box-terms {position:relative; margin-top:30px;}
.box-terms .input-chk {position:absolute; top:0; right:0;}
.terms-cont {overflow-y:auto; overflow-x:hidden; height:130px; margin-top:15px; padding:15px 20px; border:1px solid #ccc; background:#f5f5f5;}

.userm-mng-update {overflow:hidden;}
.userm-mng-update .search_container {float:left; width:calc(100% - 1% - 300px); width:-webkit-calc(100% - 1% - 300px); width:-moz-calc(100% - 1% - 300px);}
.count-list {float:right; width:300px; height:248px; padding:0 30px; background:#f2f2f2;}
.count-list li {float:left; width:106px; height:54px; margin-top:17px;}
.count-list li strong {display:block; color:#222; font-size:14px; font-weight:300;}
.count-list li em {display:block; height:30px; margin-top:8px; padding-left:50px; color:#fd785f; font-size:18px; font-weight:500; text-align:right; line-height:30px;}
.count-list li.icon-type01 em {background:url(../img/icon/icon_usermng01.png) no-repeat left center;}
.count-list li.icon-type02 em {background:url(../img/icon/icon_usermng02.png) no-repeat left center;}
.count-list li.icon-type03 em {background:url(../img/icon/icon_usermng03.png) no-repeat left center;}
.count-list li.icon-type04 em {background:url(../img/icon/icon_usermng04.png) no-repeat left center;}
.count-list li.icon-type05 em {background:url(../img/icon/icon_usermng05.png) no-repeat left center;}
.count-list li:nth-child(odd) {float:right;}
.count-list li:first-child {height:auto; width:100%; margin-top:30px; height:40px; line-height:40px;}
.count-list li:first-child strong {float:left; font-size:18px; font-weight:500;}
.count-list li:first-child em {float:right; min-width:110px; height:40px; margin:0; line-height:40px;}

.option-list {display:table;}
.option-list li {display:table-cell; padding:0 30px; border-left:1px solid #ddccb0; color:#333; vertical-align:top;}
.option-list li:first-child {padding-left:0; border:none;}
.option-list li strong {display:block; margin-bottom:13px; font-size:18px;}
.option-list li label {display:block; margin-top:8px; font-size:14px;}

.box-common-info {position:relative; display:table; width:100%; padding:10px 20px 20px 20px; background:#f5e9d5; table-layout:fixed;}
.box-common-info .btn-area {position:absolute; left:20px; bottom:20px;}
.box-common-info .user-book-img {display:table-cell; width:170px; padding-right:50px; vertical-align:top;}
.box-common-info .user-book-img .img-bg {width:120px; height:140px; background:#c0c0c0;}
.box-common-info .user-book-img .user-situation {display:block; min-height:25px; padding:4px 5px 5px; background:#fd785f; color:#fff; line-height:16px; text-align:center;}
.box-common-info .user-book-info {display:table-cell; vertical-align:top;}

/* 23.05.30 연희 */
.info_tbl_box_left {width:50%; float:left;}
.info_tbl_box_right {width:50%; float:right;}
.box-common-info .user-book-info .info_tbl {width:100%;}
.box-common-info .user-book-info .info_tbl th {color: #222; font-size: 14px; font-weight: 500;}

.box-common-info .user-img-box {float:none; display:table-cell; width:130px; margin:0; padding: 0px 10px 0 0px; vertical-align:middle;}
.box-common-info .user-book-info + .user-book-info {width: 60%;}
.box-common-info .user-book-info .stit-s {width:90%; min-height:22px; line-height:22px;}
.box-common-info .user-book-info .stit-m + .stit-s {margin-top:17px;}
.box-common-info .user-book-info .situation {display:block; width:60px; height:22px; margin-top:10px; border:1px solid #fd785f; background:#fd785f; color:#fff; text-align:center; line-height:19px;}
.box-common-info .user-book-info .situation.normality {border:1px solid #1386d1; background:#fff; color:#1386d1;}
.box-common-info .user-book-info .situation.suspend {border:1px solid #e84343; background:#fff; color:#e84343;}
.box-common-info .user-book-info .stit-desc {margin-top:10px; color:#222;}
.box-common-info .user-book-info .stit-desc + .stit-desc {margin:0;}
.box-common-info .user-book-info .user-num {padding-left:16px; background:url('../img/icon_green_people.png') no-repeat left center;}
.box-common-info .user-book-info .user-birthday {padding-left:16px; background:url('../img/icon_green_pencil.png') no-repeat left center;}
.box-common-info .user-book-info .book-num {padding-left:16px; background:url('../img/icon/icon_num.png') no-repeat left center;}
.box-common-info .user-book-info .date-birth {padding-left:16px; background:url('../img/icon_green_pencil.png') no-repeat left center;}
/*.box-common-info .user-book-info .box-info {overflow:hidden; width:100%; margin-top:10px;}
.box-common-info .user-book-info .box-info ul {float:left; width:50%; max-width:490px;}*/
.box-common-info .user-book-info .box-info {display:table; width:100%; max-width:1058px; margin-top:10px; table-layout:fixed;}
.box-common-info .user-book-info .box-info ul {display:table-cell; vertical-align:top; padding-top:5px;}
/* 19.10.21 jiyeong*/
.box-common-info .user-book-info .box-info.no-margin-top ul{padding-top:10px;}
.box-common-info .user-book-info .box-info ul + ul  {width:50%;}

/* 21.06.23 chong */
.box-common-info .user-book-info .box-info .align_column  {display:flex;flex-direction:column;};

/* 19.10.18 jiyeong 저자발행 가로정렬 */
.box-common-info .user-book-info .box-info.no-margin-top ul li {display:inline;}
.box-common-info .user-book-info .box-info ul li strong {float:left; width:110px; color:#222; font-weight:300;}
.box-common-info .user-book-info .box-info ul li div,
.box-common-info .user-book-info .box-info ul li span {float:left; width: calc(100% - 111px); width: -webkit-calc(100% - 111px); width: -moz-calc(100% - 111px); min-height: 20px; padding: 0 7px 0 7px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* 19.10.18 jiyeong 저자발행 가로정렬*/
.box-common-info .user-book-info .box-info.no-margin-top ul li span {float:left; width: 32% !important;padding-right: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 

/* 23.06.28 예약상태 모달 - 예약자 정보 - span 크기 늘림*/
#resv_user_info_div .user-book-info .box-info ul li span {
	width: calc(100% - 90px); width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px);
}

.box-common-info .user-book-info .box-info ul:first-child li strong {width: 75px;}
.common-info-type .user-book-img {width:140px; padding-right:20px;}
/* 19.10.21 jiyeong */
.common-info-type .user-book-info .box-info ul:first-child li strong {width:60px;}
.common-info-type .user-book-info .box-info.simpleinfo ul:first-child li strong {width:55px;}

.common-info-type .user-book-info .box-info ul li span {width: calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px);}
.metis-emp-border.box-common-info {padding:17px;}
/* 19.10.18 jiyeong 서명 한줄 */
/* .box-common-info .user-book-info h6 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} */
.box-common-info .user-book-info .stit-xs {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.box-common-info .data-info {margin-right:30px;}
.box-common-info .data-info .box-info ul li {margin-top:7px; line-height:18px; display:flex   }
.box-common-info .data-info .box-info ul li strong { width:100px; color:#222; font-weight:300;}
.box-common-info .data-info .box-info ul li div,
.box-common-info .data-info .box-info ul li span { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px);white-space:nowrap;}



.progress-info {overflow:hidden;} 
.progress-info .info-left {float:left; width:49%;}
.progress-info .info-right {float:right; width:49%;}
.progress-info .info-left > div,
.progress-info .info-right > div {padding:20px; border:1px solid #ccc; background:#f8f8f8;}
/*.progress-info .info-left .stit-m {height:80px; padding-top:40px; background:url('../img/bg_img_info01.png') no-repeat right bottom; color:#33b390;}
.progress-info .info-right .stit-m {height:80px; padding-top:40px; background:url('../img/bg_img_info02.png') no-repeat right bottom; color:#1286d1;}*/
.progress-info .info-left .stit-m {height:60px; padding-top:20px; color:#33b390;}
.progress-info .info-right .stit-m {height:60px; padding-top:20px; color:#1286d1;}
/* 19.04.23 jiyeong .search_container 추가 */
.progress-info .search_container .info-left .stit-m {height:20px;  color:#33b390; padding-top:0px;}
.progress-info .search_container .info-right .stit-m {height:20px; color:#1286d1; padding-top:0px;}
.progress-info h6 {margin-top:30px; font-size:18px; font-weight:500;}
.progress-info .info-left h6:first-child,
.progress-info .info-right h6:first-child {margin-top:0;}
.progress-info .info-left h6 {color:#33b390;}
.progress-info .info-right h6 {color:#1286d1;}
.progress-info h6 em {display:inline-block; width:18px; height:18px; margin-right:5px; color:#fff; font-size:11px; line-height:19px; vertical-align:1px; text-align:center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.progress-info .info-left h6 em {background:#33b390;}
.progress-info .info-right h6 em {background:#1286d1;}
.progress-info .board-write td {background:#fff;}

#resv_species_info_div,
#resv_user_info_div,
#resv_user_info_div {position:relative; overflow:auto; overflow-x:hidden; height:650px;}
#resv_species_info_div .ps-scrollbar-y-rail,
#resv_book_info_div .ps-scrollbar-y-rail,
#resv_user_info_div .ps-scrollbar-y-rail {z-index:2;}

#resv_book_info_div .box-common-info, 
#resv_species_info_div .box-common-info,
#resv_user_info_div .box-common-info,
#resv_user_info_div .box-common-info {min-height:180px;}



/* 19.10.18 jiyeong */
.no-min-height {min-height:0px !important;}
/* HoldBookCheckMain */
.hold-book-check-main_tab {float:left; border:1px solid silver; margin-left:24px;}

@media all and (max-width:1440px){
    /* dashboard */
    .menu-list li a:before {width:54px; height:60px; margin-bottom:5px; background-size:480px 120px;}
    .menu-list li.menu-type1 a:before {background-position:0 0;}
    .menu-list li.menu-type2 a:before {background-position:-53px 0;}
    .menu-list li.menu-type3 a:before {background-position:-107px 0;}
    .menu-list li.menu-type4 a:before {background-position:-160px 0;}
    .menu-list li.menu-type5 a:before {background-position:-214px 0;}
    .menu-list li.menu-type6 a:before {background-position:-267px 0;}
    .menu-list li.menu-type7 a:before {background-position:-320px 0;}
    .menu-list li.menu-type8 a:before {background-position:-373px 0;}
	.menu-list li.menu-type9 a:before {background-position:-427px 0;}

    .menu-list li.menu-type1 a:hover:before {background-position:0 -60px;}
    .menu-list li.menu-type2 a:hover:before {background-position:-53px -60px;}
    .menu-list li.menu-type3 a:hover:before {background-position:-107px -60px;}
    .menu-list li.menu-type4 a:hover:before {background-position:-160px -60px;}
    .menu-list li.menu-type5 a:hover:before {background-position:-214px -60px;}
    .menu-list li.menu-type6 a:hover:before {background-position:-267px -60px;}
    .menu-list li.menu-type7 a:hover:before {background-position:-320px -60px;}
    .menu-list li.menu-type8 a:hover:before {background-position:-373px -60px;}
    .menu-list li.menu-type9 a:hover:before {background-position:-427px -60px;}
    .dashboard-group1 .box-notice {width:calc(60% - 20px); width:-webkit-calc(60% - 20px); width:-moz-calc(60% - 20px);}
    .dashboard-group2 .status-list li {margin-top:23px; padding-top:23px;}
    .dashboard-group2 .chart-weekly,
    .dashboard-group2 .chart-today {padding-left:50px;}
    .dashboard-group2 .chart-weekly,
    .dashboard-group2 .chart-today {height:334px;}
    .dashboard-group2 .chart-weekly h2,
    .dashboard-group2 .chart-today h2,
    .dashboard-group2 #main_chart_legend {left:50px;}
    .popularity-box .covercaption {padding-left:18px;}

    /* UserMngUpdateMain */
    .box-usermng > div {width:50% !important; padding:0 20px 0 0;}
    .box-usermng > div:nth-child(even) {padding:0;}
    .box-loanmain .box-group-picture {width:12%;}
    .box-loanmain .box-group2 {padding:0 20px; width:46.6%;}
    .box-loanmain .box-group2 .top-group > ul {width:70%; padding-right:10px;}
    .box-loanmain .box-group2 .top-group > div textarea {width:calc(100% - 54px); width: -webkit-calc(100% - 54px); width: -moz-calc(100% - 54px);}
    .box-loanmain .box-group2 .top-group > div button {width:46px;}
    .box-loanmain .box-group2 .btm-group .profile-user { /*width:40%;*/ width:35%;}
    .box-loanmain .box-group2 .btm-group .profile-user .imageUnity {width:50px; height:50px;}
    .box-loanmain .box-group2 .btm-group .profile-user .imageUnity > img {width:75px; height:75px;}
    .box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status > div {padding-right:0;}
    .box-loanmain .box-group2 .btm-group .profile-user .metis-profile-status .name {font-size:18px;}
    .box-loanmain .box-group3 {padding-left:20px;}

}

	/* 2018 03 19 추가 */
	@media all and (max-width:1440px) {
		.box-loanmain .box-group3 {width:calc(16.5% - 6px); width:-webkit-calc(16.5% - 6px);}
	}
	@media all and (min-width:1500px) {
		.res-modal {width:1400px;}
		.box-loanmain .box-group2 .btm-group .situation-list2 li {margin-left:5%;}
		.box-loanmain .box-group2 .btm-group .profile-user {width:50%;}


	}
	@media all and (min-width:1680px) {
		.res-modal {width:1600px;}
		.box-loanmain .box-group2 .btm-group .situation-list2 li {margin-left:5%; margin:7px;}
		.box-loanmain .box-group2 .btm-group .profile-user {width:46%;}
		.box-loanmain .box-group2 .btm-group .situation-list li {width:50%;}
		.box-loanmain .box-group2 .btm-group .situation-list2 {width:32%;}
		.box-loanmain .box-group-picture .family_btn span {float:left; margin-left:4%;}
		.box-loanmain .box-group-picture .family_btn img {float:right; margin-right:4%;}
		

	}
	@media all and (min-width:1900px) {
		.res-modal {width:1800px;}
		.box-loanmain .box-group2 .btm-group .situation-list2 li {margin-left:5%; margin:10px;}
		.box-loanmain .box-group2 .btm-group .situation-list li {width:50%;}
		.box-loanmain .box-group2 .btm-group .situation-list2 {width:30%;}
/*		.box-loanmain .box-group2 .btm-group .situation-list2 li {margin-left:10%;}*/
	}

/*2018.10.05 강예슬 추가  - 로딩중 이미지 - IE에서 로딩중 이미지 멈추는 것 때문에*/
.cssbox-loading { 
     content: url("/METIS/img/loading.gif"); 
}


#floatMenu {
	position: absolute;
	width: 200px;
	height: 150px;
	right: 10px;
	bottom: 10px;
	background-color: #606060;
	color: #fff;
	border: 2px solid #CCCCFF;
}

#floatMenu table td{
	border: 2px solid #FFFFFF;

}


/* jqx combo용 */
.jqx-combobox-input{
	border: 2px solid #FFFFFF;
	background-color: white;
}
 
/* 19.04.18 jiyeong 수평, 가로간격 동일 레이아웃  */
.illcontainer{
	height: 100px;
	width: 100%;
	vertical-align: middle;
	display: table-cell; 
}
.illimgcontainer {
	font-size:25px;
	display: table;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
	text-align: center;
		
}

/* ul:before {
  display: table-cell;
  content: '';
}

ul:after {
  display: table-cell;
  content: '';
}
 */
 
/* 19.04.08 jiyeong 책밴드 활성상태 */

em.ill-move-non-active{

	color: #5c5d5c; 
	font-weight:300;
}

em.ill-move-active{
	font-weight:300;
	color: #fd785f; 
}

/* 19.04.15 jiyeong  TOOLTIP */
[data-tooltip-text]:hover {
	position: relative;
}
[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	background-color: rgba(0,0,0,0.5);
	/* 
  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	position: absolute;
	width: 150px;
	min-width : 150px;
	word-wrap: break-word;
	z-index: 9999;
	opacity: 0;
	left: -9999px;
	top: 110%;
	content: attr(data-tooltip-text);
	/*19.11.06 jiyeong 단어짤림 방지 줄바꿈 추가 */
	word-break:keep-all;
	line-height: 1.2;
	padding:10px;
	text-align: left;
}
	
[data-tooltip-text]:hover:after {
	top: 120%;
	left: 50%;
	margin-left:-75px;
	opacity: 1;
}
/* 19.04.22 jiyeong 퍼블리싱 결과물 적용 */
.step {
    margin:0px;
    background-color: #f4e8d5;
    padding:25px 39px;
}
.step::after {
    content:'';
    display: block;
    clear: both;
}
.step li {
    width: 56px;
    height: 56px;
    line-height: 59px;
    position: relative;
    float: left;
    text-align: center;
    margin-right:20px;
    background:#fff;
    -webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
}
.step li:not(:last-child)::after {
    content:'▶';
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 13px;
    font-size:14px;
    line-height: 13px;
    top:50%;
    margin-top: -6.5px;
    right:-17px;
    color:#fff;
}
.step li.on:not(:last-child)::after {
    content:'▶';
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 13px;
    font-size:14px;
    line-height: 13px;
    top:50%;
    margin-top: -6.5px;
    right:-17px;
    color:#fb7662;
}
.step li:last-child {
    margin-right: 0;
}
.step em {
    font-size:14px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border:1px solid #dee1e3;
    -webkit-border-radius:50px;
	-moz-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
    display: inline-block;
    position:raletive;
}
.step li.on {
    background:#fb7662;
    color:#fff;
}


.jqx-notification-container{
	
	z-index: 5000;
}


#fileUploaddiv > input{
	width: 75px;
}
.padding_table th{
	padding : 13px 10px 13px 10px;
	
}

.delivery-info ul li strong{
	height: 20px;
	line-height: 20px;
	width: 70px !important;
	padding: 10px 10px 0px 0px;
	display: inline-block;
}
.delivery-info input{
	margin: 3px 10px 0px 0px;
}

.user-book-info.del-info-right{
	margin-right:20px;
}
.user-book-info.padding-top-10.del-info-right{
	padding-left: 60px;
}

/* .user-book-info.del-info-right ul li strong{
	margin-left :10px;
} */
.box-common-info .user-book-info.del-info-right{
	width:70%;
	
}

/* span 툴팁 구현 추가  */
.tooltipBox {
	position: relative;
}
.tooltipBox .myTooltip{
	display: none;
	animation: tooltipAni 1s;
	transition:opacity 0.5s;
	width: 150px;
	padding:10px;
	position: absolute;
	top: 120%;
	left: 50%;
	margin-left: -75px;
	background: rgba(0,0,0,0.5); /* #333; */
	border-radius:5px;
	color:#fff;
	z-index:9999;
	line-height: 1.2;
	font-size:12px;
	word-break: keep-all;
	text-align: left;
}

/* 23.03.14 이준영 cut_tooltip */
.jqx-tooltip-text {
	color: #fff !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	animation: tooltipAni 1s !important;
}


.tooltipBox .myTooltip.leftTooltip {
	left:-200%;
}
.tooltipBox .myTooltip.topTooltip {
	top: -105%;
	bottom: 65px;
}
/* 19.11.19 jiyeong 추가*/
.tooltipBox .myTooltip.rightTooltip {
	left: 120%;  /* 부모속성 덮어쓰기위해 right가 아닌 left */
}

.tooltipBox:hover .myTooltip {
	display: block;
}

@keyframes tooltipAni {
  0% {
    opacity: 0;
  }
  80 {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.add-font {font-size:14px; line-height: 1;}


/*	19.12.04 팝업 수정	*/
.prsonal_popup_text {
	font-size:14px;
	padding-left: 15px;
	padding-right: 15px;
	color:#222;
	margin-top: 5px;
}
.prsonal-box {
	padding: 0;
	border-bottom:none;
}
.prsonal_popup_unit {
	padding: 10px;
	background:#f2f2f2;
	border-bottom:1px solid #ccc;
	padding-top: 20px;
}
.prsonal_popup_btn {
	width: 100px;
}


.side_btn {
	display:inline-block;
	width:1%;
	height:459px;
	line-height:459px;
	vertical-align:middle;
	background:#e0e0e0;
	cursor:pointer;
	color:#333;
	font-weight:bold;
	font-size:22px;
	border-radius:5px 0 0 5px;
	text-align:center;
	background:url("/METIS/img/marc_editor_slid_off.png") no-repeat center;
	background-size:contain;
}
.side_btn.on {
	background:url("/METIS/img/marc_editor_slid_on.png") no-repeat center;
}
.marc_left_box {
	width: calc(30% - 1px);display: inline-block; vertical-align:middle;
	transition:all 0.5s;
}
.marc_left_box.on {
	width:0%;
}
.marc_right_box {
	width: calc(68.5% - 1px); display: inline-block; vertical-align:middle;
	transition:all 0.5s;
}
.marc_right_box.on {
	width:98.5%;
}
.display_flexBox{
	display:flex;
	flex-direction:row;
}
.validation{
	border:1px solid red !important;
}

/* 알림톡 css */

.alarm-column__left{
	position:relative;
	border:1px solid rgba(0,0,0,0.3);
	margin-bottom:10px;
	height:70px;
}
.alarm-column__left:nth-child(2){
	padding:10px;
	height:350px;
	margin: 10px auto;
}
#commonMsg{
	width:100%;
	height:300px;
}
#replaceMsg{
	width:100%;
	height:190px;
}

.alarm-column__right{
	position:relative;
	border:1px solid rgba(0,0,0,0.3);
	margin-bottom:10px;
	height:150px;
}

.alarm-column__right:nth-child(2){
	display:flex;
	border:none;
	padding:0;
	height:300px;
	justify-content: space-between;
}
.alarm-column__item{
	position:relative;
	border:1px solid rgba(0,0,0,0.3);
	height:300px;
}
.alarm-column__item:first-child{
	margin-right:15px;
}

.alarm-box__title{
	position: absolute;
    top: -10px;
    left: 20px;
    z-index: 5;
    background-color: white;
    font-size:15px;
    font-weight:500;
    color:black;
}
.flexbox{
	display:flex;
	flex-direction:column;
	margin-top:15px;
}
#msgFile{
	display:none;
}

.alarm-box__imgbox{
	margin-top:10px;
	width:100%;
	height:180px;
	border:1px solid black;
}
.alarm-tip{
	line-height: 22px;
}
.alarm-btnbox{
	display:flex;
	justify-content: space-around;
}

#alarm-box__img{
	width:100%;
	height:100%;	
}

.alarm-column__item #imageChoice:disabled {
	cursor: not-allowed
}

.url_font{
	cursor:pointer;
	font-weight:600;
	color:blue;
}
.url_font:hover{
	cursor:pointer;
	color:blue;
}
.url_font:visited{
	cursor:pointer;
	font-weight:600;
	color:blue;
}

.batch_box{
	border:1px solid rgba(0,0,0,0.3);
	padding:10px 0 10px 0;
	position:relative;
}
.batch_title{
	position:absolute;
	font-size:15px;
	font-weight:500;
	top:-10px;
	left:10px;
	z-index:10;
	background-color: white;
}
.batch_sub_title{
	margin-left:10px;
	
}
.batch_btn{
	width:80%;
	height:30px;
	position:absolute;
	left:0;
	bottom:0;
	margin-left:15px
}
.batch_division{
	position:relative;
	height:220px;
}
.radio_box_ctn{
	padding:10px;
}

.slider{
	display:flex;
	justify-content: center;
	align-items: center;
}
.slides{
	display:flex;
	width:1600px;
	position:relative;
}

.slide{
	display:flex;
	justify-content: center;
	align-items: center;
}

.slides-container{
	width:800px;
	overflow:hidden;
}

.slide_prevBtn{
	font-size:30px;
}

.slide_nextBtn{
	font-size:30px;
}


.flex-box{
	display:flex;
	flex-direction:row;
	justify-content: space-around;
	align-items: center;
}
.loan_fileTbl th{
	position: relative;
    padding: 6px 10px 9px 10px;
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

.loan_fileTbl td{
	position: relative;
    padding: 5px 10px;
    text-align: left;
}

/*// 20220804 이용자관리-수정에서 모달로 대출중지 날짜제어 */
#loanStopPlus{
	width: 26px;
	height: 28px;
    display: inline-block;
    background:url("/METIS/img/small_icon/icon_keyword_small.png") no-repeat center;
    margin: 0 0 0 5px;
    background-color: #fd785f;
    border-radius: 2px;
    transition: all 1s;
}

#loanStopPlus:hover{
	cursor: pointer;
}

#loan_stop_date_modal{
	width: 300px;
	height: 200px;
	position: absolute;
	top:-50px; left:-200px;
	z-index:9999;
	box-shadow :#666 3px 3px 10px;
	over-flow: hidden;
	background-color: #fff;
	border-radius: 3px;
	display: none;
}

.loan_stop_date_modal_first{
	height:16px;
	display: flex; flex: row; justify-content: space-between; align-items: center;
	padding: 15px 10px;
}

.loan_stop_date_modal_first > p{
	font-size: 14px;
	color: #fd785f;
	font-weight: 500;
}

.loan_stop_date_modal_title{
	width: 100px;
}

.loan_stop_date_close{
	width: 10px;
	height: 10px;
	background: url("/METIS/img/button_images/btn_close.png") no-repeat center;
	color: #000 !important;
}

.loan_stop_date_close:hover{
	cursor: pointer;
}

.loan_stop_date_modal_second{
	background-color: #f5e9d5;
	height: 139px;
	display: flex; flex-flow: column wrap; justify-content: space-between; align-items: center;
	padding: 15px 10px;
	justify-content: space-evenly;
}

.loan_stop_date_modal_second_check{
	display: flex; flex-flow: row; 
}

.loan_stop_date_checkbox{
	display: flex; flex-flow: row;
}

#laon_stop_date_notice{
	color: #fd785f;
	font-weight: 600;
}

#loan_stop_date_modal label {
	display: flex; flex: row; align-items: center;
	font-size: 17px; font-weight: 400;
	margin: 0px 15px 0 0px;
}

#loan_stop_date_modal input:focus { 
	outline: none !important; border-color: #fd785f;
	}

#loan_stop_date_modal input::-webkit-outer-spin-button,
#loan_stop_date_modal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}


.loan_stop_date_modal_third{
	height: 35px;
	display: flex; flex: row; align-items: center;
	padding: 15px 10px;
	background-color: #fff;
	display: flex; flex: row; justify-content: end;
}

.loan_stop_btn1{
	height: 25px;
	width: 50px;
	color: #fff;
	background-color: #fd785f;
	margin: 0 5px 0 0px;
	border-radius: 2px;
}

.loan_stop_btn2{
	height: 25px;
	width: 50px;
	color: #fff;
	background-color: #544a55;
	border: 5px;
	border-radius: 2px;
}

/**22.08.24 배미경 화면설정 모달에서 목록 제어**/
#loan_View_Set_Btn{
	display:none;
}

#loan_View_Set_modal{
	width:380px; 
	height: 320px; 
	background-color: #f8edda;
	z-index:99; 
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: end;
	box-shadow: 1px 1px 10px #adadad;
	display: none;
}

#loan_View_Set_modal_close{
	width: 15px;
	height:15px;
	margin: 10px;
	background-color: blue;
	float: right;
	background: url(/METIS/img/button_images/btn_close.png) no-repeat center;
}

#loan_View_Set_modal_close:hover{
	cursor: pointer;
}

.loan_View_Set_modal_0{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fd785f;
	font-size: 20px;
	font-weight: 400;
	padding: 2px 0 2px 10px;
	border-bottom: 1px solid #adadad;
}

.loan_View_Set_floor{
	width: 100%;
	padding: 5px 30px;
	margin: 15px 0px 0px 0px;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

.loan_View_Set_floor select{
	width: 170px;
	outline:none;
}

.loan_View_Set_floor select:focus{
	border-color: #fd785f;
}

.loan_View_Set_floor button{
	width: 100px;
	margin: 0px 5px;
	padding: 5px;
	background-color: #fd785f;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}

.loan_View_Set_modal_third{
	justify-content: space-evenly;
}

#user_personal_info{
	display:inline-block;
	width:350px;
}

#user_personal_info li{
	display:inline-block;
	width:350px;
}

#user_personal_info strong{
	width:120px;
}
#user_personal_info span{
	width:-webkit-calc(100% - 120px);
}

/*대출반납 메인화면 레이아웃 변경용*/
#loan_layout_custom{
	width:100%;
	display:flex;
    justify-content: space-between;
}

#search_history_wrap{
	width:23.9%;
	margin-top:43px;
	position: relative;	/*2022.09.14 배미경 해당 div의 토글 버튼 위치 고정 위해 추가*/
}

#loanreturn_and_history_wrap{
	width:75.8%;
}

.loan_ctab_custom:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #a3bb43;
    display: block;
    margin-top: 5px;
}


/*22.09.13 배미경 간소화 화면 .loan_simple_mode*/
#loan-return-page-toggle{
	display: none;	
}

.loan_simple_mode{
	height: 115px;
	over-flow: hidden;
	background-color: #f8edda;
}

.loan_simple_mode .box-group1{
	width: 25%;
	height: 100%;
}

.loan_simple_mode .metis-date-box{
	width: 31%;
	padding: 3px;
}

.loan_simple_mode .box-group1 ul{
	
	width: 69%;
    height: 100%;
    max-width: 320px;
    padding: 3px;
}

.loan_simple_mode .box-group1 ul li{
	display: inline-block;
	width: 120px;
	margin: 3px;
	padding: 0px;
}

.loan_simple_mode .box-group2{
	width: 70%;
	height: 100%;
	padding: 5px;
	display: flex;
}

.loan_simple_mode .box-group2 .top-group{
	width: 78%;
	display: flex;
	align-items: center;
}

.loan_simple_mode .box-group2 .top-group, .loan_simple_mode .box-group2 .bottom-group{
	padding: 0px;
	margin: 0px;
}

.loan_simple_mode .box-group2 .top-group input[type='text'], .loan_simple_mode .box-group2 select{
	height: 23px;
}

.loan_simple_mode .box-group2 .top-group .group2-first-grid {
	width: 60%;
	max-width: 350px;
	min-width: 200px;
    margin-right: 7px;
    padding-right: 0px;
}

.loan_simple_mode .box-group2 .top-group ul li {
	vertical-align: baseline;
}


.loan_simple_mode .simplemode_date{
	display: flex !important;
	justify-content: center;
}

.loan_simple_mode .metis-month, .loan_simple_mode .metis-day{
	display: none;
	margin-top: 2px;
}

.loan_simple_mode .metis-month, .loan_simple_mode .metis-return-day{
	margin-top: 3px;
}

.loan_simple_mode .box-group-picture #familyButtonId{
	font-size: 13px;
}

.loan_simple_mode #userImgFamily_div{
	width: 100px;
	min-width: 100px;
	height: 100px;
	margin-right: 7px;
}

.loan_simple_mode #userImgFamily_div #user_picture{
	width: 50% !important; 
	height: 60% !important;
	top: 35% !important;
}

.loan_simple_mode #userImgFamily_div #familyBtn_id{
	width: 100%;
	height: 28%;
	background-color: #ddd;
    border: none;
}

.loan_simple_mode #userImgFamily_div #familyBtn_id img{
	display: none;
}

.loan_simple_mode .metis-profile-status{
    font-weight: 500;
}

.loan_simple_mode .metis-profile-status .name{
	color: #333;
    font-size: 18px;
    cursor: pointer;
    margin-left: -10px;
}

.loan_simple_mode #user_no_view{
	display: block;
    padding-left: 16px;
    background: url('../img/icon_green_people.png') no-repeat left center;
    font-weight: 300;
}

.loan_simple_mode #reg_date_view{
	display: block;
    padding-left: 16px;
    background: url('../img/icon_green_pencil.png') no-repeat left center;
    font-weight: 300;
}


.loan_simple_mode #userGenderText{
	display: inline-block;
    padding: 0 4px;
    vertical-align: 3px;
    margin-left: 5px;
}

/*간소화 모드 내부 div 순서 변경으로 경로가 바뀐 선택자 재설정*/
.loan_simple_mode .imageUnity > img {width:90px; height:90px; margin:0 !important; cursor:pointer;}
.loan_simple_mode .imageUnity > em {display:none; position:absolute; top:2px; left:10px; z-index:2;}
.loan_simple_mode .metis-profile-status {display:table-cell; font-weight:500; vertical-align:middle;}
.loan_simple_mode .metis-profile-status > div {display:inline-block; padding:0 10px; vertical-align:middle;}
.loan_simple_mode .metis-profile-status .name {color:#333; font-size:26px; cursor: pointer; margin-left:-10px; }
.loan_simple_mode #userClassText {display:inline-block; margin-left:5px; padding:0 4px; vertical-align:3px;}
.loan_simple_mode #userClassText.normality {border:1px solid #1386d1; background:#fff; color:#1386d1;}
.loan_simple_mode #userClassText.suspend {border:1px solid #e84343; background:#fff; color:#e84343;}
.loan_simple_mode .metis-profile-status_detail {margin-top:2px; color:#333; cursor:pointer; margin-left:-10px;}
.loan_simple_mode #user_no_view {display:block; padding-left:16px; background:url('../img/icon_green_people.png') no-repeat left center; font-weight:300;}
.loan_simple_mode #reg_date_view {display:block; padding-left:16px; background:url('../img/icon_green_pencil.png') no-repeat left center; font-weight:300;}
.loan_simple_mode #userGenderText           {display:inline-block; padding:0 4px; vertical-align:3px; margin-left:5px; }
.loan_simple_mode #userGenderText.woman     {border:1px solid #F15F5F; background:#fff; color:#F15F5F;}
.loan_simple_mode #userGenderText.man       {border:1px solid #6799FF; background:#fff; color:#6799FF;}
.loan_simple_mode #userGenderText.human     {border:1px solid #555555; background:#fff; color:#555555;}
.loan_simple_mode #klMemberYnInfo           {display:inline-block; padding:0 4px; vertical-align:3px; margin-left:5px; }
.loan_simple_mode #klMemberYnInfo.klMember  {border:1px solid #6799FF; background:#fff; color:#6799FF;}


.loan_simple_mode .box-group2 .btm-group{
	width: 300px;
	max-width: 300px;
	min-width: 300px;
	margin-left: 8px;
}

.loan_simple_mode .box-group2 .profile-user{
	max-width: 220px;
	min-width: 180px;
	display: flex !important;
	align-items: center;
}


.loan_simple_mode #userImgFamily_div .imageUnityUser {
    top: 75%;
    left: 60%;
    width: 40%;
}

.loan_simple_mode .box-group2 .group2-second-grid{
	width: 22%;
	min-width: 200px;
}

.loan_simple_mode .box-group2 .situation-list li{
	width: 40px;
	display: inline-block;
}

.loan_simple_mode .box-group2 .btm-group .situation-list2{
	display: none;
}

.loan_simple_mode .box-group3{
	display: none;
}


@media all and (max-width:1340px) {
	.loan_simple_mode .box-group-picture{
		display: none !important;
	}
	
	.loan_simple_mode .box-group2 .btm-group .profile-user{
		width: 40%;
	}
	
	.loan_simple_mode .box-group2 .btm-group .profile-user{
	width: 41%;
	display: flex !important;
	align-items: center;
	padding: 2px 1px 1px 5px;
	}
	
	.loan_simple_mode .box-group2 .btm-group .situation-list li strong{
	width: auto;
	}
	
	.loan_simple_mode .box-group2 .group2-second-grid{
	width: 150px;
	min-width: 150px;
	}
	
	.loan_simple_mode .box-group2 .btm-group .situation-list li{
	    max-width: 110px;
	}
}

@media all and (max-width:1560px) {
	.loan_simple_mode .box-group1 ul li{
	width: 95px;
	margin: 3px 1px;
	}
}
/*간소화 화면 종료*/

/*대출반납-처리목록 th 고정을 위한 css*/
#gview_common_borrow_return_history_table{
	position: relative;
}

#gview_common_borrow_return_history_table .ui-jqgrid-hdiv{
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#gview_common_borrow_return_history_table{
	overflow: hidden;
}

#loanmain-fold .loanmain-fold_innerdiv{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

/*간소화화면 목록 title 크기 조정 .loan_list_title_simple_mode*/
.loan_list_title_simple_mode > li > a{
	height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    font-size: 14px;
}

.loan_list_title_simple_mode > li > a > span{
	font-size: 14px;
}

.loan_list_title_simple_mode > h3{
	height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

.loan_list_title_simple_mode > h3:after{
	top: 9px !important;
}

.loan_list_title_simple_mode .fold_list{
	height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

.loan_list_title_simple_mode .fold_list:after{
	top: 9px !important;
}

.loan_list_title_simple_mode .ill_loan_container_simple_title{
	    padding: 8px 0px !important;
}

.loan_list_title_simple_mode .loanmain-fold_innerdiv{
	    padding: 8px 0px !important;
}

.loan_list_title_simple_mode .history_r{
	margin-top: 0px !important;
}

/*대출반납화면 이력삭제 버튼 라인 맞줘주기*/
#loanmain-fold #history_radio_div{
	width: 100%;
}

/*대출반납화면 이력삭제 버튼 라인 맞줘주기*/
#loanmain-fold #history_radio_div #btnHistoryDelete{
	margin-right: 0px !important;
}

/*대출반납화면 처리목록-대출자목록 위쪽 라인 맞춰주기*/
.loanmain-fold .loanmain-fold_innerdiv #history_l{
	margin-top: 0px;
}

#loan_layout_custom #gview_common_search_user_history_table .ui-jqgrid-bdiv{
	overflow-x: hidden;
}

.metis_container .loan_siple_tap_wrap{
	display: flex;
}

.metis_container .loan_siple_tap_wrap .left_tap li{
    float:left;
    min-width:80px;
    height:34px;
    margin: 0 6px 0 0px;
    padding:0 10px;
    border:1px solid #333;
    background:#fff;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
}

.metis_container .loan_siple_tap_wrap .left_tap li div{
	display: inline-block;
    margin-top: 5px;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
}

.loan_simplemode_btnbox{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px;
    position: absolute;
    justify-content: space-between;
    width: 96%
}

.loan_simplemode_btnbox .loan_right_tab{
	position: static;
	margin: 0px;	
}

.loan_simplemode_btnbox .left_tab{
	margin: 0px;	
}

.loan_simplemode_btnbox .left_tab li{
	margin: 0px 6px 0 0px;	
}

/*22.09.26 배미경 이용자통합화면 레이아웃 정리*/
#user_union_modal_for_css_control{
	width: 1300px;
}

#user_union_modal_for_css_control .user-img-box{
	width: 10%;
	margin: 0xp;
}

#user_union_modal_for_css_control #user-book-info-first{
	width: 30%;
	margin: 0xp;
}

#user_union_modal_for_css_control #user-book-info-second{
	width: 70%;
	margin: 0xp;
}

#user_union_modal_for_css_control #user-book-info-first .box-info ul{
	width: 100%;
	display: inline-block;
}

#user_union_modal_for_css_control #user-book-info-first .box-info ul li{
	width: 100%;
	display: inline-block;
}

#user_union_modal_for_css_control #user-book-info-first .box-info li strong{
	width: 33%;
	min-width: 115px;
	font-weight: 400;
}

#user_union_modal_for_css_control #user-book-info-first .box-info li span{
	width: 64%;
	display: inline-block;
}

#user_union_modal_for_css_control #user-book-info-second .box-info ul{
	width: 48%;
	margin-left: 5px;
	display: inline-block;
}

#user_union_modal_for_css_control #user-book-info-second .box-info ul li{
	width: 100%;
	display: inline-block;
}

#user_union_modal_for_css_control #user-book-info-second .box-info li strong{
	width: 33%;
	min-width: 115px;
	font-weight: 400;
}

#user_union_modal_for_css_control #user-book-info-second .box-info li span{
	width: 64%;
	display: inline-block;
}

#user_union_modal_for_css_control #gbox_userUnion_list{
	width: 100% !important;
}

#user_union_modal_for_css_control #gview_userUnion_list{
	width: 100% !important;
}


#user_union_modal_for_css_control #gview_userUnion_list .ui-jqgrid-hdiv{
	width: 100% !important;
}


#user_union_modal_for_css_control #gview_userUnion_list .ui-jqgrid-hdiv{
	width: 100% !important;
}

#user_union_modal_for_css_control #gview_userUnion_list .ui-jqgrid-bdiv{
	width: 100% !important;
}


.modal-body #reason_text_area{
	width: 100%;
    height: 100px;
    margin: 10px 0px 0 0px;
    border: 1px solid #999;
    border-radious : 3px;
    resize: none !important;
    outline-color: #fd785f;
}


#user_union_modal_reason_input_wrap #user_union_modal_reason_input{
	width: 500px !important;
	height: 360px;
}


#user_delete_history_find_modal .delte_history_select{
	margin: 0 2px 0 10px;
    color: #222;
    font-size: 14px;
    font-weight: 500;
}

#user_delete_history_find_modal #delete_type{
	margin-left: 3px;
}


#user_delete_history_find_modal .user_delete_hidtory_font{
    color: #222;
    font-size: 14px;
    font-weight: 500;
	margin-left: 10px;
}

#user_delete_history_find_modal .search_container{
	margin-bottom: 7px;
    display: flex;
    align-items: center;
}


#user_delete_history_find_modal .history_user_no, #user_delete_history_find_modal .history_user_name, #user_delete_history_find_modal .history_current_user_no{
	margin-left: 7px;
	width: 120px;
}


#user_delete_history_find_modal .history_current_user_no{
	margin-right: 10px; 
}


#user_delete_history_find_modal #gbox_user_delete_history_table,
#user_delete_history_find_modal #gview_user_delete_history_table,
#user_delete_history_find_modal .ui-jqgrid-hdiv,
#user_delete_history_find_modal .ui-jqgrid-bdiv
{
	width: 100% !important;
}

.user_union_mode_wrap{
	display: none;
}

#loan_modify_modal .user-book-info li{
	width: 100%;
	display: inline-block;
}

#loan_modify_modal .user-book-info li strong{
	width: 33%;
	min-width: 80px;
	font-weight: 400;
}

#loan_modify_modal .user-book-info li span{
	width: 66%;
	min-width: 160px;
}


.table_container #gbox_family_user_list,
.table_container #gbox_family_user_list #gview_family_user_list,
.table_container #gbox_family_user_list .ui-jqgrid-hdiv,
.table_container #gbox_family_user_list .ui-jqgrid-bdiv {
	width: 100% !important;
	min-width: 750px;
}

.family_list_modal_btn_box{
	padding: 15px 40px 30px;
	display: flex;
	justify-content: flex-end;
}

.family_list_modal_btn_box .family_list_modal_btn_innerbox{
	width: 815px;
	display: flex;
	justify-content: space-between;
}


/*22.10.07 배미경 categoryComplteinfopopup.jsp에서 외부 스크롤이 생기면 내부 스크롤에 mouseover해도 외부 스크롤이 우선하는 문제 해결 위해 id 변경*/
/*22.11.01 배미경 .box-tab 레이아웃 깨지는 건으로 전반적으로 수정. 관련하여 CAtegoryCompleteInfoPopoup.jsp도 수정 */
#root_container_prevent_scroll{
	min-width:1200px;
    position:relative;
    width:100vw;
    height:100vh;
    overflow:auto;
    overflow-x:hidden;
}

#root_container_prevent_scroll #right_container_wrapper{
	height: 100vh;
	overflow: scroll;	
}

#root_container_prevent_scroll .metis_container .box-tab{
	display: flex;
	flex-flow : row;
	justify-content: space-between;
	align-items: center;
}

#root_container_prevent_scroll .box-tab .right_tab{
	display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
}

#root_container_prevent_scroll .box-tab .right_tab .right_tab_innerwrap{
	display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
}

#root_container_prevent_scroll .box-tab .right_tab .search-tit{
	width: 30px;
	margin-right: 5px;
}

#root_container_prevent_scroll .box-tab .right_tab #marc_edit_font_size{
	margin-right: 5px;
}

/*22.10.17 이용자 정보 수정 팝업 스타일 수정*/
#user_update_popup_forcss {
	padding: 15px 20px 25px;
} 

#user_update_popup_forcss .userm-mng-update .count-list{
	height: 100%;
	min-height: 270px;
}

#user_update_popup_forcss .box-usermng{
	min-height: 520px;
}

#user_update_popup_forcss .box-usermng > div{
	margin-top: 20px;
}


#user_update_popup_forcss .btn-area{
	margin: 10px 0 10px 0px !important;
}


#user_update_popup_forcss .search_container, #user_update_popup_forcss .count-list{
	height: 100%;
}

#user_update_popup_forcss h3{
	display:inline-block; 
	margin-bottom:10xp
}

.for_same_height{
	height: 425px;
}

.margin-top-15{
	margin-top: 15px !important;
}

.margin-top-28{
	margin-top: 29px !important;
}

.margin-top-33{
	margin-top: 33px;
}

.width-100percent{
	width: 100% !important
}

/*레이아웃 수정 left_tab과 right_tab이 일렬로 정렬*/
.tab_wrap_box{
	width: 100%;
    display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between;
}

.left_tab{
	min-width: 330px;	/*해당 min-width는 단순 레이아웃용으로 문제시 삭제해도 무방합니다*/
}

.right_tab_box_innerwrap{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
#detail_article_contents{
	width:620px;
	height:300px;
	border:none;
	background-color:white;
}


/*원문신청관리 페이지*/
#request_search_detail_modal .modal-dialog{
	width: 500px;
}

#request_search_detail_modal .modal-dialog .serchrow_item_wrap{
	display: flex;
	border-bottom: 1px solid #adadad;
}

#request_search_detail_modal .modal-dialog .serchrow_item_wrap .serch_item_title{
	width: 25%;
	background: #eee;
    padding: 5px 10px;
    margin-right: 10px;
}

#request_search_detail_modal .modal-dialog .serchrow_item_wrap h6{
	font-size: 15px;
    font-weight: 600;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#request_search_detail_modal .modal-dialog .serchrow_item_wrap p{
	font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans',dotum,sans-serif;
}

.serch_item_content input, .serch_item_content select, .date_picker_container{
	margin: 5px 0px;
}

#request_search_detail_modal .modal-dialog #processStatus{
	width: 245px;
}


#upload_request_data_modal .modal-dialog{
	width: 700px;
}

#upload_request_data_modal .modal-dialog .serchrow_item_wrap{
	display: flex;
	border-bottom: 1px solid #adadad;
}

#upload_request_data_modal .modal-dialog .serchrow_item_wrap .serch_item_title{
	width: 25%; min-width: 25%;
	background: #eee;
    padding: 5px 10px;
    margin-right: 10px;
}

#upload_request_data_modal .modal-dialog .serchrow_item_wrap h6{
	font-size: 15px;
    font-weight: 600;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#upload_request_data_modal .modal-dialog .serchrow_item_wrap p{
	font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#upload_request_data_modal .serch_item_content p{
	font-size: 14px;
    font-weight: 300 !important;
	
    font-family: 'Noto Sans',dotum,sans-serif;
}

#upload_request_data_modal .modal-dialog #processStatus{
	width: 245px;
}

#change_request_division_modal #egovComFileList{
	width: 400px;
}

#change_request_division_modal #currentFileList{
	height: 160px;
	overflow-y: auto;
    overflow-x: hidden;
}

#upload_request_data_modal #egovComFileList .col-xs-6{
	width: 90% !important;
}

#change_request_division_modal .modal-dialog{
	width: 1200px;
}

#change_request_division_modal input:focus, #change_request_division_modal textarea:focus{
	border-color: #fd785f;
	outline: none;
}


#change_request_division_modal #requestChangeFrom{
	display: flex; justify-content: space-between;
}

#change_request_division_modal .modal_body_left, #change_request_division_modal .modal_body_right{
	width: 49%;
}

#change_request_division_modal .request_user_box{
	display: flex; flex-direction: column;
}

#change_request_division_modal .modal-dialog .serchrow_item_wrap{
	display: flex;
	border-bottom: 1px solid #adadad;
}

#change_request_division_modal .modal-dialog .serchrow_item_wrap .serch_item_title{
	width: 25%;
	background: #eee;
    padding: 5px 10px;
    margin-right: 10px;
}

#change_request_division_modal .user_search_btn {
	display: flex; justify-content: flex-end;
	margin: 1px 0 1px 0px;
    padding: 3px 7px;
    border: 1px solid #fd785f;
    border-radius: 4px;
    color: #fd785f;
    font-weight: 500;
}  

#change_request_division_modal .user_search_btn:hover{
	border: 1px solid #fd785f;
    background: #fd785f;
    color: #fff;
    cursor: pointer;
    transition: 0.6s ease-out;
}


#change_request_division_modal .modal-dialog .serchrow_item_wrap h6{
	font-size: 15px;
    font-weight: 600;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#change_request_division_modal .modal-dialog .serchrow_item_wrap p{
	font-size: 14px;
    font-weight: 400;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#change_request_division_modal .modal-dialog .serchrow_item_wrap .serch_item_content p{
	font-size: 14px;
    font-weight: 300;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#change_request_division_modal .modal-dialog .serchrow_item_wrap .serch_item_title{
	display: flex; align-items: center;
}

#change_request_division_modal .modal-dialog .serchrow_item_wrap .serch_item_content{
	display: flex; align-items: center;
}

#change_request_division_modal .modal-dialog #processStatus{
	width: 245px;
}

#change_request_division_modal #reject_reason{
	width: 100%; height: 70px;
	resize: none;
	margin: 5px 0px;	
}

#change_request_division_modal #request_memo{
	width: 100%; height: 169px;
	resize: none;
	margin: 5px 0px;	
}

#change_request_division_modal #change_processStatus{
	130px;
}

#change_request_division_modal .modal_body_left input[type=text]{
	width: 400px;
}


#change_request_division_modal #currentFileList{
	width: 400px;
}

#change_request_division_modal .modal_body_right .col-xs-6{
	width: calc(100% - 42px);
	font-size: 13px;
	font-weight: 300;
}


#request_data_in_lib_modal .modal-footer .right_btn button, #change_request_division_modal .modal-footer .right_btn button{
	width: 100px !important;
	min-width: 100px !important;
}


#request_data_in_lib_modal .searchrow_common .serchrow_item_wrap{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    display: flex;
    border-bottom: 1px solid #adadad;
}

#request_data_in_lib_modal .serchrow_item_wrap .serch_item_title{
	width: 15%;
	background: #eee;
    padding: 5px 10px;
    margin-right: 10px;
    
    font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#request_data_in_lib_modal .serchrow_item_wrap .serch_item_content{
	width: 84%;
	font-size: 14px; font-family: 'Noto Sans',dotum,sans-serif;
}

#request_data_in_lib_modal h6{
    font-size: 15px;
    font-weight: 600;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#request_data_in_lib_modal #insert_request_data_number{
	width: 99%;
}

#request_data_in_lib_modal .for_search_wrap{
	display: flex; 
	padding: 10px 0px;
}

#request_data_in_lib_modal .seach_btn{
	width: 100px;
	border: 1px solid #fd785f;
    background: #fd785f;
    color: #fff;
    margin-left: 10px;
}


#request_data_in_lib_modal #user_search_wrap_for_search, #request_data_in_lib_modal #datatitle_search_wrap_for_search{
	display: flex;
    flex-direction: column;
}

#request_data_in_lib_modal #user_search_wrap_for_search #result_user_for_insert, #request_data_in_lib_modal #result_data_title_for_insert{
	width: 100% !important;
}

#request_data_in_lib_modal .seach_btn{
	display: flex;
    justify-content: center;
    align-items: center;
}

#request_data_in_lib_modal .seach_btn:hover{
	cursor: pointer;
}

#request_data_in_lib_modal input, #request_data_in_lib_modal input{
	width: 300px;
}

.modal_footer_innerwrap{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

#upload_request_data_modal #currentFileList .col-xs-6 {
	width: 425px !important;
	font-size: 13px !important;
}


#request_data_in_lib_modal_new .modal-content, #request_info_change_modal .modal-content{
	width: 600px;
}
#request_data_in_lib_modal_new > .modal-dialog, #request_info_change_modal > .modal-dialog{
	width: 600px;
}

#request_data_in_lib_modal_new .btn-s-t01, #request_info_change_modal .btn-s-t01{
	min-width: 100px;
}

#request_data_in_lib_modal_new .modal_footer_innerwrap .left_btn, #request_info_change_modal .modal_footer_innerwrap .left_btn{
	display: flex;
}

#request_data_in_lib_modal_new .modal_footer_innerwrap .common_btn, #request_info_change_modal .modal_footer_innerwrap .common_btn, #change_request_division_modal .common_btn{
	width: 100px;
	border: 1px solid #fd785f;
    background: #fd785f;
    color: #fff;
    padding: 5px 10px 7px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}

#request_data_in_lib_modal_new .searchrow_common .serchrow_item_wrap, #request_info_change_modal .searchrow_common .serchrow_item_wrap{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    display: flex;
    border-bottom: 1px solid #adadad;
}

#request_data_in_lib_modal_new .serchrow_item_wrap .serch_item_title, #request_info_change_modal .serchrow_item_wrap .serch_item_title{
	width: 25%;
	background: #eee;
    padding: 5px 10px;
    margin-right: 10px;
    
    font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#request_data_in_lib_modal_new .serchrow_item_wrap .serch_item_content, #request_info_change_modal .serchrow_item_wrap .serch_item_content{
	width: 74%;
	font-size: 14px; font-family: 'Noto Sans',dotum,sans-serif;
}

#request_data_in_lib_modal_new h6, #request_info_change_modal h6{
    font-size: 15px;
    font-weight: 600;
    font-family: 'Noto Sans',dotum,sans-serif;
}

#request_data_in_lib_modal_new input[type="text"], #request_info_change_modal input[type="text"]{
	width:98%;
}

/*23.03.17 배미경 대출반납페이지에서 지역상호대차 반납연기시 value값에 style값까지 넘기는 문제 해결 후 css처리*/
#loanmain-cont [aria-describedby="table_contents_RETURN_PLAN_DATE"] {
   font-weight: 900 !important; 
 }

#loanmain-cont [aria-describedby="kl_table_contents_반납예정일"] {
   font-weight: 900 !important; 
 }	
 
 /*23.03.17 배미경 대출반납페이지에서 value로 태그 정보 가지고 있는 것 제외 후 css로 처리*/
 #loanmain-cont [aria-describedby="table_contents_DELAY_DAY"]{
    font-weight: 900 !important; 
 }

#latefeePopup{
	width: 880px;
}

#latefeeupdatePopup{
	width: 750px;
}

.btn_user_search{
	height: 38px;
}

#user_union_modal_sec_for_css_control .user_union_sec_innerwrap{
	display: flex !important; justify-content: space-between; align-items: center;
}

#user_union_modal_sec_for_css_control .user_union_sec_user{
	width: 49% !important;
	overflow: hidden;
}

#user_union_modal_sec_for_css_control .user_union_sec_user_info{
	width: 33% !important;
	overflow: hidden;
	border: 2px solid #cfcfcf;
	height: 372px;
	margin: -10px -20px -20px;
}

#user_union_modal_sec_for_css_control .union_sec_margin{
	margin: 4px 5px 5px 0px;
}

#user_union_modal_sec_for_css_control .union_sec_title{
	width: 100%;
	margin-top: 4px;
	display: flex;   
	justify-content: center;
	padding-top:10px;"
}

#user_union_modal_sec_for_css_control .union_sec_info{
	width: 100%;
	margin-top: 4px;
	display: flex;   
	align-content: center;
	padding:0 0 7px 7px;
}

#user_union_modal_sec_for_css_control .user_union_submit_div{
	width: 99%;
	margin-left: 0;
}

#user_union_modal_sec_for_css_control .user_union_select_div{
	width: 71%;
	margin-left: 31px;
}

#user_union_modal_sec_for_css_control .union_sec_val{
	width: 100%;
	margin-top: 4px;
	display: flex; align-items: center;
}

#user_union_modal_sec_for_css_control .union_sec_common_p{
	display: inline-block;
}

#print_btn{
	margin: 50px auto;
    width: 375px;
    height: 300px;
    display: flex;
    justify-content: space-evenly;	
}


@media print {
  #print_btn { 
	display:none;
	}
}


/* 23.06.21 배미경, 최연희 - 책 상세보기, 종 상세보기, 서지정보, 회원증 태깅 레이아웃 변경 */
#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-img-box {
	padding-right: 20px;
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info {
	display: inline-block;
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info h4 {
	padding-bottom: 10px;
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info:nth-of-type(2) {
	width:30%; 
	padding-right:20px;
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info:nth-of-type(3) {
	width:70%
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info:nth-of-type(2) .box-info ul {
	width: 100%;
}
#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info:nth-of-type(3) .box-info > ul {
	width: 50%;
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info .box-info ul li strong {
	width: 120px;
}

#user_card_tagging_modal .bookdetail-add-border.box-common-info .user-book-info .box-info ul li span {
	width: -webkit-calc(100% - 120px);
}

#species_detail_popup .bookdetail-add-border.box-common-info .user-book-img {
	width: 120px;
}

#species_detail_popup .bookdetail-add-border.box-common-info .user-book-img .img-bg {
	width: 100px;
	height: 137px;
}

.bookdetail-add-border.box-common-info {
	padding:10px 20px 10px 20px;
}

.bookdetail-add-border.box-common-info .user-book-img {
	width:150px; padding-right:20px;
}

.bookdetail-add-border.box-common-info .user-book-img .img-bg {
	width: 130px;
    height: 165px;
}

.bookdetail-add-border.box-common-info .attr_img, #p_book_cover {
	width: 100% !important; height: 100% !important;
}

.bookdetail-add-border.box-common-info .user-book-info .stit-desc {
	text-align : center;
	margin: 10px 0 0 0px;
}

.bookdetail-add-border.box-common-info .attr_working_status {
    background: #72a20a;
    display: block;
    min-height: 25px;
    padding: 4px 5px 5px;
    color: #fff;
    line-height: 16px;
    text-align: center;
}

.bookdetail-add-border.box-common-info .user-book-info {
 	display: flex;
    justify-content: center;
	width: 100%;
}

.bookdetail-add-border.box-common-info .user-book-info-booktitle {
	display:block !important;
	width: 100%;
	font-size: 21px;
	border-bottom: 1px dotted #adadad;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info .user-book-info-booktitle li {
	height: 30px;
	line-height: 30px;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info .user-book-info-booktitle strong {
	font-weight: 500;
}	

.bookdetail-add-border.box-common-info .attr_title, #p_title_div {
	color : #fd785f;
	font-weight: 500;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info {
	display: flex; flex-wrap: wrap; width:100%; max-width:1058px; margin-top:0px; table-layout:fixed;
	background: #fff; 
	border: 1px solid #adadad;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info ul li { 
	height: 26px; line-height: 25px;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info ul li:not(:only-child):last-child {
	line-height:26px;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info ul:first-child li strong {
	width: 110px;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info ul li strong {
	background: #eee; padding-left: 7px; 
	font-weight: 500;
}

.bookdetail-add-border.box-common-info .user-book-info .box-info ul li:not(:last-child) {
   border-bottom: 1px dotted #adadad;			/*#e2e0e0;*/
}

.bookdetail-add-border.box-common-info .user-book-info .box-info ul {
	padding-top: 0px;
}
/* 책 상세보기, 종 상세보기, 서지정보, 회원증 태깅 레이아웃 변경 END */


/*그리드 sort 시 header의 arrow 흰색으로 변경*/
.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
	    background-image: url(/METIS/lib/jqxgrid/jqwidgets/styles/images/icon-down-white.png) !important;
}
.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
	background-image: url(/METIS/lib/jqxgrid/jqwidgets/styles/images/icon-up-white.png) !important;
}

/* 23.06.21 연희 - 대출자료 수정 레이아웃 변경 */
#loan_modify_modal .col-option {
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#loan_modify_modal .modal-dialog {
	width: 1000px;
}

#loan_modify_modal .box-common-info {
	background: white;
	padding: 0px;
}

#loan_modify_modal .box-common-info .box-info .user-img-box .img_bg img {
	width:100%; height:100%;
}

#loan_modify_modal .board-write tbody tr:first-child td:first-child {
	border-right:1px solid #dbdbdb;
	background: #eee;
	padding: 9px 10px;
}

#loan_modify_modal .board-write.book-info th {
	border-left: 1px solid #dbdbdb;
}

#loan_modify_modal .tb-wrapper .box-info .user-book-img .img-bg {
	width:120px;
	height:140px;
}

#loan_modify_modal .tb-wrapper .box-info .user-book-img .img-bg img {
	width:100%; 
	height:100%;
}

#loan_modify_modal .tb-wrapper .box-info .user-book-img .user-situation {
	display:block; 
	min-height:25px; 
	padding:4px 5px 5px; 
	background:#fd785f; 
	color:#fff; 
	line-height:16px; 
	text-align:center;
}

#loan_modify_modal .date_picker_container_time .date_picker {
	margin: 0;
}

#loan_modify_modal .date_picker_container {
	margin: 0;
}
/* 대출자료 수정 레이아웃 변경 END */


/*23.06.28 배미경 _상호대차요청, 공동보존서고, 자관보존서고 신청 모달의 화면 깨짐으로 임시처리. 해당 스타일은 신청모달 디자인 변경 후 삭제 됩니다.*/
#illRequestPopup .modal-content .user-img-box, #coPsvRequestPopup .modal-content .user-img-box {
    overflow: hidden;
}
#illRequestPopup .modal-content .user-img-box .img_bg img, #coPsvRequestPopup .modal-content .user-img-box .img_bg img {
	width: 100%;
    height: 100px;
    padding: 0 0 10px 0px;
}
#illRequestPopup .user-img-box, #coPsvRequestPopup .user-img-box{
    overflow: hidden;	
}
/*상호대차요청 신청 모달의 화면 깨짐으로 임시처리 END*/


#mnUser_update_detail_result_popup .mnUser_update_detail_result_popup_content {
	min-height: 200px;
	background: #f0f0f0;
    padding: 10px;
    margin-bottom: 5px;
}

#mnUser_update_detail_result_popup .mnUser_update_detail_result_popup_content h5{
	font-size: 20px;
}

/* 23.07.12 최연희 희망자료관리 신청내역조회 모달 */
#furnish_record_modal .modal-body {
	padding: 0 40px;
}

#furnish_record_modal .modal-body .search_container {
	display: flex; 
	justify-content: space-around; 
	align-items: center; 
	overflow: visible;
}

#furnish_record_modal .modal-body .search_container .chkBox {
	margin: 0 10px;
}

#furnish_record_modal .modal-body .search_container .chkBox label {
	margin: 0 5px;
}

#furnish_record_modal .modal-body .container_header .modal-sub-title {
	margin: 25px 0 20px 0;
}

#furnish_record_modal .modal-body .container_header .right_tab {
	margin: 20px 0;
}

#furnish_record_modal .modal-body .container_header .right_tab #btn_furnish_book_record_modal {
	margin: 0;
}

.wh-100 {
	width: 100%;
	height: 100%;
}
.wh-inherit{
    width:  inherit;
    height: inherit;
}

#common_sms_book_loans_search_modal .modal-body .btn-init {
	width: 28px;
    height: 28px;
    margin: 0 5px;
    background: #fff url(/METIS/img/button_images/btn_init.png) no-repeat center !important;
}

#bookDeliveryprocessPopup .step em {
	width: 55px;
    height: 55px;
    line-height: 49px;
}

#bookDeliveryprocessPopup .step li {
	width: 64px;
    height: 64px;
    line-height: 62px;
}	

#book_delivery_option #book_delivery_option_select > div{
	width: 100%;
}

#book_delivery_option #book_delivery_option_select .book_delivery_common_row{
	width: 100%;
	display: flex; align-items: center;
	margin-bottom: 7px;
}

#book_delivery_option #book_delivery_option_select .book_delivery_common_row .book_delivery_header{
	width: 30%; font-weight: 500;
}

#book_delivery_option #book_delivery_option_select .book_delivery_common_row .book_delivery_body{
	width: 70%;
}

#book_delivery_option #book_delivery_option_select .book_delivery_common_row .book_delivery_body select{
	width: 100%;
}

/* 개인정보처리방침 시작 */
#userPrivacyPolicy * {
	font-size: 16px;
	line-height: 28px;
	color: #222;
}

#userPrivacyPolicy .metis_container {
	padding: 140px 100px 100px !important;
}
    
#userPrivacyPolicy h1 {
	padding-bottom:30px;
	color:#fd785f;
	font-weight:500;
	font-size: 32px !important;
}

#userPrivacyPolicy h2 {
	padding-bottom:15px;
	color:#fd785f;
	font-size:26px !important;
	font-weight:500;
}

#userPrivacyPolicy hr {
	margin-top: 30px;
    margin-bottom: 30px;
}

#userPrivacyPolicy a:hover {
	color:#fd785f !important;
}

#userPrivacyPolicy ul.tooltip_list li {
	padding-left: 14px;
    background: url(/METIS/img/icon/bl_tooltip.png) no-repeat left center;
    color: #222;
    line-height: 28px;
    margin: 0 10px;
}

#userPrivacyPolicy span.important_label {
	color:#fd785f;
}

#userPrivacyPolicy .p_title {
	padding-bottom:15px;
}

#userPrivacyPolicy .section {
    padding: 46px 40px 63px;
    border-top: 1px solid #e5e5e5;
}

#userPrivacyPolicy .shortcut {
    overflow: hidden;
    margin: 30px 0 60px 0;
    padding: 35px 40px 20px;
    border: 3px solid #e5e5e5;
}

#userPrivacyPolicy .shortcut .navi_menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 0 20px 10px 20px;
	font-size: 15px !important;
	font-weight: 400;
}

#userPrivacyPolicy .shortcut .navi_menu .box {
 	width: 50%;
}

#userPrivacyPolicy table {
	border: 3px solid #e5e5e5; 
	border-collapse: collapse; 
	width: 60%; 
    margin: 20px 0;
}

#userPrivacyPolicy th, #userPrivacyPolicy td {
 	border: 1px solid #e5e5e5;
 	padding: 10px;
 	font-size: 14px !important;
    line-height: 24px !important;
}

#userPrivacyPolicy td .important_label{
 	font-size: 14px !important;
    line-height: 24px !important;
}
/* 개인정보처리방침 끝 */

/* 대출자료관리 상세검색 시작 */
#detail_search_modal .option-list li div {
	border-bottom: 1px solid #ddccb0; 
	padding: 0 0 10px 0;
}

#detail_search_modal .option-list li div .metis-checkbox-label {
	display:inline !important; 
	padding-left:10px;
}

#detail_search_modal .option-list li span label:first-of-type {
	margin-top: 10px;
}

#detail_search_modal .option-list li div strong {
	display:inline !important; 
	padding-right:5px; 
	margin-left:15px;
}

#detail_search_modal .option-list li:first-child {
	padding-left: 10px;
}

#detail_search_modal #optional_box button {display:block; margin:8px 0 0 0;}
/* 대출자료관리 상세검색 끝 */

/* 성공여부 그리드 컬럼 색상 */
.gridColumnSuccess {
	background-color: #D1F0FF !important;
	color: #0066ff !important;
}
.gridColumnFail {
  	background-color: #FFFF94 !important;
  	color: red !important;
}

/*대출반납 화면 rfid preloading 처리*/
#preLoading {
    width:100%; height:100%;
    position: absolute; z-index: 100;
    background: rgba(100,100,100,0.5);
    display: none; align-items: center; flex-direction: column; justify-content: center;
    color: #40f5e8;
    animation: preLoadingWrapKF 30s ease-in-out infinite;
}

#preLoading .loading_sq {
    width: 50px; height: 50px;
    margin: 10px auto;
    border: 10px solid #40f5e8; border-radius: 50%;
    animation: preLoadingKF 2s ease-in-out infinite;
}
#preLoading .loading_txt {
    width: 105px; height: 50px;
    margin: 10px auto;
    animation: preLoadingKF 2s ease-in-out infinite;
    font-size: 19px;
}

@keyframes preLoadingWrapKF {
    0%, 3% {
        opacity: 0;
    }
    4% {
        opacity: 1;
    }
}

@keyframes preLoadingKF {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
}

/*사용자관리 화면 인증 기기 관리 모달*/
.manage_auth_pc_modal .auth_header{
    background: #eee;
    position: relative;
    padding: 6px 10px 9px 10px;
    border-top: 1px solid #dbdbdb;
    background: #eee;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.manage_auth_pc_modal .auth_row {
    border-bottom: 1px solid #E0E0E0;
}

.manage_auth_pc_modal .auth_header_cell{
    display: flex;
    justify-content: center;
}

.manage_auth_pc_modal .auth_user{
    width: 15%; padding: 5px 0px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.manage_auth_pc_modal .auth_pc_name{
    width: 23%; padding: 5px 0px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.manage_auth_pc_modal .auth_pc_address{
    width: 12%; padding: 5px 0px;
    display: flex;
    justify-content: center;
}

.manage_auth_pc_modal .auth_date{
    width: 20%; padding: 5px 0px;
    display: flex;
    justify-content: center;
}

.manage_auth_pc_modal .auth_state{
    width: 12%; padding: 5px 0px;
    display: flex;
    justify-content: center;
}

.manage_auth_pc_modal .auth_btn{
    width: 18%; padding: 5px 0px;
    display: flex;
    justify-content: center;
}

.manage_auth_pc_modal .messagebox{
    display: flex;
    justify-content: center;
    margin: 20px 0px;
}
.manage_auth_pc_modal .auth_row{
    display: flex;
}

.manage_auth_pc_modal .auth_pc_btn{
    background: #89a741;
    color: #fff;
    padding: 1px 15px; margin-right: 3px;
    border-radius: 3px;
}

.manage_auth_pc_modal .delete_auth_pc_btn{
    background: #544a55;
    color: #fff;
    padding: 1px 15px;
    border-radius: 3px;
}

.manage_auth_pc_modal .auth_pc_btn:hover , .manage_auth_pc_modal .delete_auth_pc_btn:hover{
    cursor: pointer;
}

.manage_auth_pc_modal .insert_auth_pc{
    display: flex; flex-direction: column;
    margin-top: 30px; padding: 5px 0px 2px 0px;
    border-top: 2px solid #adadad; border-bottom: 1px solid #adadad;
}

.manage_auth_pc_modal .insert_auth_pc div{
    display: flex;
    margin-bottom: 10px;
}

.manage_auth_pc_modal .insert_auth_pc div p{
    display: flex; align-items: center;
    width: 75px;
    font-weight: 500;
}

#tab_idx_04 .headerControlWrap .rowHeaderControlBtn {
    margin-left: 10px;
    background:#fd785f; color: #fff;
    padding:2px 6px;
    border-radius: 4px;
}

#tab_idx_04 .headerControlWrap .rowHeaderControlBtn:hover{
    cursor: pointer;
}

#tab_idx_04 .headerControlWrap input[type=radio]{
    margin: 0 2px 4px 10px
}

/* 배달자료관리 환경설정 시작 */
#delivery_option_modal #book_delivery_option_select > div{
	width: 100%;
}

#delivery_option_modal #delivery_option_select .delivery_common_row{
	width: 100%;
	display: flex; align-items: center;
	margin-bottom: 7px;
}

#delivery_option_modal #delivery_option_select .delivery_common_row .delivery_header{
	width: 40%; font-weight: 500;
}

#delivery_option_modal #delivery_option_select .delivery_common_row .delivery_body{
	width: 60%;
}

#delivery_option_modal #delivery_option_select .delivery_common_row .delivery_body select{
	width: 100%;
}
/* 배달자료관리 환경설정 끝 */



/* 상호대차제공 자료변경 시작 */
#ILLChangeRequestedBookPopup .book_change_nowrap  {
    display: inline-block; 
    width: 370px; 
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
}

#ILLChangeRequestedBookPopup .select_book_info {display:table-cell; vertical-align:top; width:730px; padding-left: 10px;}
#ILLChangeRequestedBookPopup .change_book_info {display:table-cell; width:730px; vertical-align:top;}
#ILLChangeRequestedBookPopup .user-book-info .board-write th {width:120px;}
#ILLChangeRequestedBookPopup .user-book-info .board-write td {width:380px;}
#ILLChangeRequestedBookPopup .user-book-info {display:table-cell; vertical-align:top; width:240px;}
#ILLChangeRequestedBookPopup .user-book-img {display:table-cell; width:170px; vertical-align:top;}

/* 상호대차제공 자료변경 끝 */


/* Marc 입력창 레이아웃 변경*/
#root_container_prevent_scroll .marcWrap .marc_left_box {
	overflow: auto !important;
}

#root_container_prevent_scroll .marcWrap #default_input_div {
	width: 545px;
}

#root_container_prevent_scroll .marcWrap .marc_right_box.on{
	width: calc(100% - 30px);
}

#root_container_prevent_scroll .marcWrap {
	display: flex;
	height: 476px;
}

#root_container_prevent_scroll .side_btn{
	height: 100%;
}

#root_container_prevent_scroll .marc_right_box {
	width: calc(100% - 575px); display: inline-block; vertical-align:middle;
	transition:all 0.5s;
}

#root_container_prevent_scroll .marcWrap .marc_left_box {
	width: 555px;
}

#root_container_prevent_scroll .marcWrap .marc_left_box.on {
	width: 0%;
	min-width: auto;
	transition:all 0.5s;
}
/* Marc 입력창 레이아웃 변경 끝*/