somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css 수정

Browse Source
This commit is contained in:
com02 2021-11-25 16:09:42 +09:00
parent d4e810b024
commit fa9deeb430
3 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/tiles/inc/footer.jsp
View File

@ -5,7 +5,7 @@
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%> <%@ 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="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="inner">
<div class="row-top"> <div class="row-top">
<div class="footer-logo"> <div class="footer-logo">

18
src/main/webapp/css/default.css
View File

@ -268,18 +268,19 @@ transition: all 0.2s ease-in-out;
/********** 메인섹션6 **********/ /********** 메인섹션6 **********/
.sec6 {padding:100px 0px 100px;} .sec6 {padding:100px 0px 100px;}
.sec6 .inner {width:100%;position: relative;} .sec6 .inner {width:100%;height:100%;position: relative;}
.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;} .sec6 .inner .more-btn {position:absolute;right: calc(50% - 690px);top:30px;}
.sec6 .inner .more-btn a {} .sec6 .inner .more-btn a {}
.sec6 .inner .more-btn a span > span {margin-right:5px;}
.sec6 .onlineSwiper {padding:5px 0px;} .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::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::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 .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 {}
.sec6 .onlineSwiper .items.cover:after {clear:both;content:'';display:block;} .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.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.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 strong.title {height:72px;margin-top:15px;font-size:16px;}
.sec6 .onlineSwiper .items.cover .List .inner div.info div.button-area {margin-top:10px;} .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 a.inner {display:block;}
.sec6 .onlineSwiper .items .List .inner.light-type {color:#666;background-color:#fff;} .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 {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 {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%;vertical-align:middle;} .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 {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 {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 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;} .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;} .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 .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;} .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 */
.qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;} .qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}

10
src/main/webapp/css/media.css
View File

@ -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-1 .tit { font-size: 16px; }
.sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; } .sec5 .inner .tabs_item ul li .con-2 p { font-size: 12px; }
.sec6 { padding: 52px 0px 60px; } .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 {font-size:12px;padding:2px 10px 3px;}
.sec6 .inner .more-btn a span > span {display:none;} .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 { position: relative; }
.popularSwiper .swiper-pagination-bullet { background: #aaaaaa; border-radius: 30px; margin-right: 4px; opacity: unset !important; } .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; } .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; }
.sec6 .onlineSwiper::before, .sec6 .onlineSwiper::before,
.sec6 .onlineSwiper::after { display: none; } .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 > 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 { }
.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 .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 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 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; }
.sec7 .inner { width: 100%; display: flex; flex-direction: column; } .sec7 .inner { width: 100%; display: flex; flex-direction: column; }
.sec7 .inner .Fl { float: none; width: 100%; margin: 0; } .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; } .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(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 .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; } .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 { display: flex; flex-direction: column; border: none; width: 100% !important; }
.advanced-form-table li:nth-child(1) label, .advanced-form-table li:nth-child(1) label,