Implement share functionality and UI updates: Add share button to various pages, create share popup with URL input, and enhance CSS styles for better layout and responsiveness. Update JavaScript for clipboard functionality and navigator share API support.

kr/assets/css/popup.css

@@ -39,7 +39,7 @@
   width: 8px;
 }
 .popupWarp .popInner .termsCon::-webkit-scrollbar-thumb {
-  background-color: #DEDEDE;
+  background-color: #dedede;
   border-radius: 10px;
   background-clip: padding-box;
   border: 2px solid transparent;
@@ -127,8 +127,8 @@
   font-size: 1.4rem;
   line-height: 2.2rem;
   color: #676767;
-  border-top: 1px solid #DEDEDE;
-  border-bottom: 1px solid #DEDEDE;
+  border-top: 1px solid #dedede;
+  border-bottom: 1px solid #dedede;
 }
 .popupWarp .marketingAgree.popInner .towButton {
   width: 100%;
@@ -197,7 +197,7 @@
 .popupWarp .inquiryCaseEtc .inquiryCaseEtcCon .linkBox {
   margin-top: 2rem;
   padding: 2.8rem;
-  background-color: #F3F3F3;
+  background-color: #f3f3f3;
   text-align: center;
 }
 .popupWarp .inquiryCaseEtc .inquiryCaseEtcCon .linkBox a {
@@ -224,6 +224,19 @@
   margin-left: 1rem;
   background-position: center;
 }
+.popupWarp .sharePop {
+  max-width: 54rem;
+}
+.popupWarp .sharePop .shareCon .shareUrlBox input {
+  width: 100%;
+  height: 4rem;
+  padding: 0 2.4rem;
+  border: 1px solid #dedede;
+  border-radius: 0.6rem;
+  font-size: 1.6rem;
+  line-height: 2.4rem;
+  color: #000;
+}
 
 .payComplete {
   position: fixed;