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

건너뛰기 링크 추가, 게시판아이콘 위치 수정

Browse Source
This commit is contained in:
com02 2021-12-01 14:55:14 +09:00
parent 0ac722ad9c
commit a39076a718
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,6 +2,8 @@
@charset "utf-8";
/********** 헤더 **********/
.skip-nav {position:fixed;left:0px;top:0px;z-index:999;}
.skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;}
.blind {display:none;}
.wrap {display:inline-block;width:100%;min-width:1400px;}
.wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.3);z-index: 99;}
@ -330,8 +332,8 @@ transition: all 0.2s ease-in-out;
.sec7 .inner .Fl .con .list .box {float:left;width:41px;height:41px;background: #ccc;padding:7px;margin-right:20px;}
.sec7 .inner .Fl .con .list .box p:nth-of-type(1) {color:#fff;font-size:22px;line-height:22px;font-weight: 400;margin-bottom:5px;}
.sec7 .inner .Fl .con .list .box p:nth-of-type(2) {color:#fff;font-size:11px;line-height:11px;font-weight: 100;}
.sec7 .inner .Fl .con .list .text {float:left;width:400px;height:54px;overflow:hidden;text-align: left;line-height:55px;font-size:18px;font-weight:400;color:#222;}
.sec7 .inner .Fl .con .list .text p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;}
.sec7 .inner .Fl .con .list .text {float:left;max-width:400px;height:54px;overflow:hidden;text-align: left;line-height:55px;font-size:18px;font-weight:400;color:#222;}
.sec7 .inner .Fl .con .list .text p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;padding-right:36px;}
.sec7 .inner .Fl .con .list .text p img {vertical-align: middle;margin:0px 0px 5px 5px;position:absolute;right:5px;top:20px;}
.sec7 .inner .Fl .con .list .answer {float:right;}
.sec7 .inner .Fl .con .list .answer p {background:#e6e7e9;padding:6px 20px 8px;border-radius: 50px;margin-top:8px;}
@ -797,7 +799,7 @@ transform: rotate(45deg);}
.filter-wrap .filter .filter-list.year ul li input {margin-right:2%;}
.filter-wrap .filter .filter-list.year ul li input[type='radio'] {margin-right:5px;margin-bottom:3px;}
.filter-wrap .filter .filter-list.year ul li input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
.filter-wrap .filter .filter-list.year ul li input[type='text'] {border:1px solid #ddd;width:27%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
.filter-wrap .filter .filter-list.year ul li input[type='text']::placeholder {font-size:12px;color:#999;}
@ -980,7 +982,7 @@ transform: rotate(45deg);}
.data.detail .inner .row-bottom .DetailSwiper2::before {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;}
.data.detail .inner .row-bottom .DetailSwiper2::after {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;}
*/
.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:363px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:352px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner {margin-bottom:0;}
.data.detail .inner .row-bottom .DetailSwiper2 .items.cover {}
.data.detail .inner .row-bottom .DetailSwiper2 .items.cover:after {clear:both;content:'';display:block;}
@ -1924,7 +1926,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite;
.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);}
.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;}
.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 35px 0px 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;position:relative;}
.conditions-wrap .selected-conditions .conditions li button .del {display: inline-block;margin-left: 10px;width: 20px;height: 20px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 12px;position:absolute;right:12px;top:4px;text-indent:-999999px;}
.conditions-wrap .selected-conditions .conditions li button .del {display: inline-block;margin-left: 10px;width: 20px;height: 20px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 12px;position:absolute;right:12px;top:4px;text-indent:-999999px;border:0;padding:0;}
/*.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;}*/
.conditions-wrap .selected-conditions .conditions li button:hover,
.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;}

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

@ -139,7 +139,7 @@ a.pop-logo img { margin-right: 10px; }
.sec7 .inner {width:100%;}
.sec7 .inner .Fl {width:100%;margin:0;margin-bottom:20px;}
.sec7 .inner .Fl .con .list .text {width:53%;}
.sec7 .inner .qna .con .list .text {width:40%;}
.sec7 .inner .qna .con .list .text {width:auto;}
.sec7 .inner .Fl .con .list .box {margin-right:2%;}
footer {width:96%;padding: 40px 2% 60px;}
footer .inner {width:100%;}
@ -239,10 +239,13 @@ footer .family_site {right:10px;}
.privacy .con {width:100%;}
.privacy .top-bg p:nth-child(1) {margin:300px 5% 20px;font-size:16px;color:#333;}
.privacy .top-bg p:nth-child(2) {margin:0 5%;font-size:12px;color:#333;}
.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide { height: auto;background:none;box-shadow:0 0 0; }
}
/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width: 479px){
.shortcuts {display:none;}
.contents {padding:0;}
button, select {color:#333;}
.mo-ver { display: block !important; }
@ -359,8 +362,8 @@ footer .family_site {right:10px;}
.sec7 .inner .Fl .ti a span img { width: 22px; margin: 0; }
.sec7 .inner .Fl .con { padding: 0 20px; border: 1px solid #dddddd; border-radius: 5px; }
.sec7 .inner .Fl .con .list a { display: flex; }
.sec7 .inner .Fl .con .list .text { font-size: 16px; flex: 1; }
.sec7 .inner .Fl .con .list .text p { align-items: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:20px; }
.sec7 .inner .Fl .con .list .text { font-size: 16px; flex: 1;max-width: max-content; }
.sec7 .inner .Fl .con .list .text p { align-items: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:30px; }
.sec7 .inner .Fl .con .list .text p img { margin: 0;margin-left:5px; }
.sec7 .inner .Fl .con .list .answer { display: none; }
.sec7 .inner .Fl .more {position:absolute;right:0%;top:5px;}