@charset "utf-8";
@import url(../../../css/admin-comm.css);

/* !! 병원관리 !! */ 
.search {border: 1px solid rgb(203, 203, 203); border-image: none; width: 278px; margin-top: 34px; float: right;}
.search .box_search {border: 0px currentColor; border-image: none; width: 278px; height: 32px; position: relative;}
.search .inp_search {padding: 5px 20px; border: 0px currentColor; border-image: none; width: 235px; height: 32px; line-height: 22px; vertical-align: top;}
.search button {top: 0px; width: 42px; height: 32px; right: 0px; border-left-color: rgb(203, 203, 203); border-left-width: 1px; border-left-style: solid; display: block; position: absolute;}
.search .btn_search {background-position: -95px -45px; width: 16px; height: 16px;}

.admin_manager .admin_header {margin: 0px;}

.select_area .member_header {padding: 0px 20px; border-top-color: rgb(238, 239, 242); border-bottom-color: rgb(238, 239, 242); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(251, 252, 253);}
.select_area .member_header strong {font-size: 11px;}
.select_area .member_list {padding: 0px; height: 654px; -ms-overflow-y: auto; background-color: rgb(255, 255, 255);}
.select_area .member_list label {overflow: hidden; display: block; cursor: pointer;}
.select_area .select_list_cont.on {background: rgb(249, 247, 233);}
.select_area .select_list_cont.on .ico_checkbox {background-position: -90px -90px;}
.select_area .select_list_cont .ico_checkbox {background-position: -90px -65px; width: 18px; height: 18px; margin-top: 9px; float: right;}

/* 부서/직원관리 > 경영진|관리자 탭 */
/* .admin_head .l_area{width: 250px; height: 100%; border-right: 1px solid #dbdee1; text-align: right;} */
.admin_head .l_area .tab_button{background: #fafafa}
.admin_head .l_area .tab_button:after{clear: both; display: block; content: ""}
.admin_head .l_area .tab_button strong{display: block; height: 40px; float: left; width: 50%; background: #fff; text-align: center; color: #666666; border-right: 1px solid #d6d6d6; cursor: pointer; line-height: 40px; border-bottom: 1px solid #d6d6d6;}
.admin_head .l_area .tab_button strong.active{background: #fff; color: #333333; border-bottom: 1px solid #fff;}
.admin_head .l_area .tab_button strong em{color: #1d70d6; font-size: 12px;}
.admin_head .l_area .tab_button strong:last-child{border-right: 0;}
.admin_head .l_area .tab_contents{width: 100%; height: 150px; overflow-y: auto;}
.admin_head .l_area .tab_contents .tabcon{display: none; width: 100%;}
.admin_head .l_area .tab_contents .tabcon.active{display: block;}

.admin_head .r_area{}
.admin_head .r_area > div ul li em{display: inline-block; color: #1d70d6;}
.admin_head em{color: #ff460d; font-weight: 600;}

/* 병원관리 | top */
.admin_head .choice_type{display: block; }
.admin_head .choice_type > button{padding: 10px 20px 10px 0px; background: url(../../../images/arrow-btm.png) no-repeat 96% center/8px auto;}
.admin_head .choice_type > button + div{display: none; width: 350px; padding: 15px; position: absolute; top: 40px; left: 0; z-index: 1; border: 1px solid #ccc; background: #fff;}
.admin_head .choice_type > button.active + div{display: block;}
.admin_head .choice_type > div:after{clear: both; display: block; content: "";}
.admin_head .choice_type > div > div{}
.admin_head .choice_type > div > div:nth-child(1){padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.admin_head .choice_type > div > div:nth-child(1) label{display: inline-block; margin-right: 15px;}
.admin_head .choice_type > div > div:nth-child(1) label:last-child{margin-right: 0;}
.admin_head .choice_type > div > div:nth-child(2) label{display: block;}
.admin_head .choice_type label span{margin-left: 5px;}

.admin_cont_detail h3,
.admin_cont_detail h4{font-size: 18px;}

/* 병원관리 > 가입정보 */
/* #companyForm > div:not(.btns){display: flex; flex-wrap: wrap; background: #fff; position: relative;} */

/* .admin_cont_detail .right_info_wrap{width: 260px;} */



.admin_cont_detail .info_wrap .auto_codenum{font-size: 16px; font-weight: 600; padding-bottom: 5px;}
.admin_cont_detail .info_wrap .auto_codenum span{font-size: 16px;}
.admin_cont_detail .info_wrap .info_box .counter{position: absolute; top: 12px; right: 11px;}

.admin_cont_detail .info_wrap .info_box label.txtar{}
.admin_cont_detail .info_wrap .info_box label em{color: #ff460d; font-weight: 600; display: inline-block;}
.admin_cont_detail .info_wrap .info_box strong{font-size: 12px; color: #999999; font-weight: normal;}
.admin_cont_detail .info_wrap .info_box .default_box_half{}
.admin_cont_detail .info_wrap .info_box .default_box_half:after{clear: both; display: block; content: ""}
.admin_cont_detail .info_wrap .info_box .default_box_half .info_dec{width: auto;}
.admin_cont_detail .info_wrap .info_box .default_box_half .info_dec:nth-child(2n-1){float: left;}
.admin_cont_detail .info_wrap .info_box .default_box_half .info_dec:nth-child(2n){width: 43%; float: right; margin-right: 7px;}
.admin_cont_detail .info_wrap .info_box .default_box_half .info_dec:nth-child(2n) label{float: left; line-height: 39px; width: auto;}
.admin_cont_detail .info_wrap .info_box .default_box_half .info_dec:nth-child(2n) label ~ input[type="text"]{float: right;}

.admin_cont_detail .info_wrap .info_box .address1{}
.admin_cont_detail .info_wrap .info_box .address2{}
.admin_cont_detail .info_wrap .info_box.service_grade{position: relative;}
.admin_cont_detail .info_wrap .info_box.service_grade span{width: auto; font-size: 14px; color: #333; display: block; margin-bottom: 15px; font-weight: 600;}
.admin_cont_detail .info_wrap .info_box.service_grade input[type="radio"]{width: 0; height: 0; position: absolute; top: -1em; left: -1em;}
.admin_cont_detail .info_wrap .info_box.service_grade input[type="radio"] + label{font-size: 14px; color: #999999; padding-left: 20px; background: url(../../../images/ico_check_off.png) no-repeat 0 1px; color: #999999; cursor: pointer; text-indent: 5px;}
.admin_cont_detail .info_wrap .info_box.service_grade input[type="radio"].active + label{color: #333; background: url(../../../images/ico_check_on.png) no-repeat 0 1px;}
.admin_cont_detail .info_wrap .medical_info .subject{font-size: 16px;}
.admin_cont_detail .info_wrap .subject_list{padding: 12px 0px 0px 0; width: 110%;}
.admin_cont_detail .info_wrap .subject_list li{}
.admin_cont_detail .info_wrap .subject_list li:nth-child(53){width: 100%;}
.admin_cont_detail .info_wrap .subject_list li label{margin-left: 3px;}
.admin_cont_detail .info_wrap .info_box_half:after{clear: both; display: block; content: ""}
.admin_cont_detail .info_wrap .info_box_half > .info_dec{width: 50%; float: left; position: relative;}
.admin_cont_detail .info_wrap .info_box_triple:after{clear: both; display: block; content: ""}
.admin_cont_detail .info_wrap .info_box_triple > .info_dec{width: 33.3%; float: left; position: relative;}
.admin_cont_detail .info_wrap .pro_more .info_box_half > .info_dec{margin-bottom: 0;}
.admin_cont_detail .info_wrap .purchase_area .info_box_half > .info_dec label{width: 80px;}
.admin_cont_detail .info_wrap .purchase_area .info_dec label{width: 80px;}
.admin_cont_detail .info_wrap .mobile_using label{width: 125px; cursor: pointer;}

.tooltip{display: inline-block; position: relative;}
.tooltip dt{}
.tooltip button{text-indent: -999em; overflow: hidden; width: 16px; height: 16px; background: url(../../../images/ico_tooltip2.png) no-repeat center center;}
.tooltip dd{display: none; position: absolute; top: 0px; right: -390px; padding: 5px; font-size: 12px; background: #e9e9e9; border-radius: 5px; word-break: keep-all; width: 380px;}

.admin_cont_detail .info_wrap .calendar_info_box .calendar_box{width: 145px; display: inline-block; float: none;}
.admin_cont_detail .info_wrap .calendar_info_box .calendar_box label{width: 17px;}
.admin_cont_detail .info_wrap .calendar_info_box .calendar_box input[type="text"]{width: 100%; height: 39px; padding: 0 8px;}
.admin_cont_detail .info_wrap .calendar_info_box .calendar_box ~ span{clear: both; display: block; margin-top: 6px; width: auto;}
.admin_cont_detail .info_wrap .calendar_info_box .calendar_box ~ span label{width: auto; margin-left: 85px; cursor: pointer;}
.admin_cont_detail .info_wrap .calendar_info_box .calendar_box ~ span label:before{margin-right: 5px;}
.admin_cont_detail .info_wrap .calendar_info_box span.txt_bar{display: inline-block; clear: none; width: auto; margin-left: 2px; margin-right: 2px;}
.admin_cont_detail .info_wrap .info_box .tax_area{display: inline-block; margin-left: 11px;}
.admin_cont_detail .info_wrap .info_box .tax_area label{width: auto; margin-right: 10px; cursor: pointer;}

.admin_cont_detail .info_wrap .info_box .medical_info{margin-top: 35px;}

.admin_cont_detail .btn_area{}
.admin_cont_detail .btn_area:after{clear: both; display: block; content: ""}
.admin_cont_detail .btn_area .btn_cancel{}
.admin_cont_detail .btn_area .btn_confirm{margin: auto;}


.contract_info_box.contract_v2{margin-top: 15px; padding: 10px 10px 5px 10px; background: #f3f3f3;}
.contract_info_box.contract_v2 .info_box_fourfold{}
.contract_info_box.contract_v2 .info_box_fourfold:after{clear: both; display: block; content: "";}
.contract_info_box.contract_v2 .info_box_fourfold .info_dec{width: 25%; float: left;}
.contract_info_box.contract_v2 .info_box_fourfold .info_dec label{width: 100px;}
.contract_info_box.contract_v2 .info_box_fourfold .info_dec input{}

.btn_cms{display: inline-block;width: 90px;height: 33px;line-height: 33px;text-align: center;color: #fff;background: #3188f4;margin-right: 15px;font-weight: 600; margin-left: 15px;}

/* 병원관리 contents */
.start_send{color: #fff; background: #3188f4; padding: 2px 10px; font-size: 12px; margin-left: 5px;}
.hosp_manage {text-align: center; }
.hosp_manage .hosp_tbl .fixed-table table tbody td.hold{color: #f44b16;}
.hosp_manage .hosp_tbl .fixed-table table tbody td.mng{color: #2076e0;}
.hosp_manage .hosp_tbl .fixed-table table tbody td.cancel{}
.hosp_manage .hosp_tbl .fixed-table table tbody td.stop{}
.hosp_manage .hosp_tbl .fixed-table table tbody td .btnSend{color: #3188f4; border: 1px solid #3188f4; padding: 2px 10px;}
#contsInfo{margin-bottom :20px;}

/* 병원관리 contents - old 18.05.15 */
/* .hosp_manage span {display: block; color: #4d5363 } */
.hosp_manage span.txt_01 {font-size: 34px;}
.hosp_manage span.txt_01 em { color: #3188f4 }
.hosp_manage span.txt_02 { font-size: 22px; font-weight: 300; margin-bottom: 49px }
.hosp_manage span.txt_02 em { color: #36b6ff; font-weight: 300 }
.hosp_manage img {margin: 0 auto 38px}
.new_hosp_add { color: #fff; background: #3188f4; width: 270px; display: block; margin: 0 auto; text-align: center; font-size: 16px; font-weight: 600; border: 1px solid #d86804; height: 56px; line-height: 56px }

/* 병원 기본 정보 */
.add_new_hosp h3 .auto_codenum{display: inline-block; font-size: 14px;}
.add_new_hosp ~ .btn_area{padding: 20px 0;height: auto;line-height: initial;}
.add_new_hosp ~ .btn_area button{width: 250px; height: 56px; font-size: 15px; font-weight: normal; line-height: 53px; margin: 0 4px;}
.add_new_hosp ~ .btn_area button.btn_cancel{color: #333; border: 1px solid #cccccc;}
.add_new_hosp ~ .btn_area button.btn_reconfirm{color: #fff; background:#3188f4; border: 1px solid #3188f4;}
.info_wrap { /* overflow: hidden; */}
.info_wrap.marB0 { margin-bottom: 0 }
.img_regist { float: left; width: 220px; height: 181px; border: 1px dashed #cecfd1; text-align: center; font-size: 14px; color: #888fa1; cursor: pointer }
.img_regist span { font-size: 58px; font-weight: 600; display: block; margin-top: 40px; margin-bottom: 10px; line-height: 1 }
.img_regist img { width: 220px; height: 180px }
.info_box input::placeholder { color: #9DA3A8 }



.medical_info { position: relative;}
.info_dec .counter{position: absolute; top: 7px; right: 10px;}
/* .info_dec > label {width: 110px;} */
.info_dec ~ .warning{position: absolute; bottom: -30px; left: 100px; color: red;}


.cms-date{width: 100% !important; display: flex !important; align-items: center;}
.cms-date input{width: 118px;}


.info_box .floatL { float: left; width: 50% }
.info_box .floatR { float: right; width: 50% }
.info_box .floatR label { width: 85px; text-align: right; margin-right: 10px }
.info_box .floatR + .info_dec{clear: both; display: block; content: ""}
.info_box input[type="checkbox"]{width: 0; height: 0; border: 0; position: absolute; top: 0em; left: -9rem; padding: 0;}
.info_box input[type="checkbox"] ~ label{margin-left: 0;}
.info_box input[type="checkbox"] ~ label:before{display: inline-block; content: " "; width: 18px; height: 18px; background: url(../../../images/check_off.png) no-repeat center center; position: relative; vertical-align: top;}
.info_box input[type="checkbox"]:checked ~ label:before{display: inline-block; content: " "; width: 18px; height: 18px; background: url(../../../images/check_on.png) no-repeat center center;}
.info_box input[type="checkbox"] ~ label span{display: inline-block; margin-left: 5px; vertical-align: top; line-height: 18px; letter-spacing: -0.5px;}
.info_box input[type="checkbox"]:disabled ~ label:before{background: url(../../../images/check_disabled.png) no-repeat center center;}
.info_box input[type="checkbox"]:disabled ~ label{color: #c7c7c7; cursor: initial !important;}
.info_box select:disabled {background: #f3f3f3;}
/* .zip_code_btn { width: 90px; height: 34px; color: #fff; background: #91949b; } */
.btn_chlists {width: 78px;border: 1px solid #4d5363;height: 33px;margin-left: 4px;line-height: 31px;color: #4d5363;font-weight: 600;}
.info_box label.essential { position: relative }

.profile_img{display: inline-block; margin-left: auto;}
.profile_img img{display: inline-block; width: 34px; height: 34px; background: gray; vertical-align: middle; margin-right: 10px;}
.profile_img label input{height: auto; font-size: 0; padding: 0; border: 0; line-height: 1;}

/* 진료정보 */
.medical_info { width: 100%; margin-bottom: 20px; }
.medical_info > label{margin-left: 0;}
.medical_info .subject { display: block; font-weight: 600 }

.subject_list li { display: inline-block; width: 155px; margin-bottom: 5px }

.scale_list { overflow: hidden; padding: 10px 30px 15px 30px; border-top: 1px solid #dadee6;}
.scale_list li { display: inline-block;/* width: 140px;*/ text-align: left; margin-bottom: 5px; margin-right: 50px;}
.scale_list li:last-child{margin-right: 0;}
.scale_list li label{cursor: pointer;}
input.file_regist { background: url('../images/clip_ico.png') 2% center no-repeat; padding-left: 30px }

/* 관리정보 */
.manage_info { width: 100%; float: left;}
.manage_info label { width: 100px; display: inline-block; margin-right: 15px }
.manage_info span{width: 100px; display: inline-block; margin-right: 15px }
.manage_info.use_version label{cursor: pointer;width: 30px;}
.manage_info.use_version label:nth-child(3){color: #e84040;}
.manage_info.use_version label:nth-child(5){color: #29b629;}
.manage_info.snsused label{cursor: pointer;}

/* 기타사항 */
.etc_info{width: 100%; margin-top: 10px;}
.etc_info textarea{height: 645px; font-size: inherit;}


/* 병원선택 */
.hospital_center { padding-left: 30px; position: absolute; top: 20px; right: 0; margin-right: 30px; border-left: 1px solid #dadee2 }
.hospital_center h4 { font-size: 22px; margin-bottom: 5px; color: #3188f4; font-family: 'NotoSansKR', sans-serif }

/* 부서/직원관리 > 부서관리 */
.depart_manage_box .admin_head .delete_btn{width: 82px;}
.depart_manage_cont { background: #f8f9fb; overflow-y: auto; overflow-x:hidden; overflow-x: auto; height: 696px;}
.depart_manage_cont h5 { position: relative; color: #666; background: #fff; font-weight: 600;  padding: 15px 44px; border-bottom: 1px solid #ececec }
.depart_manage_cont #depart_menu { padding: 15px 0 0 60px;  color: #666666 }
.depart_manage_cont span.fancytree-node{overflow: hidden;text-overflow: ellipsis;white-space: normal; padding: 4px 0;}
.depart_manage_cont span.fancytree-node.fancytree-folder{padding: 13px 20px; background: #fff; border-bottom: 1px solid #e5e5e5;}
.depart_manage_cont span.fancytree-node.fancytree-folder .fancytree-title{border: none; background: transparent;}
.depart_manage_cont span.fancytree-title{width: 82%; word-break: break-all;}
.depart_manage_cont span.fancytree-title input{display: inline-block; max-width: 100%;}
#depart_menu li ul li { padding-left: 20px; position: relative }
#depart_menu li a { margin-bottom: 10px }
#depart_menu li { position: relative }
#depart_menu li ul { margin-bottom: 20px }
#depart_menu li:before, .depart_manage_cont h5:before { position: absolute; content: '-'; width: 15px; height: 15px; line-height: 16px; color: #aa7b30; background: #ffe28d; border: 1px solid #f9c754; left: -24px; top: 0; text-align: center; cursor: pointer; font-size: 14px }
.depart_manage_cont h5:before { top: 15px; left: 17px }
#depart_menu li ul li:before { content: '+'; left: -5px }

.staff_mg .admin_cont:after{clear: both; display: block; content: ""}
.staff_mg .admin_cont ~ .admin_head{height: 190px; padding: 0; border-top: 1px solid #e5e5e5;}

/* 2018-03-29 추가 - 부서관리 tree */
ul.fancytree-container ul{padding: 0 0 0 20px !important;}
ul.fancytree-container .fancytree-folder ~ ul{padding: 10px 0 10px 40px !important;}
.deptTree ul.fancytree-container {border: 0;outline: 0;padding: 0px; background: #f8f9fb; }
span.fancytree-expander{background-image: url(../../../images/ico_comm.png) !important;}
.fancytree-exp-el span.fancytree-expander{background-position: -120px -89px !important;}
.fancytree-exp-e span.fancytree-expander{background-position: -120px -89px !important;}
.fancytree-exp-cl span.fancytree-expander{background-position: -120px -64px !important;}
.fancytree-exp-c span.fancytree-expander{background-position: -120px -64px !important;}
.fancytree-exp-nl span.fancytree-expander{background-position: -120px -44px !important;}
.fancytree-exp-n span.fancytree-expander{background-position: -120px -44px !important;}
span.fancytree-icon{display: none !important;}

/* 직원관리 */
.staff_manage_box {height: 807px;}
.staff_manage_box .admin_head { padding: 0; border: 0; background: #fff;}
.staff_manage_table table tbody tr.mng td:nth-child(2){color: #3188f4}
.staff_manage_table table tbody tr { cursor: pointer; }
.staff_manage_table table tbody tr.no_confirm{}
.staff_manage_table table tbody tr.no_confirm td{background: #ebebeb; color: #acacac;}
.staff_manage_table table tbody tr.back_gray td { background: #FFFDEE !important }

#Reset_pw_employee{}
#Reset_pw_employee .layer_popup_type4{}
#Reset_pw_employee .popup_cont.info_box .info_dec>label{width: 19%}
#Reset_pw_employee .popup_cont.info_box .info_dec>label ~ span{display: block; margin-top: 20px; padding-left: 88px;}
#Reset_pw_employee .popup_cont.popup_cont .warning{color: red;}

/* 고정테이블 */
.fixed-table{}
.fixed-table table { width: 100%; max-height: 440px; overflow-y: scroll}
.fixed-table table thead{background: #f8f9fb;}
.fixed-table table caption { display: none }
.fixed-table table thead th {padding: 8px 0;}
.fixed-table table thead th span.sort_ico{background:url('../images/sort_ico.png') no-repeat; width:5px; height:11px; display: inline-block; vertical-align: middle; margin-left: 6px; cursor: pointer;}
.fixed-table table thead th span.sort_asc{background:url('/images/arr-up2.png') no-repeat; width:7px; height:7px; display: inline-block; vertical-align: middle; margin-left: 6px; cursor: pointer;}
.fixed-table table thead th span.sort_desc{background:url('/images/arr-down2.png') no-repeat; width:7px; height:7px; display: inline-block; vertical-align: middle; margin-left: 6px; cursor: pointer;}
.fixed-table table th, .fixed-table table td {font-size: 12px;}
.fixed-table table tbody tr.mng td:nth-child(2){color: #3188f4}
.fixed-table table tbody tr { cursor: pointer; }
.fixed-table table tbody tr.no_confirm{}
.fixed-table table tbody tr.no_confirm td{background: #ebebeb; color: #acacac;}
.fixed-table table tbody tr.back_gray td { background: #FFFDEE !important }
.fixed-table table tbody tr:first-child td { border-top: none }

.ov-tip{display: inline-block !important; position: relative; border: 1px solid #d5d5d5; padding: 7px 10px; border-radius: 3px;}
.ov-tip:hover:after{display: inline-block; font-size: 12px; position: absolute; top: 0px; left: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; width: 160px; padding: 8px 4px; margin-left: 5px; border-radius: 2px; z-index: 1; word-break: keep-all; text-align: center;}
.ov-tip.super:hover:after{width: 130px; content:"　　[슈퍼 관리자]　　병원 운영관리자로 조직도, 관리자, 데이터 등 모든 관리 영역에 대한 권한을 가진 관리자"}
.ov-tip.medisign:hover:after{content: "[메디사인(전자결재) 관리자] 결재 양식 관리에 대한 권한을 가진 관리자"}
.ov-tip.medische:hover:after{width: 160px; content: "[메디스케줄(일정) 관리자] 병원 일정 등록 및 일당 담당자 지정 권한을 가진 관리자"}
.ov-tip.medistaff:hover:after{width: 160px; content: "[메디스태프(인사) 관리자] 인사 카드 작성 및 열람이 가능한 관리자"}
.ov-tip.medipop:hover:after{width: 160px; content: "[메디팝(광고) 관리자] 광고 작성 및 열람이 가능한 관리자"}
.ov-tip.mediHomp:hover:after{width: 160px; content: "[홈페이지 관리자] 홈페이지 제작,관리 영역에 대한 권한을 가진 관리자"}/* 2024-10-24 홈페이지 */

/*체크버튼*/
.chk{display: inline-block;}
.chk input[type="checkbox"]{display: inline-block; position: relative; margin: 0;}
.chk input[type="checkbox"] + label{display: inline-block; font-size: 12px;}
.chk label{ cursor: pointer;}
.chk input[type="radio"]{margin: 2px 5px 0 0;}
.chk input[type="radio"] + label{margin-right: 20px;}
.chk input[type="radio"] + label:last-child{margin-right: 0;}
.checkbox{margin: 0 !important;}
.checkbox label{padding: 0; margin: 0 5px; min-height: auto;}
.checkbox02 label{display: block; margin: 5px 0;}
.checkbox02 label span{display: inline-block;}

/* 관리권한 설정 팝업 */
#popAddMng .dep02{display: none; background:#fff; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; padding: 0 20px;}
#popAddMng .dep02.active{display: block; z-index: 2;}
#popAddMng .dep02 .select-list-cont{margin: 0; padding: 10px 0; border-bottom: 1px dashed #e5e5e5;}
#popAddMng .dep02 .select-list-cont:after{clear: both; display: block; content: ""}
#popAddMng .dep02 .select-list-cont .btn-dep02-cls{display: inline-block; width: 30px; height: 30px; text-indent: -99em; overflow: hidden; background: url(/images/icon/arrow-left.png) no-repeat 0 center; opacity: 0.6; vertical-align: middle; border: 0;}
#popAddMng .dep02 > div > strong{display: block; padding: 10px 0;}
#popAddMng .member-list{height: 200px; overflow-y: auto; margin-top: 20px;}
#popAddMng .select-list-cont .thumb{display: inline-block; width: 40px; height: 40px; border-radius: 35%; overflow: hidden; vertical-align: middle;}
#popAddMng .select-list-cont .thumb img{display: block; width: 100%; height: 100%;}
#popAddMng .select-list-cont .txt-talk{display: inline-block; vertical-align: middle; padding-left: 5px;}
#popAddMng .select-list-cont .txt-talk strong{display: block;}
#popAddMng .choice_mem{height: 97px;}
#popAddMng .choice_mem ul{}
#popAddMng .choice_mem ul li{width: 67px; display: inline-block; position: relative; text-align: center; margin: 7px 0;}
#popAddMng .choice_mem ul li .btn_remove{width: 15px; height: 15px; position: absolute; top: 0; right: 5px; background: #fff; padding: 1px; border-radius: 100%; border: 1px solid #dedede; z-index: 1;}
#popAddMng .choice_mem ul li .btn_remove:after{display: block; width: 98%; height: 1px; background: #000; transform: rotate(45deg); content: " "; position: relative; top: 4px;}
#popAddMng .choice_mem ul li .btn_remove:before{display: block; width: 98%; height: 1px; background: #000; transform: rotate(-45deg); content: " "; position: relative; top: 5px;}
#popAddMng .choice_mem ul li .photo_box{display: block; width: 44px; height: 44px; position: relative; margin: auto;}
#popAddMng .choice_mem ul li .photo_box .photo{display: block; width: 100%; height: 100%; border-radius: 35%; border: 1px solid #dedede; overflow: hidden;}
#popAddMng .choice_mem ul li .photo_box .photo img{width: 100%; height: 100%;}
#popAddMng .choice_mem ul li .photo_box .condition{}
#popAddMng .choice_mem ul li .photo_box .condition .logout-off{line-height: 43px;}
#popAddMng .choice_mem ul li .txt_talk{}
#popAddMng .choice_mem ul li .txt_talk strong{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.autocomp input[type="search"]{height: 34px; background:#fff url(/images/icon/ico-sch-02.png) no-repeat 10px center; text-indent: 34px; padding-right: 10px;}
.autocomp input[type="search"]:focus{}



/*메디세이 설정*/
.tab_area{}
.tab_area .tab_contents .tab_con{display: none; position: relative;}
.tab_area .tab_contents .tab_con:first-child{display: block;}

.tab_area .tab_contents .tab_con > h3 ~ strong{margin-top: 20px;}
.tab_area .tab_contents .tab_con .btns.ab-t0{position: absolute; top: 0; right: 0;}

/*이용현황*/
.chart_new{}
.chart_new .admin_header{padding: 30px 30px 0 30px !important; border-bottom: 0 !important;}
.chart_new .admin_header h3{font-size:24px !important; font-weight: 600; color: #333333;}
.chart_new .admin_header h3 ~ a{width: 171px; height: 40px; font-size: 14px; color: #3188f4; font-weight: 600; text-align: center; line-height: 38px; float: right; margin-top: 11px;}
.chart_new .admin_header h3 ~ a:before{width: 12px; height: 13px; content: " "; display: inline-block; background: url(../../../images/ico_excel.png) no-repeat 25px center;margin-right: 3px;top: 2px;position: relative;}
.chart_new .admin_header h3 span{color: #214fa3;}
.chart_new .chart_use{padding: 30px; margin-bottom: 0;}
.chart_new .chart_use:last-child{margin-top: 0px; padding-bottom: 60px;}
.chart_new .chart_use h4{float: left; margin: 0 0 15px; color: #333333; font-size: 18px !important;}
.chart_new .chart_use .tit_area{padding-bottom: 20px;}
.chart_new .chart_use .tit_area:after{clear: both; display: block; content: ""}
.chart_new .chart_use .tit_area h4{float: none;}
.chart_new .chart_use .search_term{float: left; margin-top: 0;}
.chart_new .chart_use .used_capa{border: 4px solid #e5e5e5; padding: 25px 30px 40px 30px;}
.chart_new .chart_use .used_capa:after{clear: both; display: block; content: "";}
.chart_new .chart_use .used_capa .capa_rate{float: right; position: relative; top: 2px;}
.chart_new .chart_use .used_capa .capa_rate span{font-size: 12px; margin-left: 10px; color: #666666;}
.chart_new .chart_use .used_capa .capa_rate span strong{display: inline-block; margin: 0 2px 0 10px; font-size: 18px; color: #0070ff; letter-spacing: -1px;}
.chart_new .chart_use .used_capa .capa_rate span:nth-child(2){color: #666666; font-size: 14px;}
.chart_new .chart_use .used_capa .graph_rate{clear: both; margin-top: 10px;}
.chart_new .chart_use .used_capa .graph_rate:after{clear: both; display: block; content: ""}
.chart_new .chart_use .used_capa .graph_rate > span{float: left; width: 6%; line-height: 24px; text-align: center;}
.chart_new .chart_use .used_capa .graph_rate #progressbar{width: 100%; height: 40px; border-radius: 20px; border: 1px solid #dddddd;}
.chart_new .chart_use .used_capa .graph_rate .ui-progressbar{position: relative;}
.chart_new .chart_use .used_capa .graph_rate .progress-label{display: none; position: absolute;left: 50%;top: 4px;font-weight: 600;text-shadow: 1px 1px 0 #fff;}
.chart_new .chart_use .used_capa .ctg_rate{text-align: center; margin-top: 40px;}
.chart_new .chart_use .used_capa .ctg_rate li{display: inline-block; width: 30%; font-size: 14px; color: #666666;}
.chart_new .chart_use .used_capa .ctg_rate li strong{display: inline-block; font-size: 30px; color: #3188f4; line-height: 30px; letter-spacing: -2px; margin-right: 2px;}
.chart_new .chart_use .used_capa .ctg_rate li span{display: block; font-size: 12px; color: #333333; font-weight: 600;}
.chart_new .chart_use .used_capa .ctg_rate li:nth-child(2){border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc;}
.chart_new .chart_use .result{width: 25%;}
.chart_new .chart_use .result ~ span{clear: both; width: 100%; display: block; text-align: right; padding-top: 10px;}
.chart_new .chart_use .period{padding: 0; border-top: 0;}
.chart_new .chart_use .period table{width: 100%; border-top: 2px solid #555555;}
.chart_new .chart_use .period table th{background: #fafafa; font-size: 14px; color: #333333; letter-spacing: 2px; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.chart_new .chart_use .period table td{padding: 37px 0; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.chart_new .chart_use .period table td:last-child{border-right:0;}
.chart_new .chart_use .period table td p{ color: #333333;}
.chart_new .chart_use .period table td p span{font-weight: 600; font-size: 24px; color: #3188f4; font-family: Verdana;}
.chart_new .chart_use .period table td strong{font-weight: normal; color: #666666; }
.chart_new .chart_use .period table ~ span{display: block; margin-top:20px; font-size: 11px; color: #999999; text-align: right;}
/*.chart_new .chart_use .chart + .chart{border-top: 1px solid #ddd; margin-top: 15px; padding-top: 0;}*/


/* 06.21에 추가변경된 사용관리>이용현황 */
.chart_new_use{border: 0;}
.chart_new_use .tab_area .tab_button{top: 0;}
.chart_new_use .chart_use{}
.chart_new_use .chart_use #companyForm{}
.chart_new_use .chart_use .tit_area .search_term{float: left; margin-top: 0;}
.chart_new_use .chart_use .tit_area .search_term ~ a{float: right; width: 171px; height: 32px; font-size: 12px; color: #3188f4; font-weight: 600; text-align: center; line-height: 32px; margin-top: 0; border: 1px solid #3188f4;}
.chart_new_use .chart_use .tit_area .search_term ~ a:after{width: 12px; height: 13px; content: " "; display: inline-block; background: url(../../../images/ico_download3.png) no-repeat center center;margin-left: 3px;top: 2px;position: relative;}
.chart_new_use .chart_use .chart{padding-top: 0;}
.chart_new_use .chart_use .chart table{border-bottom: 1px solid #e5e5e5;}
.chart_new_use .chart_use .chart table ~ span{display: block; margin-top:20px; font-size: 11px; color: #999999; text-align: right;}
.chart_new_use .chart_use .used_capa .graph_rate .progressbar{width: 100%; height: 40px; border-radius: 20px; border: 1px solid #dddddd; overflow: hidden;}
.chart_new_use .chart_use .used_capa .graph_rate .progressbar div{display: inline-block; position: relative; background: #f87141; height: 38px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3188f4+0,16d4f4+100 */
	background: #3188f4; /* Old browsers */
	background: -moz-linear-gradient(left, #3188f4 0%, #16d4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3188f4 0%,#16d4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #3188f4 0%,#16d4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3188f4', endColorstr='#16d4f4',GradientType=1 ); /* IE6-9 */
	/*border-radius: 20px !important;*/
}
.chart_new_use .chart_use .used_capa .graph_rate .progressbar div:nth-child(1){display: none;}
.chart_new_use .chart_use .used_capa .graph_rate .progressbar div:nth-child(2){display: none;}
.chart_new_use .chart_use .used_capa .graph_rate .ui-progressbar{position: relative; border-radius: 21px; overflow: hidden;}
.chart_new_use .chart_use .used_capa .graph_rate .progress-label{display: none; position: absolute;left: 50%;top: 4px;font-weight: 600;text-shadow: 1px 1px 0 #fff;}
.chart_new_use .chart_use .used_capa.rate .capa_rate{}
.chart_new_use .chart_use .used_capa.rate .capa_rate:after{clear: both; display: block; content: ""}
.chart_new_use .chart_use .used_capa.rate .capa_rate > span{display: block; float: left; font-size: 16px; text-align: right; font-weight: 600;}
.chart_new_use .chart_use .used_capa.rate .capa_rate > span > strong{color: #3188f4; font-size: 20px; font-family: Verdana;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul{display: block; text-align: right; float: right;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul li{display: inline-block; font-size: 14px;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul li:nth-child(2):before{content: "|"; display: inline-block; color: #dcdcdc; margin-right: 8px;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul li:nth-child(2):after{content: "|"; display: inline-block; color: #dcdcdc; margin-left: 8px;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul li:nth-child(2){margin: 0 2px;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul li span{color: #333; font-size: 14px;}
.chart_new_use .chart_use .used_capa.rate .capa_rate ul li span strong{display: inline; color: #3188f4; font-size: 18px; font-family: Verdana;}
.ui-progressbar .ui-progressbar-value{height: 40px;}
.chart_new_use .chart_use .used_capa.alarm{ position: relative; padding-bottom: 0;}
/* .chart_new_use .chart_use .used_capa.alarm input{border: 0; position: absolute; top: -9em; left: -99em;} *//* 병원관리 > 데이터관리에서 체크박스 출력위치 수정 2024-12-11 박진우 */

/* 데이터 관리 */
.save_capa_page{display: none; min-height: 671px; height: 100%; position: absolute; top: 0px; left: 0; width: 100%; border:1px solid #dbdee1; background: #fff; z-index: 95;}
.save_capa_page .page_head{display: flex; padding: 0 20px 0px 0; border-bottom: 1px solid #dbdee1; align-items: center;}
.save_capa_page .page_head .close_page{width: 68px; height: 98px; text-indent: -999em; overflow: hidden;border-right: 1px solid #cccccc;background: url(../../../images/arrow-left.png) no-repeat center center;background-size: 16px auto;}
.save_capa_page .page_head h3{font-size: 18px; padding: 35px 15px;}

.save_capa_page .capa_progressbar{width: 500px;}
.save_capa_page .capa_progressbar > div.line{width: 100%; height: 20px; }
.save_capa_page .capa_progressbar > div.txt{}
.save_capa_page .capa_progressbar > div.line > div{position: absolute; top: 0; left: 0; width: auto; height: 100%; }
.save_capa_page .capa_progressbar > div.txt > div::after{display: none; width: 46px; padding: 3px 10px; position: absolute; top: -30px; left: 50%; margin-left: -23px; text-align: center; background: #fff; border: 1px solid #acacac; border-radius: 3px;  color: #333; font-size: 12px;}
.save_capa_page .capa_progressbar > div.txt > div:hover{}
.save_capa_page .capa_progressbar > div.txt > div:hover::after{display: block;}
.save_capa_page .capa_progressbar > div.txt > div{background: transparent;}

.save_capa_page .tab_area{padding: 0px 20px; width: 100%;}
.save_capa_page .tab_area .tab_button{width: 100%;}
.save_capa_page .tab_area .tab_button:after{clear: both; display: block; content: ""}
.save_capa_page .tab_area .tab_button button{width: 33.3%; float: left;font-size: 18px; color: #4e4e4e; background:none;border-bottom: 2px solid #ebebeb;padding-bottom: 13px; outline: none;}
.save_capa_page .tab_area .tab_button button:nth-child(2){width: 33.4%;}
.save_capa_page .tab_area .tab_button button.active{border-bottom: 2px solid #15d3f4;}

.save_capa_page .box{display: block; padding: 20px 0;}
.save_capa_page .box:nth-child(2){border-top: 1px dashed #e5e5e5;}
.save_capa_page .saving_capa{display: inline-block; vertical-align: middle; padding: 0 20px; border-bottom: 1px solid #666; margin-top: -12px;}
.save_capa_page .saving_capa strong{display: inline-block; font-weight: normal; vertical-align: middle;}
.save_capa_page .saving_capa em{display: inline-block; font-size: 30px; color: #3188f4; font-weight: 600; vertical-align: middle;}

/*계약관리*/
.contract_mg .cms{position: relative; color: #666666; font-size: 12px; font-weight: 600;}
.contract_mg .cms div{position: relative;padding-left: 10px; font-size: 14px;}
.contract_mg .cms div:before{position: absolute; top: 50%; left: 0; width: 2px; height: 2px; background: #666666; margin-top: -1px; content: " ";}

.contract_mg .total > div em{color: #3188f4; text-align: right; font-weight: 600; display: block;}
.contract_mg .total > div span{display: inline-block; color: #333;}
.contract_mg .total > div strong{font-weight: 600; color: #3188f4; font-size: 32px; }
.contract_mg .total > span{display: inline-block;}
.contract_mg .contract_subs{margin: 20px 0 0; width: 100%; display: block;}
.contract_mg .contract_subs h4{font-size: 16px; border-bottom: 1px dashed #e5e5e5; padding-bottom: 10px;}
.contract_mg .contract_subs div{font-size: 14px; line-height: 2; margin-top: 13px; color: #333;}
.contract_mg .contract_subs div span{font-weight: 600; color: #1d70d6;}
.contract_mg .contract_subs div ul{}
.contract_mg .contract_subs div ul li{position: relative; padding-left: 8px;}
.contract_mg .contract_subs div ul li:before{width: 2px; height: 2px; background: #333; position: absolute; top: 50%; margin-top: -1px; left: 0; content: " "; display: block;}
.contract_mg .btn_area{text-align: center; height: auto; line-height: initial; padding-top: 20px;}
.contract_mg .btn_area a{display: inline-block; width: 144px; height: 44px; line-height: 43px; margin: 0 2px; border: 1px solid #3188f4; color: #3188f4; font-size: 14px; border-radius: 2px; vertical-align: middle;}

/* 계약 수정내역 팝업 */
.contract_mg_list .tbl{max-height: 300px; overflow-y: auto;}

/*소셜관리*/
.social_mg ul li .imgArea{width: 70px; background: gray; border: 1px solid #e5e5e5;}
.social_mg ul li .imgArea img{width: 100%;}

/* 레이어 팝업 */
.popup_header:after{clear: both; display: block; content: "";}
.layer_pop .popup_header button.close {display: inline-block; background: url(../../../images/ico_comm.png) 0 0 no-repeat; float: right; width: 18px; height: 18px; background-position: -73px -27px; text-indent: -999em;}
.layer_popup_type1 { position: absolute; top: 50%; margin-top: -270px; left: 50%; margin-left: -220px; width: 458px; background: #fff; border: 1px solid #dbdee1 }
.layer_popup_type1 .popup_header, .layer_popup_type4 .popup_header {display: flex; position: relative; padding: 10px 20px; border-bottom: 1px solid #ccc; align-items: center; }
.layer_popup_type1 .popup_header > strong, .layer_popup_type4 .popup_header > strong{font-size: 16px;}
.layer_popup_type1 .popup_cont { padding: 20px }
.layer_popup_type1 .popup_cont .desc_popup { font-size: 11px; margin-top: 20px }
.layer_popup_type1 .img_click { width: 100%; height: 330px;  }
.layer_popup_type1 .popup_cont .desc_popup {  color: #4d5363 }

.layer_wrap { display: none }
.layerpop_bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, .7) }

#Select_department .layer_pop{width: 440px; margin-left: -220px;}
#Select_department .deptTree{height: 400px; padding: 10px 20px; background: #f8f9fb; overflow-y: auto;}
#Select_department ul.fancytree-container .fancytree-folder ~ ul{padding: 0px 0 10px 20px !important}
#Select_department .btn_area{border-top: 1px solid #e8e8e8 !important;}
#Select_group .btn_area{border-top: 1px solid #e8e8e8 !important;}

/*채팅 데이터 삭제 이력 팝업*/
.popChatDelList{}
.popChatDelList .popup_cont{width: 450px; padding: 30px;}
.popChatDelList .popup_cont .fixed-table{display: block;position: relative;padding-top: 38px !important; border-top: 1px solid #878c9c; border-bottom: 1px solid #878c9c;}
.popChatDelList .popup_cont .fixed-table .table-content{max-height: 300px; overflow-y: auto;}
.popChatDelList .popup_cont table{width: 100%}
.popChatDelList .popup_cont table thead{margin: 0px auto;position: absolute;top: 0px;left: 0px;width: 100%;padding-right: 10px; background: #f8f9fb;border-bottom: 1px solid #e8e8e8;}
.popChatDelList .popup_cont table thead tr{width: 100% !important;}
.popChatDelList .popup_cont table th{background: #f8f9fb;color: #555;text-align: center;padding: 10px 0;}
.popChatDelList .popup_cont table th .sort_ico{background:url('../images/sort_ico.png') no-repeat; width:5px; height:11px; display: inline-block; vertical-align: middle; margin-left: 6px}
.popChatDelList .popup_cont table td{text-align: center;padding: 8px 0;border-top: 1px dotted #c6c6c7;color: #4a4a4a;}

.popChatDel .popup_type1 .popup_cont p ~ input[type="text"]{border: 1px solid #ddd; width: 100%; text-indent: 10px; line-height: 33px; height: 36px; margin-top: 10px;}
.popChatDel .popup_type1 .popup_cont .result{display: none; border: none; color: #3188f4; font-weight: 600; margin-top: 3px;}

.popSocialChangeSave .popup_type1 .popup_cont p em{color: #3188f4;}
#popFreePro, #popProFree{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 990;}
#popFreePro .popup_type1, #popProFree .popup_type1{position: absolute; top: 50%; left: 50%; margin-top: -145px; margin-left: -170px;}
#popFreePro .popup_type1 .popup_cont{padding: 45px 20px;}
#popProFree .popup_type1 .popup_cont{padding: 45px 20px;}

.popChgNm .popup_cont{width: 690px; padding: 30px;}
.popChgNm .popup_cont .fixed-table{display: block;position: relative;padding-top: 38px !important; border-top: 1px solid #878c9c; border-bottom: 1px solid #878c9c;}
.popChgNm .popup_cont .fixed-table .table-content{max-height: 300px; overflow-y: auto;}
.popChgNm .popup_cont table{width: 100%}
.popChgNm .popup_cont table thead{margin: 0px auto;position: absolute;top: 0px;left: 0px;width: 100%;padding-right: 17px;background: #f8f9fb;border-bottom: 1px solid #e8e8e8;}
.popChgNm .popup_cont table thead tr{width: 100% !important;}
.popChgNm .popup_cont table th{background: #f8f9fb;color: #555;text-align: center;padding: 10px 0;}
.popChgNm .popup_cont table th .sort_ico{background:url('../images/sort_ico.png') no-repeat; width:5px; height:11px; display: inline-block; vertical-align: middle; margin-left: 6px}
.popChgNm .popup_cont table td{text-align: center;padding: 8px 0;border-top: 1px dotted #c6c6c7;color: #4a4a4a;}

#Add_new_employee .layer_popup_type4{height: auto;}
#Add_new_employee .profile_img a {display: inline-block;}
#Add_new_employee .btn_area .btn_right{padding: 0;}

.blockUI{background: #fff !important;}
.blockMsg{width: 140px !important; border: 0 !important; background: transparent !important; left: 50% !important; margin-left: -70px;}
.blockMsg img{width: 140px;}

.push_info{}
.push_info .hosp_manage .hosp_tbl{width: 600px; margin: auto;}
.push_info .hosp_manage .hosp_tbl .fixed-table table tbody td{text-align: left; color: #333; cursor: default;}
.push_info .hosp_manage .hosp_tbl .fixed-table table tbody td:nth-child(1){padding-left: 10px;}
.push_info .hosp_manage .hosp_tbl .fixed-table table tbody td button{padding: 3px 10px; border-radius: 2px; border: 1px solid #ccc;}
.push_info .hosp_manage .hosp_tbl .fixed-table table tbody td.fin{text-decoration: line-through;}
.push_info .hosp_manage .hosp_tbl .fixed-table table tbody td.fin button{text-decoration: line-through;}

/* 커버 이미지 등록팝업 */
.register_img .popup_body {padding:30px}
.register_img .popup_body .jcrop-holder {margin:0 auto;max-height:400px}
.register_img .popup_body > div img {max-width:400px;max-height:400px;}
.register_img .popup_body .dsc {overflow:hidden;margin-top:20px;background:none;}
.register_img .popup_body .dsc > p {float:left;font-size:11px;line-height:30px}
.register_img .popup_body .crop{width: 400px; height: 400px; display: table-cell; vertical-align: middle;}
.register_img .btnWrap {padding-bottom:20px;}
.register_img .default {width:400px;height:400px;background:#f6f6f6;}
.register_img .btn_upload2 {font-size:12px;padding:5px 10px;border:1px solid #cbcfd6;cursor:pointer}
.register_img .ico_comm2 {display:inline-block;background:url(../../../images/ico_comm.png) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999px; background-position: -73px -27px;}
.register_img .jcrop-active{margin: auto;}

#preview { position: absolute; border: 5px solid #fff; background: #333; padding: 5px; display: none; border-radius:5px; z-index:1000000; color: #fff;}
#preview img{max-width: 300px; max-height: 300px;}

#popSetMng{}
#popSetMng .desc_popup dl{text-align: left; margin-bottom: 20px;}
#popSetMng .desc_popup dl:last-child{margin-bottom: 0}
#popSetMng .desc_popup dl dt{font-weight: 600; font-size: 16px;}
#popSetMng .desc_popup dl dd{}
#popSetMng .desc_popup dl dd label{display: block; margin-top: 6px;}
#popSetMng .desc_popup dl dd label:last-child{margin-bottom: 0;}
#popSetMng .desc_popup dl dd label span{font-size: 14px;}

/* tab */
.tab{}
.tab .tab-btns{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}
.tab .tab-btns button{float: left; padding: 10px 0; border-right: 1px solid #ccc;}
.tab .tab-btns button.active{background: #3f87ff; color: #fff; font-weight: bold;}
.tab .tab-btns.tab-btns-2 button{padding: 10px;}
.tab .tab-btns.tab-btns-3 button{width: 33%;}
.tab .tab-btns.tab-btns-4 button{width: 25%;}
.tab .tab-btns.tab-btns-5 button{width: 20%;}
.tab .tab-btns.tab-btns-12 button{width: 8.33%;}
.tab .tab-btns.tab-btns-13 button{width: 7.69%;}
.tab .tab-btns.tab-btns-type2{border-top: 0; border-left: 0;}
.tab .tab-btns.tab-btns-type2 button{border-right: 0; position: relative; padding-top: 0;}
.tab .tab-btns.tab-btns-type2 button:after{content: " "; width: 1px; height: 15px; background: #ccc; position: absolute; top: 4px; right: 0;}
.tab .tab-btns.tab-btns-type2 button:last-of-type:after{display: none;}
.tab .tab-btns.tab-btns-type2 button.active{color: #3f87ff; background: #fff;}
.tab .tab-conts{}
.tab .tab-conts > div{position: relative; display: none; padding-top: 20px;}
.tab .tab-conts > div.active{display: block;}
.tab .tab-conts > div .dimmed{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}

#contractForm .info_dec.clear.mb10{overflow: hidden;}

/* 자주쓰는용어설정 */
.word_list{}
.word_list li:nth-of-type(2n-1){padding-right: 5px;}
.word_list li:nth-of-type(2n){padding-left: 5px;}

@media print{
	html {
		-webkit-print-color-adjust: exact;
	}

	#contract_mg, .contract_mg{width: 100%;}
	#contract_mg{border: 2px solid red;}
	#contract_mg .modal-header strong{color: red; font-size: 32px;}
}