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

웹접근성 검사

Browse Source
This commit is contained in:
KNKIM 2021-11-18 14:01:01 +09:00
parent bc4a5584cf
commit 15e60426ba
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -252,6 +252,8 @@ 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 .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;}
.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);}
@ -525,8 +527,13 @@ transform: rotate(45deg);
.join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;}
.join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;}
.join-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;}
.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;}
.join-box .success .box .icon.google {background: #fff;border-radius:50%;}
.join.connect .inner .row-bottom .join-box .success .box .text {float:left;}
.join.connect .inner .row-bottom .join-box .success .box .icon img {background: #ffeb00;padding:8px;border-radius: 50%;max-width:16px;margin-top:7px;}
.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;}
.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;}
.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;}
.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;}
.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;}
.join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;}
@ -706,7 +713,7 @@ transform: rotate(45deg);}
.cart .inner .tabs_item .compl-box .compl-icon {margin-bottom: 10px;}
.cart .inner .tabs_item .compl-box .compl-text {font-size:24px;font-weight: 300;}
.cart .inner .tabs_item .compl-box .compl-text span {color:#d47b1c;font-weight: 500;}
.cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;}
.cart .inner .visit-confirm .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;}
.cart .inner .visit-confirm .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;}
/********** 소장자료 **********/
@ -795,7 +802,7 @@ transform: rotate(45deg);}
.data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
@ -820,7 +827,7 @@ transform: rotate(45deg);}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;}
@ -868,8 +875,8 @@ transform: rotate(45deg);}
.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;}
.data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;}
.data.detail .inner .row-top .center .right .con-2 {}
.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;}
.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;}
.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;}
.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;}
.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;}
.data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;}
.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;}
@ -891,7 +898,7 @@ transform: rotate(45deg);}
.data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;}
.data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;}
.data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;}
.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;}
.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;}
.data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;}
.data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;}
.data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;}
@ -900,7 +907,7 @@ transform: rotate(45deg);}
.data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;}
.data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;}
.data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;}
.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;}
.data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;}
.data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;}
.data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;}
@ -1120,7 +1127,7 @@ transform: rotate(45deg);}
.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
@ -1138,7 +1145,7 @@ transform: rotate(45deg);}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;}
.interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;}
@ -1363,7 +1370,8 @@ transform: rotate(45deg);}
.community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;}
.community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
.qna-write-table {border-top: 2px solid #000;border-bottom: 1px solid #000;}
.qna-write-table {}
.community-write fieldset {border-top:1px solid #000;}
.qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
.w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;}
.w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}