From fa9deeb43008038595bae920b53c9da180a1714b Mon Sep 17 00:00:00 2001
From: com02 <com02@DESKTOP-EUO00N3>
Date: Thu, 25 Nov 2021 16:09:42 +0900
Subject: [PATCH] =?UTF-8?q?css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/WEB-INF/tiles/inc/footer.jsp |  2 +-
 src/main/webapp/css/default.css              | 18 ++++++++++--------
 src/main/webapp/css/media.css                | 10 ++++++++--
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/main/webapp/WEB-INF/tiles/inc/footer.jsp b/src/main/webapp/WEB-INF/tiles/inc/footer.jsp
index f37107a7..5b1fe697 100644
--- a/src/main/webapp/WEB-INF/tiles/inc/footer.jsp
+++ b/src/main/webapp/WEB-INF/tiles/inc/footer.jsp
@@ -5,7 +5,7 @@
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
 
         <button type="button" id="btn-go-top" class="mo-go-top btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><span>TOP</span></button>
-        <button type="button" id="mo-member-btn" class="member-btn">회원증 보러가기</button
+        <button type="button" id="mo-member-btn" class="member-btn">회원증 보러가기</button>
         <div class="inner">
             <div class="row-top">
                 <div class="footer-logo">
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index b77133a7..da543601 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -268,18 +268,19 @@ transition: all 0.2s ease-in-out;
 
 /********** 메인섹션6 **********/
 .sec6 {padding:100px 0px 100px;}
-.sec6 .inner {width:100%;position: relative;}
-.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;}
+.sec6 .inner {width:100%;height:100%;position: relative;}
+.sec6 .inner .more-btn {position:absolute;right: calc(50% - 690px);top:30px;}
 .sec6 .inner .more-btn a {}
+.sec6 .inner .more-btn a span > span {margin-right:5px;}
 .sec6 .onlineSwiper {padding:5px 0px;}
 .sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);}
 .sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);}
 .sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
 .sec6 .onlineSwiper .items.cover {}
 .sec6 .onlineSwiper .items.cover:after {clear:both;content:'';display:block;}
-.sec6 .onlineSwiper .items.cover .List {box-sizing:content-box;}
+.sec6 .onlineSwiper .items.cover .List {box-sizing:content-box;height:100%;}
 .sec6 .onlineSwiper .items.cover .List.front-item {padding-left:0;}
-.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;}
+.sec6 .onlineSwiper .items.cover .List .inner div.thumbnail {display:inline-block;height:100%;border-radius:10px;}
 .sec6 .onlineSwiper .items.cover .List .inner div.thumbnail span {overflow:hidden;}
 .sec6 .onlineSwiper .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;}
 .sec6 .onlineSwiper .items.cover .List .inner div.info div.button-area {margin-top:10px;}
@@ -297,10 +298,10 @@ transition: all 0.2s ease-in-out;
 .sec6 .onlineSwiper .items .List a.inner {display:block;}
 .sec6 .onlineSwiper .items .List .inner.light-type {color:#666;background-color:#fff;}
 .sec6 .onlineSwiper .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;display:flex;align-items:center;height:350px;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;vertical-align:middle;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:inline-block;/*display:flex;align-items:center;*/height:100%;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;vertical-align:middle;}
 .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
-.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;color:#fff;}
+.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {display:block;margin:30px 0px 10px;font-size:18px;height:55px;overflow:hidden;color:#fff;}
 .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
 .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
 .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;margin:0;}
@@ -1481,7 +1482,8 @@ transform: rotate(45deg);}
 .faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;}
 .list-accordion .question .type::before {content: '';display: inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question-on.png) no-repeat center #b68946;position: absolute;left:20px;top:14px;}
 .list-accordion .question.on .type::before {content:'';display:inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question.png) no-repeat center #fff;}
-
+.faq .list-accordion .answer img {width:100% !important;height:auto !important;}
+.faq .list-accordion .answer p img {width:100% !important;height:auto !important;}
 
 /* qna */
 .qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index cba5cb12..8066cf76 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -149,18 +149,24 @@ a.pop-logo img { margin-right: 10px; }
  .sec5 .inner .tabs_item ul li .con-1 .tit { font-size: 16px; } 
  .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } 
  .sec6 { padding: 52px 0px 60px; } 
- .sec6 .inner .more-btn {top:5px;}
+ .sec6 .inner .more-btn {top:5px;right: calc(50% - 180px);}
  .sec6 .inner .more-btn a {font-size:12px;padding:2px 10px 3px;}
  .sec6 .inner .more-btn a span > span {display:none;}
+ .sec6 .inner .more-btn a span img {width:22px;}
  .popularSwiper .swiper-pagination { position: relative; } 
  .popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } 
  .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } 
  .sec6 .onlineSwiper::before,
  .sec6 .onlineSwiper::after { display: none; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail {width:100%;}
  .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } 
  .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {  } 
  .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } 
  .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } 
+ .sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {width:100%;}
+ 
+ 
+ 
  .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; } 
  .sec7 .inner { width: 100%; display: flex; flex-direction: column; } 
  .sec7 .inner .Fl { float: none; width: 100%; margin: 0; } 
@@ -918,7 +924,7 @@ a.pop-logo img { margin-right: 10px; }
  .pop-advanced-search .pop-wrap .Title span:nth-of-type(3) { right: 16px; } 
  .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) { font-size: 22px; line-height: 33px; } 
  .popup.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) { display: none; } 
- .popup.pop-advanced-search .pop-wrap form { padding: 22px 8px 22px 8px;height: calc(100% - 180px); } 
+ .popup.pop-advanced-search .pop-wrap form { padding: 22px 8px 22px 8px;height: calc(100% - 140px); } 
  .mCSB_inside > .mCSB_container { margin-right: 10px; } 
  .advanced-form-table li { display: flex; flex-direction: column; border: none; width: 100% !important; } 
  .advanced-form-table li:nth-child(1) label,