@charset "utf-8";
/*
=========================================================================
공통 css
=========================================================================
*/
:root {
	--main-color: #238C60;
	--new-color:#F16033;
}

.boardTitBig{font-weight: 700; color: var(--main-color); font-size: 1.25em; margin-right: 10px; margin-bottom: 10px;}
.boardTit{font-weight: 700; color: var(--main-color); font-size: 1.2em; margin-right: 10px; margin-bottom: 10px;}
.boardWrap{display: flex; justify-content: space-between;}
.boardTitWrap{display: flex; justify-content: space-between;}
.more{color: var(--main-color); font-weight: 500; cursor: pointer; font-size: .9em; transform: translateY(3px);}
.board{background: #fff; border-radius: 10px; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); display: flex; padding: 30px 40px 60px; box-sizing: border-box;position: relative;}
.cGreen{color: var(--main-color);}

.sub_contBox{background: #fff; border-radius: 10px; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); padding: 30px 40px 60px; box-sizing: border-box;}
.searchBox{background: #fff; border-radius: 10px; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); padding: 25px 35px; box-sizing: border-box; margin-bottom: 30px;}
.searchBox label{font-weight: 500; margin-right: 10px;}
.searchBox input, .searchBox select{border: 1px solid #ccc; border-radius: 5px; padding: 8px 10px; box-sizing: border-box; height: 42px; min-width: 70px;}
.searchBox input{min-width: 110px;}
.searchRow{display: flex; flex-wrap: wrap;}
.searchRow .searchCont{margin: 10px 25px 10px 0;}
.search_btn{padding: 5px 20px; background: var(--main-color); color: #fff; box-sizing: border-box; border-radius: 5px; height: 42px; line-height: 30px; margin-top: 10px;}
.search_btn:hover{background: #1b8056;}
.search_btn.reset_btn {background: var(--new-color);}
.search_btn.reset_btn:hover {background: #e95429; }

table{width: 100%; text-align: center; border-bottom: 1px solid #ccc;}
table th{background: #789E85; color: #fff; font-weight: 500; padding: 8px 10px; white-space: nowrap;}
table td{padding:15px 5px;}
table tr:nth-of-type(2n){background: #f9f9f9;}

table.group_table .tr_parent:nth-of-type(2n) {background: transparent}
table.group_table .tr_odd {background: transparent !important;}
table.group_table .tr_even {background: #f9f9f9 !important;}

/* 240510 테이블에 노데이터 일때 출력 */
table td.nodata {padding: 15px 20px;font-weight: 500;line-height: 1.65;}
table td.nodata span {display:inline-block;}

.hidden_cell {display: none;}

hr{background: #eee; margin: 30px 0; border: none; width: 100%; height: 1px;}

@media (max-width: 1400px){
	.board, .sub_contBox{padding: 25px 35px 55px;}
	.searchBox{padding: 20px 30px;}
}
@media (max-width: 1300px){
	.board, .sub_contBox{padding: 25px 25px 55px;}
	.searchBox .searchCont{margin: 8px 20px 8px 0;}
	.searchBox label{margin-right: 6px;}
	.searchBox input, .searchBox select{height: 38px;}
	.search_btn{height: 38px;  line-height: 26px; margin-top: 8px;}
}
@media (max-width: 720px){
	.mnone{display: none;}
	.searchBox input, .searchBox select{padding: 7px; height: 34px;}
	.searchBox .searchCont{margin: 6px 15px 6px 0;}
	.search_btn{height: 34px; line-height: 24px;}
	table td{padding:10px 5px;}
	.search_btn{margin-top: 6px;}
}
@media (max-width: 600px){
	.sub_contBox{padding: 25px 20px 50px;}
	.searchBox{padding: 15px 20px;}
	.searchBox input{max-width:150px;}
}


/* 페이징 */
.page{text-align: center; margin-top: 50px; width: 100%;}
.pageination{display: flex; justify-content: center; font-size: .9em;}
.pageination .arrow, .pageination .num{text-align: center; color: #555; width: 27px; height: 27px; margin-right: 18px; cursor: pointer; line-height: 26px; padding: 2px; border-radius: 50%;}
.pageination>li:last-of-type{margin-right: 0;}
.pageination .num_wrap{display: flex;}
.pageination .num.active{background: var(--main-color); color: #fff;}
.pageination .arrow{font-size: .8em; line-height: 24px;}
.pageination li.first, .pageination li.arrow_right{margin-right: 10px;}

@media (max-width: 1300px){
	.page{margin-top: 30px; }
	.pageination .arrow, .pageination .num{width: 20px; height: 20px; margin-right: 12px; line-height: 19px;}
}
@media (max-width: 600px){
	.pageination .arrow, .pageination .num{width: 18px; height: 18px; margin-right: 12px; line-height: 17px;}
}

/* 버튼 */
.btn_style1{margin: 50px auto 0; background: var(--main-color); color: #fff; border-radius: 5px; text-align: center; cursor: pointer; font-weight: 500; padding: 10px 20px; width: 190px;}
.btn_style1:hover{background: #1b8056; transition: all .3s;}
.btn_style1 a{display: block; color: #fff;}

@media (max-width: 720px){
	.btn_style1{width: 150px; padding: 8px 18px;}
}
/* 서브타이틀 */
.subTitWrap{display: flex; justify-content: space-between; margin-bottom: 20px;}
.subTitWrap .subTit{font-weight: 700; color: var(--main-color); font-size: 1.05em;}
.subBtn{display: flex; justify-content: right;}
/* .subBtn button{padding: 7px 20px; border-radius: 5px;} */
.subBtn li{margin-right: 10px;}
.subBtn li:first-of-type button{background: #777; border: 1px solid #777; color: #fff; }
.subBtn li:nth-of-type(2) button, .subBtn li:nth-of-type(3) button{background: #fff; border: 1px solid #777; color: #777;}

@media (max-width: 720px){
	.subBtn button{padding: 4px 10px;}
}
/* 모바일 띄어쓰기 */
.mbr{display: none;}
@media (max-width: 600px){
	.mbr{display: block;}
}
@media (max-width: 900px){
.mnone{display: none;}
}
/*
=========================================================================
join.php 회원가입 선택 페이지 css
=========================================================================
*/
.join_inner{padding: 160px 0; width: 50%; margin: 0 auto; overflow: hidden;}
.main_tit{font-size: 1.8em; margin: 0 auto 40px; text-align: center; font-weight: 600;}
.main_tit span{color: var(--main-color);}
@media (max-width: 1300px){
	.join_inner{width: 70%;}
	.main_tit{margin: 0 auto 30px;}
}
@media (max-width: 900px){
	.join_inner{width: 90%; padding: 140px 0;}
}
@media (max-width: 720px){
	.main_tit{margin: 0 auto 20px;}
}
@media (max-width: 550px){
	.join_inner{padding: 120px 0;}
}

#join{position: relative; width: 100%; height: auto;}
#join .join_inner{width: 500px;}
#join .join_btn{width: 100%; height: 60px; line-height: 60px; border-radius: 10px; text-align: center; font-weight: 600; cursor: pointer; margin: 0 auto; color: var(--main-color);; border: 1px solid var(--main-color);; box-sizing: border-box;}
#join .join_btn:hover{background: var(--main-color); color: #fff; transition: all .3s;}
#join .join_dental{margin-bottom: 20px;}
#join .join_lab{margin-bottom: 35px;}

#join .login_txt{padding-top: 30px; border-top: 1px solid #ccc; }
#join .login_txt div{float: left;}
#join .login_txt .member_txt{margin-right: 10px; color: #555;}
#join .login_txt .login{font-weight: 700; text-decoration: underline; color: var(--main-color); cursor: pointer;}

@media (max-width: 900px){
	#join .join_inner{width: 90%; max-width: 400px;}
}
@media (max-width: 550px){
	#join .join_btn{height: 55px; line-height: 55px;}
	#join .join_dental{margin-bottom: 15px;}
	#join .join_lab{margin-bottom: 25px;}
	#join .login_txt{padding-top: 20px;}
}

/*
=========================================================================
join_dental.php join_lab.php 회원가입 폼 페이지 css
=========================================================================
*/
#join_form table{text-align: left;}
#join_form table tr:nth-of-type(2n){background: #fff !important;}

/* 동의 */
#join_form .sub_tit{font-size: 1.2em; line-height: 2.5; font-weight: 700; width: 100%; border-bottom: 1px solid #222; margin-bottom: 25px;}
#join_form .agree_form{margin-bottom: 50px; display: flex; justify-content: space-between;}
#join_form .agree1, #join_form .agree2{width: calc((100% - 30px) / 2);}
#join_form .agree_txtbox{width: 100%; height: 160px; overflow-y: scroll; padding: 15px 20px; box-sizing: border-box; border: 1px solid #ccc; color: #555; font-size: 14px; margin-bottom: 15px;}
#join_form .agree_txtbox span{font-weight: 700; line-height: 2;}
#join_form .agree1_check, .agree2_check{color: #555; font-size: 14px; padding: 1px 3px;}
#join_form .agree1_check span, .agree2_check span{color: #238C60; font-weight: 700;}

#join_form input[type=checkbox] {
	-ms-transform: scale(1.3); /* IE */    
	-moz-transform: scale(1.3); /* FF */    
	-webkit-transform: scale(1.3); /* Safari and Chrome */    
	-o-transform: scale(1.3); /* Opera */
	margin-right: 10px;
}

/* 정보 입력 */
#join_form .sub_txt{color: #555; font-weight: 500; font-size: .7em; float: right;}
.info_form .sub_txt .essential{margin-left: 3px; transform: translateY(-5px)}
form .essential{width: 5px; height: 5px; border-radius: 50%; background: #F16033; display: inline-block; transform: translateY(-9px); margin-left: 7px;}

form.infoform table{width: 100%;}
form.infoform .memberCols1{width: 140px; padding-top: 10px; vertical-align: text-top; font-weight: 500;}
form.infoform .memberCols2 {padding-bottom: 30px;}
form.infoform .memberCols2.phone{padding-bottom: 10px;}
form.infoform .memberCols2 input{height: 50px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
form.infoform .memberCols2 input.w100{width: 100% !important;}
form.infoform .memberCols2 input.w50{width: 50% !important;}
form.infoform .memberCols2 input#mail1, form.infoform .memberCols2 input#mail2{width: calc((100% - 23px) / 2); display: inline-block;}
form.infoform .memberCols2 span.mail_a{width: 15px; display: inline-block; text-align: center;}
form.infoform .required{color: #238C60; margin-top: 5px; font-size: .8em;}
form.infoform .memberCols2 select.phone1{width: calc((100% - 210px) / 3); height: 50px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
form.infoform .memberCols2 input.phone2, form.infoform .memberCols2 input.phone3{width: calc((100% - 210px) / 3); display: inline-block;}
form.infoform .memberCols2 input[type=button]{border: none;}
form.infoform .memberCols2 input#checknum{width: calc(100% - 162px);}
form.infoform .memberCols2 span.phone_hyphen{width: 13px; display: inline-block; text-align: center;}

#join_form .phone1, #join_form .phone2, #join_form .phone3{background: #fff !important; pointer-events : inherit;}

/* 버튼 */
form.infoform .join_form_btn{width: 150px; height: 45px; background: #666; color: #fff; float: right; cursor: pointer;}

@media (max-width: 720px) {
	/* 정보 입력 */
	form.infoform .memberCols2 select.phone1{width: calc((100% - 139px) / 3);}
	form.infoform .memberCols2 input.phone2, form.infoform .memberCols2 input.phone3{width: calc((100% - 139px) / 3);}
	form.infoform .memberCols2 input#checknum{width: calc(100% - 112px);}

	/* 버튼 */
	form.infoform .join_form_btn{width: 100px;}
}

@media (max-width: 600px) {
	/* 동의 */    
	#join_form  .agree_form{flex-direction: column;}
	#join_form  .agree1, #join_form  .agree2{width: 100%;}
	#join_form  .agree1{margin-bottom: 50px;}
	#join_form  .agree_txtbox{height: 150px;padding: 10px 15px;}

	/* 정보 입력 */
	#join_form .essential{width: 4px; height: 4px; transform: translateY(-8px); margin-left: 4px;}
	form.infoform .memberCols1{width: 100px; font-weight: 500;}
	form.infoform .memberCols2 input{height: 45px; font-size: .9em;}
	form.infoform .required{font-size:12px;}
	form.infoform .memberCols2 input.w50{width: 100%;}
	form.infoform .memberCols2 select.phone1{width: calc((100% - 26px) / 3); height: 45px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
	form.infoform .memberCols2 input.phone2, form.infoform .memberCols2 input.phone3{width: calc((100% - 26px) / 3); margin-bottom: 15px;}
	form.infoform .memberCols2 input.phone3{width: calc((100% - 26px) / 3) !important;}
	form.infoform .memberCols2 input#checknum{width: 100%; margin-bottom: 15px; margin-top: 25px;}
	form.infoform .memberCols2 input#h_number1, form.infoform .memberCols2 input#h_number2, form.infoform .memberCols2 input#h_number3{height: 45px;}

	/* 버튼 */
	form.infoform .join_form_btn{width: 100%; height: 45px; float: none;}
}
/*
=========================================================================
join_ok.php 임시회원 가입완료 안내 페이지 css
=========================================================================
*/
#join_ok .main_tit{line-height: 1.5;}
#join_ok .join_ok_txt{border: 1px solid #ccc; border-radius: 10px; padding: 50px 20px 60px; text-align: center;}
#join_ok .join_ok_txt .guide_icon{width: 60px; height:60px; background: url(../img/content/illust_icon02.png) no-repeat center / 90%; margin: 0 auto 20px;}

@media (max-width: 900px) {
	#join_ok .join_ok_txt{padding: 40px 20px 50px;}
}
@media (max-width: 720px) {
	#join_ok .main_tit{margin-bottom: 30px;}
	#join_ok .join_ok_txt{padding: 30px 10px 40px;}
	#join_ok .main_btn{margin: 30px auto 0; }
	#join_ok .join_ok_txt .guide_icon{width: 50px; height: 50px; margin: 0 auto 20px;}
}

/*
===================================
search_id.php 아이디찾기 페이지 css
===================================
*/
/* ---- 아이디/비밀번호 찾기 페이지 id.php pw.php id_result.php pw_result.php---- */
.search_inner{width: 480px; position: relative; overflow: hidden; margin: 0 auto; padding: 140px 0 120px;}
#search_idpw  .main_tit{margin: 0 auto 20px;}
#search_idpw .sub_tit{background: #fffcf0;; border: 1px solid #ffe7c3; border-radius: 5px; padding: 15px 20px; margin-bottom: 40px; display: flex; color: #ee7a0d; font-weight: 500; line-height: 1.65;}
#search_idpw .sub_tit .icon_notice{content: ''; width: 54px; height: 54px; background: url(../img/content/icon_notice.png) no-repeat center / 80%; margin-right: 15px;}

/* 탭 */
.idpw_tab{overflow: hidden;}
.idpw_tab li{font-size: 18px; line-height: 50px; font-weight: 700; width: calc((100% - 20px)/2); border-bottom: 3px solid #bbb; color: #bbb; margin-bottom: 25px; float: left;text-align: center; cursor: pointer;}
.idpw_tab li.active{border-bottom: 3px solid var(--main-color); color: var(--main-color);}
.id_tab{margin-right: 20px;}

/* 내용 */
.idpw_box{overflow: hidden;}
.id_box label, .pw_box label, .id_result_box label{line-height: 3; font-weight: 500;}
#search_idpw input{height:50px; border: 1px solid #ccc; border-radius: 5px; width: 100%; padding: 0 20px; box-sizing: border-box; margin-bottom: 20px;}
#search_idpw select.phone1{width: calc((100% - 108px) / 3); height: 50px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
#search_idpw input.phone2, #search_idpw input.phone3{width: calc((100% - 188px) / 3); display: inline-block;}
#search_idpw input[type=button]{border: none;}
#search_idpw input#checknum{width: calc(100% - 134px);}
#search_idpw span.phone_hyphen{width: 13px; display: inline-block; text-align: center;}

.id_result_box input::placeholder{color: #222;}
.id_result_box .result_txt{font-size: 1.2em; font-weight: 700; text-align: center; margin: 30px 0;}
.id_result_box input#id{margin-bottom: 20px; background: #fafafa; text-align: center; height: 100px;}
.id_result_box input#id::placeholder{color: #222;}

.pw_change_box .change_txt{font-size: 1.2em; font-weight: 700; text-align: center; margin: 30px 0;}
.pw_change_box #pw_change{margin-bottom: 0;}
.pw_change_box .required{color: #238C60; margin-top: 5px; margin-bottom: 20px; font-size: .8em;}

.pw_result_box{width: 100%; height: 150px; border-radius: 5px; background: #fafafa; border: 1px solid #ccc; text-align: center; line-height: 150px; box-sizing: border-box;}


/* 버튼 */
.id_search_btn, .pw_search_btn{width: 100%; margin-top: 40px; box-sizing: border-box;}
.idp_pw_btn, .idp_login_btn{width: calc((100% - 20px) / 2) !important; float: left; box-sizing: border-box;}
.idp_pw_btn{margin-right: 20px; border: 1px solid #ccc; background: #fff; color: #555; box-sizing: border-box;}
.idp_pw_btn:hover{background: #f9f9f9;}
#search_idpw .join_form_btn{width: 120px; height: 50px; background: #666; color: #fff; float: right; cursor: pointer; text-align: center; padding: 0 10px;}

@media (max-width: 1300px) {
	#search_idpw .sub_tit .icon_notice{width: 52px; height: 52px;}
}
@media (max-width: 720px) {
	#search_idpw .sub_tit .icon_notice{width: 32px; height: 32px; margin-right: 10px;}
	#search_idpw .sub_tit p:last-of-type{width: calc(100% - 42px);}
}

@media (max-width: 550px) {
	.search_inner{width: calc(100% - 40px);}
	#search_idpw input{height:45px; margin-bottom: 15px;}
	.idpw_tab li{font-size: 16px; margin-bottom: 20px;}
	.id_result_box .result_txt{font-size: 1.1em; margin: 20px 0;}
	.pw_change_box .change_txt{font-size: 1.1em; margin: 20px 0;}
	
	.id_result_box input#id{margin-bottom: 50px;}

	#search_idpw select.phone1{width: calc((100% - 27px) / 3); height: 45px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}

	#search_idpw input.phone2, #search_idpw input.phone3{width: calc((100% - 27px) / 3); display: inline-block;}
	#search_idpw input#checknum{width: 100%;}

	/* 버튼 */
	.id_search_btn, .pw_search_btn{margin-top: 30px;}
	#search_idpw .join_form_btn{width: 100%; height: 40px; float: none;}
}

/*
=========================================================================
setting_dental.php 치과 초기설정 페이지 css / setting1_lab.php 기공소 초기 설정1 페이지 css
=========================================================================
*/
#setting_page .setting_inner{display: flex; padding: 0;}
.setting_tit{font-size: 1.3em; margin-bottom: 30px; font-weight: 600;}

/*---- setting_left ----*/
#setting_page .setting_left{padding: 140px 5% 140px;width: 65%;box-sizing: border-box;border-right: 1px solid #ccc;overflow-y: hidden;height: 100vh;float: left;}
#setting_page .lab_search{position: relative;  margin-bottom: 30px;}
#setting_page .lab_search input#search{width: 100%; height: 60px; border: 1px solid var(--main-color);; padding: 10px 20px;  box-sizing: border-box; border-radius: 10px; color: #555; margin-right: 10px;}
#setting_page .lab_search input#search_btn{width: 50px; height: 42px;  border: none; background: #fff url(../img/content/icon_search_g.png) no-repeat left center / auto 90%; font-size: 0; position: absolute; top:50%; right:2px; transform: translateY(-50%); z-index: 10;}
#setting_page .lab_list li{position: relative; border: 1px solid #ccc; border-radius: 10px; padding: 30px 30px 50px; margin-bottom: 20px;}
#setting_page .lab_tit{font-weight: 600; font-size: 1.1em; margin-bottom: 10px;}
#setting_page .lab_txt{font-size: 0.95em; line-height: 1.5; margin-bottom: 5px;}
#setting_page .select_btn{position: absolute; right:20px; bottom: 20px; width: 130px; height: 38px; line-height: 38px; border-radius: 5px;  text-align: center; font-size: 0.9em; font-weight: 500;}
#setting_page .select_btn1{border: 1px solid var(--main-color);; color: var(--main-color);; cursor: pointer; }
#setting_page .select_btn1:hover{background: var(--main-color);; color: #fff; transition: all .3s; }
#setting_page .select_btn2{border: none; background: #eee; color: #555; display: none;}

/* setting_left- 거래처 등록 */
#setting_page #hospital_list { height: 64%; overflow-y: auto;}
@media (max-width: 1300px){
	#setting_page #hospital_list {height: 62%;}
}
@media (max-width: 900px){
	#setting_page #hospital_list {height: 34%;}
}
@media (max-width: 550px){
	#setting_page #hospital_list {height: 45%;}
}

/*---- setting_right 피씨 우측----*/
#setting_page .setting_right{padding: 140px 5% 140px 3%;width: 35%;height: 100vh;/* position: fixed; *//* right: 0; */box-sizing: border-box;position: relative;overflow-y: hidden;height: 100vh;float: right;}
#setting_page .setting_right.on{/* position: absolute; *//* bottom: 350px; */}

/* 목록 추가 전 */
#setting_page .lab_list_none{display: none; width: 100%; height: 200px; line-height: 200px; background: #f9f9f9; border: 1px solid #eee; border-radius: 10px; text-align: center; color: #555;}

/* 목록 추가 후 */
#setting_page .lab_r_list{height: 80%; overflow-y: scroll; padding-right :10px;}
#setting_page .lab_r_list li{padding: 25px 30px; border: 1px solid #ccc; border-radius: 10px; width: 100%; margin-bottom: 20px; box-sizing: border-box; display: flex;}
#setting_page .lab_check{width: 20px; margin-right: 20px; margin-top: 30px;}
#setting_page .lab_info{width: calc(100% - 40px);}
#setting_page .lab_r_list .lab_txt{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: block;}

/* 등록하기 버튼 */
#setting_page .regist_btn{width: 100%; box-sizing: border-box;}

/*---- setting_m  모바일 하단----*/
#setting_page .setting_m{position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding: 20px 5% ; box-sizing: border-box; border-top: 1px solid #ccc; z-index: 10; box-shadow: 0px -2px 30px rgba(0, 0, 0, 0.1); display: none;}

#setting_page .setting_m .lab_list_none{height: 150px; line-height: 150px;}
#setting_page .setting_m .lab_r_list{height: 150px;}
#setting_page .setting_m .lab_r_list li{padding: 10px 20px; margin-bottom: 10px;}
#setting_page .setting_m .lab_check{width: 18px; margin-right: 15px;  margin-top: 24px;}
#setting_page .setting_m .lab_tit{margin-bottom: 2px; font-size: 1em;}
#setting_page .setting_m .lab_txt{margin-bottom: 3px;}
#setting_page .setting_m .btn_style1{margin: 30px auto 0;}

@media (max-width: 1200px) {
	#setting_page .setting_left{width: 60%;}
	#setting_page .lab_list li{padding: 20px 25px 35px;}
	#setting_page .lab_tit{margin-bottom: 5px;}
	#setting_page .select_btn{right:15px; bottom: 15px; width: 110px; height: 36px; line-height: 36px;  font-size: 0.85em; }

	#setting_page .setting_right{width: 40%;}
	#setting_page .lab_r_list li{padding: 20px 25px;}
	#setting_page .lab_check{margin-right: 15px;}
}
@media (max-width: 900px) {
	#setting_page .setting_inner{display: block;}

	#setting_page .setting_left{padding: 120px 5%; width: 100%; border-right: none; }
	
	#setting_page .setting_right{display: none;}
	#setting_page .setting_m{display: block;}
}
@media (max-width: 550px) {
	#setting_page .setting_left{padding: 100px 5%;}
	#setting_page .lab_search{margin-bottom: 20px;}
	#setting_page .lab_search input#search{width: 100%; height: 54px;padding: 10px 15px;}
	#setting_page .lab_search input#search_btn{width: 36px; height: 36px;}
	#setting_page .lab_list li{padding: 20px 25px 35px; margin-bottom: 15px;}
	#setting_page .select_btn{right:15px; bottom: 15px; width: 95px; height: 34px; line-height: 34px; font-size: 0.8em; }
	
	#setting_page .setting_m .lab_list_none{height: 120px; line-height: 120px;}
	#setting_page .setting_m .lab_r_list{height: 120px;}
}
/*
=========================================================================
setting2_lab.php 기공소 초기 설정2 페이지 css
=========================================================================
*/
#setting_page2 .setting_inner{padding: 140px 5%;}
#setting_page2 input, #setting_page2 select{width: 100%; height: 40px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;cursor: pointer; text-align: center;}
#setting_page2 .work_list li{position: relative; display: flex; justify-content: center; border: 1px solid #ccc; padding: 30px 20px; border-radius: 10px; margin-bottom: 20px;}
#setting_page2 .type_select{margin-right: 50px;}
#setting_page2 label{display:block; margin-right: 20px; font-weight: 500;}
#setting_page2 .delete_btn{width: 25px; height: 25px; border-radius: 5px; background: #848B97 url(../img/common/icon_delete.png) no-repeat center / 95%; position: absolute; top:15px; right:15px; cursor: pointer;}
#setting_page2 .work_list li:first-of-type .delete_btn{display: none;}
#setting_page2 .plus_list{background: #f9f9f9; border-radius: 10px; border: 1px solid #ccc; padding: 6px 10px 10px; text-align: center; cursor: pointer; margin-top: 20px;}
#setting_page2 .plus_icon{width: 18px; height: 18px; background: url(../img/content/icon_aiplus.png) no-repeat center / 95%; display: inline-block; transform: translateY(4px); margin-right: 5px;}
#setting_page2 .setting_ok_btn{width: 180px;}
#setting_page2 input[type=checkbox] {width: 14px; height: 14px; padding: 0;}
#setting_page2 table{min-width: 500px;}
#setting_page2 table td{padding: 10px;}
#setting_page2 table .cols1, #setting_page2 table .cols5, #setting_page2 table .cols6{width: 5%;}
#setting_page2 table .cols2, #setting_page2 table .cols3, #setting_page2 table .cols4{width: 15%;}

@media (max-width: 1200px) {
	#setting_page2 label{margin-right: 15px;}
}
@media (max-width: 900px) {
	#setting_page2 .setting_inner{padding: 120px 5%;}
	#setting_page2 .work_list li{padding: 20px 10px;margin-bottom: 15px;}
	#setting_page2 .type_select{margin-right: 30px;}
}
@media (max-width: 550px) {
	#setting_page2 .setting_inner{padding: 100px 5%;}
}
@media (max-width: 450px) {
	#setting_page2 .type_select{width: 240px;}
	#setting_page2 .period_input{width: 240px;}
	#setting_page2 .delete_btn{top:10px; right:10px;}
}

/*
=========================================================================
대시보드
=========================================================================
*/

/* 금일주문현황 */
.cont1 .boardTitWrap{justify-content: left;}
.cont1 .boardTitWrap .today{font-size: .95em; font-weight: 400; color: #666; margin-left: 20px; transform: translateY(-2px); display: inline-block; display: flex; transform: translateY(3px);}
.cont1 .boardTitWrap .today #current_date{font-weight: 700; margin-right: 5px;}

.cont1Board{width: calc((100% - 60px) / 4); padding: 25px 40px !important;}
.orderIcon{width: 60px; height: 60px; border-radius: 20px; margin-right: 40px;}
.orderIcon1{background: #EFD url(../img/content/icon_order1.png) no-repeat center/50%;}
.orderIcon2{background: #FFF7DC url(../img/content/icon_order2.png) no-repeat center/50%;}
.orderIcon3{background: #F7F3FF url(../img/content/icon_order3.png) no-repeat center/50%;}
.orderIcon4{background: #F3F3F3 url(../img/content/icon_order4.png) no-repeat center/50%;}
.orderTxt{line-height: 1.6; margin-top: 2px;}
.oTit{font-weight: 700;}
.oNum{color: #888; font-size: .9em;}
.oNum span{font-weight: 700; display: inline-block; margin-right: 5px; font-size: 1.3em;}

@media (max-width: 1400px){
	.cont1Board{padding: 20px 30px !important;}
	.orderIcon{margin-right: 20px;}
}
@media (max-width: 1300px){
	.cont1Board{padding: 15px 20px !important;}
	.orderIcon{width: 50px; height: 50px; border-radius: 15px;}
}
@media (max-width: 900px){
	.cont1 .boardWrap{flex-wrap: wrap;}
	.cont1Board{width: calc((100% - 15px) / 2); margin-bottom: 15px;}
	.cont1Board:nth-of-type(3), .cont1Board:nth-of-type(4){margin-bottom: 0;}
}
@media (max-width: 720px){
	.cont1Board{padding: 12px !important;}
	.orderIcon{margin-right: 12px;}
	.cont1 .boardTitWrap .today{margin-left: 10px;}
}

/* 공지사항 */
.cont2Board{width: calc((100% - 20px) / 2);}
.cont2Board .board{height: 265px; padding: 30px 40px;}
.noticeList{width: 100%; display: flex; flex-direction:column; justify-content: space-between;}
.noticeList>li{display: flex; justify-content:space-between;}
.noticeList>li:last-of-type{margin-bottom: 0;}
.noticeList>li .noticeTit .nTit{cursor: pointer; max-width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.noticeList>li .noticeTit .nTit:hover{text-decoration: underline; text-underline-offset : 2px;}
.noticeList .new .noticePart, .noticeList .new .noticeTit{font-weight: 600;}
.noticePart{width: auto;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .97em; width: 100px;}
.noticeTit{width: calc(100% - 280px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; display: flex;}
.noticeList .newIcon{width: 14px; height: 14px; background: var(--new-color); border-radius: 50%; font-size: .5em; color: #fff; text-align: center; line-height: 14px;  margin-left: 5px; font-weight: 400;  z-index: 10; transform: translateY(7px); display: none;}
.noticeList .new .newIcon{display: block;}
.noticeDate{width: 100px; color: #666; font-size: .9em; text-align: right;}

@media (max-width: 1400px){
	.cont2 .boardWrap{flex-wrap: wrap;}
	.cont2Board .board{height: 250px; padding: 30px 35px;}
}
@media (max-width: 1300px){
	.cont2Board{width: 100%;}
	.cont2Board .board{height: 230px; padding: 20px 25px;}
	.noticeBoard{margin-bottom: 30px;}
}
@media (max-width: 900px){
	.noticePart{width: 100px;}
	.noticeTit{width: calc(100% - 50px); margin-left: 10px;}
	.noticeDate{width: 50px;}
}

/* 덴탈톡 */
.talkBoard .board{position: relative;}
.talkBoard .board::after{content: ''; width: 1px; height: calc(100% - 60px); background: #ccc; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.talkList{width: 100%; display: flex; flex-direction:column; flex-wrap: wrap; justify-content: space-between;}
.talkList>li{display: flex; justify-content: space-between; width: calc(50% - 30px);}
.talkList>li:nth-of-type(1),.talkList>li:nth-of-type(2),.talkList>li:nth-of-type(3){margin-right: 30px;}
.talkList>li:nth-of-type(4),.talkList>li:nth-of-type(5),.talkList>li:nth-of-type(6){margin-left: 30px;}
.talkImg{width: 44px; height: 44px; border-radius: 50%; border: 1px solid #eee; background: #f9f9f9; transform: translateY(6px); overflow: hidden; cursor: pointer;}
.talkImg img{width: 100%; height: auto;}
.talkWrap{width: calc(100% - 62px);}
.talkTit{font-weight: 500;  cursor: pointer;}
.talkTxtWrap{display: flex; justify-content: space-between;}
.talkTxt{width: calc(100% - 68px); display: flex; line-height: 1.6;  cursor: pointer; justify-content: left;}
.TalkWrap:hover .talkTxt .nTit{text-decoration: underline; text-underline-offset : 2px;}
.talkTxt p:first-of-type{font-size: .9em;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 20px);}
.talkList .newIcon{width: 14px; height: 14px; background: var(--new-color); border-radius: 50%; font-size: .5em; color: #fff; text-align: center; line-height: 14px; font-weight: 400;  z-index: 10; transform: translateY(7px); display: none;  margin-left: 5px;}
.talkList .new .newIcon{display: block;}
.talkList .new .talkTit{font-weight: 600;}
.talkList .new .nTit{font-weight: 500;}
.talkDate{width: 80px; color: #666; font-size: .8em; text-align: right;  cursor: pointer;}

@media (max-width: 1400px){
	.talkImg{width: 30px; height: 30px;}
	.TalkWrap{width: calc(100% - 42px);}
	.talkDate{width: 70px;}
}

@media (max-width: 1300px){
	.talkImg{width: 35px; height: 35px;}
	.TalkWrap{width: calc(100% - 55px);}
}
@media (max-width: 900px){
	.talkBoard .board{height: auto;}
	.talkBoard .board::after{display: none;}
	.talkList>li{width: 100%; margin-bottom: 20px;}
	.talkList>li:last-of-type{margin-bottom: 0;}
	.talkList>li:nth-of-type(1),.talkList>li:nth-of-type(2),.talkList>li:nth-of-type(3){margin-right: 0;}
	.talkList>li:nth-of-type(4),.talkList>li:nth-of-type(5),.talkList>li:nth-of-type(6){margin-left: 0;}
	.talkList .newIcon{transform: translateY(4px);}
}

/***** 주문관리 및 입출고 현황 *****/
.cont3Board{width: 100%; flex-wrap: wrap;}
.c3Tab{display: flex; width: 100%; margin-bottom: 40px;}
.c3Tab li{width: 115px; text-align: center; padding: 2px; border: 1px solid #ccc; border-radius: 30px; color: #aaa; margin-right: 15px; cursor: pointer;}
.c3Tab li:last-of-type{margin-right: 0;}
.c3Tab li.active{background: var(--main-color); border:1px solid var(--main-color); color: #fff; font-weight: 500;}

.c3Tab_cont{width: 100%;}

@media (max-width: 1300px){
	.c3Tab{margin-bottom: 25px;}
	.c3Tab li{width: 100px; padding: 1px;}
}
@media (max-width: 900px){
	.c3Tab li{width: 90px; margin-right: 10px;}
}

/* 주문관리 */
#data_orderForm .cols3{white-space:initial; min-width: 55px;}
#data_orderForm .cols4{white-space:initial; min-width: 90px;}
#data_orderForm .icon_remake{width: 22px; height: 22px; background: url(../img/content/icon_remake.png) no-repeat center / 95%; margin: 0 auto;}
#data_orderForm .icon_remake.active{background: url(../img/content/icon_remake_active.png) no-repeat center / 95%;}
#data_orderForm .d-day{font-weight: 600;}
#data_orderForm .d-day.zero{color: var(--new-color);}
#data_orderForm input.order_date{padding: 3px 10px; width: 105px;}

.progress_status{position: relative; width: 110px; margin: 0 auto; padding: 4px; font-size: .9em; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 5px; cursor: pointer; color: #449f25; height: 35px;}
.progress_status[readonly],.progress_status[disabled]{cursor: initial;}
.progress_status option:nth-of-type(1){background: #EEFFDD; color: #449f25;}
.progress_status option:nth-of-type(2){background: #E3FAF8; color: #1E8AD8;}
.progress_status option:nth-of-type(3){background: #f3f3f3; color: #666;}
.progress_status option:nth-of-type(4){background: #fff; color: #e76150;}
.icon_aiFile{width: 35px; height: 35px; background: url(../img/content/icon_aiFile.png) no-repeat center / 90%; margin: 0 auto; cursor: pointer;}

@media (max-width: 1300px){
	#data_orderForm input.order_date{width: 95px;}
	#data_orderForm .icon_remake{width: 18px; height: 18px;}
	.progress_status{width: 100px; height: 33px;}
	#data_orderForm{overflow: auto;}
	.icon_aiFile{width: 30px; height: 30px;}
}

@media (max-width: 720px){
	#data_orderForm .cols2,#data_orderForm .cols5,#data_orderForm .cols6, #data_orderForm .cols7, #data_orderForm .cols8{display: none;}
	#data_orderForm .icon_remake{width: 16px; height: 16px;}
	#data_orderForm input.order_date{width: 90px;}
	.progress_status{width: 90px; height: 30px;}
}

/* 입출고 현황 */
.c3Tab_cont .box2{display:none;}
#data_ostatusForm .box2_date{margin-bottom: 30px; display: flex;}
#data_ostatusForm .arrow{width: 10px; height: 20px; cursor: pointer;}
#data_ostatusForm .arrow_pre{background: url(../img/common/arrow_pre.png) no-repeat center / 95%;}
#data_ostatusForm .arrow_next{background: url(../img/common/arrow_next.png) no-repeat center / 95%;}
#data_ostatusForm #Ostatus_date{
	border: none; padding: 0; color: var(--main-color); font-weight: 600; margin: 0 15px 0 20px; line-height: 1; font-size: 1.05em; width: 130px;}
#data_ostatusForm th{padding: 8px 10px;}
#data_ostatusForm table th:first-of-type{border-right: 1px solid #86b898;}
#data_ostatusForm td{padding: 18.5px 10px; width: calc((100% - 25%) / 4);}
#data_ostatusForm .osCols2{padding-left: 20px;}
#data_ostatusForm td.osCols1{background: #fbfff9; width: 25%; font-weight: 500; border-right: 1px solid #d4ebcc;}
#data_ostatusForm tr.active{background: #fbfff9; color: var(--main-color); font-weight: 600; border: 1px solid var(--main-color);}
#data_ostatusForm tr.active td.osCols1{background: #e9fae5;  font-weight: 600;}
#data_ostatusForm tr:nth-of-type(2n) td.osCols1{background: #f5fcf2;}

@media (max-width: 1300px){
	#data_ostatusForm #Ostatus_date{width: 125px;}
}

@media (max-width: 1000px){
	#data_ostatusForm #Ostatus_date{width: 120px;}
	#data_ostatusForm th{white-space: inherit;}
}
/*
=========================================================================
AI 기공의뢰서 aiorder_detail.php
=========================================================================
*/
#ai_order .content{background: #fff;}
#ai_order .contIn{display: flex; flex-direction: row; justify-content: space-between;}
#ai_order .aiLeft{width: calc(60% - 80px); margin-right: 80px;}
#ai_order .aiL_cont{margin-bottom: 40px;}
#ai_order .aiL_cont:last-of-type{margin-bottom: 0;}
#ai_order input, #ai_order select{border: 1px solid #ccc; border-radius: 5px; padding: 8px 10px; box-sizing: border-box; height: 40px; width: 100%;}
#ai_order .form-row{display: flex; margin-bottom: 20px;}
#ai_order .form-group.w50{width: 50%;}
#ai_order .form-group.w25{width: 25%;}
#ai_order .form-row:nth-of-type(2) .form-group.w50:nth-of-type(2){width: calc(50% + 20px);}
#ai_order .form-group{margin-right: 20px;}
#ai_order .form-group:last-of-type{margin-right: 0;}
#ai_order label{display: block; font-weight: 500; line-height: 1.2; margin-bottom: 8px;}
.scanChk{display: flex;}
.scanChk span{white-space: nowrap; line-height: 38px; color: var(--main-color); font-weight: 600;}
.chk+label{margin-bottom: 2px !important;}
#ai_prosthesis{display: flex;  justify-content: space-between; overflow: hidden;}
#ai_prosthesis .form-row{width: calc(50% - 10px);}
#ai_prosthesis .form-group{width: calc((100% - 50px) / 5) ;}
#ai_prosthesis label{text-align: center; white-space: nowrap;}
#ai_prosthesis input{width: 100%; text-align: center;}

#ai_prosthesis_detail .aiProCont>li{background: #FBFEF8; border: 1px solid #ccc; border-radius: 10px; margin-bottom: 20px;}
#ai_prosthesis_detail .aiProCont>li:last-of-type{margin-bottom: 0;}
#ai_prosthesis_detail .aiProTop{border-bottom: 1px solid #ccc; display: flex; padding: 15px 20px 10px;}
#ai_prosthesis_detail .aiProBottom{padding: 20px;}
#ai_prosthesis_detail .aiProTop .num{margin-right: 10px;}
#ai_prosthesis_detail .aiProTop .num, #ai_prosthesis_detail .pro_name{color: var(--main-color); font-weight: 600; font-size: 1.1em;}
#ai_prosthesis_detail .remake{display: flex; margin-left: 30px; transform: translateY(-2px);}
#ai_prosthesis_detail .remake span{white-space: nowrap; line-height: 38px; color: var(--main-color); font-weight: 600;}
.favoriteBtn{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.favoriteBtn li{width: calc((100% - 45px) / 4); background: #777; color: #fff; border-radius: 5px; text-align: center; line-height: 1.5; font-size: .95em; cursor: pointer; padding: 5px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column;}
.favoriteBtn li:hover{background: #666;}
.favoriteBtn li:nth-of-type(1),.favoriteBtn li:nth-of-type(2),.favoriteBtn li:nth-of-type(3),.favoriteBtn li:nth-of-type(4){margin-bottom: 15px;}

#ai_prosthesis_detail .teethWrap{display: flex;  font-size: .95em;}
#ai_prosthesis_detail .teethTab{display: flex; flex-direction: column; margin-right: 20px; margin-top: 5px;}
#ai_prosthesis_detail .teethTab li{padding: 0 20px; border-radius: 5px; width: 50px; text-align: center; margin-bottom: 8px; background: #fff; border: 1px solid #ccc; color: #666; cursor: pointer; line-height: 1.6; position: relative;}
#ai_prosthesis_detail .teethTab li.active{background: var(--main-color); color: #fff;}
#ai_prosthesis_detail .teethTab li:last-of-type{margin-bottom: 0;}
#ai_prosthesis_detail .teeth{display: flex; flex-wrap: wrap;}
#ai_prosthesis_detail .r_teeth{width: 50%; position: relative; display: flex; justify-content: space-between; line-height: 1.3; box-sizing: border-box;}
#ai_prosthesis_detail .r_teeth>div{width: 30px; height: 30px; border-radius: 5px; border: 1px solid #ccc; cursor: pointer; background: #fff; text-align: center; line-height: 30px; color: #666;}
#ai_prosthesis_detail .r_teeth>div.active{background: var(--main-color); color: #fff;}
#ai_prosthesis_detail .r_teeth1, 
#ai_prosthesis_detail .r_teeth3{border-right: 1px solid #ccc; padding-right: 15px; padding-left: 2px;}
#ai_prosthesis_detail .r_teeth2, 
#ai_prosthesis_detail .r_teeth4{padding-left: 15px;}
#ai_prosthesis_detail .r_teeth1, 
#ai_prosthesis_detail .r_teeth2{padding-top: 5px; padding-bottom: 5px;}
#ai_prosthesis_detail .r_teeth3, 
#ai_prosthesis_detail .r_teeth4{padding-top: 10px; border-top: 1px solid #ccc;}

#ai_prosthesis_detail .plusBtn{width: 100%; padding: 8px 20px; text-align: center; color: var(--main-color); border: 1px solid var(--main-color); border-radius: 5px; box-sizing: border-box; cursor: pointer; margin-top: 20px;}
#ai_prosthesis_detail .plusBtn.disabled {pointer-events: none;background: #ddd !important;color: #888 !important;border-color: #ddd !important;/* text-decoration: line-through; */}
#ai_prosthesis_detail .plusBtn:hover{background: #fcfcfc;}
#ai_prosthesis_detail .plusBtn .plus_icon {width: 18px; height: 18px; background: url(../img/content/icon_aiplus.png) no-repeat center / 90%; display: inline-block; transform: translateY(2.5px); margin-right: 8px;}
#ai_prosthesis_detail .plusBtn.disabled .plus_icon {display: none; }

#ai_memo textarea{width: 100%; height: 100px; padding: 10px; box-sizing: border-box; resize: none; border-radius: 10px; border: 1px solid #ccc;}

#ai_order .aiRight{width: 40%;}
#ai_order .aiR_cont{background: #fff; border-radius: 10px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box; margin-bottom: 40px; overflow: hidden;}
#ai_order .aiR_top{padding: 20px 30px; border-bottom: 1px solid #eee; display: flex;box-sizing: border-box;}
#aiTalk .profileImg{width: 30px; height: 30px; border-radius: 50%; overflow: hidden; border: 1px solid #ccc; margin-right: 12px;}
#aiTalk .profileImg img{width: 100%; height: auto;}
#aiTalk .profileName{font-size: 1.05em; font-weight: 600;}

.aiTalkWrap{width: 100%; box-sizing: border-box; display: flex; flex-direction: column;}
.aiTalkWrap .talk_inner{position: relative; height: 600px; overflow:auto; padding: 20px 20px 0px 25px; width: 100%; box-sizing: border-box; line-height: 1.5;}
.aiTalkWrap .talk_inner>div{margin-bottom: 20px;}
.aiTalkWrap .talk_you{display: flex;}
.aiTalkWrap .date{width: 100%; padding: 1px 5px 3px; background: #848B97; color: #fff; border-radius: 3px;text-align: center; box-sizing: border-box; font-size: .95em; line-height: 1.3;}
.aiTalkWrap .message_box{line-height: 1.3;}
.aiTalkWrap .message_box .time{font-size: .7em; color: #888; margin-top: 5px; }
.aiTalkWrap .talk_you .message_box{background: #eee; max-width: 70%; padding: 10px 20px; border-radius: 5px; position: relative; min-height: 18px;}
.aiTalkWrap .talk_you .message_box::before{content: ''; width: 0px; height: 0px;    border-right: 10px solid #eee; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top:5px; left: -10px;}
.aiTalkWrap .talk_you .time{text-align: left;}
.aiTalkWrap .talk_me{overflow: hidden; display: flex; justify-content: right; flex-direction: row-reverse; position: relative;}
.aiTalkWrap .talk_me .message_box{background: #DFF9DE; max-width: 70%; padding: 10px 20px; border-radius: 5px; position: relative;  transform: translateX(-10px); min-height: 18px;}
.aiTalkWrap .talk_me .message_box::before{content: ''; width: 0px; height: 0px; border-left: 10px solid #DFF9DE; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top:5px; right: -10px;}
.aiTalkWrap .talk_me .time{text-align: right;}
.aiTalkWrap .talk_input_box{background: #fff; width: 100%; border-top: 1px solid #ccc; height: 155px; overflow: hidden; position: relative;}
.aiTalkWrap .talk_input_box textarea{width: 100%; height: 88px; border: none; resize: none; padding: 15px; box-sizing: border-box;}
.aiTalkWrap .talk_input_box textarea:focus {outline: none;}
.aiTalkWrap .talk_input_btn{height: 60px; display: flex; justify-content: right; width: 100%; background: #fff; box-sizing: border-box; padding-right: 10px; padding-top: 7px;}
.aiTalkWrap .talk_input_btn .send_btn{width: 110px; height: 36px; line-height: 33px; background: var(--main-color); border-radius: 5px; text-align: center; color: #fff; font-weight: 500; cursor: pointer; font-size: .95em;}

.aiFile {width: calc(50% - 10px);box-sizing: border-box;/* border-radius: 5px; border: 1px solid #ccc; */}
.aiFile .boardTit{line-height: 1; margin-top: 5px;}
.aiFile .aiFile_inner{position: relative;  overflow:auto; padding: 30px 20px 35px; width: 100%; box-sizing: border-box;}
.aiFile .aiFileList{overflow: auto;}
.aiFile .aiFileList li{padding: 4px 10px; border: 1px solid #ccc; border-radius: 5px; width: 100%; margin-bottom: 10px; box-sizing: border-box;}
.aiFile .aiFileList li:last-of-type{margin-bottom: 0;}
.aiFile .aiFileList li .aiFileName{width: calc(90% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aiFile .aiFile_btnWrap{margin-top: 20px;}
.aiFile .aiFile_btnWrap .aiFile_btn{padding: 8px 20px; text-align: center; background: #f5f5f5; border: 1px solid #ccc; border-radius: 5px; cursor: pointer;}
.aiFile .icon_file{width: 20px; height: 20px; background: url(../img/content/icon_file.png) no-repeat center / 90%; display: inline-block; margin-right: 8px; transform: translateY(2px);}
.aiFile .icon_filebtn{width: 20px; height: 20px; background: url(../img/content/icon_filebtn.png) no-repeat center / 90%; display: inline-block; margin-right: 8px; transform: translateY(3px);}
.aiFile .icon_filebtn_gray{width: 20px; height: 20px; background: url(../img/content/icon_filebtn_gray.png) no-repeat center / 90%; display: inline-block; margin-right: 8px; transform: translateY(3px);}

.aiL_cont4{display: none;}
.aiL_cont4 .aiFileList{padding: 20px; border: 1px solid #ccc; border-radius: 10px;}
.aiL_cont4 .boardTit{margin-bottom: 20px;}
.aiL_cont4 .aiFile_btnWrap  .aiFile_btn{padding: 7px 10px !important;}
.aiTab{display: flex; justify-content: left; margin-bottom: 20px; width: 100%; font-size: .95em;}
.aiTab li{border: 1px solid var(--main-color); color: var(--main-color); width: 130px; border-radius: 20px; text-align: center; padding: 2px 0; cursor: pointer; margin-right: 12px;}
.aiTab li.active{background: var(--main-color); color: #fff;}
.aiTab li.aiTabBtn2{display: none;}

.talk_notice {
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #ffe7c3;
	background: #fffcf0;
	color: #ee7a0d;
	line-height: 1.5;
	font-size: .95em;
	font-weight: 500;
}

.talk_notice .time{font-size: .7em; color: #888; margin-top: 5px; font-weight: 400;}

@media (max-width: 1600px){
	#ai_prosthesis_detail .teethWrap{flex-direction: column;}
	#ai_prosthesis_detail .teethTab{flex-direction: row; margin-bottom: 10px;}
	#ai_prosthesis_detail .teethTab li{margin-bottom: 0; margin-right: 10px; width: 40px;}
	#ai_prosthesis_detail .r_teeth1, 
	#ai_prosthesis_detail .r_teeth3{padding-right: 10px;}
	#ai_prosthesis_detail .r_teeth2, 
	#ai_prosthesis_detail .r_teeth4{padding-left: 10px;}
}
@media (max-width: 1500px){
	#ai_order .aiLeft{width: calc(60% - 60px); margin-right: 60px;}
	#ai_prosthesis{flex-wrap: wrap;}
	#ai_prosthesis .form-row{width: 100% !important;}
}
@media (max-width: 1300px){
	#ai_order .aiLeft{width: calc(60% - 40px); margin-right: 40px;}
	#ai_order .aiR_top{padding: 10px 20px;}
	#ai_order input, #ai_order select{padding: 3px 5px; height: 35px;}
	#ai_order .aiR_cont{margin-bottom: 0;}
}
@media (min-width: 1000px){.aiR_cont1{display: block;}.aiR_cont2{display: block;}}
@media (max-width: 1000px){
	#ai_order .contIn{flex-direction:column;}
	#ai_order .aiLeft{margin-right: 0;}
	#ai_order .aiLeft, #ai_order .aiRight{width: 100%;}
	.aiTab{display: flex; justify-content: space-between; }
	.aiL_cont4{display: block;}
	.aiR_cont2{display: none;}
	.aiTab li.aiTabBtn2{display: block;}
	.aiTab li{width: calc((100% - 20px)/3);}
}
@media (max-width: 720px){
	#ai_prosthesis_detail .r_teeth>div{width: 25px; height: 25px; line-height: 25px;}
	#ai_order .form-group{margin-right: 10px;}
}
/*
=========================================================================
AI 기공의뢰서 aiorder_view.php
=========================================================================
*/
.aiorder_view #ai_info, .aiorder_view #ai_prosthesis, .aiorder_view #aiProContBox, .aiorder_view .aiFile_btnWrap, .aiorder_view #ai_memo, .aiorder_view input[type="checkbox"]{/* pointer-events : none; */}
.aiorder_view input, .aiorder_view select, .aiorder_view #ai_memo textarea{background-color: #f5f5f5;}
.aiorder_view #ai_input.editable input, .aiorder_view #ai_input.editable select, .aiorder_view #ai_input.editable #ai_memo textarea {background-color:#fff;}
.aiorder_view  .r_teeth>div{background: #f5f5f5;}
.aiorder_view  .r_teeth>div.active{background: var(--main-color) !important; color: #fff;}
.aiorder_view .plusBtn{display: none;}

/*
=========================================================================
AI 기공주문
=========================================================================
*/
/*
=========================================================================
AI 기공 주문 팝업 ai_order_input1.php  css
=========================================================================
*/
.aiorder_match{width: 100%; /* height:500px; */ }
.aiorder_match .contIn{flex-direction: column !important;}
.aiorder_match .sub_tit{font-weight: 600; margin-bottom: 10px; font-size: 1.2em; color: var(--main-color);}
.aiorder_match .match_search{position: relative;  margin-bottom: 20px;}
.aiorder_match .match_search input#search{width: 100%; height: 45px; border: 1px solid var(--main-color); padding: 10px 20px;  box-sizing: border-box; border-radius: 5px; margin-right: 10px;}
.aiorder_match .match_search input#search_btn{width: 40px; height: 32px;  border: none; background: #fff url(../img/content/icon_search_g.png) no-repeat left center / auto 90%; font-size: 0; position: absolute; top:50%; right:2px; transform: translateY(-50%); z-index: 10;}
.aiorder_match .match_list li{position: relative; border: 1px solid #ccc; border-radius: 10px; padding: 10px 25px; margin-bottom: 10px; display: flex; position: relative;}
.aiorder_match .match_check{width: 13px; position: absolute; top:50%; left: 20px; transform: translateY(-50%);}
.aiorder_match .match_tit{font-weight: 600; font-size: 1.05em; margin-bottom: 3px; margin-left: 30px;}
.aiorder_match .match_tit .newIcon{padding: 2px 5px;background: var(--new-color);border-radius: 5px;font-size: 0.75em;color: #fff;text-align: center;line-height: 14px;margin-left: 5px;font-weight: 400;}
.aiorder_match .match_txt{font-size: 0.95em; line-height: 1.5; margin-bottom: 3px; margin-left: 30px;}

@media (max-width: 720px){
	.aiorder_match .match_search input#search{padding: 8px 15px;}
	.aiorder_match .match_list li{padding: 8px 20px;}
	.aiorder_match .match_check{width: 12px;}
}

/*
=========================================================================
AI 기공 주문 팝업 ai_order_input2.php  css
=========================================================================
*/
.aiorder_input .contIn{flex-direction: column !important;}
.ai_cont{width: 100%;}
.aiorder_subInfo{background: #fffcf0; border: 1px solid #ffe7c3; border-radius: 5px; padding: 15px 20px; margin-bottom: 40px; display: flex; color: #ee7a0d; font-weight: 500; line-height: 1.65; width: 100%; box-sizing: border-box; font-size: 1.05em;}
.aiorder_subInfo .icon_notice{content: ''; width: 30px; height: 30px; background: url(../img/content/icon_notice.png) no-repeat center / 80%; margin-right:10px; transform: translateY(-2px);}
.aiorder_subInfo p:last-of-type{width: calc(100% - 40px); line-height: 1.6;}
.ai_uploadBtnWrap{display: flex; justify-content: space-between; margin-bottom: 30px;}
.ai_uploadBtnWrap>form{width: calc(50% - 10px); box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc;}
.aiFile_no{background: #e3e3e3  !important;  padding: 15px !important;color: #888; }
.ai_cont .form-group, .ai_cont .teeth{width: 100% !important;}

.ai_cont .teethWrap{flex-direction: row !important;}
.ai_cont .teethTab{flex-direction: column !important; margin-bottom: 0 !important;}
.ai_cont .teethTab li{margin-bottom: 10px !important; width: 100px !important;}
.ai_cont .r_teeth1, 
.ai_cont .r_teeth3{padding-right: 20px !important;}
.ai_cont .r_teeth2, 
.ai_cont .r_teeth4{padding-left: 20px !important;}

@media (max-width: 1300px){
	.ai_cont .teethTab li{width: 80px !important;}
}
@media (max-width: 900px){
	.ai_cont .teethTab li{width: 70px !important;}
}
@media (max-width: 720px){
	.ai_cont .teethWrap{flex-direction: column !important;}
	.ai_cont .teethTab{flex-direction: row !important; margin-bottom: 10px !important;}
	.ai_cont .teethTab li{margin-bottom: 0 !important; margin-right: 10px !important; width: 40px !important;}
	.ai_cont .r_teeth1, 
	.ai_cont .r_teeth3{padding-right: 10px !important;}
	.ai_cont .r_teeth2, 
	.ai_cont .r_teeth4{padding-left: 10px !important;}
	.ai_cont .aiFile_inner{padding: 20px 10px 25px !important;}
	.ai_cont .aiFile_btn{padding: 8px 15px !important;}
}
/*
=========================================================================
공지 notice.php notice_view.php notice_add.php notice_edit.php
=========================================================================
*/
#data_noticeboard .boardCols{text-align: left; padding: 20px !important;}
#data_noticeboard .notice_modal_btn{display: flex; justify-content: right;}
#data_noticeboard table tr{background: #fff;}
#data_noticeboard .boardCols1{background: #789E85; color: #fff; width: 15%; min-width: 80px;}
#data_noticeboard .boardCols2{text-align: left; padding: 0 20px;}
#data_noticeboard tr{border-bottom: 1px solid #ccc;}
#data_noticeboard tr:first-of-type{border-top: 1px solid #ccc;}
#data_noticeboard input, #data_noticeboard select{padding: 5px 10px; width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px;}
#data_noticeboard select{width: 30%; min-width: 150px;}
#data_noticeboard textarea{width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; resize: none; height: 200px;}
#data_noticeform td.noticeCols2{text-align: left;}
#data_noticeform .noticeCols3, #data_noticeform .noticeCols4{width: 20%;}
#data_noticeform .noticeCols1{width: 8%;}
#noticeName{background: #f5f5f5; cursor: inherit;}
.notice_BtnWrap{margin-top: 20px;}
.notice_BtnWrap .notice_addBtn a{color: #fff;}
.notice_BtnWrap .edit_btn a{color: #fff;}
.notice_BtnWrap .list_btn a{color: #1C1C1C;}
.noticeCols2 a{color: #1C1C1C;}
.noticeCols2 a:hover{text-decoration: underline;}

@media (max-width: 720px){
	#data_noticeboard .boardCols2{padding: 0 10px;}
	#data_noticeboard .boardCols{padding: 10px !important;}
}

/*
=========================================================================
정산관리
=========================================================================
*/
/* 미정산내역 charge.php */ 
#data_chargeForm table .cols2{width: 10%;}
@media (max-width: 1300px){
	#data_chargeForm{overflow: auto;}
}

/* 거래처정산 charge_partner.php */
#data_chargeTotalForm table{border-top: 1px solid #ccc;}
#data_chargeTotalForm table th:first-of-type{border-right: 1px solid #86b898;}
#data_chargeTotalForm table tr{background: transparent;}
#data_chargeTotalForm table td{padding: 15px;}
#data_chargeTotalForm table td:first-of-type{width: 20%; background: #fbfff9; border-right: 1px solid #d4ebcc;}
#lab_charge_partner hr{margin: 50px 0 30px;}
#lab_charge_partner .chargeCols3{width: 80px;}
#lab_charge_partner .chargeCols4,#lab_charge_partner .chargeCols5,#lab_charge_partner .chargeCols6, #lab_charge_partner .chargeCols7, #lab_charge_partner .chargeCols8{width: 12%;}
#data_chargePartnerForm{overflow: auto;}
#data_chargePartnerForm input{text-align: center; width: 100%; border: none; background: none; pointer-events : none; }
#data_chargePartnerForm.editable input{text-align: center; border: 1px solid #ccc; border-radius: 5px; padding: 5px; box-sizing: border-box; width: calc(100% - 20px); pointer-events : inherit; background: #fff;}
.charge_status{padding: 2px 10px; border-radius: 5px; width: 70px; margin: 0 auto; font-size: .95em; cursor: pointer;}
.charge_status1{background: #E3FAF8; color: #1E8AD8; border: 1px solid #abd4f1;}
.charge_status2{background: #EEFFDD; color: #449f25; border: 1px solid #a0df8b;}
.charge_status3{color: #666; cursor: inherit;}
.charge_status4{background: #fff7f7; color: #d65a5a; border: 1px solid #f7c5c5;}
.charge_type1{color: var(--main-color); font-weight: 600;}
.charge_type2{color: #888;}

@media (max-width: 900px){
	.charge_status{width: 50px;}
}

/*
=========================================================================
청구서발행 charge_publish.php
=========================================================================
*/
#data_publishForm{overflow: auto;margin-bottom: 10px;}
#data_publishFormTotal{overflow: hidden;}
.chargeTable{width: 400px; margin-left: calc(100% - 400px); border-bottom: none; background: #fff;}
.chargeTable tr{background: #fff !important;}
.chargeTable .chargeCols1{color: var(--main-color); font-weight: 600; white-space: nowrap;}
.chargeTable input{border: 1px solid #ccc; height: 30px; border-radius: 5px; padding: 0 10px; box-sizing: border-box; text-align: right;}
.chargeTable td{padding: 6px;}
.chargeTable .chargeCols2{text-align: right;}
.publishBtn{width: 140px; margin: 40px auto 0; padding: 8px 20px;}
.chargeTable .total td{font-weight: 600; color: var(--main-color);}

@media (max-width: 720px){
	.chargeTable{width: 250px; float: inherit; margin-left: calc(100% - 250px);}
	.chargeTable input{width: 100px;}
	.publishBtn{width: 80px; padding: 6px 18px; margin: 30px auto 0;}
}
/*
=========================================================================
청구서발행 charge_data.php charge_approcal.php
=========================================================================
*/
#charge_data {position: relative;}
.chargeTit{text-align: center;font-size: 1.5em;font-weight: 600;padding-top: 20px;margin-bottom: 20px;line-height: 1;}
.chargeDownload{width: 28px; height: 28px; background: url(../img/content/icon_file.png) no-repeat center / 90%; cursor: pointer; position: absolute; top:25px; right: 3%; z-index:88;}
#charge_data .contIn{padding: 1.3rem 3%;}
.chargeInfoWrap{display: flex; justify-content: space-between; flex-direction: row; padding: 0 3%;}
.chargeInfoWrap>div{width: calc(50% - 20px)}
.chargeInfoWrap .chargeTxt{padding: 30px 20px;background: #f5f5f5;border-radius: 10px;border: 1px solid #eee;box-sizing: border-box;}
.chargeInfoWrap .chargeTxt>div{display: flex;margin-bottom: 5px;}
.chargeInfoWrap .chargeTxt>div:first-of-type{/* margin-bottom: 5px; */}
.chargeInfoWrap .chargeTxt>div>p:first-of-type{width: 104px; font-weight: 500;}
.chargeInfoWrap .chargeTxt>div:last-of-type{font-size: 1.1em; font-weight: 500; margin-top: 5px;}
.chargeInfoWrap .labInfoBox table tr{background: #fff !important;}
.chargeInfoWrap .labInfoBox table td{padding: 5px; border: 1px solid #ccc;}
.chargeInfoWrap .labInfoBox table .cols{border-right: 1px solid #ccc; width: 20px;}
.chargeInfoWrap .labInfoBox table .cols, .chargeInfoWrap .labInfoBox table .cols1{background: #999; color: #fff;}
.chargeInfoWrap .labInfoBox table .cols2{text-align: left; padding: 0 20px;}
.chargeBtnWrap{display: flex; justify-content: center; margin-bottom: 2rem;}
.chargeBtnWrap>div{width: 120px;  margin: 30px 20px 0;  padding: 8px 20px;}
.chargeBtnWrap .refuseBtn{border: 1px solid var(--main-color);; color: var(--main-color);; background: #fff;}
.charge_approval #data_publishTotalForm{display: flex; justify-content: space-between;}
.charge_approval .approvalInfo{margin-top: 20px;}
.charge_approval .approvalInfo>div{display: flex;}
.charge_approval .approvalInfo>div>p:first-of-type{font-weight: 500; width: 80px;}
.charge_approval .approvalInfo span{font-weight: 500;}
.charge_approval .chargeTable{margin-left: 0;}
.chargeTable .hypen{margin-right: 5px;}
.chargeTable #chargeAdjust{width: calc(100% - 50px);}
@media (max-width: 900px){
	.chargeBtnWrap>div{margin: 30px 10px 0;  padding: 8px 16px;}
}

@media (max-width: 720px){
	.chargeInfoWrap>div{width: calc(55% - 10px); font-size: .9em;}
	.chargeInfoWrap .chargeTxt{padding: 20px 10px 10px; width: calc(45% - 10px);}
	.chargeInfoWrap .chargeTxt>div{flex-direction: column;}
	.chargeInfoWrap .labInfoBox table .cols2{padding: 0 10px;}
	.chargeBtnWrap>div{width: 90px; padding: 6px 18px;}
	#charge_data .popup_close{display: block; position: absolute; top:12px; right:15px;}
	.chargeDownload{width: 28px; height: 28px; background: url(../img/content/icon_file.png) no-repeat center / 90%; cursor: pointer; position: absolute; top:14px; right: calc(3% + 35px);}
	.charge_approval .approvalInfo{margin-top: 0; width: calc(100% - 250px);}
	.charge_approval .approvalInfo>div{flex-direction: column; margin-bottom: 5px;}
}
#modal_refuse{display: none;}
#modal_refuse .modal_box{width: 500px;}
#modal_refuse textarea{width:100%; padding: 20px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; resize: none; height: 200px;}
#modal_refuse .refuseBtn{padding: 6px 10px; width: 120px; margin-top: 40px;  margin-bottom: 10px;}
@media (max-width: 720px) {
	#modal_refuse .refuseBtn{margin-top: 30px; width: 100px;}
}
@media (max-width: 550px) {
	#modal_refuse .modal_box{width: 90%;}
	#modal_refuse .refuseBtn{margin-top: 30px; width: 100px;}
}
/*
=========================================================================
환경설정
=========================================================================
*/
/* 거래처관리 */

/* 보철물관리 */
#data_prosthesisForm{overflow: auto;}
#data_prosthesisForm .cols1, #data_prosthesisForm .cols2{width: 8%;}
#data_prosthesisForm .cols6, #data_prosthesisForm .cols7{width: 13%;}
#data_prosthesisForm .eyes{width: 26px; height: 26px; background: url(../img/content/icon_eyes.png) no-repeat center / 90%; cursor: pointer; margin: 0 auto;}
#data_prosthesisForm .eyes.active{background: url(../img/content/icon_eyes_active.png) no-repeat center / 90%;}
#data_prosthesisForm .star{width: 28px; height: 28px; background: url(../img/content/icon_star.png) no-repeat center / 90%; cursor: pointer; margin: 0 auto;}
#data_prosthesisForm .star.active{background: url(../img/content/icon_star_active.png) no-repeat center / 90%;}

#data_prosthesisForm tr:has(td.cols6 .eyes.active){color: #aaa !important;}

/* 직원관리 */
.levelSelect{border: 1px solid #ccc; border-radius: 5px; padding: 2px 10px; box-sizing: border-box; height: 35px;}
.passwordBtn{padding: 2px 10px; border-radius: 5px; background: #999; color: #fff; width: 40px; margin: 0 auto; cursor: pointer; font-size: .95em;}
#data_userForm{position: relative; overflow: auto;}
#data_userForm .cols5 span{margin-left: 3px;}

.authorityTxt{padding: 10px; border-radius: 5px; color: #777; position: absolute; top:-10px; right:22%; font-size: .85em; color: var(--main-color); font-weight: 500; text-align: left; display: none; line-height: 1.4;}
.authorityTxt.active{display: flex;}
.authorityTxt>p:first-of-type{margin-right: 5px;}

.soon .authorityTxt {
	top: -62px;
	width: 100%;
	right: 0;
	left: 0;
}


@media (max-width: 1300px){
	.authorityTxt.active{display: none;}
	#data_userForm .cols5 span{display: none;}
}

/* 배송기간 관리 */
#data_deliveryForm{overflow: auto;}
#data_deliveryForm .cols1{width: 10%;}
#data_deliveryForm .cols2, #data_deliveryForm .cols3{width: 45%;}
#data_deliveryForm .cols3{line-height: 1.6;}
#data_deliveryForm th.cols3{white-space: inherit;}
#data_deliveryForm .cols3 .sub_txt{color: #d4ebcc; font-size: .85em; line-height: 1.4; display: block; margin-top: 3px;}

@media (max-width: 1300px){
	#data_prosthesisForm .eyes{width: 23px; height: 23px;}
	#data_prosthesisForm .star{width: 25px; height: 25px;}
}
@media (max-width: 720px){
	#data_prosthesisForm .eyes{width: 20px; height: 20px;}
	#data_prosthesisForm .star{width: 22px; height: 22px;}
}
/*
=========================================================================
덴탈톡 팝업 dentaltalk.php
=========================================================================
*/
#dentalTalk_main{background: #f5f5f5;}
#dentalTalk_main .talkList{flex-direction: column;}
#dentalTalk_main .talkList li{width: 100%; margin-left: 0 !important; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1); margin-bottom: 10px; box-sizing: border-box;}
/*
=========================================================================
덴탈톡 팝업 dentaltalk_view.php
=========================================================================
*/
#dentalTalk_view{overflow: hidden;}
.header_talk{width: 100%; position: fixed; left: 0; top:0; background: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05); width: 100%; z-index: 500; padding: 20px 3%; min-width: 360px; box-sizing: border-box;}
.header_talk .aiR_top{display: flex;box-sizing: border-box;}
.header_talk .profileImg{width: 30px; height: 30px; border-radius: 50%; overflow: hidden; border: 1px solid #ccc; margin-right: 12px;}
.header_talk .profileImg img{width: 100%; height: auto;}
.header_talk .profileName{font-size: 16px; font-weight: 600;}
.header_talk .popup_close{position: fixed; top:18px; right:20px;}
#dentalTalk_view .contIn{padding:62px 0 0;}
#dentalTalk_view .talk_inner{padding: 40px 3% 0; height: calc(100vh - 220px); line-height: 1.5;}
#dentalTalk_view .aiTalkWrap .talk_input_btn{padding-right: 3%;}
#dentalTalk_view .aiTalkWrap .talk_you .message_box{transform: translateX(10px);}
#dentalTalk_view .send_fileBtn{width: 20px; height: 20px; background: url(../img/content/icon_sendfile.png) no-repeat center / 90%; margin-top: 7px; margin-right: 15px; cursor: pointer;}

/*
=========================================================================
내정보
=========================================================================
*/
.infoForm{max-width: 700px;}
.infoForm .caution{background: #fffcf0;; border: 1px solid #ffe7c3; border-radius: 5px; padding: 15px 20px; margin-bottom: 40px; display: flex; color: #ee7a0d; font-weight: 500; line-height: 1.65;}
.infoForm .caution .icon_notice{width: 26px; height: 26px; background: url(../img/content/icon_notice.png) no-repeat center / 80%; margin-right: 10px;}

.infoForm input, .infoForm select{border: 1px solid #ccc; border-radius: 5px; padding: 8px 10px; box-sizing: border-box; height: 45px;}
.infoForm table{width: 100%; text-align: left;  border-bottom: none; }
.infoForm .memberCols1{width: 120px; padding-top: 10px; vertical-align: text-top; font-weight: 500;}
.infoForm .memberCols2 {padding-bottom: 30px;}
.infoForm .memberCols2 .mypage_id{border: none; padding-left: 0; background: none !important;font-weight: bold;}
.infoForm .memberCols2 input{padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
.infoForm .memberCols2 input.w100{width: 100% !important;}
.infoForm .memberCols2 input#mail1, .infoForm .memberCols2 input#mail2{width: calc((100% - 23px) / 2); display: inline-block;}
.infoForm .memberCols2 span.mail_a{width: 15px; display: inline-block; text-align: center;}
.infoForm .required_info{color: #238C60; margin-top: 5px; font-size: .85em;}

.infoForm .memberCols2 select#tel1, .infoForm .memberCols2 input#tel2, .infoForm .memberCols2 input#tel3{width: calc((100% - 41px) / 3); display: inline-block;}
.infoForm .memberCols2 select.phone1, .infoForm .memberCols2 input.phone2, .infoForm .memberCols2 input.phone3{width: calc((100% - 118px - 26px) / 3);display: inline-block;}
.infoForm .memberCols2 input[type=button]{border: none;}
.infoForm .memberCols2 input#reg_mb_id,
.infoForm .memberCols2 input#reg_mb_email,
.infoForm .memberCols2 input#reg_mb_nick,
.infoForm .memberCols2 input#checknum,
.infoForm .memberCols2 input.wcalc {width: calc(100% - 118px);}
.infoForm .memberCols2.checknum{padding-bottom: 0;}

.infoForm .email_change_box{padding: 20px 25px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; display: none; margin-top: 10px; overflow: hidden;}
.infoForm .email_change_box.open{display: block;}

.infoForm .phone_change_box{padding: 20px 25px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; display: none; margin-top: 10px; overflow: hidden;}
.infoForm .phone_change_box.open{display: block;}

.infoForm .email_change_box .memberCols2.email,
.infoForm .phone_change_box .memberCols2.phone {padding-bottom: 0;}

.infoForm .email_change_box .memberCols2.email #reg_mb_email_check { display:none;}
.infoForm .email_change_box .memberCols2.email #reg_mb_email_check.on { display:block;}

.infoForm .memberCols2 input#dental_num1, .infoForm .memberCols2 input#lab_num1,
.infoForm .memberCols2 input#dental_num2, .infoForm .memberCols2 input#dental_num3, .infoForm .memberCols2 input#lab_num2, .infoForm .memberCols2 input#lab_num3{width: calc((100% - 35px) / 3); display: inline-block;}

.infoForm .memberCols2 span.hyphen{width: 13px; display: inline-block; text-align: center;}
.infoForm table tr:last-of-type .memberCols2{padding-bottom: 0;}
.infoForm table tr{background: transparent;}
.infoForm table td{padding: 0;}
.infoForm .mypage_id{pointer-events : none;}
/* .infoForm .phone1.disabled, .infoForm .phone2.disabled, .infoForm .phone3.disabled {pointer-events : none; background: #e3e3e3;} */
.infoForm .disabled {pointer-events: none !important;background: #e3e3e3 !important;}
.infoForm .phone_change_box .phone1, .infoForm .phone_change_box .phone2, .infoForm .phone_change_box .phone3{pointer-events : inherit; background: #fff;}

/* 버튼 */
.infoForm .join_form_btn{width: 110px; height: 45px; background: #666; color: #fff; float: right; cursor: pointer; font-size: .9em; margin-left:8px;}
.join_ok_btn {display:block; }

#req_checknum_btn, #checknum, #checknum_confirm {display:none;}
#checknum.on {display:inline-block; }
#req_checknum_btn.on, #checknum_confirm.on {display:block;}

#checkmail_wrap {display:none; }
#checkmail_wrap.on {display:table-row; }
#checknum_wrap {display:none; }
#checknum_wrap.on {display:table-row; }

@media (max-width: 900px){
	.infoForm{width: 100%;}
}

@media (max-width: 720px) {
	.infoForm .memberCols1{width: 95px;}
	.infoForm .memberCols2 {padding-bottom: 20px;}
	.infoForm .memberCols2 input#reg_mb_id,
	.infoForm .memberCols2 input#reg_mb_email,
	.infoForm .memberCols2 input#reg_mb_nick,
	.infoForm .memberCols2 input#checknum{width: calc(100% - 108px);}
	.infoForm .memberCols2 select.phone1, .infoForm .memberCols2 input.phone2, .infoForm .memberCols2 input.phone3{width: calc((100% - 134px) / 3);}
	.infoForm .memberCols2 input#checknum{width: calc(100% - 112px);}
	.infoForm .phone_change_box{padding: 15px;}

	/* 버튼 */
	.infoForm .join_form_btn{width: 100px; height: 42px;}
}

@media (max-width: 600px) {
	.infoForm .memberCols2 input{height: 45px; font-size: .9em;}
	.infoForm .required{font-size:12px;}
	.infoForm .memberCols2 input.w50{width: 100%;}
	.infoForm .memberCols2 select.phone1, .infoForm .memberCols2 input.phone2, .infoForm .memberCols2 input.phone3{width: calc((100% - 26px) / 3);margin-bottom: 15px;}
	.infoForm .memberCols2 input#checknum{width: 100%; margin-bottom: 10px; margin-top: 15px;}
	.infoForm .memberCols2 input#h_number1, .infoForm .memberCols2 input#h_number2, .infoForm .memberCols2 input#h_number3{height: 45px;}

	/* 버튼 */
	.infoForm .join_form_btn{width: 100%;height: 38px !important;line-height: 10px;float: none;margin-left: 0;}
}




/*
=========================================================================
231109 추가 css
=========================================================================
*/
/*
=========================================================================
치과 페이지 css
=========================================================================
*/
/*
=========================================================================
AI 기공의뢰서 aiorder_detail.php
=========================================================================
*/
.header_aiorder .cancel_btn{border: 1px solid rgb(231, 97, 80); color: rgb(231, 97, 80); border-radius: 5px; padding: 7px 20px;}
#dental_main .progress_status{background-image: none; cursor: inherit;}
#dental_main .progress_status.status1{background: #EEFFDD; color: #449f25;}
#dental_main .progress_status.status2{background: #E3FAF8; color: #1E8AD8;}
#dental_main .progress_status.status3{background: #f3f3f3; color: #666;}
#dental_main .progress_status.status4{background: #ffffff; color: #e76150;}
#dental_main #data_orderForm tr:has(.progress_status.status4) td{text-decoration:line-through;}
#dental_main #data_orderForm .orderCols9{text-decoration: none !important;}

@media (max-width: 1300px){
	.header_aiorder .cancel_btn{padding: 5px 10px;}
}
@media (max-width: 900px){
	.header_aiorder .cancel_btn{padding: 3px 10px;}
}
/*
=========================================================================
AI 기공의뢰서-주문취소 모달 modal_cancel.php
=========================================================================
*/
#modal_cancel{display: none;}
#modal_cancel .modal_box{width: 500px;}
#modal_cancel label {font-size: 1.1em; margin-bottom: 10px; display: block; font-weight: 500;}
#modal_cancel textarea{width: 100%; height: 100px; resize: none; border: 1px solid #ccc; border-radius: 10px; padding: 10px; box-sizing: border-box;}
#modal_cancel .cancelOkBtn{margin: 40px auto 0; display: block;}

@media (max-width: 720px){
	#modal_cancel .modal_box{width: 90%;}
	#modal_cancel .cancelOkBtn{margin: 20px auto 0;}
}
/*
=========================================================================
주문관리 order.php
=========================================================================
*/
#dental_order .progress_status{background-image: none; cursor: inherit;}
#dental_order .progress_status.status1{background: #EEFFDD; color: #449f25;}
#dental_order .progress_status.status2{background: #E3FAF8; color: #1E8AD8;}
#dental_order .progress_status.status3{background: #f3f3f3; color: #666;}
#dental_order .progress_status.status4{background: #ffffff; color: #e76150;}
#dental_order #data_orderForm tr:has(.progress_status.status4) td{text-decoration:line-through;}
#dental_order #data_orderForm .orderCols9{text-decoration: none !important;}

#match_ok .modal_inner{padding: 20px 30px;}

@media (max-width: 1300px){
	#match_ok .modal_inner{padding: 20px;}
}
@media (max-width: 720px){
	#match_ok .modal_inner{padding: 15px;}
}





/*
=========================================================================
231115 추가 css
=========================================================================
*/
/*
=========================================================================
비밀번호변경 모달 modal_pw_edit.php
=========================================================================
*/
#modal_pw_edit{display: none;}
#modal_pw_edit .modal_box{width: 500px;}
#modal_pw_edit input{width: 100%; height: 45px; border: 1px solid #ccc; border-radius: 5px; padding: 10px; box-sizing: border-box;}
#modal_pw_edit .savePwBtn{margin: 40px auto 0; display: block;}
#modal_pw_edit .required_info{color: #238C60; margin-top: 5px; font-size: .85em; text-align:left;}
#modal_pw_edit .savePwBtn{padding: 6px 10px; width: 120px; margin-top: 40px;  margin-bottom: 10px;}
#modal_pw_edit .pwEditCols1{text-align:left; vertical-align: text-top; font-weight: 500;}
#modal_pw_edit tr:first-of-type .pwEditCols2{padding: 0 0 30px;}
#modal_pw_edit tr:last-of-type .pwEditCols2{padding: 0;}
#modal_pw_edit table{border-bottom:none;}
#modal_pw_edit table tr{background:#fff;}

@media (max-width: 720px) {
	#modal_pw_edit .savePwBtn{margin-top: 30px; width: 100px;}
}
@media (max-width: 550px) {
	#modal_pw_edit .modal_box{width: 90%;}
	#modal_pw_edit .savePwBtn{margin-top: 30px; width: 100px;}
}


/*
=========================================================================
240109 추가 css
=========================================================================
*/
input[type="checkbox"], input[type="radio"]{accent-color:green;}
/* 메인 */
#main{font-family:'Noto Sans KR' !important;}
#main .login_tit{font-family:'Noto Sans KR';}
#main .mainSearchBtn{transform: translateY(3px);}

/* 회원가입 */
.infoForm .memberCols2.phone{display: flex; flex-wrap: wrap; align-items: center;}
/* .infoForm .memberCols2 select.phone1, .infoForm .memberCols2 input.phone2, .infoForm .memberCols2 input.phone3{width: calc((100% - 26px)/3); margin: 0;}*/
/* .infoForm #checknum_wrap{display: none;} */

@media (max-width: 600px) {
	.infoForm .memberCols2 input#reg_mb_id, .infoForm .memberCols2 input#reg_mb_email, .infoForm .memberCols2 input#reg_mb_nick{width: 100%; margin-bottom: 10px;}
}

/* 아이디비번 찾기 */
.new_win .new_win_con{margin: 0; min-height: 100vh; box-sizing: border-box;}
#find_info #mb_email{width: 100%; box-sizing: border-box;}
#find_info .win_btn button{background: var(--main-color);}

.required, textarea.required {
	background-image: url(../img/require_tag.png) !important;
}

/* 공지 */
.fa-trash-o{display: none; margin-right: 0;}

/* 검색박스 required 삭제 */
.searchBox .required{background-image:none !important; padding-right: 0 !important;}

/* 초기화버튼 */
.search_btn.reset_btn{
	background: #888 !important; margin-left: 5px;
}
.search_btn.reset_btn:hover {
	background: #777 !important;
}
/* AI기공주문 */
#ai_order .form-group.required{background-image:none !important; padding-right: 0 !important;}
#ai_order .aiorder_match input[type="radio"]{transform: scale(1.2);}
.aiorder_view #ai_input{pointer-events : none;}
.aiorder_view #ai_input.editable{pointer-events : inherit;}
.favoriteBtn{justify-content: left; font-size: .95em;}
.favoriteBtn li{margin-right: 15px;}
.favoriteBtn li:nth-of-type(4n){margin-right: 0;}
.ai_uploadBtnWrap #aiFile{width: calc(50% - 10px); box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px; padding: 20px;}
.ai_uploadBtnWrap .aiFile_btn{background: #777 !important; color: #fff; text-align: center; border-radius: 5px; padding: 5px; cursor: pointer;}
.ai_uploadBtnWrap.disabled .aiFile_btn {pointer-events: none;cursor: not-allowed;background: #ddd !important;color: #898989;}
.ai_cont .aiFileList {margin-bottom: 15px; overflow: auto;}
.ai_cont .aiFileList li{border-radius: 5px; border: 1px solid #ccc; padding: 2px 10px; margin-bottom: 3px;}
.ai_cont .aiFileList li:last-of-type{margin-bottom: 0;}
.ai_cont .aiFileList li .aiFileName::before{content: ''; display: inline-block; width: 15px; height: 15px; background: url(../img/content/icon_file.png) no-repeat center / 90%; margin-right: 0.5em;}
.aiFile_no{border-radius: 5px; border: 1px solid #ccc; }
.aiorder_view #aiFile{pointer-events : none; }
.aiorder_view #aiFile .boardTit{margin: 0;}
.aiorder_view .aiFile_inner{padding: 20px;}
.aiorder_view .aiFile_btn{background: #777 !important; color: #fff; text-align: center; border-radius: 5px; padding: 5px; cursor: pointer;}
.aiorder_view .aiFileList {margin-bottom: 15px; overflow: auto;}
.aiorder_view .ai_cont3{margin-bottom: 20px;}
#ai_order label.required::after{content: ''; display: inline-block; width: 5px; height: 5px; background: var(--new-color); border-radius: 50%; margin-left: 5px; vertical-align: top;}
#ai_order .required{background-image:none !important; padding-right: 0 !important;}
.aiFile_inner .icon_filebtn {width: 18px; height: 18px; background: url(../img/content/icon_filebtn_w.png) no-repeat center / 90%; display: inline-block; margin-right: 8px; transform: translateY(4px);}
.ai_uploadBtnWrap .icon_filebtn {background: url(../img/content/icon_filebtn_w.png) no-repeat center / 90% !important;}
.ai_uploadBtnWrap.disabled .icon_filebtn {background: url(../img/content/icon_filebtn_gray.png) no-repeat center / 90% !important;}
.ai_cont .aiFile_inner{padding: 0 !important;}

@media (max-width: 1300px) {
	.aiorder_view .aiR_cont1{margin-bottom: 30px !important;}
}
@media (max-width: 1000px) {
	
	.aiFile_no{padding: 10px !important;}
	.ai_uploadBtnWrap #aiFile{padding: 10px;}
	.aiorder_view .aiR_cont1{margin-bottom: 0 !important;}
	.aiorder_view .aiL_cont3{margin-bottom: 10px !important;}
}
@media (max-width: 550px) {
	.ai_uploadBtnWrap{flex-direction: column;}
	.ai_uploadBtnWrap #aiFile{width: 100%; margin-bottom: 15px;}
	.ai_uploadBtnWrap #aiFile:last-of-type{margin-bottom: 0;}
}
.pageination .num_wrap{justify-content: center;}
.pageination .num{margin: 0 5px;}

/* 회원정보 */
/* .infoForm .memberCols2 input#reg_mb_email, .infoForm .memberCols2 input#reg_mb_nick, .infoForm .memberCols2 input#reg_mb_id{width: 100%;}*/
.infoForm .phone1, .infoForm .phone2, .infoForm .phone3{background: #fff; pointer-events : inherit;}
.infoForm .memberCols1 {padding-top: 5px;}

/* 푸터 */
#footer .finfo .ftxt1{margin-bottom: 10px !important;}

/* 푸터-개인정보처리방침 모달 */
#modal_agree .modal_tit {height: 50px !important; line-height: 50px!important; font-size: 1.15em!important; background: #6c727a !important; border-top-left-radius: 0 !important; border-top-right-radius: 0!important;}

#modal_agree .fModal_box {border-radius: 10px !important;}
#modal_agree .modal_close {width: 20px !important; top:14px !important; background:none;}
#modal_agree span.icon_modal{width: 15px !important; height: 15px !important; transform: translateY(0) !important;}
#modal_agree .modal_inner {margin-top: 50px !important; }

@media (max-width: 720px) {
	#modal_agree span.icon_modal{width: 13px !important; height: 13px !important;}
	#modal_agree .modal_close {width: 17px !important; top:15px !important;}
	#modal_agree .modal_inner {height: calc(100% - 50px) !important;  box-sizing: border-box;}
}

/* 병원대시보드 - 제작상태 색상 수정 */
.progress_status.status1{background: #EEFFDD; color: #449f25;}
.progress_status.status2{background: #E3FAF8; color: #1E8AD8;}
.progress_status.status3{background: #f3f3f3; color: #666;}
.progress_status.status4{background: #fff; color: #e76150;}
div.progress_status{cursor: inherit;}

/* 정산관리-미정산내역-청구서 치식 수정 */
#charge_data .teethWrap{display: flex; flex-wrap: wrap; width: 320px; padding: 0.5em; margin: 0 auto;}
#charge_data .teethWrap ul{display: flex; width: 50%; box-sizing: border-box; justify-content: space-between; padding: 0.3em;}
#charge_data .teethWrap ul li{padding: 5px; color: var(--sub-color); font-weight: 500; visibility:hidden; width: 10px; height: 10px; line-height: 10px; background: transparent;}
#charge_data .teethWrap ul li.active{visibility: visible;;}
#charge_data .teethWrap ul:nth-of-type(1){border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#charge_data .teethWrap ul:nth-of-type(2){border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#charge_data .teethWrap ul:nth-of-type(3){border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
#charge_data .teethWrap ul:nth-of-type(4){border-left: 1px solid #ccc; border-top: 1px solid #ccc;}

/*
=========================================================================
240118 추가 css
=========================================================================
*/
/* AI기공주문 */
.ai_uploadBtnWrap .aiFile{width: calc(50% - 10px); box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px; padding: 20px;}
.scanChk{align-items: center;}
.scanChk input{width: 15px !important; height: 15px !important;}
.scanChk input+label{margin-bottom: 2px !important;}
#ai_prosthesis_detail .remake{align-items: center;}
#ai_prosthesis_detail .remake input{width: 15px; height: 15px;}

@media (max-width: 1000px) {
	.ai_uploadBtnWrap .aiFile{padding: 10px;}
}
@media (max-width: 550px) {
	.ai_uploadBtnWrap .aiFile{width: 100%; margin-bottom: 15px;}
	.aiorder_subInfo .icon_notice{width: 25px; height: 25px; margin-right: 5px; margin-top: 2px;}
	.aiorder_subInfo{padding: 10px 15px; margin-bottom: 30px;}
	#ai_prosthesis_detail .r_teeth>div{font-size: .9em; width: 20px; height: 20px; line-height: 20px;}
	.favoriteBtn li{width: calc((100% - 30px) / 4); margin-right: 10px;}
}

/*
=========================================================================
240202 추가 css
=========================================================================
*/
/* AI기공주문 팝업 */
.aiorder_match .icon_match{display: inline-block; width: 23px; height: 23px; background: url(../img/content/icon_match.png) no-repeat center / 90%; margin-right: 5px; transform: translateY(4px);}
.aiorder_match .match_list li{align-items: center; cursor: pointer;}
.aiorder_match .match_list li.select{border: 1px solid var(--main-color); background: #f7fff6;}
.match_img{width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 1px solid #ccc;}
.match_img img{width: 100%; height: auto;}
.match_list .match_info{margin-left: 20px;}
.match_list .match_info p{margin-left: 0;}
.ai_cont .aiFileList li .aiFileName::before{display: none;}
.aiorder_input .boardSubTit{color: var(--main-color); margin-bottom: 15px;}
.aiorder_input .changeBtn{border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin-left: 15px; padding: 2px 10px; font-size: .7em; color: #222; font-weight: 400; cursor: pointer;}

.aiorder_input .boardTitWrap{display: flex; justify-content: left; margin-bottom: 10px; align-items: center;}
.aiorder_input .boardBtn{display: flex; align-items: center; margin-left: 10px; transform: translateY(-2px);}
.aiorder_input .boardBtn li{display: flex; align-items: center; margin-right: 20px;}
.aiorder_input .boardBtn li input[type="radio"]{margin-right: 5px; width: 20px !important; height: 20px !important;}
.aiorder_input .boardBtn li p{display: block; white-space: nowrap;}
.aiorder_input .boardBtn label {margin-bottom:2px !important;}
.aiorder_input .directInput{display: none;}
.ai_uploadBtnWrap{margin-bottom: 0;}
.ai_uploadBtnWrap .aiFile{width: 100%; padding: 15px;}
.ai_uploadBtnWrap .aiFile_no{padding: 8px 15px !important;}
.aiorder_input .match_list li{align-items: center; border: 1px solid #ccc; border-radius: 10px; padding: 10px 25px; margin-bottom: 10px; display: flex; position: relative;}
.aiorder_input .match_list .match_tit {font-weight: 600; font-size: 1.05em; margin-bottom: 3px;}
.ai_cont{margin-bottom: 40px;}
.ai_cont4{margin-bottom: 0;}
.aiorder_input .scanChk{transform: translateY(-3px); margin-left: 10px; display: flex; align-items: center;}
#ai_prosthesis_detail .remake{margin-left: 20px;}
.aiorder_input textarea{width: 100%; height: 100px; padding: 10px; box-sizing: border-box; resize: none; border-radius: 5px; border: 1px solid #ccc;}
.aiProBottom .form-row:last-of-type{margin-bottom: 0 !important;}
#ai_prosthesis_detail .aiProTop{position: relative;}
#ai_prosthesis_detail .pro_delete{width: 17px; height: 17px; background: url(../img/common/icon_close.png) no-repeat center / 90%; position: absolute; top:50%; right:20px; cursor: pointer; transform: translateY(-50%);}
.nomatch_list{border: 1px solid #ccc; border-radius: 10px; padding: 40px 20px; margin-bottom: 10px; display: none; background: #fafafa; justify-content: center; align-items: center;}
.icon_notice_g{display: inline-block; background: url(../img/content/icon_notice_gray.png) no-repeat center / 90%; width: 22px; height: 22px; margin-right: 5px;}

#ai_order_modal{position: absolute; top:50vh; left: 50%; width: 80%; transform: translate(-50%, -50%); z-index: 510; border: 1px solid #ccc; border-radius: 20px; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1); display: none; overflow: hidden;}
#ai_order_modal .modal_head{position: fixed; top:0; left: 0; width: 100%; height: 50px; padding: 8px 40px; box-sizing: border-box; z-index: 10; border-bottom: 1px solid #ddd; background: #fff;}
#ai_order_modal .modal_head .sub_tit{font-size: 1.1em;}
#ai_order_modal .modal_head .modal_close{top:50%; transform: translateY(-50%);}
#ai_order_modal::-webkit-scrollbar {display: none;}
#ai_order_modal .modal_inner{padding: 80px 40px 50px; overflow: auto; max-height: calc(90vh - 50px); box-sizing: border-box;}
@media (max-width: 1300px){
	/* #ai_order_modal .modal_inner{padding: 25px 35px;}*/
}
@media (max-width: 720px){
	.match_img{width: 50px; height: 50px;}
	#ai_order_modal{width: 90%; border-radius: 10px;}
	#ai_order_modal .modal_inner{padding: 70px 15px 30px; max-height: calc(80vh - 50px);}
	.nomatch_list{padding: 30px 20px;}
	#ai_order_modal .modal_head .modal_close{width: 18px; height: 18px;}
	#ai_order_modal .modal_head{padding: 8px 20px;}
}
@media (max-width: 550px){
	.aiorder_input .boardTitWrap1{flex-direction: column; align-items: inherit;}
}

/* AI의뢰서 상세 팝업 */
.aiorder_view .boardTitWrap{display: flex; justify-content: left; margin-bottom: 10px; align-items: center;}
.aiorder_view .boardTitWrap.basicInfo>div{margin-right: 15px;}
.aiorder_view .boardTitWrap.basicInfo>div:last-of-type{margin-right: 0;}
.aiorder_view .boardTitWrap.basicInfo .hopeDate, .aiorder_view .boardTitWrap.basicInfo .cancelDate{transform: translateY(-4px); font-size: .9em;}
.aiorder_view .boardTitWrap.basicInfo .hopeDate{color: var(--main-color);}
.aiorder_view .boardTitWrap.basicInfo .hopeDate>span{font-weight: 600;}
.aiorder_view .boardTitWrap.basicInfo .cancelDate{color: #888;}
.aiorder_view  .form-group{display: flex; align-items: center;  margin-right: 0 !important;}
.aiorder_view  .form-group label{width: 90px; margin-bottom: 0 !important;}
.aiorder_view .form-control{padding: 0; line-height: 1.2;}
.aiorder_view #ai_input{pointer-events : inherit;}
.rowPro{flex-wrap: wrap; width: 100% !important;}
.rowPro label{text-align: left !important;}
.rowPro .form-group{width: 50% !important; margin-right: 0 !important; margin-bottom: 20px;}
.rowPro .form-group.scan{width: 100% !important;}
.proStatus{width: 20px; height: 20px; border-radius: 50%; display: inline-block; text-align: center; font-size: .75em; line-height: 20px; vertical-align: middle;}
.proStatus.yes{background: var(--main-color); color: #fff; border-radius: 50%;}
.proStatus.no{background: #aaa; color: #fff; border-radius: 50%;}
.rowPro .form-control{width: calc(50% - 80px);}
.aiorder_view #ai_file{border: 1px solid #ccc; border-radius: 10px; padding: 5px 10px;}
.aiorder_view .aiFileList{height: auto !important; font-size: .9em;}
.aiorder_view .aiFileList:last-of-type{margin-bottom: 0;}
/* .icon_file{width: 20px; height: 20px; background: url(../img/content/icon_file.png) no-repeat center / 90%; display: inline-block; margin-right: 8px; transform: translateY(2px);}*/
.fileView{border: 1px solid #777; border-radius: 3px; display: inline-block; margin-left: 10px; padding: 2px 8px; font-size: .8em; color: #fff; font-weight: 400; cursor: pointer; background: #777;}
.fileDown, .fileDelete, .fileWait{border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin-left: 10px; padding: 2px 8px; font-size: .8em; color: #222; font-weight: 400; cursor: pointer;}
#ai_memo textarea{background: #fff !important; pointer-events: inherit; height: 150px;}
.memoSave{border: 1px solid #ccc; border-radius: 3px; display: inline-block; margin-left: 15px; padding: 0 8px; font-size: .7em; color: #222; font-weight: 400; cursor: pointer;}
@media (max-width: 1500px){
	.aiorder_view .rowPro{width: 100% !important;}
}
@media (max-width: 1000px){
	.aiorder_view .aiRight {display: block;}
	.aiorder_view .aiR_cont1{display: none;}
	.aiorder_view .aiR_cont2{display: block; margin-top: 20px;}
}
@media (min-width: 1000px){
	.aiorder_view .aiLeft {display: block;}
	.aiorder_view .aiRight {display: block;}
	.aiorder_view .aiR_cont1{display: block;}
	.aiorder_view .aiR_cont2{display: block;}
}
@media (max-width: 550px) {	
	.aiorder_view .basicInfo{flex-wrap: wrap; align-items: inherit;}
	.aiorder_view .basicInfo .boardTit{width: 100%;}
}
/* AI의뢰서 상세 헤더 */
.subBtn button{padding: 4px 12px;border-radius: 5px; font-size: .9em;}
.subBtn .view_btn, .subBtn .print_btn{border: 1px solid #555 !important; color: #555 !important; background: #fff !important;}
.header_aiorder_view  .subBtn {margin-right: 10px !important;}
.header_aiorder_view .popup_close{position: absolute; top:10px; right:12px}
@media (max-width: 1000px) {
	.header_aiorder_view  .header_aiorder .subBtn button {padding: 3px 10px  !important;}
	.header_aiorder_view  .header_aiorder .subBtn {margin-right: 5px  !important;}
	.header_aiorder_view.hInner{flex-direction: column;}
	.header_aiorder_view.hInner>div{width: 100%;}
	#header .header_aiorder .logoWrap{margin-bottom: 5px;}
	.aiorder_view .contIn{padding: 140px 3% 60px;}
}
@media (max-width: 900px) {
	#header .header_aiorder .logoWrap {display: flex !important;}
	#header .header_aiorder .subBtn{transform: translateY(2px);}
	#header .header_aiorder .subBtn button{padding: 4px 10px !important;}
}
@media (max-width: 720px) {
	#header .header_aiorder .subBtn {font-size: .9em !important;}
	#header .header_aiorder .subBtn li{margin-right: 8px;}
	#header .header_aiorder .subBtn li:last-of-type{margin-right: 0;}
}
@media (max-width: 550px) {
	#header .header_aiorder .logo, #header .header_aiorder .hLine{display: none !important;}
	#header .subHeader {padding: 10px 3% 12px !important;}
	.aiorder_view .contIn{padding: 110px 3% 60px;}
}
/* AI의뢰서 상세 */
.proView .aiProCont_view>li{background: #fff; overflow: hidden; border: 1px solid #ccc; border-radius: 10px; margin-bottom: 15px;}
.proView .aiProCont_view>li:last-of-type{margin-bottom: 0;}
.proView .aiProTop{background: #789E85; padding: 5px 20px !important;}
.proView .aiProTop>div{color: #fff !important;}
.proView .teethWrap .teeth .r_teeth>div{visibility: hidden; cursor: inherit !important; pointer-events: none; width: auto !important; height: auto !important; line-height: inherit !important; font-size: .95em !important;}
.proView .teethWrap .teeth .r_teeth>div.active{visibility:visible; color: #333 !important; background: transparent !important; border: none !important; font-weight: 500;}
.aiorder_view .aiL_cont4{display: block;}
.aiorder_view .aiL_cont4 .aiFileList{padding: 5px 10px !important; border: none !important;}
.aiorder_view .icon_file{width: 18px; height: 18px;}
.aiorder_view .contIn{flex-wrap: wrap;}
.aiorder_view .aiLeft2{width: 100%; display: none;}
.aiorder_view .aiLeft2 .detailBtn{border: 1px solid #ccc; border-radius: 3px; padding: 2px 8px; font-size: .9em; color: #222; font-weight: 400; cursor: pointer; width: 30px; margin: 0 auto;}
.aiorder_view .aiLeft2 form .tableWrap{overflow: auto;}
.aiorder_view .aiLeft2 table{min-width: 500px;}
.aiorder_view .aiLeft2 table td{line-height: 1.5; padding: 12px 5px; font-size: .95em;}
.aiorder_view .aiLeft2  .sub_tit{background: #fffcf0;; border: 1px solid #ffe7c3; border-radius: 5px; padding: 15px 20px; margin-bottom: 40px; display: flex; color: #ee7a0d; font-weight: 500; line-height: 1.65;}
.aiorder_view .aiLeft2 .sub_tit .icon_notice{width: 26px; height: 26px; background: url(../img/content/icon_notice.png) no-repeat center / 80%; margin-right: 10px;}
.aiorder_detail_view .aiLeft{width: 100% !important;}
.aiorder_detail_view .contIn{padding: 100px 3% 60px !important;}
.rowPro .form-group.noPro_list{border: 1px solid #ccc; border-radius: 10px; padding: 40px 20px; margin-bottom: 10px; display: flex; background: #fafafa; justify-content: center; align-items: center; width: 100% !important;}

@media (max-width: 720px) {
	.aiorder_view .aiLeft2 .detailBtn{width: 25px; padding: 2px 5px;}
}
@media (max-width: 550px) {
	.aiorder_detail_view .contIn{padding: 80px 3% 60px !important;}
}
/* AI의뢰서 상세 수정 */
.aiorder_edit .ai_uploadBtnWrap{margin-bottom: 30px;}
.aiorder_edit .boardBtn.disabled {pointer-events: none;}
.aiorder_edit .boardBtn.disabled input[type="radio"]{accent-color:lightslategray; background: #eee; pointer-events: none;}
.aiorder_edit .ai_upload1.disabled .aiFile, .aiorder_edit .ai_upload2.disabled .aiFile{background: #f9f9f9;}
.aiorder_edit .aiFileList{background: #fff;}
.aiorder_edit .ai_upload1.disabled .aiFile_btn,
.aiorder_edit .ai_upload2.disabled .aiFile_btn {pointer-events: none; background: #ddd !important; color: #888 !important; border: none;}
.aiorder_edit .ai_upload1.disabled .icon_filebtn, .aiorder_edit .ai_upload2.disabled .icon_filebtn{background: url(../img/content/icon_filebtn_gray.png) no-repeat center / 90% !important;}
.aiorder_edit .aiFileList#doc{/* display: none; */ }
.aiorder_edit .aiFileList#file{/* display: none; */ }
.aiorder_input #hospitalNameInput, .aiorder_input #labNameInput, .aiorder_edit #hospitalNameInput, .aiorder_edit #labNameInput{pointer-events: none; background: #e3e3e3;}

@media (max-width: 1000px) {
	.aiorder_edit .contIn{padding: 140px 3% 60px;}
}
@media (max-width: 720px) {
	.aiorder_edit .contIn{padding: 130px 3% 50px;}
}
@media (max-width: 550px) {
	.aiorder_edit .contIn{padding: 110px 3% 50px;}
	.aiorder_edit .btn_style1{margin: 30px auto 0;}
}
/* 푸터 모바일 색상 오류 */
#footer a{color: #ddd;}

/* 240404 jamong 기공청구서 pdf출력할때 보철명 2줄까지만 표시. */
span.line2 {
	color:var(--main-color);
	/*
	display: -webkit-box;
	max-height: 2.8rem;
	line-height: 1.4rem;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	*/
}

/*
=========================================================================
240426 추가 css
=========================================================================
*/
/*
=========================================================================
메인
=========================================================================
*/
/* 탭 스타일 수정 */
.c3Tab{padding-bottom: 18px; border-bottom: 1px solid #eee; margin-bottom: 15px;}
@media (max-width: 720px) {
	.c3Tab{padding-bottom: 15px; margin-bottom: 12px;}
}
/* 입출고현황 제목 여백 수정 */
#data_ostatusForm .box2_date{margin-top: 5px;}

/* 메인-주문관리에 체크박스, 선택 원본출력 버튼 숨김처리 */
#lab_main .chkBox{display:none;}
#lab_main .subBtn{display: none;}
#lab_main .cols_chk{display: none;}


/*
=========================================================================
AI 기공주문 dental_common/aiorder_input2.php
=========================================================================
*/
#ai_order .ai_cont2 .form-group.w50{width: 50% !important;}
#ai_order .ai_cont2 .form-group.w25{width: calc((50% - 25px)/2) !important;}
#ai_order .ai_cont4 .boardSubTit{margin-bottom: 8px;}

@media (max-width: 720px) {
	#ai_order .ai_cont2 .form-group.w25{width: calc((50% - 10px)/2) !important;}
}
@media (max-width: 550px) {
	#ai_order .ai_cont2 .form-row{flex-wrap: wrap; margin-bottom: 0;}
	#ai_order .ai_cont2 .form-group{margin-bottom: 10px;}
	#ai_order .ai_cont2 .form-group.w50{width: 100% !important; margin-right: 0 !important;}
	#ai_order .ai_cont2 .form-group.w25{width: calc((100% - 10px)/2) !important;}
	#ai_order .ai_cont2 .form-group.w25:nth-of-type(2n){margin-right: 0 !important;}
	#ai_order .ai_cont2 .form-group.w25:has(#hospitalName2Input){margin-right: 10px !important;}
	.aiorder_input .boardBtn{margin-left: 0;}
	#ai_order .ai_cont4 .boardTitWrap{flex-direction: column; align-items: inherit;}
	.aiorder_input .boardSubTit{margin-bottom: 10px;}
	#ai_order .ai_cont4 .boardTit{margin-bottom: 0;}
}
/*
=========================================================================
AI의뢰서 상세 팝업창 dental_common/aiorder_view.php
=========================================================================
*/
#ai_order label{font-size: .95em; color: #555;}
.ai_order_table td, .ai_order_table th{padding: 5px 10px; border-top: 1px solid #ccc;}
.ai_order_table th{font-size: .95em; background: #f4faf6; color: var(--main-color); font-weight: 500; width: 20%;}
.ai_order_table td{background: #fff; width: 30%;}
.ai_c3_form{margin-bottom: 40px;}
.ai_c3_form .scan{margin-bottom: 20px;}
.aiorder_view .boardTitWrap{justify-content: space-between;}
.aiorder_view .ai_cont .form-group.scan{width: inherit !important;}
.aiorder_view .ai_cont .form-group.scan label{text-align: left !important; width: auto !important; margin-right: 10px;}
.aiorder_view .boardTit{margin-bottom: 0;}
.aiorder_view .boardTitWrap.basicInfo .hopeDate, .aiorder_view .boardTitWrap.basicInfo .cancelDate{transform: translateY(0);}
.ai_date{display: flex;}
.ai_date>div{margin-right: 10px;}
.ai_date>div:last-of-type{margin-right: 0;}
.aiorder_view .aiProContBox{border-radius: 0 !important; border: none !important; margin-bottom: 20px !important;}
.aiorder_view .aiProContBox .ai_order_table th{width: 10%;}
.aiorder_view .aiProContBox .ai_order_table td{width: 40%; padding: 5px 20px;}
.aiorder_view .aiProTop{border-radius: 5px; margin-bottom: 5px; font-size: 0.9em; line-height: 1.5; display: flex; justify-content: space-between;}
.aiorder_view .aiProTop .form-group.remake_cont{display: flex; width: inherit !important; font-size: 1.1em;}
.aiorder_view .ai_cont .form-group.remake_cont label{text-align: left !important; width: auto !important; margin-right: 10px; color: #fff !important;}
.aiorder_view .ai_cont3{margin-bottom: 40px;}
.aiorder_view .proStatus.yes{background: var(--new-color);}
.aiorder_view  .aiProContBox .proStatus.no{border: 1px solid #ccc}
.aiorder_view  .aiProContBox .proStatus.yes{border: 1px solid #ff9a7b;}
.aiorder_view .form-group.noPro_list{border: 1px solid #ccc; border-radius: 10px; padding: 40px 20px; margin-bottom: 10px; display: flex; background: #fafafa; justify-content: center; align-items: center; width: 100% !important; box-sizing: border-box;}

/*
=========================================================================
AI의뢰서 상세 팝업-출력 dental_common/aiorder_print.php
=========================================================================
*/
#ai_order_print { overflow-x: hidden;}
#ai_prosthesis{flex-direction: column;}
/*
=========================================================================
정산관리 - 발행승인 팝업창 dental_common/charge_approval.php
=========================================================================
*/
@media (max-width: 720px) {
	#frmPublishTotal .chargeTit{font-size: 1.4em;}
}
@media (max-width: 550px) {
	#frmPublishTotal .chargeTit{font-size: 1.2em;}
	.chargeDownload {width: 25px; height: 25px; right: calc(3% + 28px);}
	.popup_close {width: 18px !important; height: 18px !important;}
	.chargeInfoWrap{flex-wrap: wrap;}
	.chargeInfoWrap>div{width: 100% !important;}
	.chargeInfoWrap .chargeTxt{margin-bottom: 15px; padding: 10px 15px;}
	.chargeInfoWrap .labInfoBox .cols1{white-space: nowrap;}
	.charge_approval #data_publishTotalForm{flex-wrap: wrap;}
	.charge_approval .approvalInfo{width: 100%; display: flex; flex-direction: column; border-bottom: 1px solid #eee; padding-bottom: 5px;}
	.charge_approval .approvalInfo>div{flex-direction: row;}
	.charge_approval .approvalInfo>div>p:first-of-type{width: 100px;}
	.charge_approval .approvalInfo>div>p:last-of-type{text-align: right; width: calc(100% - 100px);}
	.chargeTable{width: 100%; margin-top: 5px;}
	.chargeTable .chargeCols1{text-align: left; padding-left: 0; width: 100px;}
}

/*
=========================================================================
보철물관리 dental_lab/manage_prosthesis.php
=========================================================================
*/
#data_prosthesisForm .eyes{background: url(../img/content/icon_check_active.png) no-repeat center / 90%; width: 23px; height: 23px;}
#data_prosthesisForm .eyes.active{background: url(../img/content/icon_check.png) no-repeat center / 90%;}
#data_prosthesisForm .star{width: 26px; height: 26px;}
#set_lab2 .set_tabWrap{display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #eee; margin-bottom: 15px;}
#set_lab2 .set_tabWrap .set_tab{display: flex;}
#set_lab2 .set_tabWrap .set_tab>li{border: 1px solid #ccc; border-radius: 32px; color: #aaa; background: #fff; height: 32px; line-height: 30px; box-sizing: border-box; margin-right: 13px; font-weight: 500; width: 120px; text-align: center; cursor: pointer;}
#set_lab2 .set_tabWrap .set_tab>li.active{background: var(--main-color); color: #fff; border: 1px solid var(--main-color);}
#set_lab2 .set_tabWrap .dentalSelect{width: 75px; height: 28px; border: 1px solid var(--main-color); color: var(--main-color); border-radius: 5px; font-size: .9em;}
#set_lab2 .set_tabWrap .dentalSelectName{color: var(--main-color); font-size: 1.2em; font-weight: 600; margin-right: 15px;}
#set_lab2 .printBtn{padding: 0 12px;border-radius: 5px; font-size: .9em;background: #777; border: 1px solid #777; color: #fff; height: 31px; line-height: 29px; box-sizing: border-box;}
#set_lab2 .set_tabTit{display: flex; align-items: center;}
#set_lab2 .set_dental{display: flex; align-items: center;}
#set_lab2 .set_dental::before{content: ''; width: 1px; height: 13px; background: var(--main-color); display: inline-block; margin: 0 15px 0 8px;}
#set_lab2 .subBtn li:last-of-type{margin-right: 0;}

#set_lab2 .set_dental .newIcon{display: block;width: auto;height: auto;padding: 2px 5px;background: var(--new-color);border-radius: 5px;font-size: 0.75em;color: #fff;text-align: center;line-height: 14px;margin-left: 5px;font-weight: 400;z-index: 10;}

@media (max-width: 1200px) {
	#set_lab2 .set_tabTit{flex-direction: column; align-items: inherit;}
	#set_lab2 .set_dental{margin-top: 15px;}
	#set_lab2 .set_dental::before{display: none;}
}
@media (max-width: 720px) {
	#set_lab2 .set_tabWrap{padding-bottom: 15px; margin-bottom: 12px;}
	#set_lab2 .set_tabWrap .set_tab>li{width: 110px; height: 30px; line-height: 28px;}
}
@media (max-width: 550px) {
	#set_lab2 .set_tabWrap .set_tab>li{width: 100px;}
}
/*
=========================================================================
보철물관리 - 치과선택 버튼 클릭시 팝업 dental_lab/popup_dental_select.php
=========================================================================
*/
#popup_dental_select .content{background: #fff;}
.match_list .match_info{width: calc(100% - 72px) !important;}

/*
=========================================================================
보철물관리 - 치과선택 버튼 클릭시 팝업 dental_lab/prosthesis_print.php
=========================================================================
*/
.printCont{background: #fff !important; width: 210mm; min-height: 297mm; font-size: 11pt; padding: 5mm 10mm; box-sizing: border-box;}
.printCont .contIn{padding: 0;}

.popup_printBtn{display: flex; justify-content: right; margin-bottom: 10px;}
.popup_printBtn .printDate{color: #888; font-size: .9em;}
.popup_printBtn .printBtn{padding: 0 12px; border-radius: 5px; font-size: .9em;background: #777; border: 1px solid #777; color: #fff; height: 31px; line-height: 29px; box-sizing: border-box;}
.print_guide{background: #fffcf0;; border: 1px solid #ffe7c3; border-radius: 5px; padding: 15px 20px; margin-bottom: 40px; display: flex; color: #ee7a0d; font-weight: 500; line-height: 1.65;}
.print_guide .icon_notice{width: 26px; height: 26px; background: url(../img/content/icon_notice.png) no-repeat center / 80%; margin-right: 10px;}
.printTit{text-align: center; color: #222; font-size: 1.5em; margin-bottom: 0 !important;}
.printSub{text-align: center; color: #666; font-size: 1.1em; font-weight: 500; margin-bottom: 20px;}
.printDate{text-align: right; color: #666; font-weight: 500; line-height: 1; }

.printCont table td{padding: 10px 5px;}
#prosthesis_print .printCont table .cols1{width: 10%;}
#prosthesis_print .printCont table .cols2,.printCont table .cols3, .printCont table .cols4{width: 30%;}

/* 프린트 설정 */
@media print {
	html, body {/*width: 210mm; height: 297mm; */}
	.printCont {margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always;}
	.printBtn{display: none;}
	.print_guide{display: none;}
}

@page {
	size: A4;
	page-break-after: always;
}

/*
=========================================================================
마이페이지 dental_common/mypage.php
=========================================================================
*/
#lab_mypage .bank_info .memberCols2>div{margin-bottom: 10px;}
#lab_mypage .bank_info .memberCols2>div:first-of-type{margin-top: 5px;}
#lab_mypage .bank_info .memberCols2>div label{display: block; margin-bottom: 5px; font-weight: 500; color: #666; font-size: .95em;}
#lab_mypage small.required{color: var(--main-color); background-image: none !important; border: 1px solid var(--main-color); border-radius: 30px; text-align: center; padding: 0 3px !important; font-size: .8em; display: block; width: 50px; box-sizing: border-box; line-height: 1.5;}


/* 청구서관리-청구금액 색상 변경 */
.text-blue {color: var(--main-color); font-weight: 500;}

/* 청구서관리-기공청구서 치식 수정 */
#charge_data .teethWrap{font-size: .9em; }
#charge_data .teethWrap ul li{width: 18px; padding: 5px 0; text-align: center;}

/* 주문관리-선택 원본 출력 */
.each_page {padding: 1%;box-sizing: border-box; /*width: 50%; display: inline-block;float: left;*/}
.each_page:nth-child(odd) { clear:both}
.each_page img { max-width: 100%;/* height:100%; */}