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

css 수정

Browse Source
This commit is contained in:
com02 2021-11-29 15:48:03 +09:00
parent 6a63e3d5d7
commit 5338f81d59
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/webapp/css/media.css
View File

@ -223,10 +223,14 @@ footer .family_site {right:10px;}
.cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit {margin-top:0;} .cart .inner .tabs_item .list-cart-wrap.confirm .list-cart div.list > div.t-visit {margin-top:0;}
.data.detail .inner .row-top .center .right .con-2 .b-btn button {margin-right:0;} .data.detail .inner .row-top .center .right .con-2 .b-btn button {margin-right:0;}
.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit.long {font-size:13px;padding:5px 0px;} .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit.long {font-size:13px;padding:5px 0px;}
.map .inner .row-bottom .map-box .info > div {min-height:240px;}
.filter-wrap .filter .filter-list.year ul li input[type='text'] {width:23%;}
.myinfo .contents .concern-data .list-box .list {width:23.9%;}
} }
/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/ /* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width: 479px){ @media all and (max-width: 479px){
.contents {padding:0;}
button, select {color:#333;} button, select {color:#333;}
.mo-ver { display: block !important; } .mo-ver { display: block !important; }
.mo_tabs_wrap { width: 100%; overflow-y: auto; } .mo_tabs_wrap { width: 100%; overflow-y: auto; }
@ -558,7 +562,7 @@ footer .family_site {right:10px;}
.cart .inner .tabs_item .compl-box .sub-text { font-size: 14px; } .cart .inner .tabs_item .compl-box .sub-text { font-size: 14px; }
/* 인사말 */ /* 인사말 */
.greeting .inner .row-bottom { width: 100%; padding-bottom: 60px; } .greeting .inner .row-bottom { width: 100%; padding:0px 0% 60px; }
.greeting .inner .row-bottom .greeting-box .top-banner { background-position: -300px; } .greeting .inner .row-bottom .greeting-box .top-banner { background-position: -300px; }
.greeting .inner .row-bottom .greeting-box .top-banner p { font-size: 18px; } .greeting .inner .row-bottom .greeting-box .top-banner p { font-size: 18px; }
.greeting .inner .row-bottom .greeting-box .gree { width: 95%; padding: 50px 16px; display: flex; flex-direction: column; box-sizing: border-box; } .greeting .inner .row-bottom .greeting-box .gree { width: 95%; padding: 50px 16px; display: flex; flex-direction: column; box-sizing: border-box; }
@ -800,7 +804,7 @@ footer .family_site {right:10px;}
/* faq */ /* faq */
.faq .contents, .faq .contents,
.faq .inner .tab { width: 100%; } .faq .inner .tab { width: 100%;padding:0; }
.faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } .faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; }
.faq .inner .tab_content {margin-top:0px;} .faq .inner .tab_content {margin-top:0px;}
.faq .inner .tabs { /*width: max-content;*/ /*display: flex;*/white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px;width:100%; } .faq .inner .tabs { /*width: max-content;*/ /*display: flex;*/white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px;width:100%; }
@ -900,7 +904,7 @@ footer .family_site {right:10px;}
.qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; } .qna-data .community.qna .btn-box .left button:first-child { margin-right: 10px; }
/* 내정보 */ /* 내정보 */
.myinfo .contents { margin-bottom: 0; padding-bottom: 50px; } .myinfo .contents { margin-bottom: 0;padding:0% 0%;padding-bottom: 50px; }
.myinfo-box { padding: 0 16px; box-sizing: border-box; } .myinfo-box { padding: 0 16px; box-sizing: border-box; }
.myinfo .inner .row-bottom .myinfo-box .top-info { width: 100%; box-sizing: border-box; padding: 22px 30px 30px; margin-bottom: 24px; } .myinfo .inner .row-bottom .myinfo-box .top-info { width: 100%; box-sizing: border-box; padding: 22px 30px 30px; margin-bottom: 24px; }
.myinfo .inner .row-bottom .myinfo-box .top-info .left { position: relative; border-right: none; border-bottom: 1px solid #999; padding-right: 0; width: 100%; } .myinfo .inner .row-bottom .myinfo-box .top-info .left { position: relative; border-right: none; border-bottom: 1px solid #999; padding-right: 0; width: 100%; }