@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; }
.searchRow label{ font-weight: 500; margin-right: 10px; }
.searchRow input,.searchRow select{ border: 1px solid #ccc; border-radius: 5px; padding: 8px 10px; box-sizing: border-box; height: 42px; min-width: 70px; margin-right: 5px; }
.searchRow 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.group_table .tr_parent { border-top: 1px solid #ddd; }
table.group_table .tr_parent:first-of-type { border-top: 0; }

/* 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; }
	.searchRow .searchCont{ margin: 8px 20px 8px 0; }
	.searchRow label{ margin-right: 6px; }
	.searchRow input,.searchRow select{ height: 38px; }
	.search_btn{ height: 38px; line-height: 26px; margin-top: 8px; }
}
@media (max-width:720px){
	.mnone{ display: none; }
	.searchRow input,.searchRow select{ padding: 7px; height: 34px; }
	.searchRow .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; }
	.searchRow input{ max-width: 150px; }
}

/* 페이징 */
.page{ text-align: center; margin-top: 50px; width: 100%; }
.pagination{ display: flex; justify-content: center; font-size: .9em; }
.pagination .arrow,.pagination .num{ text-align: center; color: #555; width: 27px; height: 27px; margin-right: 18px; cursor: pointer; line-height: 26px; padding: 2px; border-radius: 50%; }
.pagination>li:last-of-type{ margin-right: 0; }
.pagination .num_wrap{ display: flex; }
.pagination .num.active{ background: var(--main-color); color: #fff; }
.pagination .arrow{ font-size: .8em; line-height: 24px; }
.pagination li.first,.pagination li.arrow_right{ margin-right: 10px; }
@media (max-width:1300px){
	.page{ margin-top: 30px; }
	.pagination .arrow,.pagination .num{ width: 20px; height: 20px; margin-right: 12px; line-height: 19px; }
}
@media (max-width:600px){
	.pagination .arrow,.pagination .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; }
.subTitWrap + form { margin-top: -15px; margin-bottom: 20px; }
@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% - 26px) / 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% - 26px) / 3); display: inline-block; }
#search_idpw span.hyphen{ width: 13px; display: inline-block; text-align: center; }
#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; height: 50px; line-height: 50px; padding: 0; }
.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 { max-height: 64%; overflow-y: auto; }
@media (max-width:1300px){
	#setting_page #hospital_list { max-height: 62%; }
}
@media (max-width:900px){
	#setting_page #hospital_list { max-height: 34%; }
}
@media (max-width:550px){
	#setting_page #hospital_list { max-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 모바일 하단 240801 합침 ----*/
@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{ 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); height: auto; overflow: auto; float: none; }
	#setting_page .setting_right .lab_list_none{ height: 150px; line-height: 150px; }
	#setting_page .setting_right .lab_r_list{ height: 150px; overflow: auto; padding: 0; }
	#setting_page .setting_right .lab_r_list li{ padding: 10px 20px; margin-bottom: 10px; }
	#setting_page .setting_right .lab_check{ width: 18px; margin-right: 15px; margin-top: 24px; }
	#setting_page .setting_right .lab_tit{ margin-bottom: 2px; font-size: 1em; }
	#setting_page .setting_right .lab_txt{ margin-bottom: 3px; }
	#setting_page .setting_right .btn_style1{ margin: 30px auto 0; }
}
@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_right .lab_list_none{ height: 120px; line-height: 120px; }
	#setting_page .setting_right .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: start; }
.noticeList>li{ display: flex; justify-content: space-between; margin-top: 8px; }
.noticeList>li:first-of-type { margin-top: 0; }
.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,.board_subject .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; }
.board_subject .newIcon { transform: translateY(-3px); }
.noticeList .new .newIcon,.board_subject.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: start; }
.talkList>li{ display: flex; justify-content: space-between; width: calc(50% - 30px); margin-top: 17px; }
.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; }
.talkList>li:nth-of-type(1),.talkList>li:nth-of-type(4) { margin-top: 0px; }
.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; align-items: center; }
.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; min-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; display: none; margin-left: 5px; box-sizing: border-box; }
.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; white-space: nowrap; }
@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; }
}

/* 주문관리 */
#form_aiorder_list .cols3{ white-space: initial; min-width: 55px; }
#form_aiorder_list .cols4{ white-space: initial; min-width: 90px; }
#form_aiorder_list .icon_remake{ width: 22px; height: 22px; background: url(/img/content/icon_remake.png) no-repeat center / 95%; margin: 0 auto; }
#form_aiorder_list .icon_remake.active{ background: url(/img/content/icon_remake_active.png) no-repeat center / 95%; }
#form_aiorder_list .d-day{ font-weight: 600; }
#form_aiorder_list .d-day.zero{ color: var(--new-color); }
#form_aiorder_list 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; background-color: #ddd; }
.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){
	#form_aiorder_list input.order_date{ width: 95px; }
	#form_aiorder_list .icon_remake{ width: 18px; height: 18px; }
	.progress_status{ width: 100px; height: 33px; }
	#form_aiorder_list{ overflow: auto; }
	.icon_aiFile{ width: 30px; height: 30px; }
}
@media (max-width:720px){
	#form_aiorder_list .cols2,#form_aiorder_list .cols5,#form_aiorder_list .cols6,#form_aiorder_list .cols7,#form_aiorder_list .cols8{ display: none; }
	#form_aiorder_list .icon_remake{ width: 16px; height: 16px; }
	#form_aiorder_list input.order_date{ width: 90px; }
	.progress_status{ width: 90px; height: 30px; }
}

/* 입출고 현황 */
.c3Tab_cont .box2{ display: none; }
#form_aiorder_status_list .box2_date{ margin-bottom: 30px; display: flex; }
#form_aiorder_status_list .arrow{ width: 10px; height: 20px; cursor: pointer; }
#form_aiorder_status_list .arrow_pre{ background: url(/img/common/arrow_pre.png) no-repeat center / 95%; }
#form_aiorder_status_list .arrow_next{ background: url(/img/common/arrow_next.png) no-repeat center / 95%; }
#form_aiorder_status_list #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; }
#form_aiorder_status_list th{ padding: 8px 10px; }
#form_aiorder_status_list table th:first-of-type{ border-right: 1px solid #86b898; }
#form_aiorder_status_list td{ padding: 18.5px 10px; width: calc((100% - 25%) / 4); }
#form_aiorder_status_list .osCols2{ padding-left: 20px; }
#form_aiorder_status_list td.osCols1{ background: #fbfff9; width: 25%; font-weight: 500; border-right: 1px solid #d4ebcc; }
#form_aiorder_status_list tr.active{ background: #fbfff9; color: var(--main-color); font-weight: 600; border: 1px solid var(--main-color); }
#form_aiorder_status_list tr.active td.osCols1{ background: #e9fae5; font-weight: 600; }
#form_aiorder_status_list tr:nth-of-type(2n) td.osCols1{ background: #f5fcf2; }
@media (max-width:1300px){
	#form_aiorder_status_list #Ostatus_date{ width: 125px; }
}
@media (max-width:1000px){
	#form_aiorder_status_list #Ostatus_date{ width: 120px; }
	#form_aiorder_status_list 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>*{ 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>*.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>*{ 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>*{ background: #f5f5f5; }
.aiorder_view .r_teeth>*.active{ background: var(--main-color) !important; color: #fff; }
.aiorder_view .plusBtn{ display: none; }
.aiorder_view .hide { display: none !important; }

/*
=========================================================================
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
=========================================================================
*/
.form_board .boardCols{ text-align: left; padding: 20px !important; }
.form_board .notice_modal_btn{ display: flex; justify-content: right; }
.form_board table tr{ background: #fff; }
.form_board .boardCols1{ background: #789E85; color: #fff; width: 15%; min-width: 80px; }
.form_board .boardCols2{ text-align: left; padding: 0 20px; }
.form_board tr{ border-bottom: 1px solid #ccc; }
.form_board tr:first-of-type{ border-top: 1px solid #ccc; }
.form_board input,.form_board select{ padding: 5px 10px; width: 100%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px; }
.form_board select{ width: 30%; min-width: 150px; }
.form_board 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){
	.form_board .boardCols2{ padding: 0 10px; }
	.form_board .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%; }
#form_pay_update{ overflow: auto; }
#form_pay_update input{ text-align: center; width: 100%; border: none; background: none; pointer-events : none; }
#form_pay_update.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_bils{ padding: 2px 10px; border-radius: 5px; min-width: 70px; margin: 0 auto; font-size: .95em; cursor: pointer; }
.charge_bils1{ background: #E3FAF8; color: #1E8AD8; border: 1px solid #abd4f1; }
.charge_bils2{ background: #EEFFDD; color: #449f25; border: 1px solid #a0df8b; }
.charge_bils3{ background: #bbbbbb; color: #f3f3f3; border: 1px solid #888888; }
.charge_bils4{ 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_bils{ min-width: 50px; }
}

/*
=========================================================================
청구서발행 charge_publish.php
=========================================================================
*/
#form_publish_create{ 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; }
}

/*
=========================================================================
환경설정
=========================================================================
*/
/* 거래처관리 */
/* 보철물관리 */
#form_prosthesis_update{ overflow: auto; }
#form_prosthesis_update .cols1,#form_prosthesis_update .cols2{ width: 8%; }
#form_prosthesis_update .cols6,#form_prosthesis_update .cols7{ width: 13%; }
#form_prosthesis_update .eyes{ width: 26px; height: 26px; background: url(/img/content/icon_eyes.png) no-repeat center / 90%; cursor: pointer; margin: 0 auto; }
#form_prosthesis_update .eyes.active{ background: url(/img/content/icon_eyes_active.png) no-repeat center / 90%; }
#form_prosthesis_update .star{ width: 28px; height: 28px; background: url(/img/content/icon_star.png) no-repeat center / 90%; cursor: pointer; margin: 0 auto; }
#form_prosthesis_update .star.active{ background: url(/img/content/icon_star_active.png) no-repeat center / 90%; }
#form_prosthesis_update 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; }
#form_staff_list{ position: relative; overflow: auto; }
#form_staff_list .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; }
	#form_staff_list .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){
	#form_prosthesis_update .eyes{ width: 23px; height: 23px; }
	#form_prosthesis_update .star{ width: 25px; height: 25px; }
}
@media (max-width:720px){
	#form_prosthesis_update .eyes{ width: 20px; height: 20px; }
	#form_prosthesis_update .star{ width: 22px; height: 22px; }
}

/*
=========================================================================
덴탈톡 팝업 dentaltalk.php
=========================================================================
*/
#dentalTalk_main{ background: #f5f5f5; min-height: 100vh; }
#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; clear: both; }
.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#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#busi_num1,.infoForm .memberCols2 input#lab_num1,.infoForm .memberCols2 input#busi_num2,.infoForm .memberCols2 input#busi_num3,.infoForm .memberCols2 input#lab_num2,.infoForm .memberCols2 input#lab_num3{ width: calc((100% - 34px) / 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; }
div#checknum_wrap.on { display: block; margin-top: 10px; }
tr#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#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.ords1{ background: #EEFFDD; color: #449f25; }
#dental_main .progress_status.ords2{ background: #E3FAF8; color: #1E8AD8; }
#dental_main .progress_status.ords3{ background: #f3f3f3; color: #666; }
#dental_main .progress_status.ords4{ background: #ffffff; color: #e76150; }
#dental_main #form_aiorder_list tr:has(.progress_status.ords4) td{ text-decoration: line-through; }
#dental_main #form_aiorder_list .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.ords1{ background: #EEFFDD; color: #449f25; }
#dental_order .progress_status.ords2{ background: #E3FAF8; color: #1E8AD8; }
#dental_order .progress_status.ords3{ background: #f3f3f3; color: #666; }
#dental_order .progress_status.ords4{ background: #ffffff; color: #e76150; }
#dental_order #form_aiorder_list tr:has(.progress_status.ords4) td{ text-decoration: line-through; }
#dental_order #form_aiorder_list .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#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 삭제 */
.searchRow .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; }
}
.pagination .num_wrap{ justify-content: center; }
.pagination .num{ margin: 0 5px; }

/* 회원정보 */
/* .infoForm .memberCols2 input#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.ords1{ background: #EEFFDD; color: #449f25; }
.progress_status.ords2{ background: #E3FAF8; color: #1E8AD8; }
.progress_status.ords3{ background: #f3f3f3; color: #666; }
.progress_status.ords4{ background: #fff; color: #e76150; }
div.progress_status{ cursor: inherit; text-align: center; }

/* 정산관리-미정산내역-청구서 치식 수정 */
#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>*{ 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{ margin-top: 20px; 
/*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%); text-indent: -9999px; }
.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 li{ margin-bottom: 0.5rem; }
.aiorder_view .aiFileList li: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>*{ 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>*.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; }
}

/* 입출고현황 제목 여백 수정 */
#form_aiorder_status_list .box2_date{ margin-top: 5px; }

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

/*
=========================================================================
AI 기공주문 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의뢰서 상세 팝업창 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의뢰서 상세 팝업-출력 aiorder_print.php
=========================================================================
*/
#ai_order_print { overflow-x: hidden; }
#ai_prosthesis{ flex-direction: column; }

/*
=========================================================================
정산관리 - 발행승인 팝업창 charge_approval.php
=========================================================================
*/
@media (max-width:720px) {
	#form_bill_detail .chargeTit{ font-size: 1.4em; }
}
@media (max-width:550px) {
	#form_bill_detail .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
=========================================================================
*/
#form_prosthesis_update .eyes{ background: url(/img/content/icon_check.png) no-repeat center / 90%; width: 23px; height: 23px; }
#form_prosthesis_update .eyes.active{ background: url(/img/content/icon_check_active.png) no-repeat center / 90%; }
#form_prosthesis_update .star{ width: 26px; height: 26px; }
.set_tabWrap{ display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.set_tabWrap .set_tab{ display: flex; }
.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_tabWrap .set_tab>li.active{ background: var(--main-color); color: #fff; border: 1px solid var(--main-color); }
.set_tabWrap .dentalSelect{ width: 75px; height: 28px; border: 1px solid var(--main-color); color: var(--main-color); border-radius: 5px; font-size: .9em; }
.set_tabWrap .dentalSelectName{ color: var(--main-color); font-size: 1.2em; font-weight: 600; margin-right: 15px; }
.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_tabWrap{ padding-bottom: 15px; margin-bottom: 12px; }
	.set_tabWrap .set_tab>li{ width: 110px; height: 30px; line-height: 28px; }
}
@media (max-width:550px) {
	.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; }
.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; }

/*
=========================================================================
마이페이지 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; }
form 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; }
form small.required.changed{ color: var(--new-color); border-color: var(--new-color); }

/* 청구서관리-청구금액 색상 변경 */
.text-blue { color: var(--main-color); font-weight: 500; }
.text-orange { color: var(--new-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%; */}