From 5ee2df2a05ed5cdf0941f2098fca015cc768f8c9 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Wed, 3 Apr 2024 11:01:09 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B8=EB=9D=BC=EC=9D=B8css=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp       | 11 +++++------
 .../resources/css/fims/cmmn/xit-core-extend.css       |  7 +++++++
 src/main/webapp/resources/html/fileUpload.html        |  2 +-
 .../resources/js/fims/bootstrap-datepicker-support.js |  4 ++--
 src/main/webapp/resources/js/fims/crdn/inspection.js  |  6 +++---
 5 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
index 4847738f..639d78a7 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/photo-main.jsp
@@ -26,8 +26,7 @@
 		</div>
 	</div>
 
-	<div id="displayForExist--${pageName}"
-	style="border-style: solid;">
+	<div id="displayForExist--${pageName}" class="border-default">
 		<ul id="dragAndDrop--${pageName}" class="oy-scroll d-flex flex-wrap mh-px-650">
 		</ul>
 	</div>
@@ -53,11 +52,11 @@
 </template>
 
 <template id="imgRadioTemplateTotalInfo--${pageName}">
-	<li style="display:flex">
-		<label class="mx-1" style="display:flex;flex-direction:row">
+	<li class="d-flex">
+		<label class="mx-1 d-flex flex-row">
 			<input type="radio" name="{name}" class="form-check-input" value="{value}" checked="" />
-			<div style="position:relative;">
-				<img src="{src}" width="240" height="160" style="display:absolute;"
+			<div class="position-relative">
+				<img src="{src}" width="240" height="160"
 					data-crdn-photo-id="{crdnPhotoId}"
 					data-mosaic="{mosaic}"
 					onload='fn_photoMask($("#photoMask--top").is(":checked"),this);' />
diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
index 848d78e3..9409d717 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
@@ -658,6 +658,13 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	min-width: 300px;
 }
 
+.mw-px-250 {
+	max-width: 250px;
+}
+
+.mw-px-300 {
+	max-width: 300px;
+}
 
 .mw-px-1200 {
 	max-width: 1200px;
diff --git a/src/main/webapp/resources/html/fileUpload.html b/src/main/webapp/resources/html/fileUpload.html
index bf32e831..6a9f7093 100644
--- a/src/main/webapp/resources/html/fileUpload.html
+++ b/src/main/webapp/resources/html/fileUpload.html
@@ -71,7 +71,7 @@
 		    
 		    	<form name="form2" id="form2">
 					<label class="required">처리 업무</label>
-					<select id="selectJob" name="selectJob" class="form-select" style="max-width:300px!important;">
+					<select id="selectJob" name="selectJob" class="form-select mw-px-300">
 						<option value="">선택하세요.</option>
 						<option value="01">차세대세외수입 고지서 pdf 정보 추출</option>
 					</select>
diff --git a/src/main/webapp/resources/js/fims/bootstrap-datepicker-support.js b/src/main/webapp/resources/js/fims/bootstrap-datepicker-support.js
index 6af0fcca..92d28c73 100644
--- a/src/main/webapp/resources/js/fims/bootstrap-datepicker-support.js
+++ b/src/main/webapp/resources/js/fims/bootstrap-datepicker-support.js
@@ -71,8 +71,8 @@ $.fn.datepicker.addKo = function(){
 	this.DPGlobal.footTemplate = '<tfoot>'+
 									'<tr>'+
 										'<th colspan="7">'+
-											'<button type="button" class="today" style="float:left;margin-right:3px;border: black solid 1px;border-radius: 5px;"></button>'+
-											'<button type="button" class="clear" style="float:left;margin-right:3px;border: black solid 1px;border-radius: 5px;"></button>'+
+											'<button type="button" class="today float-start me-1 border-default rounded-2"></button>'+
+											'<button type="button" class="clear float-start me-1 border-default rounded-2"></button>'+
 										'</th>'+
 									'</tr>'+
 								'</tfoot>';
diff --git a/src/main/webapp/resources/js/fims/crdn/inspection.js b/src/main/webapp/resources/js/fims/crdn/inspection.js
index 692a9f51..337e43d7 100644
--- a/src/main/webapp/resources/js/fims/crdn/inspection.js
+++ b/src/main/webapp/resources/js/fims/crdn/inspection.js
@@ -1,8 +1,8 @@
 function fnMakeImgTagForInspection(url, title, crdnPhotoId, mosaic) {
 	
-	return `<div style="display:flex;min-width:300px;">
-	<div style="position:relative">
-	<img src="${url}" alt="${title}" height="150" style="position:absolute;" 
+	return `<div class="d-flex min-w-px-300">
+	<div class="position-relative">
+	<img src="${url}" alt="${title}" height="150" class="position-absolute" 
 	data-crdn-photo-id=${crdnPhotoId} 
 	data-mosaic="${mosaic}" 
 	onload="fn_photoMask($('#photoMask--top').is(':checked'),this);" />