diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index da543601..4f135c88 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -1369,9 +1369,10 @@ transform: rotate(45deg);} .file-box .file-list {margin-bottom:5px;} .file-box .file-list span {font-size:12px;} .file-box .file-list span img {vertical-align: middle;margin-right:5px;} -.file-box .file-list span button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} +.file-box .file-list span:nth-of-type(2) button {display:inline-block;width:auto;text-align:left;} +.file-box .file-list span:nth-of-type(3) button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;} .view-body {border-bottom: 0px solid #000;text-align: left;} -.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;} +.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;border-bottom:1px solid #ddd;} .view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;} .view-body .attachments:after {content: "";display: block;clear: both;} .view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;} @@ -1379,7 +1380,7 @@ transform: rotate(45deg);} .view-body .attachments li a:hover {background:url(/images/icon/icon-attach-hover.png) no-repeat left center;color: #000;} .view-body .attachments li a em {color: #999;} .view-body .answer {padding: 30px 0px;color: #666;border-bottom: 1px solid #ddd;border-top:1px solid #333;background: #f6f6f6;margin-top: 20px;} -.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:96%} +.view-body .answer .answer-top {font-size: 16px;color: #2781c1;padding:0px 2% 25px;border-bottom: 1px solid #ddd;display:inline-block;width:100%} .view-body .answer .answer-top .left {float:left;color:#333;font-weight: 400;} .view-body .answer .answer-top .right {float:right;color:#333;} .view-body .answer .answer-con {padding: 20px 30px;} @@ -2023,6 +2024,9 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite; .article-side .filter-wrap .Title {display:none;} + + + /* 1400px 이하 */ @media all and (max-width:1400px) { diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index 8066cf76..24429dc4 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -62,9 +62,11 @@ a.pop-logo img { margin-right: 10px; } .data.detail .inner .row-top .center .right .con-2 .de-data ul li.detail-accordion.show .btn-hide { display: block; } .pop-advanced-search .conditions-wrap h3 { margin-bottom: 10px; } + + /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ @media all and (max-width: 479px){ - button {color:#333;} + button, select {color:#333;} .mo-ver { display: block !important; } .mo_tabs_wrap { width: 100%; overflow-y: auto; } .wrap { position: relative; width: 100vw; min-width: auto; } @@ -618,7 +620,7 @@ a.pop-logo img { margin-right: 10px; } .view-tit .v-info { font-size: 14px; } .view-tit h2 span.type { position: relative;top: 2px; left: 0px; transform: translate(0%, -50%); } .file-box { padding: 8px 10px; } - .file-box .file-list span button { display: none; } + .file-box .file-list span:nth-of-type(3) button { display: none; } .file-box .file-list { display: flex; align-items: center; } .file-box .file-list:last-child { margin-bottom: 0; } .view-con { font-size: 12px; line-height: 18px; min-height: 180px;overflow:hidden; } @@ -627,6 +629,8 @@ a.pop-logo img { margin-right: 10px; } .view-con .view-txt p img {width:100% !important;height:auto !important;} /*.view-con .view-txt * {width:100% !important;height:auto !important;display:inline-block;}*/ .noti-data .btn-box a { width: 100%; box-sizing: border-box; font-size: 14px; font-weight: normal; } + .list-table-wrap li .t-writer {width: 55px !important;height: 15px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} + /* faq */ .faq .contents, @@ -703,7 +707,9 @@ a.pop-logo img { margin-right: 10px; } .qna-write-table .wt-mail { position: absolute; bottom: -20px; } .qna-write-table .wt-mail label span { font-size: 14px; color: #666; } .w-form { padding: 0; display: flex; } - .community-write textarea { height: 186px; margin-bottom: 10px; } + .community-write textarea { height: 186px; margin-bottom: 10px; } + #dropzone {margin-top:20px;} + #dropzone .dz-message label {margin-top:5px;font-size:14px;line-height:26px;display:none;} .qna-write-table .wt-attachments .attachments-btn { margin-right: 10px; } .qna-write-table .wt-attachments .file { display: flex; box-sizing: border-box; flex: 1; padding: 0% 30px 0px 4px; } .qna-write-table .wt-attachments .file span img { margin-bottom: 0; } @@ -712,7 +718,7 @@ a.pop-logo img { margin-right: 10px; } .qna-write-table .wt-attachments .file .close, .qna-write-table .wt-attachments .file .close img { height: 9px; } .community-write .btn-wrap { display: flex; } - .community-write .btn-wrap .btn { width: 50%; margin: 0; } + .community-write .btn-wrap .btn { width: 48%; margin: 0 1%; } .community-write .btn-wrap .btn[type="submit"] { margin-right: 16px; } /* qna 자세히 보기 */