diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 7afd94b4..73208c7b 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -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;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 5a26b2a9..7db5d384 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -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;}