From 5891e3c177413fcde616c2580b5184187a2aa3bf Mon Sep 17 00:00:00 2001 From: com02 Date: Tue, 14 Dec 2021 19:14:35 +0900 Subject: [PATCH] css --- src/main/webapp/css/default.css | 6 +++--- src/main/webapp/css/media.css | 3 ++- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index baaae9fe..cf630f0a 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -939,9 +939,9 @@ transform: rotate(45deg);} .data.detail .inner .row-top .center .title-box .cla-info .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;} .data.detail .inner .row-top .center .title-box .cla-info .con-2 {display: inline-block;padding:0px 0px 0px 10px;} .data.detail .inner .row-top .center .title-box .cla-info .con-2 .code {font-size:16px;color:#fff;line-height: 26px;} -.data.detail .inner .row-top .center .title-box .tit-info {font-size:24px;color:#fff;font-weight: 500;margin-bottom:20px;/*max-height: 105px;*/width:100%;height:auto;padding-bottom:10px;overflow: hidden;border-bottom:1px solid #ddd;margin-bottom: 30px;} +.data.detail .inner .row-top .center .title-box .tit-info {font-size:24px;color:#fff;font-weight: 500;margin-bottom:20px;/*max-height: 105px;*/width:83%;height:auto;padding-bottom:10px;overflow: hidden;margin-bottom: 0px;} -.data.detail .inner .row-top .center .title-box .btn-info {display: inline-block;position:absolute;right:0px;top:0px;} +.data.detail .inner .row-top .center .title-box .btn-info {display: inline-block;position:absolute;right:0px;bottom:5px;} .data.detail .inner .row-top .center .title-box .btn-info button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 500;text-align: center;border:1px solid #ddd;} .data.detail .inner .row-top .center .title-box .btn-info button.view {width:auto;padding:0px 26px;} .data.detail .inner .row-top .center .title-box .btn-info button.ris {} @@ -953,7 +953,7 @@ transform: rotate(45deg);} .data.detail .inner .row-top .center .left {float:left;width:490px;margin-right:60px;text-align:left;} .data.detail .inner .row-top .center .right {float:left;width:850px;text-align: left;} .data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;width:100%;height:445px;display: flex;align-items: center;justify-content: center;} -.data.detail .inner .row-top .center .right .data-info {} +.data.detail .inner .row-top .center .right .data-info {border-top:1px solid #ddd;padding-top:20px;} .data.detail .inner .row-top .center .right .data-info .de-data {} .data.detail .inner .row-top .center .right .data-info .de-data ul {width: 100%;/*display: flex;flex-direction: column;*/} .data.detail .inner .row-top .center .right .data-info .de-data ul li {float:left;width:50%;margin:0px 0px 12px;} diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css index c397a84f..2a8e7664 100644 --- a/src/main/webapp/css/media.css +++ b/src/main/webapp/css/media.css @@ -250,6 +250,7 @@ footer .family_site {right:10px;} .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:20%;} .wrap .nav-wrap #primary-nav {display:none !important;opacity:0 !important;} + .data.detail .inner .row-top .center .title-box .tit-info {width:70%;} } /* 모바일 가로, 테블릿 세로 (해상도 ~ 768px)*/ @@ -723,7 +724,7 @@ footer .family_site {right:10px;} .data.detail .inner .row-top .center .title-box .cla-info { position: relative; } .data.detail .inner .row-top .center .title-box .cla-info .con-1 { width: 100%; display: block; } .data.detail .inner .row-top .center .title-box .cla-info .con-2 { position: relative; top: 5px; padding: 0; } - .data.detail .inner .row-top .center .title-box .tit-info { font-size: 22px; margin-bottom: 30px;overflow:hidden; } + .data.detail .inner .row-top .center .title-box .tit-info { font-size: 22px; margin-bottom: 30px;overflow:hidden;width:100%; } .data.detail .inner .row-top .center .title-box .btn-info {position:relative;} .data.detail .inner .row-top .center .title-box .btn-info { display: flex; height: auto; border: none; }