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

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

@ -252,6 +252,8 @@ 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%;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::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);}
@ -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 {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::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.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 .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(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) {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;} .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;}
@ -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 .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 {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 {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.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.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;} .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;}
@ -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 .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 {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 {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.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.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;} .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;}
@ -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 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;} .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;} .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-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;} .w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}