From 725b1087089bd6ee58c7053e9187eb4f1ed0be31 Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Fri, 19 Jul 2024 11:18:41 +0900
Subject: [PATCH] =?UTF-8?q?2024/07/19=20=EC=A3=BC=EC=86=8C=EB=A1=9D?=
 =?UTF-8?q?=EA=B4=80=EB=A6=AC=20>=20=EC=A3=BC=EC=86=8C=EB=A1=9D=20?=
 =?UTF-8?q?=EB=8C=80=EB=9F=89=EB=93=B1=EB=A1=9D=20select=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/publish/adrbook1.html      | 136 +++++++++++++++++----
 src/main/webapp/publish/css/popupLayer.css |   9 +-
 2 files changed, 120 insertions(+), 25 deletions(-)

diff --git a/src/main/webapp/publish/adrbook1.html b/src/main/webapp/publish/adrbook1.html
index 0c9f6484..7696a284 100644
--- a/src/main/webapp/publish/adrbook1.html
+++ b/src/main/webapp/publish/adrbook1.html
@@ -99,61 +99,153 @@
                     <!-- table -->
                     <div class="adr_excel">
                         <!-- thead -->
+                        <div class="adr_hd select_adr_hd">
+                            <div></div>
+                            <div>
+                            	<label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">선택하기</option>
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                            <div>
+                                <label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">선택하기</option>
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                            <div>
+                                <label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                            <div>
+                                <label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">선택하기</option>
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                            <div>
+                                <label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">선택하기</option>
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                            <div>
+                                <label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">선택하기</option>
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                            <div>
+                                <label for="" class="label"></label>
+								<select name="" id="">
+									<option value="">선택하기</option>
+									<option value="">이름</option>
+									<option value="">휴대폰</option>
+									<option value="">[*1*]</option>
+									<option value="">[*2*]</option>
+									<option value="">[*3*]</option>
+									<option value="">[*4*]</option>
+									<option value="">메모</option>
+								</select>
+                            </div>
+                        </div>
                         <div class="adr_hd">
                             <div>
                                 <label for="" class="label">전체 선택</label>
                                 <input type="checkbox">
                             </div>
                             <div>
-                                구분
+								A
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                이름
+                                B
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                휴대폰
+                                C
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*1*]
+                                D
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*2*]
+                                E
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*3*]
+                                F
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
                             <div>
-                                [*4*]
+                                G
                                 <div class="sort_wrap">
                                     <button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
                                     <button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
                                 </div>
                             </div>
-                            <div>메모</div>
                         </div>
                         <!-- tbody -->
                         <div class="adr_bd_wrap">
@@ -169,7 +261,6 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
                             </div>
                             <div class="adr_bd error">
                                 <div>
@@ -183,7 +274,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -197,7 +288,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -211,7 +302,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -225,7 +316,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -239,7 +330,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -253,7 +344,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -267,7 +358,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -281,7 +372,6 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -295,7 +385,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                             <div class="adr_bd">
                                 <div>
@@ -309,7 +399,7 @@
                                 <div>변수2</div>
                                 <div>변수3</div>
                                 <div>변수4</div>
-                                <div>메모1</div>
+                                
                             </div>
                         </div>
                     </div>
@@ -590,10 +680,10 @@
                         <li class="page_last"><button><img src="/publish/images/content/page_last.png"alt=""></button></li>
                     </ul><!-- pagination -->
                 </div><!--// 붙여넣기 -->
-            </div>
-            <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
-                <button type="button">등록</button>
-                <button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
+                <div class="popup_btn_wrap2" style="margin:30px auto 30px auto;padding:0 0 30px 0;">
+	                <button type="button">등록</button>
+	                <button type="button" class="tooltip-close" data-focus="adr_popup01-close"  data-focus-next="popup02">닫기</button>                      
+	            </div>
             </div>
 		</div>
 	</div><!--// 주소록 대량등록 팝업 -->
diff --git a/src/main/webapp/publish/css/popupLayer.css b/src/main/webapp/publish/css/popupLayer.css
index a5ad30a0..232568f0 100644
--- a/src/main/webapp/publish/css/popupLayer.css
+++ b/src/main/webapp/publish/css/popupLayer.css
@@ -83,7 +83,7 @@
 .adr_excel .sort_wrap button:nth-child(2) img {margin-left: -3px;}
 
 /* 주소록 대량등록 colgruop */
-.adr_excel .adr_hd>div:nth-child(1), .adr_excel .adr_bd>div:nth-child(1) {width: 40px;}
+/* .adr_excel .adr_hd>div:nth-child(1), .adr_excel .adr_bd>div:nth-child(1) {width: 40px;}
 .adr_excel .adr_hd>div:nth-child(2), .adr_excel .adr_bd>div:nth-child(2) {width: 9%;}
 .adr_excel .adr_hd>div:nth-child(3), .adr_excel .adr_bd>div:nth-child(3) {width: 10%;}
 .adr_excel .adr_hd>div:nth-child(4), .adr_excel .adr_bd>div:nth-child(4) {width: 19%;}
@@ -91,7 +91,12 @@
 .adr_excel .adr_hd>div:nth-child(6), .adr_excel .adr_bd>div:nth-child(6) {width: 12%;}
 .adr_excel .adr_hd>div:nth-child(7), .adr_excel .adr_bd>div:nth-child(7) {width: 12%;}
 .adr_excel .adr_hd>div:nth-child(8), .adr_excel .adr_bd>div:nth-child(8) {width: 12%;}
-.adr_excel .adr_hd>div:nth-child(9), .adr_excel .adr_bd>div:nth-child(9) {width: 10%;}
+.adr_excel .adr_hd>div:nth-child(9), .adr_excel .adr_bd>div:nth-child(9) {width: 10%;} */
+.adr_excel .adr_hd>div,.adr_excel .adr_bd>div{width:calc((100% - 40px)/7);}
+.adr_excel .adr_hd>div:nth-child(1),.adr_excel .adr_bd>div:nth-child(1){width:40px;}
+.adr_excel .adr_hd.select_adr_hd{background:#e0e0e0;}
+.adr_excel .adr_hd>div select{width:calc(100% - 8px);height:36px;background:transparent url(/publish/images/select_search.png) no-repeat 90% 15px;background-size:9%;margin:-8px 0 0 0;border:0;text-align:center;line-height:1.3;}
+.adr_excel .adr_hd>div:last-child::after{display:none;}
 
 /* 붙여넣기 colgroup */
 .excel_paste .adr_hd>div:nth-child(1), .excel_paste .adr_bd>div:nth-child(1) {width: 40px;}