0930-1001 작업

-240930~1001
- 반응형 팝업부분 수정
- sns 공유용 설명이미지 작업 및 글 작성
- 최종공유

css/common.css

@@ -44,28 +44,28 @@
 
 /* 팝업 */
 .popup_wrap_inner {
-    position: fixed;
+    position: relative;
     z-index: 999999;
     width: 100%;
     display: none;
-    /* 숨겨놓고 JS와 쿠키로 보임/숨김 실행 */
+    top: 0;
+    left: 0;
 }
 
 /* 한/영 전환버튼 */
 .tr_com_lang_wrap {
-    position: fixed;
-    left: 50%;
+    position: relative;
     z-index: 9999;
-    top: 5%;
-    transform: translateX(-155px);
 }
 
 .tr_com_lang {
+    position: fixed;
+    top: 10%;
+    left: 50%;
+    translate: -160px;
+    transform: translateY(-40px);
     opacity: .8;
-    height: 13px;
-    line-height: 0;
-    display: inline-block;
-    z-index: 1;
+    height: 20px;
     color: #fff;
     background: transparent;
     padding: 14px 19px 8px 15px;
@@ -177,6 +177,7 @@ swiper-slide {
 
 /* 슬라이드 박스 안 */
 .guide_box {
+    position: relative;
     background-color: #0e0e0e8a;
     /* 보라배경 test */
     /* background-color: #2000458a; */
@@ -206,12 +207,13 @@ swiper-slide {
 }
 
 .sub_text {
-    font-size: 1.2rem;
+    font-weight: 600;
+    font-size: 1.3rem;
     color: #c1c1c1;
-    line-height: 16px;
+    line-height: 17px;
     margin-bottom: 20px;
-    padding: 0 15px;
-    font-weight: 600;
+    padding: 0 13px;
+
 }
 
 .g_img_wrap {
@@ -622,13 +624,12 @@ header {
     position: absolute;
     top: 9px;
     opacity: .6;
-    padding-left: 5px;
+    padding: 0 6px;
 }
 
 .guide_btn:hover {
-    filter: drop-shadow(0px 0px 2px #fff);
-    transition: ease-in-out 0.2s;
-    /* filter: brightness(125%); */
+    filter: drop-shadow(0px 0px 2px #ffffffb2);
+    transition: ease-in-out 0.3s;
 }