최정임
05-29
250529 최정임 css수정
@a3bf2bc57a69a922557b31b7cec0921e44354915
--- client/resources/css/common.css
... | ... | @@ -1,12 +0,0 @@ |
| 1 | -@charset "utf-8"; | |
| 2 | - | |
| 3 | -.flex{display: flex; } | |
| 4 | -.justify-between{justify-content: space-between;} | |
| 5 | -.justify-start{justify-content: start;} | |
| 6 | - | |
| 7 | -.align-center{align-items: center;} | |
| 8 | - | |
| 9 | - | |
| 10 | -.mb20{margin-bottom: 2rem;} | |
| 11 | -.mb15{margin-bottom: 1.5rem;} | |
| 12 | -.mb30{margin-bottom: 3rem;}(파일 끝에 줄바꿈 문자 없음) |
--- client/resources/css/header.css
... | ... | @@ -1,164 +0,0 @@ |
| 1 | -@charset "utf-8"; | |
| 2 | -.logo { | |
| 3 | - width: 150px; | |
| 4 | -} | |
| 5 | -.user-wrap { | |
| 6 | - display: flex; | |
| 7 | - flex-direction: column; | |
| 8 | - min-height: 100vh; | |
| 9 | - font-size: 1.7rem; | |
| 10 | - | |
| 11 | -} | |
| 12 | - | |
| 13 | -.user-wrap header { | |
| 14 | - width: 100%; | |
| 15 | - background-color: #fff; | |
| 16 | - border-bottom: 1px solid #C6C6C6; | |
| 17 | - position: relative; | |
| 18 | - z-index: 2; | |
| 19 | - margin-bottom: 3rem; | |
| 20 | - | |
| 21 | -} | |
| 22 | - | |
| 23 | -.user-wrap header.company-header { | |
| 24 | - width: 100%; | |
| 25 | - background-color: rgba(0, 0, 0, 0.5); | |
| 26 | - position: absolute; | |
| 27 | - z-index: 2; | |
| 28 | - border-bottom: 1px solid #aaa; | |
| 29 | -} | |
| 30 | -.header-wrap{ | |
| 31 | - width: 1400px; | |
| 32 | - margin: 0 auto;} | |
| 33 | -.company-sub-menu { | |
| 34 | - background-color: rgba(0, 0, 0, 0.5) | |
| 35 | -} | |
| 36 | - | |
| 37 | -.company-sub-menu li>a, | |
| 38 | -.company-sub-menu li>p { | |
| 39 | - border: 1px solid #fff; | |
| 40 | - color: #fff; | |
| 41 | -} | |
| 42 | - | |
| 43 | -.msub-menu { | |
| 44 | - display: none; | |
| 45 | -} | |
| 46 | - | |
| 47 | -.msub-menu li>a, | |
| 48 | -.msub-menu li>p { | |
| 49 | - display: block; | |
| 50 | - width: 100%; | |
| 51 | - border: 0; | |
| 52 | - padding: 1rem; | |
| 53 | - font-size: 1.6rem; | |
| 54 | - text-align: left; | |
| 55 | -} | |
| 56 | - | |
| 57 | -.msub-menu.show, | |
| 58 | -.sub-menu.show { | |
| 59 | - display: block; | |
| 60 | -} | |
| 61 | - | |
| 62 | -.msub-menu.show { | |
| 63 | - border-bottom: 1px solid #eee; | |
| 64 | -} | |
| 65 | -.main-menu{ | |
| 66 | - | |
| 67 | - &:hover{ | |
| 68 | - | |
| 69 | - &::before{ | |
| 70 | - content: ''; | |
| 71 | - position: absolute; | |
| 72 | - display: block; | |
| 73 | - top: 61px; | |
| 74 | - left: 0; | |
| 75 | - width: 100%; | |
| 76 | - height: 150px; | |
| 77 | - background: #fff; | |
| 78 | - z-index: 50; | |
| 79 | - } | |
| 80 | - } | |
| 81 | - | |
| 82 | -} | |
| 83 | -.main-menu>li>a, | |
| 84 | -.main-menu>li>p { | |
| 85 | - display: block; | |
| 86 | - text-align: center; | |
| 87 | - font-size: 1.8rem; | |
| 88 | - font-weight: 700; | |
| 89 | - height: 6rem; | |
| 90 | - line-height: 6rem; | |
| 91 | -} | |
| 92 | -.main-menu > li { | |
| 93 | - position: relative; | |
| 94 | - min-width: 160px; | |
| 95 | - &:hover { | |
| 96 | - &::after { | |
| 97 | - position: absolute; | |
| 98 | - bottom: calc(var(--krds-spacer-4) * -1); | |
| 99 | - left: 50%; | |
| 100 | - bottom: 0; | |
| 101 | - content: ""; | |
| 102 | - transition: width 0.4s ease-in-out, height 0.4s ease-in-out; | |
| 103 | - width: 0; | |
| 104 | - height: 0.4rem; | |
| 105 | - background-color: var(--green); | |
| 106 | - transform: translateX(-50%); | |
| 107 | - } | |
| 108 | - } | |
| 109 | - | |
| 110 | - &:hover::after { | |
| 111 | - width: 100%; | |
| 112 | - } | |
| 113 | -} | |
| 114 | -header.company-header .main-menu>li>a, | |
| 115 | -header.company-header .main-menu>li>p { | |
| 116 | - color: var(--white); | |
| 117 | -} | |
| 118 | - | |
| 119 | - | |
| 120 | - | |
| 121 | -.main-menu>li:hover>a, | |
| 122 | -.main-menu>li:hover>p, | |
| 123 | -.user-wrap header.company-header .main-menu>li:hover>a, | |
| 124 | -.user-wrap header.company-header .main-menu>li:hover>p { | |
| 125 | - color: var(--green); | |
| 126 | -} | |
| 127 | - | |
| 128 | -.pc-menu{ | |
| 129 | - | |
| 130 | -} | |
| 131 | - | |
| 132 | -.sub-menu { | |
| 133 | - width: 100%; | |
| 134 | - height: 150px; | |
| 135 | - position: absolute; | |
| 136 | - background-color: #fff; | |
| 137 | - min-width: 160px; | |
| 138 | - z-index: 50; | |
| 139 | - display: none; | |
| 140 | - padding: 0 !important; | |
| 141 | - left: 0; | |
| 142 | - bottom: -2px; | |
| 143 | - transform: translateY(100%); | |
| 144 | -} | |
| 145 | - | |
| 146 | -.sub-menu-inner{ | |
| 147 | - display: block; | |
| 148 | - width: 100%; | |
| 149 | -} | |
| 150 | - | |
| 151 | -.sub-menu li>a, | |
| 152 | -.sub-menu li>p { | |
| 153 | - display: block; | |
| 154 | - width: 100%; | |
| 155 | - border-radius: 0 10px 0 10px; | |
| 156 | - padding: 1.3rem 0; | |
| 157 | - font-size: 1.6rem; | |
| 158 | - text-align: center; | |
| 159 | - font-weight: 700; | |
| 160 | - &:hover{ | |
| 161 | - color: var(--green); | |
| 162 | - } | |
| 163 | -} | |
| 164 | -.mobile-menu{display: none;}(파일 끝에 줄바꿈 문자 없음) |
--- client/views/index.html
+++ client/views/index.html
... | ... | @@ -11,9 +11,9 @@ |
| 11 | 11 |
<!-- 공통css --> |
| 12 | 12 |
<link rel="stylesheet" href="/client/resources/lib/swiper/swiper-bundle.min.css"> |
| 13 | 13 |
<link rel="stylesheet" href="/client/build/assets/css/app.css"> |
| 14 |
- <link rel="stylesheet" href="/client/resources/css/header.css"> |
|
| 15 |
- <link rel="stylesheet" href="/client/resources/css/common.css"> |
|
| 16 |
- <!-- <link rel="stylesheet" href="/client/resources/css/header_column.css"> --> |
|
| 14 |
+ <link rel="stylesheet" href="/client/views/themes/css/header.css"> |
|
| 15 |
+ <link rel="stylesheet" href="/client/views/themes/css/common.css"> |
|
| 16 |
+ <!-- <link rel="stylesheet" href="/client/views/themes/css/header_column.css"> --> |
|
| 17 | 17 |
<link rel="stylesheet" href="/client/views/themes/tema_v2/css/component.css"> |
| 18 | 18 |
<link rel="stylesheet" href="/client/views/themes/tema_v2/css/main.css"> |
| 19 | 19 |
<link rel="stylesheet" href="/client/views/themes/tema_v2/css/style.css"> |
+++ client/views/themes/css/common.css
... | ... | @@ -0,0 +1,13 @@ |
| 1 | +@charset "utf-8"; | |
| 2 | +.user-wrap{ | |
| 3 | + .flex{display: flex; } | |
| 4 | + .justify-between{justify-content: space-between;} | |
| 5 | + .justify-start{justify-content: start;} | |
| 6 | + | |
| 7 | + .align-center{align-items: center;} | |
| 8 | + | |
| 9 | + | |
| 10 | + .mb20{margin-bottom: 2rem;} | |
| 11 | + .mb15{margin-bottom: 1.5rem;} | |
| 12 | + .mb30{margin-bottom: 3rem;} | |
| 13 | +} |
+++ client/views/themes/css/header.css
... | ... | @@ -0,0 +1,163 @@ |
| 1 | +@charset "utf-8"; | |
| 2 | +.logo { | |
| 3 | + width: 150px; | |
| 4 | +} | |
| 5 | +.user-wrap { | |
| 6 | + display: flex; | |
| 7 | + flex-direction: column; | |
| 8 | + min-height: 100vh; | |
| 9 | + font-size: 1.7rem; | |
| 10 | + .header-wrap{ | |
| 11 | + width: 1400px; | |
| 12 | + margin: 0 auto;} | |
| 13 | + .company-sub-menu { | |
| 14 | + background-color: rgba(0, 0, 0, 0.5) | |
| 15 | + } | |
| 16 | + | |
| 17 | + .company-sub-menu li>a, | |
| 18 | + .company-sub-menu li>p { | |
| 19 | + border: 1px solid #fff; | |
| 20 | + color: #fff; | |
| 21 | + } | |
| 22 | + | |
| 23 | + .msub-menu { | |
| 24 | + display: none; | |
| 25 | + } | |
| 26 | + | |
| 27 | + .msub-menu li>a, | |
| 28 | + .msub-menu li>p { | |
| 29 | + display: block; | |
| 30 | + width: 100%; | |
| 31 | + border: 0; | |
| 32 | + padding: 1rem; | |
| 33 | + font-size: 1.6rem; | |
| 34 | + text-align: left; | |
| 35 | + } | |
| 36 | + | |
| 37 | + .msub-menu.show, | |
| 38 | + .sub-menu.show { | |
| 39 | + display: block; | |
| 40 | + } | |
| 41 | + | |
| 42 | + .msub-menu.show { | |
| 43 | + border-bottom: 1px solid #eee; | |
| 44 | + } | |
| 45 | + .main-menu{ | |
| 46 | + | |
| 47 | + &:hover{ | |
| 48 | + | |
| 49 | + &::before{ | |
| 50 | + content: ''; | |
| 51 | + position: absolute; | |
| 52 | + display: block; | |
| 53 | + top: 61px; | |
| 54 | + left: 0; | |
| 55 | + width: 100%; | |
| 56 | + height: 150px; | |
| 57 | + background: #fff; | |
| 58 | + z-index: 50; | |
| 59 | + } | |
| 60 | + } | |
| 61 | + | |
| 62 | + } | |
| 63 | + .main-menu>li>a, | |
| 64 | + .main-menu>li>p { | |
| 65 | + display: block; | |
| 66 | + text-align: center; | |
| 67 | + font-size: 1.8rem; | |
| 68 | + font-weight: 700; | |
| 69 | + height: 6rem; | |
| 70 | + line-height: 6rem; | |
| 71 | + } | |
| 72 | + .main-menu > li { | |
| 73 | + position: relative; | |
| 74 | + min-width: 160px; | |
| 75 | + &:hover { | |
| 76 | + &::after { | |
| 77 | + position: absolute; | |
| 78 | + bottom: calc(var(--krds-spacer-4) * -1); | |
| 79 | + left: 50%; | |
| 80 | + bottom: 0; | |
| 81 | + content: ""; | |
| 82 | + transition: width 0.4s ease-in-out, height 0.4s ease-in-out; | |
| 83 | + width: 0; | |
| 84 | + height: 0.4rem; | |
| 85 | + background-color: var(--green); | |
| 86 | + transform: translateX(-50%); | |
| 87 | + } | |
| 88 | + } | |
| 89 | + | |
| 90 | + &:hover::after { | |
| 91 | + width: 100%; | |
| 92 | + } | |
| 93 | + } | |
| 94 | + header.company-header .main-menu>li>a, | |
| 95 | + header.company-header .main-menu>li>p { | |
| 96 | + color: var(--white); | |
| 97 | + } | |
| 98 | + | |
| 99 | + | |
| 100 | + | |
| 101 | + .main-menu>li:hover>a, | |
| 102 | + .main-menu>li:hover>p, | |
| 103 | + .user-wrap header.company-header .main-menu>li:hover>a, | |
| 104 | + .user-wrap header.company-header .main-menu>li:hover>p { | |
| 105 | + color: var(--green); | |
| 106 | + } | |
| 107 | + | |
| 108 | + .pc-menu{ | |
| 109 | + | |
| 110 | + } | |
| 111 | + | |
| 112 | + .sub-menu { | |
| 113 | + width: 100%; | |
| 114 | + height: 150px; | |
| 115 | + position: absolute; | |
| 116 | + background-color: #fff; | |
| 117 | + min-width: 160px; | |
| 118 | + z-index: 50; | |
| 119 | + display: none; | |
| 120 | + padding: 0 !important; | |
| 121 | + left: 0; | |
| 122 | + bottom: -2px; | |
| 123 | + transform: translateY(100%); | |
| 124 | + } | |
| 125 | + | |
| 126 | + .sub-menu-inner{ | |
| 127 | + display: block; | |
| 128 | + width: 100%; | |
| 129 | + } | |
| 130 | + | |
| 131 | + .sub-menu li>a, | |
| 132 | + .sub-menu li>p { | |
| 133 | + display: block; | |
| 134 | + width: 100%; | |
| 135 | + border-radius: 0 10px 0 10px; | |
| 136 | + padding: 1.3rem 0; | |
| 137 | + font-size: 1.6rem; | |
| 138 | + text-align: center; | |
| 139 | + font-weight: 700; | |
| 140 | + &:hover{ | |
| 141 | + color: var(--green); | |
| 142 | + } | |
| 143 | + } | |
| 144 | + .mobile-menu{display: none;} | |
| 145 | +} | |
| 146 | + | |
| 147 | +.user-wrap header { | |
| 148 | + width: 100%; | |
| 149 | + background-color: #fff; | |
| 150 | + border-bottom: 1px solid #C6C6C6; | |
| 151 | + position: relative; | |
| 152 | + z-index: 2; | |
| 153 | + margin-bottom: 3rem; | |
| 154 | + | |
| 155 | +} | |
| 156 | + | |
| 157 | +.user-wrap header.company-header { | |
| 158 | + width: 100%; | |
| 159 | + background-color: rgba(0, 0, 0, 0.5); | |
| 160 | + position: absolute; | |
| 161 | + z-index: 2; | |
| 162 | + border-bottom: 1px solid #aaa; | |
| 163 | +} |
--- client/resources/css/header_column.css
+++ client/views/themes/css/header_column.css
| No changes |
--- client/views/themes/tema_v2/css/component.css
+++ client/views/themes/tema_v2/css/component.css
... | ... | @@ -1,1290 +1,1290 @@ |
| 1 | 1 |
@charset "utf-8"; |
| 2 |
- |
|
| 3 |
-/* box */ |
|
| 4 |
-.content {
|
|
| 5 |
- width: 1400px; |
|
| 6 |
- margin: 0 auto; |
|
| 7 |
-} |
|
| 8 |
- |
|
| 9 |
-.row {
|
|
| 10 |
- padding-top: 5px; |
|
| 11 |
- padding-bottom: 5px; |
|
| 12 |
-} |
|
| 13 |
-.box {
|
|
| 14 |
- background-color: var(--white); |
|
| 15 |
- padding: 2rem; |
|
| 16 |
- border-radius: 10px; |
|
| 17 |
- border: 0.1rem solid var(--tk-gray-40); |
|
| 18 |
- |
|
| 19 |
-} |
|
| 20 |
- |
|
| 21 |
-.page-title {
|
|
| 22 |
- font-size: 3rem; |
|
| 23 |
- font-weight: bold; |
|
| 24 |
- color: var(--green); |
|
| 25 |
-} |
|
| 26 |
- |
|
| 27 |
-.admin-page-title {
|
|
| 28 |
- font-size:1.8rem; |
|
| 29 |
- font-weight: bold; |
|
| 30 |
- color: var(--blue); |
|
| 31 |
-} |
|
| 32 |
- |
|
| 33 |
-.admin-sec-title {
|
|
| 34 |
- font-size: 1.8rem; |
|
| 35 |
- font-weight: bold; |
|
| 36 |
- color: var(--blue); |
|
| 37 |
-} |
|
| 38 |
- |
|
| 39 |
-.box-title {
|
|
| 40 |
- font-size: 1.3rem; |
|
| 41 |
- |
|
| 42 |
-} |
|
| 43 |
- |
|
| 44 |
-.box-out-title {
|
|
| 45 |
- font-size: 2.5rem; |
|
| 46 |
- font-weight: bold; |
|
| 47 |
- padding-bottom: 1rem; |
|
| 48 |
- a{
|
|
| 49 |
- font-size: 1.4rem; |
|
| 50 |
- } |
|
| 51 |
-} |
|
| 52 |
- |
|
| 53 |
-.box-content {
|
|
| 54 |
- font-size: 2rem; |
|
| 55 |
- color: var(--blue); |
|
| 56 |
- font-family: "GmarketSans-B"; |
|
| 57 |
-} |
|
| 58 |
- |
|
| 59 |
-.chart-title {
|
|
| 60 |
- font-size: 1.4rem; |
|
| 61 |
- font-weight: bold; |
|
| 62 |
-} |
|
| 63 |
- |
|
| 64 |
-.content-box {
|
|
| 65 |
- height: calc(100% - 48px); |
|
| 66 |
- /* background-color: aliceblue; */ |
|
| 67 |
-} |
|
| 68 |
- |
|
| 69 |
-.detail-bold {
|
|
| 70 |
- font-size: 1.6rem; |
|
| 71 |
- font-weight: 700; |
|
| 72 |
-} |
|
| 73 |
- |
|
| 74 |
-.detail-text {
|
|
| 75 |
- font-size: 1.6rem; |
|
| 76 |
- font-weight: 400; |
|
| 77 |
-} |
|
| 78 |
- |
|
| 79 |
-.date-text {
|
|
| 80 |
- font-size: 1.4rem; |
|
| 81 |
- font-weight: 400; |
|
| 82 |
-} |
|
| 83 |
- |
|
| 84 |
-.search-list {
|
|
| 85 |
- .img-wrap {
|
|
| 86 |
- height: 20rem; |
|
| 87 |
- background-color: #EDF1F5; |
|
| 88 |
- background-repeat: no-repeat; |
|
| 89 |
- background-position: center; |
|
| 90 |
- background-size: contain; |
|
| 91 |
- border-radius: inherit; |
|
| 92 |
- text-align: center; |
|
| 93 |
- } |
|
| 94 |
- .img-wrap.main_1 {
|
|
| 95 |
- background-image: url(https://uiux.egovframe.go.kr/resources/img/guide/contents/main/img_main_1.png); |
|
| 96 |
- } |
|
| 97 |
- .conts-wrap {
|
|
| 98 |
- display: flex; |
|
| 99 |
- align-items: flex-start; |
|
| 100 |
- justify-content: flex-start; |
|
| 101 |
- flex-direction: column; |
|
| 102 |
- padding: 2.4rem 0 0 0 ; |
|
| 103 |
- gap: 1.2rem; |
|
| 104 |
- width: 100%; |
|
| 105 |
- color: var(--tk-gray-70); |
|
| 106 |
- } |
|
| 107 |
- .conts-wrap .tit {
|
|
| 108 |
- font-size: 1.9rem; |
|
| 109 |
- } |
|
| 110 |
- .desc{height: 51px;
|
|
| 111 |
- display: -webkit-box; |
|
| 112 |
- white-space: normal; |
|
| 113 |
- word-wrap: break-word; |
|
| 114 |
- -webkit-line-clamp: 2; |
|
| 115 |
- -webkit-box-orient: vertical; |
|
| 116 |
- overflow: hidden; |
|
| 117 |
- } |
|
| 118 |
-} |
|
| 119 |
- |
|
| 120 |
-/* btn */ |
|
| 121 |
-.small-btn {
|
|
| 122 |
- width: 120px; |
|
| 123 |
- padding: 0.7rem 1rem; |
|
| 124 |
- border-radius: 0.5rem; |
|
| 125 |
- font-size: 1.5rem; |
|
| 126 |
-} |
|
| 127 |
- |
|
| 128 |
-.large-btn {
|
|
| 129 |
- width: 100%; |
|
| 130 |
- padding: 0.5rem 0; |
|
| 131 |
- border-radius: 0.5rem; |
|
| 132 |
-} |
|
| 133 |
- |
|
| 134 |
-.icon-btn {
|
|
| 135 |
- padding: 0.5rem; |
|
| 136 |
- border-radius: 50%; |
|
| 137 |
-} |
|
| 138 |
- |
|
| 139 |
-.close-btn {
|
|
| 140 |
- font-size: 1.6rem; |
|
| 141 |
- font-weight: 900; |
|
| 142 |
-} |
|
| 143 |
- |
|
| 144 |
-.logout-btn {
|
|
| 145 |
- padding: 0.5rem 1rem; |
|
| 146 |
- color: var(--dark); |
|
| 147 |
- position: relative; |
|
| 148 |
- font-size: 1.6rem; |
|
| 149 |
-} |
|
| 150 |
- |
|
| 151 |
-.logout-btn::before {
|
|
| 152 |
- content: ""; |
|
| 153 |
- width: 1px; |
|
| 154 |
- height: 10px; |
|
| 155 |
- position: absolute; |
|
| 156 |
- top: 50%; |
|
| 157 |
- left: 0; |
|
| 158 |
- transform: translateY(-50%); |
|
| 159 |
- background-color: #aaa; |
|
| 160 |
-} |
|
| 161 |
- |
|
| 162 |
-.close-btn {
|
|
| 163 |
- color: #d6def6; |
|
| 164 |
-} |
|
| 165 |
- |
|
| 166 |
-.comment-btn {
|
|
| 167 |
- width: 100%; |
|
| 168 |
- height: 6.5rem; |
|
| 169 |
- max-height: 6.5rem |
|
| 170 |
-} |
|
| 171 |
- |
|
| 172 |
-.blue-btn, |
|
| 173 |
-.blue-border-btn:hover {
|
|
| 174 |
- background-color: var(--blue); |
|
| 175 |
- color: var(--white); |
|
| 176 |
- transition: all 0.3s ease-in-out; |
|
| 177 |
-} |
|
| 178 |
- |
|
| 179 |
-.red-btn, |
|
| 180 |
-.red-border-btn:hover {
|
|
| 181 |
- background-color: var(--red); |
|
| 182 |
- color: var(--white); |
|
| 183 |
- transition: all 0.3s ease-in-out; |
|
| 184 |
-} |
|
| 185 |
- |
|
| 186 |
-.green-btn, |
|
| 187 |
-.green-border-btn:hover {
|
|
| 188 |
- background-color: var(--green); |
|
| 189 |
- color: var(--white); |
|
| 190 |
- transition: all 0.3s ease-in-out; |
|
| 191 |
-} |
|
| 192 |
- |
|
| 193 |
-.orange-btn, |
|
| 194 |
-.orange-border-btn:hover {
|
|
| 195 |
- background-color: var(--orange); |
|
| 196 |
- color: var(--white); |
|
| 197 |
- transition: all 0.3s ease-in-out; |
|
| 198 |
-} |
|
| 199 |
- |
|
| 200 |
-.darkg-btn, |
|
| 201 |
-.darkg-border-btn:hover {
|
|
| 202 |
- background-color: var(--gray-dark); |
|
| 203 |
- color: var(--white); |
|
| 204 |
- transition: all 0.3s ease-in-out; |
|
| 205 |
-} |
|
| 206 |
- |
|
| 207 |
-.gray-btn, |
|
| 208 |
-.gray-border-btn:hover {
|
|
| 209 |
- background-color: #eee; |
|
| 210 |
- color: #333; |
|
| 211 |
- transition: all 0.3s ease-in-out; |
|
| 212 |
-} |
|
| 213 |
- |
|
| 214 |
- |
|
| 215 |
-.blue-border-btn {
|
|
| 216 |
- border: 1px solid var(--blue); |
|
| 217 |
- color: var(--blue); |
|
| 218 |
- background-color: var(--white); |
|
| 219 |
-} |
|
| 220 |
- |
|
| 221 |
-.red-border-btn {
|
|
| 222 |
- border: 1px solid var(--red); |
|
| 223 |
- color: var(--red); |
|
| 224 |
- background-color: var(--white); |
|
| 225 |
-} |
|
| 226 |
- |
|
| 227 |
-.green-border-btn {
|
|
| 228 |
- border: 1px solid var(--green); |
|
| 229 |
- color: var(--green); |
|
| 230 |
- background-color: var(--white); |
|
| 231 |
-} |
|
| 232 |
- |
|
| 233 |
-.orange-border-btn {
|
|
| 234 |
- border: 1px solid var(--orange); |
|
| 235 |
- color: var(--orange); |
|
| 236 |
- background-color: var(--white); |
|
| 237 |
-} |
|
| 238 |
- |
|
| 239 |
-.darkg-border-btn {
|
|
| 240 |
- border: 1px solid var(--gray-dark); |
|
| 241 |
- color: var(--gray-dark); |
|
| 242 |
- background-color: var(--white); |
|
| 243 |
-} |
|
| 244 |
- |
|
| 245 |
-.gray-border-btn {
|
|
| 246 |
- border: 1px solid #aaa; |
|
| 247 |
- color: #aaa; |
|
| 248 |
- background-color: var(--white); |
|
| 249 |
-} |
|
| 250 |
- |
|
| 251 |
-.white-border-btn {
|
|
| 252 |
- border: 1px solid var(--white); |
|
| 253 |
- color: var(--white); |
|
| 254 |
- background-color: transparent; |
|
| 255 |
-} |
|
| 256 |
- |
|
| 257 |
-.tp-btn {
|
|
| 258 |
- background-color: transparent; |
|
| 259 |
- width: 15px; |
|
| 260 |
- height: 15px; |
|
| 261 |
- margin-left: 10px; |
|
| 262 |
-} |
|
| 263 |
- |
|
| 264 |
-button:disabled {
|
|
| 265 |
- background-color: #eee; |
|
| 266 |
- color: #333; |
|
| 267 |
-} |
|
| 268 |
- |
|
| 269 |
-.del-icon-btn {
|
|
| 270 |
- width: 25px; |
|
| 271 |
- height: 25px; |
|
| 272 |
- padding: 5px; |
|
| 273 |
- background-color: var(--red); |
|
| 274 |
- color: var(--white); |
|
| 275 |
- border-radius: 50%; |
|
| 276 |
-} |
|
| 277 |
- |
|
| 278 |
-.set-icon-btn {
|
|
| 279 |
- width: 25px; |
|
| 280 |
- height: 25px; |
|
| 281 |
- padding: 5px; |
|
| 282 |
- background-color: var(--darkG); |
|
| 283 |
- color: var(--white); |
|
| 284 |
- border-radius: 50%; |
|
| 285 |
-} |
|
| 286 |
- |
|
| 287 |
- |
|
| 288 |
- |
|
| 289 |
-/* 모달 */ |
|
| 290 |
-.modal-wrapper {
|
|
| 291 |
- background-color: rgba(0, 0, 0, 0.5); |
|
| 292 |
- position: fixed; |
|
| 293 |
- width: 100%; |
|
| 294 |
- height: 100%; |
|
| 295 |
- top: 0; |
|
| 296 |
- left: 0; |
|
| 297 |
- display: flex; |
|
| 298 |
- justify-content: center; |
|
| 299 |
- align-items: center; |
|
| 300 |
- z-index: 11000; |
|
| 301 |
-} |
|
| 302 |
- |
|
| 303 |
-.modal-container {
|
|
| 304 |
- background: #fff; |
|
| 305 |
- min-width: 500px; |
|
| 306 |
- width: 35%; |
|
| 307 |
- /* height: 80%; */ |
|
| 308 |
- border-radius: 5px; |
|
| 309 |
- display: grid; |
|
| 310 |
- grid-template-rows: auto 1fr auto; |
|
| 311 |
- padding: 20px; |
|
| 312 |
- box-sizing: border-box; |
|
| 313 |
- max-height: 95%; |
|
| 314 |
- min-height: 500px; |
|
| 315 |
-} |
|
| 316 |
- |
|
| 317 |
-.modal-title {
|
|
| 318 |
- width: 100%; |
|
| 319 |
- border-bottom: 1px solid #d4cccc; |
|
| 320 |
- padding: 10px 0; |
|
| 321 |
-} |
|
| 322 |
- |
|
| 323 |
-.modal-subtitle {
|
|
| 324 |
- font-size: 1.3rem; |
|
| 325 |
- font-weight: 600; |
|
| 326 |
-} |
|
| 327 |
- |
|
| 328 |
-.modal-content-monthly {
|
|
| 329 |
- width: 100%; |
|
| 330 |
- padding: 20px 0; |
|
| 331 |
- overflow-y: auto; |
|
| 332 |
-} |
|
| 333 |
- |
|
| 334 |
-.large-modal {
|
|
| 335 |
- width: 90%; |
|
| 336 |
-} |
|
| 337 |
- |
|
| 338 |
-.medium-modal {
|
|
| 339 |
- width: 60%; |
|
| 340 |
-} |
|
| 341 |
- |
|
| 342 |
-.small-modal {
|
|
| 343 |
- min-width: 200px; |
|
| 344 |
- min-height: 200px; |
|
| 345 |
- max-width: 450px; |
|
| 346 |
- height: auto; |
|
| 347 |
- max-height: 50%; |
|
| 348 |
-} |
|
| 349 |
- |
|
| 350 |
-.list-modal {
|
|
| 351 |
- width: 80%; |
|
| 352 |
- height: 80%; |
|
| 353 |
-} |
|
| 354 |
- |
|
| 355 |
-.alert-write {
|
|
| 356 |
- font-size: 1.6rem; |
|
| 357 |
- line-height: 180%; |
|
| 358 |
-} |
|
| 359 |
- |
|
| 360 |
- |
|
| 361 |
-.modal-content-monthly::-webkit-scrollbar {
|
|
| 362 |
- width: 10px; |
|
| 363 |
-} |
|
| 364 |
- |
|
| 365 |
-.modal-content-monthly::-webkit-scrollbar-thumb {
|
|
| 366 |
- background-color: #6b6b6b; |
|
| 367 |
- border-radius: 10px; |
|
| 368 |
- background-clip: padding-box; |
|
| 369 |
- border: 2px solid transparent; |
|
| 370 |
-} |
|
| 371 |
- |
|
| 372 |
-.modal-content-monthly::-webkit-scrollbar-track {
|
|
| 373 |
- background-color: #eee; |
|
| 374 |
- border-radius: 10px; |
|
| 375 |
- box-shadow: inset 0px 0px 5px white; |
|
| 376 |
-} |
|
| 377 |
- |
|
| 378 |
-.modal-end {
|
|
| 379 |
- width: 100%; |
|
| 380 |
- padding: 15px 0; |
|
| 381 |
-} |
|
| 382 |
- |
|
| 383 |
-.alert-modal .modal-end button, |
|
| 384 |
-.small-modal .modal-end button {
|
|
| 385 |
- margin-left: 0; |
|
| 386 |
-} |
|
| 387 |
- |
|
| 388 |
-.full-input, |
|
| 389 |
-.full-select {
|
|
| 390 |
- width: 100%; |
|
| 391 |
-} |
|
| 392 |
- |
|
| 393 |
-.half-input, |
|
| 394 |
-.half-select {
|
|
| 395 |
- width: 50%; |
|
| 396 |
-} |
|
| 397 |
- |
|
| 398 |
- |
|
| 399 |
-/* table */ |
|
| 400 |
-.list-table .admin-list.list-table {
|
|
| 401 |
- border-top: 1px solid var(--light); |
|
| 402 |
- border-bottom: 1px solid var(--light); |
|
| 403 |
-} |
|
| 404 |
- |
|
| 405 |
-.admin-wrap .list-table thead th {
|
|
| 406 |
- background-color: var(--teal); |
|
| 407 |
- padding: 10px 0; |
|
| 408 |
- font-family: "yungju"; |
|
| 409 |
- font-size: 1.2rem; |
|
| 410 |
-} |
|
| 411 |
- |
|
| 412 |
-.list-table tbody tr, |
|
| 413 |
-.admin-list.list-table tbody tr, |
|
| 414 |
-.form-table2 tr {
|
|
| 415 |
- border-top: 1px solid var(--light); |
|
| 416 |
-} |
|
| 417 |
- |
|
| 418 |
-.admin-wrap .list-table tbody td, |
|
| 419 |
-.admin-list.list-table tbody td {
|
|
| 420 |
- font-size: 1.2rem; |
|
| 421 |
-} |
|
| 422 |
- |
|
| 423 |
-.list-table tbody tr:nth-child(even) {
|
|
| 424 |
- background-color: var(--sky-green); |
|
| 425 |
- |
|
| 426 |
-} |
|
| 427 |
- |
|
| 428 |
-.admin-wrap .admin-list.list-table thead th {
|
|
| 429 |
- background-color: var(--light); |
|
| 430 |
- font-family: "Pretendard-B"; |
|
| 431 |
- font-size: 1.2rem; |
|
| 432 |
-} |
|
| 433 |
- |
|
| 434 |
-.admin-list.list-table tbody tr:nth-child(even) {
|
|
| 435 |
- background-color: var(--background-white); |
|
| 436 |
- |
|
| 437 |
-} |
|
| 438 |
- |
|
| 439 |
-.admin-style .form-table, |
|
| 440 |
-.content-navigate {
|
|
| 441 |
- border-top: 1px solid var(--gray-dark); |
|
| 442 |
- border-bottom: 1px solid var(--gray-dark); |
|
| 443 |
-} |
|
| 444 |
- |
|
| 445 |
-.form-table {
|
|
| 446 |
- border-top: 1px solid var(--green); |
|
| 447 |
- border-bottom: 1px solid var(--green); |
|
| 448 |
-} |
|
| 449 |
- |
|
| 450 |
-.form-table2 {
|
|
| 451 |
- border: 1px solid var(--light); |
|
| 452 |
-} |
|
| 453 |
- |
|
| 454 |
-.form-table th, |
|
| 455 |
-.form-table td, |
|
| 456 |
-.form-table2 th, |
|
| 457 |
-.form-table2 td {
|
|
| 458 |
- padding: 1rem; |
|
| 459 |
- position: relative; |
|
| 460 |
-} |
|
| 461 |
- |
|
| 462 |
-.form-table2 th {
|
|
| 463 |
- background-color: var(--teal); |
|
| 464 |
- border-right: 1px solid var(--light); |
|
| 465 |
-} |
|
| 466 |
- |
|
| 467 |
-.form-table-adm th {
|
|
| 468 |
- background-color: var(--light); |
|
| 469 |
- border-right: 1px solid var(--white); |
|
| 470 |
-} |
|
| 471 |
- |
|
| 472 |
-.admin-style .form-table2 th {
|
|
| 473 |
- background-color: var(--light); |
|
| 474 |
- border-right: 1px solid var(--light); |
|
| 475 |
-} |
|
| 476 |
- |
|
| 477 |
-.form-table-style .form-table {
|
|
| 478 |
- border-top: none; |
|
| 479 |
- border-bottom: none; |
|
| 480 |
-} |
|
| 481 |
- |
|
| 482 |
-.detail-table {
|
|
| 483 |
- border-top: 2px solid var(--green); |
|
| 484 |
- border-bottom: 1px solid var(--green); |
|
| 485 |
-} |
|
| 486 |
- |
|
| 487 |
-.cmmn-table tr td:nth-of-type(2) {
|
|
| 488 |
- text-align: left; |
|
| 489 |
- overflow: hidden; |
|
| 490 |
- white-space: nowrap; |
|
| 491 |
- text-overflow: ellipsis; |
|
| 492 |
- word-break: break-all; |
|
| 493 |
-} |
|
| 494 |
- |
|
| 495 |
-.cmmn-table2 tr td:nth-of-type(2), |
|
| 496 |
-.cmmn-table2 tr td:nth-of-type(3) {
|
|
| 497 |
- text-align: left; |
|
| 498 |
-} |
|
| 499 |
-.admin-list.faq-table tbody tr:nth-child(even), |
|
| 500 |
-.list-table.faq-table tbody tr:nth-child(even) {
|
|
| 501 |
- background-color: var(--white); |
|
| 502 |
-} |
|
| 503 |
- |
|
| 504 |
-.admin-list.faq-table tbody tr.answer, |
|
| 505 |
-.list-table.faq-table tbody tr.answer {
|
|
| 506 |
- background-color: var(--sky-green); |
|
| 507 |
-} |
|
| 508 |
- |
|
| 509 |
- |
|
| 510 |
-.admin-detail {
|
|
| 511 |
- border-top: 2px solid var(--light); |
|
| 512 |
- border-bottom: 1px solid var(--light); |
|
| 513 |
-} |
|
| 514 |
- |
|
| 515 |
-.detail-table .detail-title{
|
|
| 516 |
- background-color: var(--white); |
|
| 517 |
- border-bottom: 1px solid var(--green); |
|
| 518 |
-} |
|
| 519 |
- |
|
| 520 |
- |
|
| 521 |
-.admin-detail .detail-title {
|
|
| 522 |
- background-color: var(--light); |
|
| 523 |
- border-bottom: 1px solid var(--blue); |
|
| 524 |
-} |
|
| 525 |
- |
|
| 526 |
-.detail-title td {
|
|
| 527 |
- padding: 2rem 1.5rem; |
|
| 528 |
-} |
|
| 529 |
- |
|
| 530 |
-.detail-table-title {
|
|
| 531 |
- font-size: 1.8rem; |
|
| 532 |
-} |
|
| 533 |
- |
|
| 534 |
-.complex-table th {
|
|
| 535 |
- border: 1px solid var(--white); |
|
| 536 |
-} |
|
| 537 |
- |
|
| 538 |
-.content-navigate tr {
|
|
| 539 |
- border-top: 1px solid var(--gray-dark); |
|
| 540 |
-} |
|
| 541 |
- |
|
| 542 |
-.content-navigate tr td:nth-of-type(1) {
|
|
| 543 |
- border-right: 1px solid var(--light); |
|
| 544 |
-} |
|
| 545 |
- |
|
| 546 |
- |
|
| 547 |
- |
|
| 548 |
-/* 파일찾기 및 필수 */ |
|
| 549 |
- |
|
| 550 |
-.form-table input[type="file"] {
|
|
| 551 |
- position: absolute; |
|
| 552 |
- width: 0; |
|
| 553 |
- height: 0; |
|
| 554 |
- padding: 0; |
|
| 555 |
- overflow: hidden; |
|
| 556 |
- border: 0; |
|
| 557 |
-} |
|
| 558 |
- |
|
| 559 |
-.filebox {
|
|
| 560 |
- height: 4rem; |
|
| 561 |
-} |
|
| 562 |
- |
|
| 563 |
-.filebox .upload-name {
|
|
| 564 |
- display: inline-block; |
|
| 565 |
- padding: 0.7rem 1rem; |
|
| 566 |
- vertical-align: middle; |
|
| 567 |
- border: 1px solid #dddddd; |
|
| 568 |
- color: #999999; |
|
| 569 |
-} |
|
| 570 |
- |
|
| 571 |
-.form-table label {
|
|
| 572 |
- display: inline-block; |
|
| 573 |
-} |
|
| 574 |
- |
|
| 575 |
-.essential {
|
|
| 576 |
- font-size: 1.3rem; |
|
| 577 |
-} |
|
| 578 |
- |
|
| 579 |
-.essential span {
|
|
| 580 |
- color: var(--red); |
|
| 581 |
-} |
|
| 582 |
- |
|
| 583 |
-.form-table th span, |
|
| 584 |
-.form-table-style .form-table label.form-title, |
|
| 585 |
-.form-table label.form-title {
|
|
| 586 |
- position: relative; |
|
| 587 |
-} |
|
| 588 |
- |
|
| 589 |
-.form-table th span::after, |
|
| 590 |
-.form-table-style .form-table label.form-title::after, |
|
| 591 |
-.form-table label.form-title::after {
|
|
| 592 |
- content: "*"; |
|
| 593 |
- color: var(--red); |
|
| 594 |
- position: absolute; |
|
| 595 |
- top: 0; |
|
| 596 |
- right: 0; |
|
| 597 |
- transform: translate(100%, -50%); |
|
| 598 |
-} |
|
| 599 |
- |
|
| 600 |
- |
|
| 601 |
- |
|
| 602 |
- |
|
| 603 |
-/* 서치 */ |
|
| 604 |
-.search-bar {
|
|
| 605 |
- position: relative; |
|
| 606 |
- /* border: 2px solid var(--tk-primary-40); |
|
| 607 |
- border-radius: 0.8rem; */ |
|
| 608 |
- height: 5.6rem; |
|
| 609 |
- width: 100%; |
|
| 610 |
- .box{
|
|
| 611 |
- position: relative; |
|
| 2 |
+.user-wrap{
|
|
| 3 |
+ .content {
|
|
| 4 |
+ width: 1400px; |
|
| 612 | 5 |
margin: 0 auto; |
| 613 |
- display: flex; |
|
| 614 |
- align-items: center; |
|
| 615 |
- border: 0; |
|
| 616 |
- padding: 12px; |
|
| 617 |
- background-color: transparent; |
|
| 618 |
- p{
|
|
| 619 |
- font-weight: 500; |
|
| 620 |
- } |
|
| 621 |
- .bar{
|
|
| 622 |
- width: 1px; |
|
| 623 |
- height: 16px; |
|
| 624 |
- background: #ccc; |
|
| 625 |
- margin-left: 12px; |
|
| 6 |
+ } |
|
| 7 |
+ |
|
| 8 |
+ .row {
|
|
| 9 |
+ padding-top: 5px; |
|
| 10 |
+ padding-bottom: 5px; |
|
| 11 |
+ } |
|
| 12 |
+ .box {
|
|
| 13 |
+ background-color: var(--white); |
|
| 14 |
+ padding: 2rem; |
|
| 15 |
+ border-radius: 10px; |
|
| 16 |
+ border: 0.1rem solid var(--tk-gray-40); |
|
| 17 |
+ |
|
| 18 |
+ } |
|
| 19 |
+ |
|
| 20 |
+ .page-title {
|
|
| 21 |
+ font-size: 3rem; |
|
| 22 |
+ font-weight: bold; |
|
| 23 |
+ color: var(--green); |
|
| 24 |
+ } |
|
| 25 |
+ |
|
| 26 |
+ .admin-page-title {
|
|
| 27 |
+ font-size:1.8rem; |
|
| 28 |
+ font-weight: bold; |
|
| 29 |
+ color: var(--blue); |
|
| 30 |
+ } |
|
| 31 |
+ |
|
| 32 |
+ .admin-sec-title {
|
|
| 33 |
+ font-size: 1.8rem; |
|
| 34 |
+ font-weight: bold; |
|
| 35 |
+ color: var(--blue); |
|
| 36 |
+ } |
|
| 37 |
+ |
|
| 38 |
+ .box-title {
|
|
| 39 |
+ font-size: 1.3rem; |
|
| 40 |
+ |
|
| 41 |
+ } |
|
| 42 |
+ |
|
| 43 |
+ .box-out-title {
|
|
| 44 |
+ font-size: 2.5rem; |
|
| 45 |
+ font-weight: bold; |
|
| 46 |
+ padding-bottom: 1rem; |
|
| 47 |
+ a{
|
|
| 48 |
+ font-size: 1.4rem; |
|
| 626 | 49 |
} |
| 627 | 50 |
} |
| 628 |
-} |
|
| 629 |
-.user-search-bar{
|
|
| 630 |
- border: 2px solid var(--tk-primary-40); |
|
| 631 |
- border-radius: 0.8rem; |
|
| 632 |
- overflow: hidden; |
|
| 633 |
-} |
|
| 634 |
- |
|
| 635 |
-.search-input{
|
|
| 636 |
- border: 0; |
|
| 637 |
- width: 80%; |
|
| 638 |
- height: 100%; |
|
| 639 | 51 |
|
| 52 |
+ .box-content {
|
|
| 53 |
+ font-size: 2rem; |
|
| 54 |
+ color: var(--blue); |
|
| 55 |
+ font-family: "GmarketSans-B"; |
|
| 56 |
+ } |
|
| 640 | 57 |
|
| 641 |
-} |
|
| 642 |
- |
|
| 643 |
-/* placeholder style */ |
|
| 644 |
-.search-input::-webkit-input-placeholder {
|
|
| 645 |
- color: #999999; |
|
| 646 |
- |
|
| 647 |
-} |
|
| 648 |
-.search-input::-moz-placeholder {
|
|
| 649 |
- color: #999999; |
|
| 650 |
-} |
|
| 651 |
-.search-input:-ms-input-placeholder {
|
|
| 652 |
- color: #999999; |
|
| 653 |
-} |
|
| 654 |
-.search-input::-ms-input-placeholder {
|
|
| 655 |
- color: #999999; |
|
| 656 |
-} |
|
| 657 |
-.search-bar:focus {
|
|
| 658 |
- /* 원하는 색상으로 변경 (예: 파란색) */ |
|
| 659 |
- |
|
| 660 |
- } |
|
| 661 |
- |
|
| 662 |
-.search-button {
|
|
| 663 |
- position: absolute; |
|
| 664 |
- top: 0; |
|
| 665 |
- right: 0; |
|
| 666 |
- background-color: #5089EF |
|
| 667 |
- ; |
|
| 668 |
- border-radius: 0 5px 5px 0; |
|
| 669 |
- padding: 1.5rem 1rem; |
|
| 670 |
-} |
|
| 671 |
- |
|
| 672 |
-.search-icon {
|
|
| 673 |
- color: #fff; |
|
| 674 |
-} |
|
| 675 |
- |
|
| 676 |
-.condition-input {
|
|
| 677 |
- border-left: 1px solid var(--dark); |
|
| 678 |
-} |
|
| 679 |
- |
|
| 680 |
-/*PAGINATION*/ |
|
| 681 |
- |
|
| 682 |
-.pagination-button-type {
|
|
| 683 |
- display: flex; |
|
| 684 |
- align-items: center; |
|
| 685 |
- justify-content: center; |
|
| 686 |
- font-size: 1.3rem; |
|
| 687 |
-} |
|
| 688 |
- |
|
| 689 |
-.pagination-button-type a {
|
|
| 690 |
- display: block; |
|
| 691 |
- text-align: center; |
|
| 692 |
- cursor: pointer; |
|
| 693 |
- border: 1px solid var(--dark); |
|
| 694 |
- padding: 0 7px; |
|
| 695 |
- border-radius: 0.5rem; |
|
| 696 |
-} |
|
| 697 |
- |
|
| 698 |
-/* 정우추가 */ |
|
| 699 |
-.pagination-button-type a.prev:after {
|
|
| 700 |
- content: "\003C"; |
|
| 701 |
- font-weight: 900; |
|
| 702 |
- |
|
| 703 |
-} |
|
| 704 |
- |
|
| 705 |
-.pagination-button-type a.next:after {
|
|
| 706 |
- content: "\003E"; |
|
| 707 |
- font-weight: 900; |
|
| 708 |
-} |
|
| 709 |
- |
|
| 710 |
-.pagination-button-type a.first-page:after {
|
|
| 711 |
- content: "\003C\003C"; |
|
| 712 |
- font-weight: 900; |
|
| 713 |
- |
|
| 714 |
-} |
|
| 715 |
- |
|
| 716 |
-.pagination-button-type a.end-page:after {
|
|
| 717 |
- content: "\003E\003E"; |
|
| 718 |
- font-weight: 900; |
|
| 719 |
- |
|
| 720 |
-} |
|
| 721 |
- |
|
| 722 |
-.pagination-button-type a.active {
|
|
| 723 |
- background-color: var(--green); |
|
| 724 |
- color: white; |
|
| 725 |
- cursor: default !important; |
|
| 726 |
-} |
|
| 727 |
- |
|
| 728 |
- |
|
| 729 |
- |
|
| 730 |
-/* 페이지 템플릿 */ |
|
| 731 |
-.gall-img {
|
|
| 732 |
- width: 100%; |
|
| 733 |
- height: 200px |
|
| 734 |
-} |
|
| 735 |
- |
|
| 736 |
-.gall-img>img {
|
|
| 737 |
- width: 100%; |
|
| 738 |
- height: 100%; |
|
| 739 |
- object-fit: cover; |
|
| 740 |
-} |
|
| 741 |
- |
|
| 742 |
- |
|
| 743 |
-/* 댓글 */ |
|
| 744 |
-.comment-zone {
|
|
| 745 |
- background-color: var(--skyblue); |
|
| 746 |
- border-radius: 1rem; |
|
| 747 |
-} |
|
| 748 |
- |
|
| 749 |
-.comment-zone2 {
|
|
| 750 |
- background-color: var(--background-white); |
|
| 751 |
- border-radius: 1rem; |
|
| 752 |
-} |
|
| 753 |
- |
|
| 754 |
-.comment-wrap {
|
|
| 755 |
- padding: 16px; |
|
| 756 |
- background-color: var(--white); |
|
| 757 |
-} |
|
| 758 |
- |
|
| 759 |
- |
|
| 760 |
- |
|
| 761 |
-.comment-item:not(:first-child) {
|
|
| 762 |
- border-top: 1px solid #ddd; |
|
| 763 |
-} |
|
| 764 |
- |
|
| 765 |
-.parents-nodes {
|
|
| 766 |
- padding-left: 8px; |
|
| 767 |
-} |
|
| 768 |
- |
|
| 769 |
-.children-nodes {
|
|
| 770 |
- padding-left: 8px; |
|
| 771 |
-} |
|
| 772 |
- |
|
| 773 |
-.comment-user, |
|
| 774 |
-.comment-text {
|
|
| 775 |
- font-size: 1.3rem; |
|
| 776 |
-} |
|
| 777 |
- |
|
| 778 |
-.comment-date {
|
|
| 779 |
- color: var(--gray); |
|
| 780 |
- font-size: 1.2; |
|
| 781 |
-} |
|
| 782 |
- |
|
| 783 |
-.reply-zone {
|
|
| 784 |
- position: relative; |
|
| 785 |
- margin-bottom: 10px; |
|
| 786 |
-} |
|
| 787 |
- |
|
| 788 |
-.reply-input {
|
|
| 789 |
- border-radius: 50px; |
|
| 790 |
-} |
|
| 791 |
- |
|
| 792 |
-.reply-btn {
|
|
| 793 |
- position: absolute; |
|
| 794 |
- border-radius: 50px; |
|
| 795 |
- top: 50%; |
|
| 796 |
- right: 6px; |
|
| 797 |
- transform: translateY(-50%); |
|
| 798 |
-} |
|
| 799 |
- |
|
| 800 |
-/* 팝업 */ |
|
| 801 |
-.popup-wrap {
|
|
| 802 |
- height: 100vh; |
|
| 803 |
-} |
|
| 804 |
- |
|
| 805 |
-.popup-container {
|
|
| 806 |
- width: 100%; |
|
| 807 |
- height: calc(100vh - 50px); |
|
| 808 |
-} |
|
| 809 |
- |
|
| 810 |
-/* 트리 */ |
|
| 811 |
-.p-tree {
|
|
| 812 |
- padding: 0.5rem 1rem; |
|
| 813 |
-} |
|
| 814 |
- |
|
| 815 |
-.node-name {
|
|
| 816 |
- width: 100%; |
|
| 817 |
- font-size: 1.2rem; |
|
| 818 |
- overflow: hidden; |
|
| 819 |
- white-space: nowrap; |
|
| 820 |
- text-overflow: ellipsis; |
|
| 821 |
- word-break: break-all; |
|
| 822 |
-} |
|
| 823 |
- |
|
| 824 |
-.selected {
|
|
| 825 |
- border: 1px solid var(--blue); |
|
| 826 |
- border-radius: 0.3rem; |
|
| 827 |
-} |
|
| 828 |
- |
|
| 829 |
-.ghost {
|
|
| 830 |
- height: 15px; |
|
| 831 |
- color: transparent; |
|
| 832 |
- border: 1px dashed var(--blue); |
|
| 833 |
-} |
|
| 834 |
- |
|
| 835 |
-.ghost * {
|
|
| 836 |
- display: none; |
|
| 837 |
-} |
|
| 838 |
- |
|
| 839 |
-/* 파일 목록 */ |
|
| 840 |
-.file-wrap p {
|
|
| 841 |
- display: block; |
|
| 842 |
- width: calc(100% - 15px); |
|
| 843 |
- white-space: nowrap; |
|
| 844 |
- text-overflow: ellipsis; |
|
| 845 |
- overflow: hidden; |
|
| 846 |
-} |
|
| 847 |
-.file-wrap button.del-btn {
|
|
| 848 |
- width: 15px; |
|
| 849 |
-} |
|
| 850 |
- |
|
| 851 |
-/* 목록형 공지사항 */ |
|
| 852 |
-.list_news {
|
|
| 853 |
- flex-wrap: nowrap; |
|
| 854 |
-} |
|
| 855 |
-.list_news ul {
|
|
| 856 |
- overflow: hidden; |
|
| 58 |
+ .chart-title {
|
|
| 59 |
+ font-size: 1.4rem; |
|
| 60 |
+ font-weight: bold; |
|
| 61 |
+ } |
|
| 857 | 62 |
|
| 858 |
-} |
|
| 859 |
-.list_news ul li.leli, .list_news ul li:nth-child(2n+1) {
|
|
| 860 |
-} |
|
| 861 |
-.list_news ul li {
|
|
| 862 |
- float: left; |
|
| 863 |
- position: relative; |
|
| 864 |
- width: 100%; |
|
| 865 |
- margin-bottom: 2px; |
|
| 866 |
-} |
|
| 867 |
-.list_news ul li a {
|
|
| 868 |
- display: block; |
|
| 869 |
- float: left; |
|
| 870 |
- width: 100%; |
|
| 871 |
- vertical-align: middle; |
|
| 872 |
- padding: 0 80px 0 8px; |
|
| 873 |
- white-space: nowrap; |
|
| 874 |
- text-overflow: ellipsis; |
|
| 875 |
- overflow: hidden; |
|
| 876 |
- line-height: 25px; |
|
| 877 |
- font-size: 15px; |
|
| 878 |
- color: #000; |
|
| 879 |
- font-weight: 400; |
|
| 880 |
-} |
|
| 881 |
-.list_news ul li span {
|
|
| 882 |
- position: absolute; |
|
| 883 |
- right: 0; |
|
| 884 |
- top: 2px; |
|
| 885 |
- margin-right: 0; |
|
| 886 |
- text-align: right; |
|
| 887 |
- font-size: 15px; |
|
| 888 |
- color: #999; |
|
| 889 |
- font-family: 'gothic'; |
|
| 890 |
- font-weight: 500; |
|
| 891 |
-} |
|
| 892 |
-.list_news ul li:before {
|
|
| 893 |
- content: ''; |
|
| 894 |
- display: inline-block; |
|
| 895 |
- width: 3px; |
|
| 896 |
- height: 3px; |
|
| 897 |
- border-radius: 50%; |
|
| 898 |
- background-color: #62656A; |
|
| 899 |
- position: absolute; |
|
| 900 |
- left: 0; |
|
| 901 |
- top: 50%; |
|
| 902 |
- margin-top: -1.5px; |
|
| 903 |
-} |
|
| 904 |
- |
|
| 905 |
- /* 메인 스와이퍼 슬라이드 */ |
|
| 906 |
- |
|
| 907 |
- .cardnews-zone{
|
|
| 908 |
- position: relative; |
|
| 909 |
- .swiper-button-next{
|
|
| 910 |
- right: -40px; |
|
| 63 |
+ .content-box {
|
|
| 64 |
+ height: calc(100% - 48px); |
|
| 65 |
+ /* background-color: aliceblue; */ |
|
| 66 |
+ } |
|
| 67 |
+ |
|
| 68 |
+ .detail-bold {
|
|
| 69 |
+ font-size: 1.6rem; |
|
| 70 |
+ font-weight: 700; |
|
| 71 |
+ } |
|
| 72 |
+ |
|
| 73 |
+ .detail-text {
|
|
| 74 |
+ font-size: 1.6rem; |
|
| 75 |
+ font-weight: 400; |
|
| 76 |
+ } |
|
| 77 |
+ |
|
| 78 |
+ .date-text {
|
|
| 79 |
+ font-size: 1.4rem; |
|
| 80 |
+ font-weight: 400; |
|
| 81 |
+ } |
|
| 82 |
+ |
|
| 83 |
+ .search-list {
|
|
| 84 |
+ .img-wrap {
|
|
| 85 |
+ height: 20rem; |
|
| 86 |
+ background-color: #EDF1F5; |
|
| 87 |
+ background-repeat: no-repeat; |
|
| 88 |
+ background-position: center; |
|
| 89 |
+ background-size: contain; |
|
| 90 |
+ border-radius: inherit; |
|
| 91 |
+ text-align: center; |
|
| 911 | 92 |
} |
| 912 |
- .swiper-button-prev{
|
|
| 913 |
- left: -40px; |
|
| 93 |
+ .img-wrap.main_1 {
|
|
| 94 |
+ background-image: url(https://uiux.egovframe.go.kr/resources/img/guide/contents/main/img_main_1.png); |
|
| 914 | 95 |
} |
| 915 |
-} |
|
| 916 |
- .swiper-pagination{ bottom: 0;
|
|
| 917 |
- left: 47%;} |
|
| 918 |
- |
|
| 919 |
- .swiper-container {
|
|
| 920 |
- width: 100%; |
|
| 921 |
- height: 100%; |
|
| 922 |
- position: relative; |
|
| 923 |
- overflow: hidden; |
|
| 924 |
- } |
|
| 925 |
- .swiper-wrapper{
|
|
| 926 |
- |
|
| 927 |
- } |
|
| 928 |
- li.swiper-slide{height: 383px;}
|
|
| 929 |
- .swiper-slide{height: 296px; }
|
|
| 930 |
- .swiper-slide img {
|
|
| 931 |
- width: 100%; |
|
| 932 |
- height: 100%; |
|
| 933 |
- background-color: #aaa; |
|
| 934 |
- text-align: center; |
|
| 935 |
- } |
|
| 936 |
- .community-zone{position: relative; overflow: hidden;
|
|
| 937 |
- .search-top-box{
|
|
| 938 |
- position: absolute; |
|
| 939 |
- left: 50%; |
|
| 940 |
- transform: translateX(-50%) translateY(-50%); |
|
| 941 |
- top: 50%; |
|
| 942 |
- z-index: 0; |
|
| 943 |
- } |
|
| 944 |
-} |
|
| 945 |
-.visual-zone {
|
|
| 946 |
- background-color: aliceblue; |
|
| 947 |
- height: 25rem; |
|
| 948 |
- .button {
|
|
| 949 |
- font-size: 0; |
|
| 950 |
- border: none; |
|
| 951 |
- background-color: transparent; |
|
| 952 |
- width: 35px; |
|
| 953 |
- height: 35px; |
|
| 954 |
- border: 1px solid #ddd; |
|
| 955 |
- border-radius: 50%; |
|
| 956 |
- display: inline-block; |
|
| 957 |
- vertical-align: middle; |
|
| 958 |
- cursor: pointer; |
|
| 959 |
- position: absolute; |
|
| 960 |
- transition: all 0.1s; |
|
| 961 |
- z-index: 1; |
|
| 962 |
- |
|
| 963 |
- } |
|
| 964 |
- .swiper-slide{height: 100%;
|
|
| 965 |
- } |
|
| 966 |
- /* 이전 버튼 (prev) */ |
|
| 967 |
- .swiper-button-prev {
|
|
| 968 |
- left: 20x; |
|
| 969 |
- &::after {
|
|
| 970 |
- content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 971 |
- background-image: url(../img/prev.svg); |
|
| 972 |
- background-size: cover; |
|
| 973 |
- width: 9px; |
|
| 974 |
- height: 13px; |
|
| 975 |
- display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 976 |
- position: absolute; |
|
| 977 |
- top: 50%; |
|
| 978 |
- left: 50%; |
|
| 979 |
- transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 980 |
- } |
|
| 981 |
- } |
|
| 982 |
- |
|
| 983 |
- /* 다음 버튼 (next) */ |
|
| 984 |
- .swiper-button-next {
|
|
| 985 |
- right: 10px; |
|
| 986 |
- &::after {
|
|
| 987 |
- content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 988 |
- background-image: url(../img/next.svg); |
|
| 989 |
- background-size: cover; |
|
| 990 |
- width: 9px; |
|
| 991 |
- height: 13px; |
|
| 992 |
- display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 993 |
- position: absolute; |
|
| 994 |
- top: 50%; |
|
| 995 |
- left: 50%; |
|
| 996 |
- transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 997 |
- } |
|
| 998 |
- } |
|
| 999 |
- .button.stop{
|
|
| 1000 |
- &::after {
|
|
| 1001 |
- content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 1002 |
- background-image: url(../img/stop.svg); |
|
| 1003 |
- background-size: cover; |
|
| 1004 |
- width: 9px; |
|
| 1005 |
- height: 13px; |
|
| 1006 |
- display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 1007 |
- position: absolute; |
|
| 1008 |
- top: 50%; |
|
| 1009 |
- left: 50%; |
|
| 1010 |
- transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 1011 |
- } |
|
| 1012 |
- } |
|
| 1013 |
- .button.play{
|
|
| 1014 |
- &::after {
|
|
| 1015 |
- content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 1016 |
- background-image: url(../img/play.svg); |
|
| 1017 |
- background-size: cover; |
|
| 1018 |
- width: 9px; |
|
| 1019 |
- height: 13px; |
|
| 1020 |
- display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 1021 |
- position: absolute; |
|
| 1022 |
- top: 50%; |
|
| 1023 |
- left: 50%; |
|
| 1024 |
- transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 1025 |
- } |
|
| 1026 |
- } |
|
| 1027 |
- } |
|
| 1028 |
- .quick-link {
|
|
| 1029 |
- display: flex |
|
| 1030 |
-; |
|
| 1031 |
- width: 100%; |
|
| 1032 |
- justify-content: space-between; |
|
| 1033 |
- align-items: flex-start; |
|
| 1034 |
- gap: 10px; |
|
| 1035 |
- transition: height 0.4s; |
|
| 1036 |
-} |
|
| 1037 |
- .quick-link li {
|
|
| 1038 |
- display: flex |
|
| 1039 |
-; |
|
| 1040 |
- align-items: center; |
|
| 1041 |
- flex-direction: column; |
|
| 1042 |
- width: 19%; |
|
| 1043 |
- padding: 10px; |
|
| 1044 |
- border-radius: 15px; |
|
| 1045 |
- border: 1px solid #EEE; |
|
| 1046 |
- background: #FFF; |
|
| 1047 |
- transition: all 0.3s; |
|
| 1048 |
- .link {
|
|
| 1049 |
- display: flex |
|
| 1050 |
- ; |
|
| 96 |
+ .conts-wrap {
|
|
| 97 |
+ display: flex; |
|
| 98 |
+ align-items: flex-start; |
|
| 99 |
+ justify-content: flex-start; |
|
| 1051 | 100 |
flex-direction: column; |
| 101 |
+ padding: 2.4rem 0 0 0 ; |
|
| 102 |
+ gap: 1.2rem; |
|
| 103 |
+ width: 100%; |
|
| 104 |
+ color: var(--tk-gray-70); |
|
| 105 |
+ } |
|
| 106 |
+ .conts-wrap .tit {
|
|
| 107 |
+ font-size: 1.9rem; |
|
| 108 |
+ } |
|
| 109 |
+ .desc{height: 51px;
|
|
| 110 |
+ display: -webkit-box; |
|
| 111 |
+ white-space: normal; |
|
| 112 |
+ word-wrap: break-word; |
|
| 113 |
+ -webkit-line-clamp: 2; |
|
| 114 |
+ -webkit-box-orient: vertical; |
|
| 115 |
+ overflow: hidden; |
|
| 116 |
+ } |
|
| 117 |
+ } |
|
| 118 |
+ |
|
| 119 |
+ /* btn */ |
|
| 120 |
+ .small-btn {
|
|
| 121 |
+ width: 120px; |
|
| 122 |
+ padding: 0.7rem 1rem; |
|
| 123 |
+ border-radius: 0.5rem; |
|
| 124 |
+ font-size: 1.5rem; |
|
| 125 |
+ } |
|
| 126 |
+ |
|
| 127 |
+ .large-btn {
|
|
| 128 |
+ width: 100%; |
|
| 129 |
+ padding: 0.5rem 0; |
|
| 130 |
+ border-radius: 0.5rem; |
|
| 131 |
+ } |
|
| 132 |
+ |
|
| 133 |
+ .icon-btn {
|
|
| 134 |
+ padding: 0.5rem; |
|
| 135 |
+ border-radius: 50%; |
|
| 136 |
+ } |
|
| 137 |
+ |
|
| 138 |
+ .close-btn {
|
|
| 139 |
+ font-size: 1.6rem; |
|
| 140 |
+ font-weight: 900; |
|
| 141 |
+ } |
|
| 142 |
+ |
|
| 143 |
+ .logout-btn {
|
|
| 144 |
+ padding: 0.5rem 1rem; |
|
| 145 |
+ color: var(--dark); |
|
| 146 |
+ position: relative; |
|
| 147 |
+ font-size: 1.6rem; |
|
| 148 |
+ } |
|
| 149 |
+ |
|
| 150 |
+ .logout-btn::before {
|
|
| 151 |
+ content: ""; |
|
| 152 |
+ width: 1px; |
|
| 153 |
+ height: 10px; |
|
| 154 |
+ position: absolute; |
|
| 155 |
+ top: 50%; |
|
| 156 |
+ left: 0; |
|
| 157 |
+ transform: translateY(-50%); |
|
| 158 |
+ background-color: #aaa; |
|
| 159 |
+ } |
|
| 160 |
+ |
|
| 161 |
+ .close-btn {
|
|
| 162 |
+ color: #d6def6; |
|
| 163 |
+ } |
|
| 164 |
+ |
|
| 165 |
+ .comment-btn {
|
|
| 166 |
+ width: 100%; |
|
| 167 |
+ height: 6.5rem; |
|
| 168 |
+ max-height: 6.5rem |
|
| 169 |
+ } |
|
| 170 |
+ |
|
| 171 |
+ .blue-btn, |
|
| 172 |
+ .blue-border-btn:hover {
|
|
| 173 |
+ background-color: var(--blue); |
|
| 174 |
+ color: var(--white); |
|
| 175 |
+ transition: all 0.3s ease-in-out; |
|
| 176 |
+ } |
|
| 177 |
+ |
|
| 178 |
+ .red-btn, |
|
| 179 |
+ .red-border-btn:hover {
|
|
| 180 |
+ background-color: var(--red); |
|
| 181 |
+ color: var(--white); |
|
| 182 |
+ transition: all 0.3s ease-in-out; |
|
| 183 |
+ } |
|
| 184 |
+ |
|
| 185 |
+ .green-btn, |
|
| 186 |
+ .green-border-btn:hover {
|
|
| 187 |
+ background-color: var(--green); |
|
| 188 |
+ color: var(--white); |
|
| 189 |
+ transition: all 0.3s ease-in-out; |
|
| 190 |
+ } |
|
| 191 |
+ |
|
| 192 |
+ .orange-btn, |
|
| 193 |
+ .orange-border-btn:hover {
|
|
| 194 |
+ background-color: var(--orange); |
|
| 195 |
+ color: var(--white); |
|
| 196 |
+ transition: all 0.3s ease-in-out; |
|
| 197 |
+ } |
|
| 198 |
+ |
|
| 199 |
+ .darkg-btn, |
|
| 200 |
+ .darkg-border-btn:hover {
|
|
| 201 |
+ background-color: var(--gray-dark); |
|
| 202 |
+ color: var(--white); |
|
| 203 |
+ transition: all 0.3s ease-in-out; |
|
| 204 |
+ } |
|
| 205 |
+ |
|
| 206 |
+ .gray-btn, |
|
| 207 |
+ .gray-border-btn:hover {
|
|
| 208 |
+ background-color: #eee; |
|
| 209 |
+ color: #333; |
|
| 210 |
+ transition: all 0.3s ease-in-out; |
|
| 211 |
+ } |
|
| 212 |
+ |
|
| 213 |
+ |
|
| 214 |
+ .blue-border-btn {
|
|
| 215 |
+ border: 1px solid var(--blue); |
|
| 216 |
+ color: var(--blue); |
|
| 217 |
+ background-color: var(--white); |
|
| 218 |
+ } |
|
| 219 |
+ |
|
| 220 |
+ .red-border-btn {
|
|
| 221 |
+ border: 1px solid var(--red); |
|
| 222 |
+ color: var(--red); |
|
| 223 |
+ background-color: var(--white); |
|
| 224 |
+ } |
|
| 225 |
+ |
|
| 226 |
+ .green-border-btn {
|
|
| 227 |
+ border: 1px solid var(--green); |
|
| 228 |
+ color: var(--green); |
|
| 229 |
+ background-color: var(--white); |
|
| 230 |
+ } |
|
| 231 |
+ |
|
| 232 |
+ .orange-border-btn {
|
|
| 233 |
+ border: 1px solid var(--orange); |
|
| 234 |
+ color: var(--orange); |
|
| 235 |
+ background-color: var(--white); |
|
| 236 |
+ } |
|
| 237 |
+ |
|
| 238 |
+ .darkg-border-btn {
|
|
| 239 |
+ border: 1px solid var(--gray-dark); |
|
| 240 |
+ color: var(--gray-dark); |
|
| 241 |
+ background-color: var(--white); |
|
| 242 |
+ } |
|
| 243 |
+ |
|
| 244 |
+ .gray-border-btn {
|
|
| 245 |
+ border: 1px solid #aaa; |
|
| 246 |
+ color: #aaa; |
|
| 247 |
+ background-color: var(--white); |
|
| 248 |
+ } |
|
| 249 |
+ |
|
| 250 |
+ .white-border-btn {
|
|
| 251 |
+ border: 1px solid var(--white); |
|
| 252 |
+ color: var(--white); |
|
| 253 |
+ background-color: transparent; |
|
| 254 |
+ } |
|
| 255 |
+ |
|
| 256 |
+ .tp-btn {
|
|
| 257 |
+ background-color: transparent; |
|
| 258 |
+ width: 15px; |
|
| 259 |
+ height: 15px; |
|
| 260 |
+ margin-left: 10px; |
|
| 261 |
+ } |
|
| 262 |
+ |
|
| 263 |
+ button:disabled {
|
|
| 264 |
+ background-color: #eee; |
|
| 265 |
+ color: #333; |
|
| 266 |
+ } |
|
| 267 |
+ |
|
| 268 |
+ .del-icon-btn {
|
|
| 269 |
+ width: 25px; |
|
| 270 |
+ height: 25px; |
|
| 271 |
+ padding: 5px; |
|
| 272 |
+ background-color: var(--red); |
|
| 273 |
+ color: var(--white); |
|
| 274 |
+ border-radius: 50%; |
|
| 275 |
+ } |
|
| 276 |
+ |
|
| 277 |
+ .set-icon-btn {
|
|
| 278 |
+ width: 25px; |
|
| 279 |
+ height: 25px; |
|
| 280 |
+ padding: 5px; |
|
| 281 |
+ background-color: var(--darkG); |
|
| 282 |
+ color: var(--white); |
|
| 283 |
+ border-radius: 50%; |
|
| 284 |
+ } |
|
| 285 |
+ |
|
| 286 |
+ |
|
| 287 |
+ |
|
| 288 |
+ /* 모달 */ |
|
| 289 |
+ .modal-wrapper {
|
|
| 290 |
+ background-color: rgba(0, 0, 0, 0.5); |
|
| 291 |
+ position: fixed; |
|
| 292 |
+ width: 100%; |
|
| 293 |
+ height: 100%; |
|
| 294 |
+ top: 0; |
|
| 295 |
+ left: 0; |
|
| 296 |
+ display: flex; |
|
| 1052 | 297 |
justify-content: center; |
| 1053 | 298 |
align-items: center; |
| 1054 |
- width: 144px; |
|
| 1055 |
- color: #000; |
|
| 1056 |
- text-align: center; |
|
| 299 |
+ z-index: 11000; |
|
| 1057 | 300 |
} |
| 1058 |
- .icon.n1 {
|
|
| 1059 |
- background-image: url(../img/A00.svg); |
|
| 1060 |
- width: 51px; |
|
| 1061 |
- height: 50px; |
|
| 301 |
+ |
|
| 302 |
+ .modal-container {
|
|
| 303 |
+ background: #fff; |
|
| 304 |
+ min-width: 500px; |
|
| 305 |
+ width: 35%; |
|
| 306 |
+ /* height: 80%; */ |
|
| 307 |
+ border-radius: 5px; |
|
| 308 |
+ display: grid; |
|
| 309 |
+ grid-template-rows: auto 1fr auto; |
|
| 310 |
+ padding: 20px; |
|
| 311 |
+ box-sizing: border-box; |
|
| 312 |
+ max-height: 95%; |
|
| 313 |
+ min-height: 500px; |
|
| 1062 | 314 |
} |
| 1063 |
-} |
|
| 1064 |
- |
|
| 1065 |
-.banner-zone{
|
|
| 1066 |
- padding: 32px 40px; |
|
| 1067 |
- background-color: #081943; |
|
| 1068 |
- border-radius: 16px; |
|
| 1069 |
- -webkit-border-radius: 16px; |
|
| 1070 |
- position: relative; |
|
| 1071 |
- .btn_link {
|
|
| 1072 |
- position: absolute; |
|
| 1073 |
- right: 40px; |
|
| 1074 |
- top: 50%; |
|
| 1075 |
- padding-right: 37px; |
|
| 1076 |
- margin-top: -12px; |
|
| 1077 |
- height: 24px; |
|
| 1078 |
- line-height: 24px; |
|
| 1079 |
- color: #fff; |
|
| 1080 |
- font-size: 17px; |
|
| 1081 |
- font-weight: 300; |
|
| 1082 |
- background-image: url(../img/circle_arrow.png); |
|
| 1083 |
- background-repeat: no-repeat; |
|
| 1084 |
- background-position: right center; |
|
| 1085 |
- font-family: 'Noto Sans KR'; |
|
| 315 |
+ |
|
| 316 |
+ .modal-title {
|
|
| 317 |
+ width: 100%; |
|
| 318 |
+ border-bottom: 1px solid #d4cccc; |
|
| 319 |
+ padding: 10px 0; |
|
| 1086 | 320 |
} |
| 1087 |
- .banner_txt {
|
|
| 1088 |
- color: #fff; |
|
| 1089 |
- } |
|
| 1090 |
- .banner_txt span {
|
|
| 1091 |
- display: block; |
|
| 1092 |
- font-size: 20px; |
|
| 1093 |
- font-weight: 300; |
|
| 1094 |
- line-height: 20px; |
|
| 1095 |
- } |
|
| 1096 |
- .banner_txt span + span {
|
|
| 1097 |
- margin-top: 16px; |
|
| 1098 |
- } |
|
| 1099 |
- .banner_txt strong {
|
|
| 1100 |
- font-size: 28px; |
|
| 1101 |
- line-height: 28px; |
|
| 1102 |
- } |
|
| 1103 |
-} |
|
| 1104 |
-.best_service h4 {
|
|
| 1105 |
- font-weight: 300; |
|
| 1106 |
- font-size: 24px; |
|
| 1107 |
- line-height: 24px; |
|
| 1108 |
- color: #26282c; |
|
| 1109 |
- strong {
|
|
| 321 |
+ |
|
| 322 |
+ .modal-subtitle {
|
|
| 323 |
+ font-size: 1.3rem; |
|
| 1110 | 324 |
font-weight: 600; |
| 1111 | 325 |
} |
| 1112 |
- span {
|
|
| 1113 |
- display: inline-block; |
|
| 1114 |
- margin-right: 10px; |
|
| 1115 |
- padding: 0 11px; |
|
| 1116 |
- height: 24px; |
|
| 1117 |
- line-height: 22px; |
|
| 1118 |
- vertical-align: middle; |
|
| 1119 |
- color: #fff; |
|
| 1120 |
- font-weight: 600; |
|
| 1121 |
- font-size: 16px; |
|
| 1122 |
- background-color: #000; |
|
| 326 |
+ |
|
| 327 |
+ .modal-content-monthly {
|
|
| 328 |
+ width: 100%; |
|
| 329 |
+ padding: 20px 0; |
|
| 330 |
+ overflow-y: auto; |
|
| 331 |
+ } |
|
| 332 |
+ |
|
| 333 |
+ .large-modal {
|
|
| 334 |
+ width: 90%; |
|
| 335 |
+ } |
|
| 336 |
+ |
|
| 337 |
+ .medium-modal {
|
|
| 338 |
+ width: 60%; |
|
| 339 |
+ } |
|
| 340 |
+ |
|
| 341 |
+ .small-modal {
|
|
| 342 |
+ min-width: 200px; |
|
| 343 |
+ min-height: 200px; |
|
| 344 |
+ max-width: 450px; |
|
| 345 |
+ height: auto; |
|
| 346 |
+ max-height: 50%; |
|
| 347 |
+ } |
|
| 348 |
+ |
|
| 349 |
+ .list-modal {
|
|
| 350 |
+ width: 80%; |
|
| 351 |
+ height: 80%; |
|
| 352 |
+ } |
|
| 353 |
+ |
|
| 354 |
+ .alert-write {
|
|
| 355 |
+ font-size: 1.6rem; |
|
| 356 |
+ line-height: 180%; |
|
| 357 |
+ } |
|
| 358 |
+ |
|
| 359 |
+ |
|
| 360 |
+ .modal-content-monthly::-webkit-scrollbar {
|
|
| 361 |
+ width: 10px; |
|
| 362 |
+ } |
|
| 363 |
+ |
|
| 364 |
+ .modal-content-monthly::-webkit-scrollbar-thumb {
|
|
| 365 |
+ background-color: #6b6b6b; |
|
| 1123 | 366 |
border-radius: 10px; |
| 1124 |
- -webkit-border-radius: 10px; |
|
| 1125 |
- -moz-border-radius: 10px; |
|
| 1126 |
- -ms-border-radius: 10px; |
|
| 1127 |
- -o-border-radius: 10px; |
|
| 367 |
+ background-clip: padding-box; |
|
| 368 |
+ border: 2px solid transparent; |
|
| 1128 | 369 |
} |
| 1129 |
-} |
|
| 1130 |
-.service_wrap {
|
|
| 1131 |
- position: relative; |
|
| 1132 |
- margin-top: 21px; |
|
| 1133 |
- overflow: hidden; |
|
| 1134 |
- border: 1px solid #dde1e4; |
|
| 1135 |
- border-radius: 16px; |
|
| 1136 |
- -webkit-border-radius: 16px; |
|
| 1137 |
- -moz-border-radius: 16px; |
|
| 1138 |
- -ms-border-radius: 16px; |
|
| 1139 |
- -o-border-radius: 16px; |
|
| 1140 |
- .best1 {
|
|
| 1141 |
- background-color: #e2ffe9; |
|
| 1142 |
- a { display: block;
|
|
| 1143 |
- img{
|
|
| 1144 |
- width: 100%; height: 100%; |
|
| 1145 |
- object-fit: cover; |
|
| 1146 |
- opacity: 0.5; |
|
| 1147 |
- } |
|
| 370 |
+ |
|
| 371 |
+ .modal-content-monthly::-webkit-scrollbar-track {
|
|
| 372 |
+ background-color: #eee; |
|
| 373 |
+ border-radius: 10px; |
|
| 374 |
+ box-shadow: inset 0px 0px 5px white; |
|
| 375 |
+ } |
|
| 376 |
+ |
|
| 377 |
+ .modal-end {
|
|
| 378 |
+ width: 100%; |
|
| 379 |
+ padding: 15px 0; |
|
| 380 |
+ } |
|
| 381 |
+ |
|
| 382 |
+ .alert-modal .modal-end button, |
|
| 383 |
+ .small-modal .modal-end button {
|
|
| 384 |
+ margin-left: 0; |
|
| 385 |
+ } |
|
| 386 |
+ |
|
| 387 |
+ .full-input, |
|
| 388 |
+ .full-select {
|
|
| 389 |
+ width: 100%; |
|
| 390 |
+ } |
|
| 391 |
+ |
|
| 392 |
+ .half-input, |
|
| 393 |
+ .half-select {
|
|
| 394 |
+ width: 50%; |
|
| 395 |
+ } |
|
| 396 |
+ |
|
| 397 |
+ |
|
| 398 |
+ /* table */ |
|
| 399 |
+ .list-table .admin-list.list-table {
|
|
| 400 |
+ border-top: 1px solid var(--light); |
|
| 401 |
+ border-bottom: 1px solid var(--light); |
|
| 402 |
+ } |
|
| 403 |
+ |
|
| 404 |
+ .admin-wrap .list-table thead th {
|
|
| 405 |
+ background-color: var(--teal); |
|
| 406 |
+ padding: 10px 0; |
|
| 407 |
+ font-family: "yungju"; |
|
| 408 |
+ font-size: 1.2rem; |
|
| 409 |
+ } |
|
| 410 |
+ |
|
| 411 |
+ .list-table tbody tr, |
|
| 412 |
+ .admin-list.list-table tbody tr, |
|
| 413 |
+ .form-table2 tr {
|
|
| 414 |
+ border-top: 1px solid var(--light); |
|
| 415 |
+ } |
|
| 416 |
+ |
|
| 417 |
+ .admin-wrap .list-table tbody td, |
|
| 418 |
+ .admin-list.list-table tbody td {
|
|
| 419 |
+ font-size: 1.2rem; |
|
| 420 |
+ } |
|
| 421 |
+ |
|
| 422 |
+ .list-table tbody tr:nth-child(even) {
|
|
| 423 |
+ background-color: var(--sky-green); |
|
| 424 |
+ |
|
| 425 |
+ } |
|
| 426 |
+ |
|
| 427 |
+ .admin-wrap .admin-list.list-table thead th {
|
|
| 428 |
+ background-color: var(--light); |
|
| 429 |
+ font-family: "Pretendard-B"; |
|
| 430 |
+ font-size: 1.2rem; |
|
| 431 |
+ } |
|
| 432 |
+ |
|
| 433 |
+ .admin-list.list-table tbody tr:nth-child(even) {
|
|
| 434 |
+ background-color: var(--background-white); |
|
| 435 |
+ |
|
| 436 |
+ } |
|
| 437 |
+ |
|
| 438 |
+ .admin-style .form-table, |
|
| 439 |
+ .content-navigate {
|
|
| 440 |
+ border-top: 1px solid var(--gray-dark); |
|
| 441 |
+ border-bottom: 1px solid var(--gray-dark); |
|
| 442 |
+ } |
|
| 443 |
+ |
|
| 444 |
+ .form-table {
|
|
| 445 |
+ border-top: 1px solid var(--green); |
|
| 446 |
+ border-bottom: 1px solid var(--green); |
|
| 447 |
+ } |
|
| 448 |
+ |
|
| 449 |
+ .form-table2 {
|
|
| 450 |
+ border: 1px solid var(--light); |
|
| 451 |
+ } |
|
| 452 |
+ |
|
| 453 |
+ .form-table th, |
|
| 454 |
+ .form-table td, |
|
| 455 |
+ .form-table2 th, |
|
| 456 |
+ .form-table2 td {
|
|
| 457 |
+ padding: 1rem; |
|
| 458 |
+ position: relative; |
|
| 459 |
+ } |
|
| 460 |
+ |
|
| 461 |
+ .form-table2 th {
|
|
| 462 |
+ background-color: var(--teal); |
|
| 463 |
+ border-right: 1px solid var(--light); |
|
| 464 |
+ } |
|
| 465 |
+ |
|
| 466 |
+ .form-table-adm th {
|
|
| 467 |
+ background-color: var(--light); |
|
| 468 |
+ border-right: 1px solid var(--white); |
|
| 469 |
+ } |
|
| 470 |
+ |
|
| 471 |
+ .admin-style .form-table2 th {
|
|
| 472 |
+ background-color: var(--light); |
|
| 473 |
+ border-right: 1px solid var(--light); |
|
| 474 |
+ } |
|
| 475 |
+ |
|
| 476 |
+ .form-table-style .form-table {
|
|
| 477 |
+ border-top: none; |
|
| 478 |
+ border-bottom: none; |
|
| 479 |
+ } |
|
| 480 |
+ |
|
| 481 |
+ .detail-table {
|
|
| 482 |
+ border-top: 2px solid var(--green); |
|
| 483 |
+ border-bottom: 1px solid var(--green); |
|
| 484 |
+ } |
|
| 485 |
+ |
|
| 486 |
+ .cmmn-table tr td:nth-of-type(2) {
|
|
| 487 |
+ text-align: left; |
|
| 488 |
+ overflow: hidden; |
|
| 489 |
+ white-space: nowrap; |
|
| 490 |
+ text-overflow: ellipsis; |
|
| 491 |
+ word-break: break-all; |
|
| 492 |
+ } |
|
| 493 |
+ |
|
| 494 |
+ .cmmn-table2 tr td:nth-of-type(2), |
|
| 495 |
+ .cmmn-table2 tr td:nth-of-type(3) {
|
|
| 496 |
+ text-align: left; |
|
| 497 |
+ } |
|
| 498 |
+ .admin-list.faq-table tbody tr:nth-child(even), |
|
| 499 |
+ .list-table.faq-table tbody tr:nth-child(even) {
|
|
| 500 |
+ background-color: var(--white); |
|
| 501 |
+ } |
|
| 502 |
+ |
|
| 503 |
+ .admin-list.faq-table tbody tr.answer, |
|
| 504 |
+ .list-table.faq-table tbody tr.answer {
|
|
| 505 |
+ background-color: var(--sky-green); |
|
| 506 |
+ } |
|
| 507 |
+ |
|
| 508 |
+ |
|
| 509 |
+ .admin-detail {
|
|
| 510 |
+ border-top: 2px solid var(--light); |
|
| 511 |
+ border-bottom: 1px solid var(--light); |
|
| 512 |
+ } |
|
| 513 |
+ |
|
| 514 |
+ .detail-table .detail-title{
|
|
| 515 |
+ background-color: var(--white); |
|
| 516 |
+ border-bottom: 1px solid var(--green); |
|
| 517 |
+ } |
|
| 518 |
+ |
|
| 519 |
+ |
|
| 520 |
+ .admin-detail .detail-title {
|
|
| 521 |
+ background-color: var(--light); |
|
| 522 |
+ border-bottom: 1px solid var(--blue); |
|
| 523 |
+ } |
|
| 524 |
+ |
|
| 525 |
+ .detail-title td {
|
|
| 526 |
+ padding: 2rem 1.5rem; |
|
| 527 |
+ } |
|
| 528 |
+ |
|
| 529 |
+ .detail-table-title {
|
|
| 530 |
+ font-size: 1.8rem; |
|
| 531 |
+ } |
|
| 532 |
+ |
|
| 533 |
+ .complex-table th {
|
|
| 534 |
+ border: 1px solid var(--white); |
|
| 535 |
+ } |
|
| 536 |
+ |
|
| 537 |
+ .content-navigate tr {
|
|
| 538 |
+ border-top: 1px solid var(--gray-dark); |
|
| 539 |
+ } |
|
| 540 |
+ |
|
| 541 |
+ .content-navigate tr td:nth-of-type(1) {
|
|
| 542 |
+ border-right: 1px solid var(--light); |
|
| 543 |
+ } |
|
| 544 |
+ |
|
| 545 |
+ |
|
| 546 |
+ |
|
| 547 |
+ /* 파일찾기 및 필수 */ |
|
| 548 |
+ |
|
| 549 |
+ .form-table input[type="file"] {
|
|
| 550 |
+ position: absolute; |
|
| 551 |
+ width: 0; |
|
| 552 |
+ height: 0; |
|
| 553 |
+ padding: 0; |
|
| 554 |
+ overflow: hidden; |
|
| 555 |
+ border: 0; |
|
| 556 |
+ } |
|
| 557 |
+ |
|
| 558 |
+ .filebox {
|
|
| 559 |
+ height: 4rem; |
|
| 560 |
+ } |
|
| 561 |
+ |
|
| 562 |
+ .filebox .upload-name {
|
|
| 563 |
+ display: inline-block; |
|
| 564 |
+ padding: 0.7rem 1rem; |
|
| 565 |
+ vertical-align: middle; |
|
| 566 |
+ border: 1px solid #dddddd; |
|
| 567 |
+ color: #999999; |
|
| 568 |
+ } |
|
| 569 |
+ |
|
| 570 |
+ .form-table label {
|
|
| 571 |
+ display: inline-block; |
|
| 572 |
+ } |
|
| 573 |
+ |
|
| 574 |
+ .essential {
|
|
| 575 |
+ font-size: 1.3rem; |
|
| 576 |
+ } |
|
| 577 |
+ |
|
| 578 |
+ .essential span {
|
|
| 579 |
+ color: var(--red); |
|
| 580 |
+ } |
|
| 581 |
+ |
|
| 582 |
+ .form-table th span, |
|
| 583 |
+ .form-table-style .form-table label.form-title, |
|
| 584 |
+ .form-table label.form-title {
|
|
| 585 |
+ position: relative; |
|
| 586 |
+ } |
|
| 587 |
+ |
|
| 588 |
+ .form-table th span::after, |
|
| 589 |
+ .form-table-style .form-table label.form-title::after, |
|
| 590 |
+ .form-table label.form-title::after {
|
|
| 591 |
+ content: "*"; |
|
| 592 |
+ color: var(--red); |
|
| 593 |
+ position: absolute; |
|
| 594 |
+ top: 0; |
|
| 595 |
+ right: 0; |
|
| 596 |
+ transform: translate(100%, -50%); |
|
| 597 |
+ } |
|
| 598 |
+ |
|
| 599 |
+ |
|
| 600 |
+ |
|
| 601 |
+ |
|
| 602 |
+ /* 서치 */ |
|
| 603 |
+ .search-bar {
|
|
| 604 |
+ position: relative; |
|
| 605 |
+ /* border: 2px solid var(--tk-primary-40); |
|
| 606 |
+ border-radius: 0.8rem; */ |
|
| 607 |
+ height: 5.6rem; |
|
| 608 |
+ width: 100%; |
|
| 609 |
+ .box{
|
|
| 610 |
+ position: relative; |
|
| 611 |
+ margin: 0 auto; |
|
| 612 |
+ display: flex; |
|
| 613 |
+ align-items: center; |
|
| 614 |
+ border: 0; |
|
| 615 |
+ padding: 12px; |
|
| 616 |
+ background-color: transparent; |
|
| 617 |
+ p{
|
|
| 618 |
+ font-weight: 500; |
|
| 619 |
+ } |
|
| 620 |
+ .bar{
|
|
| 621 |
+ width: 1px; |
|
| 622 |
+ height: 16px; |
|
| 623 |
+ background: #ccc; |
|
| 624 |
+ margin-left: 12px; |
|
| 625 |
+ } |
|
| 1148 | 626 |
} |
| 1149 | 627 |
} |
| 1150 |
- .txt{position: absolute; top: 30px; left: 30px;}
|
|
| 1151 |
- .label_tag {
|
|
| 628 |
+ .user-search-bar{
|
|
| 629 |
+ border: 2px solid var(--tk-primary-40); |
|
| 630 |
+ border-radius: 0.8rem; |
|
| 631 |
+ overflow: hidden; |
|
| 632 |
+ } |
|
| 633 |
+ |
|
| 634 |
+ .search-input{
|
|
| 635 |
+ border: 0; |
|
| 636 |
+ width: 80%; |
|
| 637 |
+ height: 100%; |
|
| 638 |
+ |
|
| 639 |
+ |
|
| 640 |
+ } |
|
| 641 |
+ |
|
| 642 |
+ /* placeholder style */ |
|
| 643 |
+ .search-input::-webkit-input-placeholder {
|
|
| 644 |
+ color: #999999; |
|
| 645 |
+ |
|
| 646 |
+ } |
|
| 647 |
+ .search-input::-moz-placeholder {
|
|
| 648 |
+ color: #999999; |
|
| 649 |
+ } |
|
| 650 |
+ .search-input:-ms-input-placeholder {
|
|
| 651 |
+ color: #999999; |
|
| 652 |
+ } |
|
| 653 |
+ .search-input::-ms-input-placeholder {
|
|
| 654 |
+ color: #999999; |
|
| 655 |
+ } |
|
| 656 |
+ .search-bar:focus {
|
|
| 657 |
+ /* 원하는 색상으로 변경 (예: 파란색) */ |
|
| 658 |
+ |
|
| 659 |
+ } |
|
| 660 |
+ |
|
| 661 |
+ .search-button {
|
|
| 662 |
+ position: absolute; |
|
| 663 |
+ top: 0; |
|
| 664 |
+ right: 0; |
|
| 665 |
+ background-color: #5089EF |
|
| 666 |
+ ; |
|
| 667 |
+ border-radius: 0 5px 5px 0; |
|
| 668 |
+ padding: 1.5rem 1rem; |
|
| 669 |
+ } |
|
| 670 |
+ |
|
| 671 |
+ .search-icon {
|
|
| 672 |
+ color: #fff; |
|
| 673 |
+ } |
|
| 674 |
+ |
|
| 675 |
+ .condition-input {
|
|
| 676 |
+ border-left: 1px solid var(--dark); |
|
| 677 |
+ } |
|
| 678 |
+ |
|
| 679 |
+ /*PAGINATION*/ |
|
| 680 |
+ |
|
| 681 |
+ .pagination-button-type {
|
|
| 682 |
+ display: flex; |
|
| 683 |
+ align-items: center; |
|
| 684 |
+ justify-content: center; |
|
| 685 |
+ font-size: 1.3rem; |
|
| 686 |
+ } |
|
| 687 |
+ |
|
| 688 |
+ .pagination-button-type a {
|
|
| 689 |
+ display: block; |
|
| 690 |
+ text-align: center; |
|
| 691 |
+ cursor: pointer; |
|
| 692 |
+ border: 1px solid var(--dark); |
|
| 693 |
+ padding: 0 7px; |
|
| 694 |
+ border-radius: 0.5rem; |
|
| 695 |
+ } |
|
| 696 |
+ |
|
| 697 |
+ /* 정우추가 */ |
|
| 698 |
+ .pagination-button-type a.prev:after {
|
|
| 699 |
+ content: "\003C"; |
|
| 700 |
+ font-weight: 900; |
|
| 701 |
+ |
|
| 702 |
+ } |
|
| 703 |
+ |
|
| 704 |
+ .pagination-button-type a.next:after {
|
|
| 705 |
+ content: "\003E"; |
|
| 706 |
+ font-weight: 900; |
|
| 707 |
+ } |
|
| 708 |
+ |
|
| 709 |
+ .pagination-button-type a.first-page:after {
|
|
| 710 |
+ content: "\003C\003C"; |
|
| 711 |
+ font-weight: 900; |
|
| 712 |
+ |
|
| 713 |
+ } |
|
| 714 |
+ |
|
| 715 |
+ .pagination-button-type a.end-page:after {
|
|
| 716 |
+ content: "\003E\003E"; |
|
| 717 |
+ font-weight: 900; |
|
| 718 |
+ |
|
| 719 |
+ } |
|
| 720 |
+ |
|
| 721 |
+ .pagination-button-type a.active {
|
|
| 722 |
+ background-color: var(--green); |
|
| 723 |
+ color: white; |
|
| 724 |
+ cursor: default !important; |
|
| 725 |
+ } |
|
| 726 |
+ |
|
| 727 |
+ |
|
| 728 |
+ |
|
| 729 |
+ /* 페이지 템플릿 */ |
|
| 730 |
+ .gall-img {
|
|
| 731 |
+ width: 100%; |
|
| 732 |
+ height: 200px |
|
| 733 |
+ } |
|
| 734 |
+ |
|
| 735 |
+ .gall-img>img {
|
|
| 736 |
+ width: 100%; |
|
| 737 |
+ height: 100%; |
|
| 738 |
+ object-fit: cover; |
|
| 739 |
+ } |
|
| 740 |
+ |
|
| 741 |
+ |
|
| 742 |
+ /* 댓글 */ |
|
| 743 |
+ .comment-zone {
|
|
| 744 |
+ background-color: var(--skyblue); |
|
| 745 |
+ border-radius: 1rem; |
|
| 746 |
+ } |
|
| 747 |
+ |
|
| 748 |
+ .comment-zone2 {
|
|
| 749 |
+ background-color: var(--background-white); |
|
| 750 |
+ border-radius: 1rem; |
|
| 751 |
+ } |
|
| 752 |
+ |
|
| 753 |
+ .comment-wrap {
|
|
| 754 |
+ padding: 16px; |
|
| 755 |
+ background-color: var(--white); |
|
| 756 |
+ } |
|
| 757 |
+ |
|
| 758 |
+ |
|
| 759 |
+ |
|
| 760 |
+ .comment-item:not(:first-child) {
|
|
| 761 |
+ border-top: 1px solid #ddd; |
|
| 762 |
+ } |
|
| 763 |
+ |
|
| 764 |
+ .parents-nodes {
|
|
| 765 |
+ padding-left: 8px; |
|
| 766 |
+ } |
|
| 767 |
+ |
|
| 768 |
+ .children-nodes {
|
|
| 769 |
+ padding-left: 8px; |
|
| 770 |
+ } |
|
| 771 |
+ |
|
| 772 |
+ .comment-user, |
|
| 773 |
+ .comment-text {
|
|
| 774 |
+ font-size: 1.3rem; |
|
| 775 |
+ } |
|
| 776 |
+ |
|
| 777 |
+ .comment-date {
|
|
| 778 |
+ color: var(--gray); |
|
| 779 |
+ font-size: 1.2; |
|
| 780 |
+ } |
|
| 781 |
+ |
|
| 782 |
+ .reply-zone {
|
|
| 783 |
+ position: relative; |
|
| 784 |
+ margin-bottom: 10px; |
|
| 785 |
+ } |
|
| 786 |
+ |
|
| 787 |
+ .reply-input {
|
|
| 788 |
+ border-radius: 50px; |
|
| 789 |
+ } |
|
| 790 |
+ |
|
| 791 |
+ .reply-btn {
|
|
| 792 |
+ position: absolute; |
|
| 793 |
+ border-radius: 50px; |
|
| 794 |
+ top: 50%; |
|
| 795 |
+ right: 6px; |
|
| 796 |
+ transform: translateY(-50%); |
|
| 797 |
+ } |
|
| 798 |
+ |
|
| 799 |
+ /* 팝업 */ |
|
| 800 |
+ .popup-wrap {
|
|
| 801 |
+ height: 100vh; |
|
| 802 |
+ } |
|
| 803 |
+ |
|
| 804 |
+ .popup-container {
|
|
| 805 |
+ width: 100%; |
|
| 806 |
+ height: calc(100vh - 50px); |
|
| 807 |
+ } |
|
| 808 |
+ |
|
| 809 |
+ /* 트리 */ |
|
| 810 |
+ .p-tree {
|
|
| 811 |
+ padding: 0.5rem 1rem; |
|
| 812 |
+ } |
|
| 813 |
+ |
|
| 814 |
+ .node-name {
|
|
| 815 |
+ width: 100%; |
|
| 816 |
+ font-size: 1.2rem; |
|
| 817 |
+ overflow: hidden; |
|
| 818 |
+ white-space: nowrap; |
|
| 819 |
+ text-overflow: ellipsis; |
|
| 820 |
+ word-break: break-all; |
|
| 821 |
+ } |
|
| 822 |
+ |
|
| 823 |
+ .selected {
|
|
| 824 |
+ border: 1px solid var(--blue); |
|
| 825 |
+ border-radius: 0.3rem; |
|
| 826 |
+ } |
|
| 827 |
+ |
|
| 828 |
+ .ghost {
|
|
| 829 |
+ height: 15px; |
|
| 830 |
+ color: transparent; |
|
| 831 |
+ border: 1px dashed var(--blue); |
|
| 832 |
+ } |
|
| 833 |
+ |
|
| 834 |
+ .ghost * {
|
|
| 835 |
+ display: none; |
|
| 836 |
+ } |
|
| 837 |
+ |
|
| 838 |
+ /* 파일 목록 */ |
|
| 839 |
+ .file-wrap p {
|
|
| 840 |
+ display: block; |
|
| 841 |
+ width: calc(100% - 15px); |
|
| 842 |
+ white-space: nowrap; |
|
| 843 |
+ text-overflow: ellipsis; |
|
| 844 |
+ overflow: hidden; |
|
| 845 |
+ } |
|
| 846 |
+ .file-wrap button.del-btn {
|
|
| 847 |
+ width: 15px; |
|
| 848 |
+ } |
|
| 849 |
+ |
|
| 850 |
+ /* 목록형 공지사항 */ |
|
| 851 |
+ .list_news {
|
|
| 852 |
+ flex-wrap: nowrap; |
|
| 853 |
+ } |
|
| 854 |
+ .list_news ul {
|
|
| 855 |
+ overflow: hidden; |
|
| 856 |
+ |
|
| 857 |
+ } |
|
| 858 |
+ .list_news ul li.leli, .list_news ul li:nth-child(2n+1) {
|
|
| 859 |
+ } |
|
| 860 |
+ .list_news ul li {
|
|
| 861 |
+ float: left; |
|
| 862 |
+ position: relative; |
|
| 863 |
+ width: 100%; |
|
| 864 |
+ margin-bottom: 2px; |
|
| 865 |
+ } |
|
| 866 |
+ .list_news ul li a {
|
|
| 867 |
+ display: block; |
|
| 868 |
+ float: left; |
|
| 869 |
+ width: 100%; |
|
| 870 |
+ vertical-align: middle; |
|
| 871 |
+ padding: 0 80px 0 8px; |
|
| 872 |
+ white-space: nowrap; |
|
| 873 |
+ text-overflow: ellipsis; |
|
| 874 |
+ overflow: hidden; |
|
| 875 |
+ line-height: 25px; |
|
| 876 |
+ font-size: 15px; |
|
| 877 |
+ color: #000; |
|
| 878 |
+ font-weight: 400; |
|
| 879 |
+ } |
|
| 880 |
+ .list_news ul li span {
|
|
| 881 |
+ position: absolute; |
|
| 882 |
+ right: 0; |
|
| 883 |
+ top: 2px; |
|
| 884 |
+ margin-right: 0; |
|
| 885 |
+ text-align: right; |
|
| 886 |
+ font-size: 15px; |
|
| 887 |
+ color: #999; |
|
| 888 |
+ font-family: 'gothic'; |
|
| 889 |
+ font-weight: 500; |
|
| 890 |
+ } |
|
| 891 |
+ .list_news ul li:before {
|
|
| 892 |
+ content: ''; |
|
| 1152 | 893 |
display: inline-block; |
| 1153 |
- padding: 0 10px; |
|
| 1154 |
- height: 21px; |
|
| 1155 |
- line-height: 21px; |
|
| 1156 |
- font-size: 11px; |
|
| 1157 |
- font-weight: 300; |
|
| 1158 |
- border-radius: 10px; |
|
| 1159 |
- -webkit-border-radius: 10px; |
|
| 1160 |
- -moz-border-radius: 10px; |
|
| 1161 |
- -ms-border-radius: 10px; |
|
| 1162 |
- -o-border-radius: 10px; |
|
| 1163 |
- margin-right: 3px; |
|
| 1164 |
- vertical-align: top; |
|
| 1165 |
- } |
|
| 1166 |
- .label_tag.etc_tag {
|
|
| 1167 |
- border: 1px solid #3878a4; |
|
| 1168 |
- color: #3878a4; |
|
| 1169 |
- } |
|
| 1170 |
- .label_tag.blue_tag {
|
|
| 1171 |
- border: 1px solid #5e6aca; |
|
| 1172 |
- color: #5e6aca; |
|
| 1173 |
- } |
|
| 1174 |
- .label_tag.green_tag {
|
|
| 1175 |
- border: 1px solid #048528; |
|
| 1176 |
- color: #048528; |
|
| 1177 |
- } |
|
| 1178 |
- .left_cont {
|
|
| 894 |
+ width: 3px; |
|
| 895 |
+ height: 3px; |
|
| 896 |
+ border-radius: 50%; |
|
| 897 |
+ background-color: #62656A; |
|
| 1179 | 898 |
position: absolute; |
| 1180 | 899 |
left: 0; |
| 1181 |
- top: 0; |
|
| 1182 |
- bottom: 0; |
|
| 1183 |
- width: 50%; |
|
| 1184 |
- min-height: 300px; |
|
| 1185 |
- box-sizing: border-box; |
|
| 1186 |
- .sub_info {
|
|
| 1187 |
- margin-top: 20px; |
|
| 1188 |
- font-size: 14px; |
|
| 1189 |
- font-weight: 300; |
|
| 1190 |
- line-height: 20px; |
|
| 1191 |
- color: #000; |
|
| 1192 |
- } |
|
| 1193 |
- .btn_set {
|
|
| 1194 |
- margin-top: 27px; |
|
| 1195 |
- .btn_txt {
|
|
| 1196 |
- display: inline-block; |
|
| 1197 |
- padding-right: 20px; |
|
| 1198 |
- font-size: 13px; |
|
| 1199 |
- font-weight: 300; |
|
| 1200 |
- color: #000; |
|
| 1201 |
- background-image: url(../img/img_service_05.png); |
|
| 1202 |
- background-repeat: no-repeat; |
|
| 1203 |
- background-position: right; |
|
| 1204 |
- font-family: 'Noto Sans KR'; |
|
| 900 |
+ top: 50%; |
|
| 901 |
+ margin-top: -1.5px; |
|
| 902 |
+ } |
|
| 903 |
+ |
|
| 904 |
+ /* 메인 스와이퍼 슬라이드 */ |
|
| 905 |
+ |
|
| 906 |
+ .cardnews-zone{
|
|
| 907 |
+ position: relative; |
|
| 908 |
+ .swiper-button-next{
|
|
| 909 |
+ right: -40px; |
|
| 1205 | 910 |
} |
| 1206 |
- } |
|
| 1207 |
- .simbol_img {
|
|
| 1208 |
- background-image: url(../img/img_service_05.png); |
|
| 1209 |
- background-repeat: no-repeat; |
|
| 911 |
+ .swiper-button-prev{
|
|
| 912 |
+ left: -40px; |
|
| 913 |
+ } |
|
| 914 |
+ } |
|
| 915 |
+ .swiper-pagination{ bottom: 0;
|
|
| 916 |
+ left: 47%;} |
|
| 917 |
+ |
|
| 918 |
+ .swiper-container {
|
|
| 919 |
+ width: 100%; |
|
| 920 |
+ height: 100%; |
|
| 921 |
+ position: relative; |
|
| 922 |
+ overflow: hidden; |
|
| 923 |
+ } |
|
| 924 |
+ .swiper-wrapper{
|
|
| 925 |
+ |
|
| 926 |
+ } |
|
| 927 |
+ li.swiper-slide{height: 383px;}
|
|
| 928 |
+ .swiper-slide{height: 296px; }
|
|
| 929 |
+ .swiper-slide img {
|
|
| 930 |
+ width: 100%; |
|
| 931 |
+ height: 100%; |
|
| 932 |
+ background-color: #aaa; |
|
| 933 |
+ text-align: center; |
|
| 934 |
+ } |
|
| 935 |
+ .community-zone{position: relative; overflow: hidden;
|
|
| 936 |
+ .search-top-box{
|
|
| 1210 | 937 |
position: absolute; |
| 1211 |
- right: 0; |
|
| 1212 |
- bottom: 26px; |
|
| 1213 |
- width: 220px; |
|
| 1214 |
- height: 220px; |
|
| 938 |
+ left: 50%; |
|
| 939 |
+ transform: translateX(-50%) translateY(-50%); |
|
| 940 |
+ top: 50%; |
|
| 941 |
+ z-index: 0; |
|
| 1215 | 942 |
} |
| 1216 |
- h5 {
|
|
| 1217 |
- margin-top: 15px; |
|
| 1218 |
- font-size: 28px; |
|
| 1219 |
- font-weight: 600; |
|
| 943 |
+ } |
|
| 944 |
+ .visual-zone {
|
|
| 945 |
+ background-color: aliceblue; |
|
| 946 |
+ height: 25rem; |
|
| 947 |
+ .button {
|
|
| 948 |
+ font-size: 0; |
|
| 949 |
+ border: none; |
|
| 950 |
+ background-color: transparent; |
|
| 951 |
+ width: 35px; |
|
| 952 |
+ height: 35px; |
|
| 953 |
+ border: 1px solid #ddd; |
|
| 954 |
+ border-radius: 50%; |
|
| 955 |
+ display: inline-block; |
|
| 956 |
+ vertical-align: middle; |
|
| 957 |
+ cursor: pointer; |
|
| 958 |
+ position: absolute; |
|
| 959 |
+ transition: all 0.1s; |
|
| 960 |
+ z-index: 1; |
|
| 961 |
+ |
|
| 962 |
+ } |
|
| 963 |
+ .swiper-slide{height: 100%;
|
|
| 964 |
+ } |
|
| 965 |
+ /* 이전 버튼 (prev) */ |
|
| 966 |
+ .swiper-button-prev {
|
|
| 967 |
+ left: 20x; |
|
| 968 |
+ &::after {
|
|
| 969 |
+ content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 970 |
+ background-image: url(../img/prev.svg); |
|
| 971 |
+ background-size: cover; |
|
| 972 |
+ width: 9px; |
|
| 973 |
+ height: 13px; |
|
| 974 |
+ display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 975 |
+ position: absolute; |
|
| 976 |
+ top: 50%; |
|
| 977 |
+ left: 50%; |
|
| 978 |
+ transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 979 |
+ } |
|
| 980 |
+ } |
|
| 981 |
+ |
|
| 982 |
+ /* 다음 버튼 (next) */ |
|
| 983 |
+ .swiper-button-next {
|
|
| 984 |
+ right: 10px; |
|
| 985 |
+ &::after {
|
|
| 986 |
+ content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 987 |
+ background-image: url(../img/next.svg); |
|
| 988 |
+ background-size: cover; |
|
| 989 |
+ width: 9px; |
|
| 990 |
+ height: 13px; |
|
| 991 |
+ display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 992 |
+ position: absolute; |
|
| 993 |
+ top: 50%; |
|
| 994 |
+ left: 50%; |
|
| 995 |
+ transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 996 |
+ } |
|
| 997 |
+ } |
|
| 998 |
+ .button.stop{
|
|
| 999 |
+ &::after {
|
|
| 1000 |
+ content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 1001 |
+ background-image: url(../img/stop.svg); |
|
| 1002 |
+ background-size: cover; |
|
| 1003 |
+ width: 9px; |
|
| 1004 |
+ height: 13px; |
|
| 1005 |
+ display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 1006 |
+ position: absolute; |
|
| 1007 |
+ top: 50%; |
|
| 1008 |
+ left: 50%; |
|
| 1009 |
+ transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 1010 |
+ } |
|
| 1011 |
+ } |
|
| 1012 |
+ .button.play{
|
|
| 1013 |
+ &::after {
|
|
| 1014 |
+ content: ''; /* content 속성을 추가하여 ::after 가상 요소를 제대로 표시 */ |
|
| 1015 |
+ background-image: url(../img/play.svg); |
|
| 1016 |
+ background-size: cover; |
|
| 1017 |
+ width: 9px; |
|
| 1018 |
+ height: 13px; |
|
| 1019 |
+ display: block; /* 이미지를 블록 요소로 만들어 크기 적용 */ |
|
| 1020 |
+ position: absolute; |
|
| 1021 |
+ top: 50%; |
|
| 1022 |
+ left: 50%; |
|
| 1023 |
+ transform: translate(-50%, -50%); /* 이미지를 버튼 중앙에 배치 */ |
|
| 1024 |
+ } |
|
| 1025 |
+ } |
|
| 1026 |
+ } |
|
| 1027 |
+ .quick-link {
|
|
| 1028 |
+ display: flex |
|
| 1029 |
+ ; |
|
| 1030 |
+ width: 100%; |
|
| 1031 |
+ justify-content: space-between; |
|
| 1032 |
+ align-items: flex-start; |
|
| 1033 |
+ gap: 10px; |
|
| 1034 |
+ transition: height 0.4s; |
|
| 1035 |
+ } |
|
| 1036 |
+ .quick-link li {
|
|
| 1037 |
+ display: flex |
|
| 1038 |
+ ; |
|
| 1039 |
+ align-items: center; |
|
| 1040 |
+ flex-direction: column; |
|
| 1041 |
+ width: 19%; |
|
| 1042 |
+ padding: 10px; |
|
| 1043 |
+ border-radius: 15px; |
|
| 1044 |
+ border: 1px solid #EEE; |
|
| 1045 |
+ background: #FFF; |
|
| 1046 |
+ transition: all 0.3s; |
|
| 1047 |
+ .link {
|
|
| 1048 |
+ display: flex |
|
| 1049 |
+ ; |
|
| 1050 |
+ flex-direction: column; |
|
| 1051 |
+ justify-content: center; |
|
| 1052 |
+ align-items: center; |
|
| 1053 |
+ width: 144px; |
|
| 1220 | 1054 |
color: #000; |
| 1055 |
+ text-align: center; |
|
| 1056 |
+ } |
|
| 1057 |
+ .icon.n1 {
|
|
| 1058 |
+ background-image: url(../img/A00.svg); |
|
| 1059 |
+ width: 51px; |
|
| 1060 |
+ height: 50px; |
|
| 1221 | 1061 |
} |
| 1222 | 1062 |
} |
| 1223 |
- .right_cont {
|
|
| 1224 |
- padding: 8px 42px 20px 38px; |
|
| 1225 |
- width: 50%; |
|
| 1226 |
- margin-left: 50%; |
|
| 1227 |
- box-sizing: border-box; |
|
| 1228 |
- .product_list li + li {
|
|
| 1229 |
- border-top: 1px solid #ebeef0; |
|
| 1230 |
- } |
|
| 1231 |
- .btn_small {
|
|
| 1063 |
+ |
|
| 1064 |
+ .banner-zone{
|
|
| 1065 |
+ padding: 32px 40px; |
|
| 1066 |
+ background-color: #081943; |
|
| 1067 |
+ border-radius: 16px; |
|
| 1068 |
+ -webkit-border-radius: 16px; |
|
| 1069 |
+ position: relative; |
|
| 1070 |
+ .btn_link {
|
|
| 1232 | 1071 |
position: absolute; |
| 1233 |
- right: 0; |
|
| 1072 |
+ right: 40px; |
|
| 1234 | 1073 |
top: 50%; |
| 1235 |
- margin-top: -14px; |
|
| 1236 |
- } |
|
| 1237 |
- .product_list li {
|
|
| 1238 |
- padding: 24px 0 18px; |
|
| 1239 |
- .pdt_info {
|
|
| 1240 |
- position: relative; |
|
| 1241 |
- vertical-align: middle; |
|
| 1242 |
- } |
|
| 1243 |
- .pdt_info strong {
|
|
| 1244 |
- line-height: 21px; |
|
| 1245 |
- margin-right: 10px; |
|
| 1246 |
- font-size: 18px; |
|
| 1247 |
- color: #000; |
|
| 1248 |
- } |
|
| 1249 |
- .pdt_info .pdt_simple_info {
|
|
| 1250 |
- padding-right: 80px; |
|
| 1251 |
- margin-top: 9px; |
|
| 1252 |
- font-size: 14px; |
|
| 1253 |
- color: #696e76; |
|
| 1254 |
- font-weight: 300; |
|
| 1255 |
- line-height: 20px; |
|
| 1256 |
- } |
|
| 1257 |
- } |
|
| 1258 |
- .product_list li .pdt_info a.btn_list_type {
|
|
| 1259 |
- display: block; |
|
| 1260 |
- background-image: url(../img/btn_list_bullet.png); |
|
| 1074 |
+ padding-right: 37px; |
|
| 1075 |
+ margin-top: -12px; |
|
| 1076 |
+ height: 24px; |
|
| 1077 |
+ line-height: 24px; |
|
| 1078 |
+ color: #fff; |
|
| 1079 |
+ font-size: 17px; |
|
| 1080 |
+ font-weight: 300; |
|
| 1081 |
+ background-image: url(../img/circle_arrow.png); |
|
| 1261 | 1082 |
background-repeat: no-repeat; |
| 1262 | 1083 |
background-position: right center; |
| 1084 |
+ font-family: 'Noto Sans KR'; |
|
| 1085 |
+ } |
|
| 1086 |
+ .banner_txt {
|
|
| 1087 |
+ color: #fff; |
|
| 1088 |
+ } |
|
| 1089 |
+ .banner_txt span {
|
|
| 1090 |
+ display: block; |
|
| 1091 |
+ font-size: 20px; |
|
| 1092 |
+ font-weight: 300; |
|
| 1093 |
+ line-height: 20px; |
|
| 1094 |
+ } |
|
| 1095 |
+ .banner_txt span + span {
|
|
| 1096 |
+ margin-top: 16px; |
|
| 1097 |
+ } |
|
| 1098 |
+ .banner_txt strong {
|
|
| 1099 |
+ font-size: 28px; |
|
| 1100 |
+ line-height: 28px; |
|
| 1263 | 1101 |
} |
| 1264 | 1102 |
} |
| 1265 |
- .btn_small {
|
|
| 1266 |
- display: inline-block; |
|
| 1267 |
- padding: 0 17px 0 8px; |
|
| 1268 |
- min-width: 76px; |
|
| 1269 |
- height: 28px; |
|
| 1270 |
- line-height: 28px; |
|
| 1271 |
- font-size: 14px; |
|
| 1272 |
- font-weight: 500; |
|
| 1273 |
- color: #fff; |
|
| 1274 |
- background-image: url(../img/btn_bullet_white.png); |
|
| 1275 |
- background-repeat: no-repeat; |
|
| 1276 |
- background-position: right center; |
|
| 1277 |
- box-sizing: border-box; |
|
| 1278 |
- border-radius: 4px; |
|
| 1279 |
- -webkit-border-radius: 4px; |
|
| 1280 |
- -moz-border-radius: 4px; |
|
| 1281 |
- -ms-border-radius: 4px; |
|
| 1282 |
- -o-border-radius: 4px; |
|
| 1103 |
+ .best_service h4 {
|
|
| 1104 |
+ font-weight: 300; |
|
| 1105 |
+ font-size: 24px; |
|
| 1106 |
+ line-height: 24px; |
|
| 1107 |
+ color: #26282c; |
|
| 1108 |
+ strong {
|
|
| 1109 |
+ font-weight: 600; |
|
| 1110 |
+ } |
|
| 1111 |
+ span {
|
|
| 1112 |
+ display: inline-block; |
|
| 1113 |
+ margin-right: 10px; |
|
| 1114 |
+ padding: 0 11px; |
|
| 1115 |
+ height: 24px; |
|
| 1116 |
+ line-height: 22px; |
|
| 1117 |
+ vertical-align: middle; |
|
| 1118 |
+ color: #fff; |
|
| 1119 |
+ font-weight: 600; |
|
| 1120 |
+ font-size: 16px; |
|
| 1121 |
+ background-color: #000; |
|
| 1122 |
+ border-radius: 10px; |
|
| 1123 |
+ -webkit-border-radius: 10px; |
|
| 1124 |
+ -moz-border-radius: 10px; |
|
| 1125 |
+ -ms-border-radius: 10px; |
|
| 1126 |
+ -o-border-radius: 10px; |
|
| 1127 |
+ } |
|
| 1283 | 1128 |
} |
| 1284 |
- .btn_small.btn_bg_green {
|
|
| 1285 |
- background-color: #0c834b; |
|
| 1129 |
+ .service_wrap {
|
|
| 1130 |
+ position: relative; |
|
| 1131 |
+ margin-top: 21px; |
|
| 1132 |
+ overflow: hidden; |
|
| 1133 |
+ border: 1px solid #dde1e4; |
|
| 1134 |
+ border-radius: 16px; |
|
| 1135 |
+ -webkit-border-radius: 16px; |
|
| 1136 |
+ -moz-border-radius: 16px; |
|
| 1137 |
+ -ms-border-radius: 16px; |
|
| 1138 |
+ -o-border-radius: 16px; |
|
| 1139 |
+ .best1 {
|
|
| 1140 |
+ background-color: #e2ffe9; |
|
| 1141 |
+ a { display: block;
|
|
| 1142 |
+ img{
|
|
| 1143 |
+ width: 100%; height: 100%; |
|
| 1144 |
+ object-fit: cover; |
|
| 1145 |
+ opacity: 0.5; |
|
| 1146 |
+ } |
|
| 1147 |
+ } |
|
| 1148 |
+ } |
|
| 1149 |
+ .txt{position: absolute; top: 30px; left: 30px;}
|
|
| 1150 |
+ .label_tag {
|
|
| 1151 |
+ display: inline-block; |
|
| 1152 |
+ padding: 0 10px; |
|
| 1153 |
+ height: 21px; |
|
| 1154 |
+ line-height: 21px; |
|
| 1155 |
+ font-size: 11px; |
|
| 1156 |
+ font-weight: 300; |
|
| 1157 |
+ border-radius: 10px; |
|
| 1158 |
+ -webkit-border-radius: 10px; |
|
| 1159 |
+ -moz-border-radius: 10px; |
|
| 1160 |
+ -ms-border-radius: 10px; |
|
| 1161 |
+ -o-border-radius: 10px; |
|
| 1162 |
+ margin-right: 3px; |
|
| 1163 |
+ vertical-align: top; |
|
| 1164 |
+ } |
|
| 1165 |
+ .label_tag.etc_tag {
|
|
| 1166 |
+ border: 1px solid #3878a4; |
|
| 1167 |
+ color: #3878a4; |
|
| 1168 |
+ } |
|
| 1169 |
+ .label_tag.blue_tag {
|
|
| 1170 |
+ border: 1px solid #5e6aca; |
|
| 1171 |
+ color: #5e6aca; |
|
| 1172 |
+ } |
|
| 1173 |
+ .label_tag.green_tag {
|
|
| 1174 |
+ border: 1px solid #048528; |
|
| 1175 |
+ color: #048528; |
|
| 1176 |
+ } |
|
| 1177 |
+ .left_cont {
|
|
| 1178 |
+ position: absolute; |
|
| 1179 |
+ left: 0; |
|
| 1180 |
+ top: 0; |
|
| 1181 |
+ bottom: 0; |
|
| 1182 |
+ width: 50%; |
|
| 1183 |
+ min-height: 300px; |
|
| 1184 |
+ box-sizing: border-box; |
|
| 1185 |
+ .sub_info {
|
|
| 1186 |
+ margin-top: 20px; |
|
| 1187 |
+ font-size: 14px; |
|
| 1188 |
+ font-weight: 300; |
|
| 1189 |
+ line-height: 20px; |
|
| 1190 |
+ color: #000; |
|
| 1191 |
+ } |
|
| 1192 |
+ .btn_set {
|
|
| 1193 |
+ margin-top: 27px; |
|
| 1194 |
+ .btn_txt {
|
|
| 1195 |
+ display: inline-block; |
|
| 1196 |
+ padding-right: 20px; |
|
| 1197 |
+ font-size: 13px; |
|
| 1198 |
+ font-weight: 300; |
|
| 1199 |
+ color: #000; |
|
| 1200 |
+ background-image: url(../img/img_service_05.png); |
|
| 1201 |
+ background-repeat: no-repeat; |
|
| 1202 |
+ background-position: right; |
|
| 1203 |
+ font-family: 'Noto Sans KR'; |
|
| 1204 |
+ } |
|
| 1205 |
+ } |
|
| 1206 |
+ .simbol_img {
|
|
| 1207 |
+ background-image: url(../img/img_service_05.png); |
|
| 1208 |
+ background-repeat: no-repeat; |
|
| 1209 |
+ position: absolute; |
|
| 1210 |
+ right: 0; |
|
| 1211 |
+ bottom: 26px; |
|
| 1212 |
+ width: 220px; |
|
| 1213 |
+ height: 220px; |
|
| 1214 |
+ } |
|
| 1215 |
+ h5 {
|
|
| 1216 |
+ margin-top: 15px; |
|
| 1217 |
+ font-size: 28px; |
|
| 1218 |
+ font-weight: 600; |
|
| 1219 |
+ color: #000; |
|
| 1220 |
+ } |
|
| 1221 |
+ } |
|
| 1222 |
+ .right_cont {
|
|
| 1223 |
+ padding: 8px 42px 20px 38px; |
|
| 1224 |
+ width: 50%; |
|
| 1225 |
+ margin-left: 50%; |
|
| 1226 |
+ box-sizing: border-box; |
|
| 1227 |
+ .product_list li + li {
|
|
| 1228 |
+ border-top: 1px solid #ebeef0; |
|
| 1229 |
+ } |
|
| 1230 |
+ .btn_small {
|
|
| 1231 |
+ position: absolute; |
|
| 1232 |
+ right: 0; |
|
| 1233 |
+ top: 50%; |
|
| 1234 |
+ margin-top: -14px; |
|
| 1235 |
+ } |
|
| 1236 |
+ .product_list li {
|
|
| 1237 |
+ padding: 24px 0 18px; |
|
| 1238 |
+ .pdt_info {
|
|
| 1239 |
+ position: relative; |
|
| 1240 |
+ vertical-align: middle; |
|
| 1241 |
+ } |
|
| 1242 |
+ .pdt_info strong {
|
|
| 1243 |
+ line-height: 21px; |
|
| 1244 |
+ margin-right: 10px; |
|
| 1245 |
+ font-size: 18px; |
|
| 1246 |
+ color: #000; |
|
| 1247 |
+ } |
|
| 1248 |
+ .pdt_info .pdt_simple_info {
|
|
| 1249 |
+ padding-right: 80px; |
|
| 1250 |
+ margin-top: 9px; |
|
| 1251 |
+ font-size: 14px; |
|
| 1252 |
+ color: #696e76; |
|
| 1253 |
+ font-weight: 300; |
|
| 1254 |
+ line-height: 20px; |
|
| 1255 |
+ } |
|
| 1256 |
+ } |
|
| 1257 |
+ .product_list li .pdt_info a.btn_list_type {
|
|
| 1258 |
+ display: block; |
|
| 1259 |
+ background-image: url(../img/btn_list_bullet.png); |
|
| 1260 |
+ background-repeat: no-repeat; |
|
| 1261 |
+ background-position: right center; |
|
| 1262 |
+ } |
|
| 1263 |
+ } |
|
| 1264 |
+ .btn_small {
|
|
| 1265 |
+ display: inline-block; |
|
| 1266 |
+ padding: 0 17px 0 8px; |
|
| 1267 |
+ min-width: 76px; |
|
| 1268 |
+ height: 28px; |
|
| 1269 |
+ line-height: 28px; |
|
| 1270 |
+ font-size: 14px; |
|
| 1271 |
+ font-weight: 500; |
|
| 1272 |
+ color: #fff; |
|
| 1273 |
+ background-image: url(../img/btn_bullet_white.png); |
|
| 1274 |
+ background-repeat: no-repeat; |
|
| 1275 |
+ background-position: right center; |
|
| 1276 |
+ box-sizing: border-box; |
|
| 1277 |
+ border-radius: 4px; |
|
| 1278 |
+ -webkit-border-radius: 4px; |
|
| 1279 |
+ -moz-border-radius: 4px; |
|
| 1280 |
+ -ms-border-radius: 4px; |
|
| 1281 |
+ -o-border-radius: 4px; |
|
| 1282 |
+ } |
|
| 1283 |
+ .btn_small.btn_bg_green {
|
|
| 1284 |
+ background-color: #0c834b; |
|
| 1285 |
+ } |
|
| 1286 |
+ .btn_small.btn_bg_blue {
|
|
| 1287 |
+ background-color: #0b6bef; |
|
| 1288 |
+ } |
|
| 1286 | 1289 |
} |
| 1287 |
- .btn_small.btn_bg_blue {
|
|
| 1288 |
- background-color: #0b6bef; |
|
| 1289 |
- } |
|
| 1290 |
-}(파일 끝에 줄바꿈 문자 없음) |
|
| 1290 |
+} |
--- client/views/themes/tema_v2/css/style.css
+++ client/views/themes/tema_v2/css/style.css
... | ... | @@ -2,251 +2,253 @@ |
| 2 | 2 |
|
| 3 | 3 |
/* login */ |
| 4 | 4 |
|
| 5 |
- |
|
| 6 |
-.login-wrap {
|
|
| 7 |
- width: 25%; |
|
| 8 |
- border: 1px solid var(--light); |
|
| 9 |
- border-radius: 1.5rem; |
|
| 5 |
+.user-wrap{
|
|
| 6 |
+ .login-wrap {
|
|
| 7 |
+ width: 25%; |
|
| 8 |
+ border: 1px solid var(--light); |
|
| 9 |
+ border-radius: 1.5rem; |
|
| 10 |
+ } |
|
| 11 |
+ |
|
| 12 |
+ .login-title {
|
|
| 13 |
+ font-size: 48px; |
|
| 14 |
+ font-weight: 900; |
|
| 15 |
+ color: var(--gray-dark); |
|
| 16 |
+ } |
|
| 17 |
+ |
|
| 18 |
+ .login-title.user-login {
|
|
| 19 |
+ color: var(--green); |
|
| 20 |
+ } |
|
| 21 |
+ |
|
| 22 |
+ input.login-input {
|
|
| 23 |
+ border: none; |
|
| 24 |
+ border-bottom: 1px solid var(--gray); |
|
| 25 |
+ border-radius: 0; |
|
| 26 |
+ } |
|
| 27 |
+ |
|
| 28 |
+ .login-label {
|
|
| 29 |
+ color: var(--gray-dark); |
|
| 30 |
+ font-size: 1.6rem; |
|
| 31 |
+ } |
|
| 32 |
+ |
|
| 33 |
+ .find-zone p {
|
|
| 34 |
+ font-size: 1.6rem; |
|
| 35 |
+ color: var(--gray); |
|
| 36 |
+ position: relative; |
|
| 37 |
+ } |
|
| 38 |
+ |
|
| 39 |
+ .find-zone p:nth-of-type(1)::after {
|
|
| 40 |
+ content: ""; |
|
| 41 |
+ position: absolute; |
|
| 42 |
+ width: 1px; |
|
| 43 |
+ height: 1.5rem; |
|
| 44 |
+ border-right: 1px solid var(--gray); |
|
| 45 |
+ right: 0; |
|
| 46 |
+ top: 50%; |
|
| 47 |
+ transform: translate(100%, -50%); |
|
| 48 |
+ } |
|
| 49 |
+ |
|
| 50 |
+ .find-tab{
|
|
| 51 |
+ font-size: 2rem; |
|
| 52 |
+ border: 1px solid var(--dark); |
|
| 53 |
+ border-radius: 1rem; |
|
| 54 |
+ } |
|
| 55 |
+ |
|
| 56 |
+ .tab-active{
|
|
| 57 |
+ background-color: var(--teal); |
|
| 58 |
+ color: var(--green); |
|
| 59 |
+ } |
|
| 60 |
+ |
|
| 61 |
+ |
|
| 62 |
+ /* intro */ |
|
| 63 |
+ .intro-page {
|
|
| 64 |
+ width: 100%; |
|
| 65 |
+ height: calc(100vh); |
|
| 66 |
+ background-image: url(../img/intro_background.png); |
|
| 67 |
+ background-position: right bottom; |
|
| 68 |
+ background-repeat: no-repeat; |
|
| 69 |
+ background-size: auto; |
|
| 70 |
+ padding: 215px 0; |
|
| 71 |
+ } |
|
| 72 |
+ |
|
| 73 |
+ .big-logo img {
|
|
| 74 |
+ margin: 0 auto; |
|
| 75 |
+ } |
|
| 76 |
+ |
|
| 77 |
+ .user-division {
|
|
| 78 |
+ height: calc(100% - 200px); |
|
| 79 |
+ max-height: 300px; |
|
| 80 |
+ } |
|
| 81 |
+ |
|
| 82 |
+ .user-division>li>.division-item {
|
|
| 83 |
+ border-radius: 25px; |
|
| 84 |
+ box-shadow: 0 0 10px var(--light); |
|
| 85 |
+ position: relative; |
|
| 86 |
+ } |
|
| 87 |
+ |
|
| 88 |
+ .user-division>li>.division-item::after {
|
|
| 89 |
+ content: ''; |
|
| 90 |
+ position: absolute; |
|
| 91 |
+ background-size: auto; |
|
| 92 |
+ background-repeat: no-repeat; |
|
| 93 |
+ bottom: 0; |
|
| 94 |
+ transform: translateY(20%); |
|
| 95 |
+ width: 192px; |
|
| 96 |
+ height: 161px; |
|
| 97 |
+ } |
|
| 98 |
+ |
|
| 99 |
+ .user-division>li:nth-child(1)>.division-item::after {
|
|
| 100 |
+ background-image: url(../img/mascot_left.png); |
|
| 101 |
+ right: 0; |
|
| 102 |
+ } |
|
| 103 |
+ |
|
| 104 |
+ .user-division>li:nth-child(2)>.division-item::after {
|
|
| 105 |
+ background-image: url(../img/mascot_left.png); |
|
| 106 |
+ left: 0; |
|
| 107 |
+ transform: translateY(20%) scaleX(-1); |
|
| 108 |
+ } |
|
| 109 |
+ |
|
| 110 |
+ .user-division>li>.division-item>img {
|
|
| 111 |
+ position: absolute; |
|
| 112 |
+ bottom: 0; |
|
| 113 |
+ |
|
| 114 |
+ } |
|
| 115 |
+ |
|
| 116 |
+ .user-division>li:nth-child(1)>.division-item>img {
|
|
| 117 |
+ left: 30px; |
|
| 118 |
+ } |
|
| 119 |
+ |
|
| 120 |
+ .user-division>li:nth-child(2)>.division-item>img {
|
|
| 121 |
+ right: 30px; |
|
| 122 |
+ } |
|
| 123 |
+ |
|
| 124 |
+ .user-division>li>.division-item>p {
|
|
| 125 |
+ font-size: 4.7rem; |
|
| 126 |
+ } |
|
| 127 |
+ |
|
| 128 |
+ /* 공무원 공통 */ |
|
| 129 |
+ details{
|
|
| 130 |
+ border-top: 3px solid var(--green); |
|
| 131 |
+ border-bottom: 2px solid var(--green); |
|
| 132 |
+ } |
|
| 133 |
+ |
|
| 134 |
+ summary{
|
|
| 135 |
+ padding: 1rem; |
|
| 136 |
+ background-color: var(--teal); |
|
| 137 |
+ font-size: 1.8rem; |
|
| 138 |
+ color: var(--green); |
|
| 139 |
+ |
|
| 140 |
+ } |
|
| 141 |
+ |
|
| 142 |
+ summary::-webkit-details-marker, |
|
| 143 |
+ summary::marker {
|
|
| 144 |
+ display: none; |
|
| 145 |
+ content: ""; |
|
| 146 |
+ } |
|
| 147 |
+ |
|
| 148 |
+ /* 공무원 메인 */ |
|
| 149 |
+ .tab-nav>ul>li:first-child{
|
|
| 150 |
+ padding-left: 0; |
|
| 151 |
+ } |
|
| 152 |
+ .tab-nav>ul>li:last-child{
|
|
| 153 |
+ padding-right: 0; |
|
| 154 |
+ } |
|
| 155 |
+ .tab-nav>ul>li{height: 3.5rem; cursor: pointer;}
|
|
| 156 |
+ .tab-nav>ul>li>p {
|
|
| 157 |
+ font-size: 1.8rem; |
|
| 158 |
+ text-align: center; |
|
| 159 |
+ } |
|
| 160 |
+ |
|
| 161 |
+ .tab-nav>ul>li.activeTab>p {
|
|
| 162 |
+ color: #1D56BC; |
|
| 163 |
+ border-bottom: 5px solid var(--tk-primary); |
|
| 164 |
+ } |
|
| 165 |
+ |
|
| 166 |
+ .select-label {
|
|
| 167 |
+ font-size: 1.6rem; |
|
| 168 |
+ } |
|
| 169 |
+ |
|
| 170 |
+ .item-list>li, |
|
| 171 |
+ .summary-style {
|
|
| 172 |
+ font-size: 1.6rem; |
|
| 173 |
+ position: relative; |
|
| 174 |
+ } |
|
| 175 |
+ |
|
| 176 |
+ .item-list>li::before, |
|
| 177 |
+ .summary-style::before{
|
|
| 178 |
+ content: ""; |
|
| 179 |
+ position: absolute; |
|
| 180 |
+ top: 50%; |
|
| 181 |
+ left: 0; |
|
| 182 |
+ width: 5px; |
|
| 183 |
+ height: 5px; |
|
| 184 |
+ } |
|
| 185 |
+ |
|
| 186 |
+ .summary-style::before{
|
|
| 187 |
+ transform: translateY(-50%); |
|
| 188 |
+ } |
|
| 189 |
+ |
|
| 190 |
+ .user-name {
|
|
| 191 |
+ font-size: 1.6rem; |
|
| 192 |
+ padding: 0 1rem; |
|
| 193 |
+ color: var(--dark); |
|
| 194 |
+ } |
|
| 195 |
+ /* 검색페이지 */ |
|
| 196 |
+ .content-warp p{
|
|
| 197 |
+ width: 100%; |
|
| 198 |
+ display: -webkit-box; |
|
| 199 |
+ word-wrap: break-word; |
|
| 200 |
+ -webkit-line-clamp: 3; |
|
| 201 |
+ -webkit-box-orient: vertical; |
|
| 202 |
+ text-overflow: ellipsis; |
|
| 203 |
+ overflow: hidden; |
|
| 204 |
+ } |
|
| 205 |
+ |
|
| 206 |
+ /* 기업전용 메인 */ |
|
| 207 |
+ .admin-background-img{
|
|
| 208 |
+ width: 100%; |
|
| 209 |
+ height: 100%; |
|
| 210 |
+ object-position: top center; |
|
| 211 |
+ } |
|
| 212 |
+ .background-img{
|
|
| 213 |
+ width: 100%; |
|
| 214 |
+ height: 100%; |
|
| 215 |
+ object-position: top center; |
|
| 216 |
+ } |
|
| 217 |
+ .call{
|
|
| 218 |
+ font-size: 2rem; |
|
| 219 |
+ font-weight: bold; |
|
| 220 |
+ } |
|
| 221 |
+ |
|
| 222 |
+ |
|
| 223 |
+ /* 에디터 이미지 */ |
|
| 224 |
+ .detail-table img{
|
|
| 225 |
+ display: inline; |
|
| 226 |
+ } |
|
| 227 |
+ |
|
| 228 |
+ /* user페이지 퀵메뉴 */ |
|
| 229 |
+ .quick-menu{
|
|
| 230 |
+ position: fixed; |
|
| 231 |
+ top: 20%; |
|
| 232 |
+ right: 0; |
|
| 233 |
+ padding: 2rem; |
|
| 234 |
+ border-radius: 1rem 0 0 1rem; |
|
| 235 |
+ background-color: var(--sky-orange); |
|
| 236 |
+ z-index: 10; |
|
| 237 |
+ } |
|
| 238 |
+ |
|
| 239 |
+ /* 검토사항 */ |
|
| 240 |
+ .review-table tbody tr td:nth-child(3), |
|
| 241 |
+ .review-table tbody tr td:nth-child(4){
|
|
| 242 |
+ text-align: left; |
|
| 243 |
+ overflow: hidden; |
|
| 244 |
+ white-space: nowrap; |
|
| 245 |
+ text-overflow: ellipsis; |
|
| 246 |
+ word-break: break-all; |
|
| 247 |
+ } |
|
| 248 |
+ |
|
| 249 |
+ |
|
| 250 |
+ |
|
| 10 | 251 |
} |
| 11 |
- |
|
| 12 |
-.login-title {
|
|
| 13 |
- font-size: 48px; |
|
| 14 |
- font-weight: 900; |
|
| 15 |
- color: var(--gray-dark); |
|
| 16 |
-} |
|
| 17 |
- |
|
| 18 |
-.login-title.user-login {
|
|
| 19 |
- color: var(--green); |
|
| 20 |
-} |
|
| 21 |
- |
|
| 22 |
-input.login-input {
|
|
| 23 |
- border: none; |
|
| 24 |
- border-bottom: 1px solid var(--gray); |
|
| 25 |
- border-radius: 0; |
|
| 26 |
-} |
|
| 27 |
- |
|
| 28 |
-.login-label {
|
|
| 29 |
- color: var(--gray-dark); |
|
| 30 |
- font-size: 1.6rem; |
|
| 31 |
-} |
|
| 32 |
- |
|
| 33 |
-.find-zone p {
|
|
| 34 |
- font-size: 1.6rem; |
|
| 35 |
- color: var(--gray); |
|
| 36 |
- position: relative; |
|
| 37 |
-} |
|
| 38 |
- |
|
| 39 |
-.find-zone p:nth-of-type(1)::after {
|
|
| 40 |
- content: ""; |
|
| 41 |
- position: absolute; |
|
| 42 |
- width: 1px; |
|
| 43 |
- height: 1.5rem; |
|
| 44 |
- border-right: 1px solid var(--gray); |
|
| 45 |
- right: 0; |
|
| 46 |
- top: 50%; |
|
| 47 |
- transform: translate(100%, -50%); |
|
| 48 |
-} |
|
| 49 |
- |
|
| 50 |
-.find-tab{
|
|
| 51 |
- font-size: 2rem; |
|
| 52 |
- border: 1px solid var(--dark); |
|
| 53 |
- border-radius: 1rem; |
|
| 54 |
-} |
|
| 55 |
- |
|
| 56 |
-.tab-active{
|
|
| 57 |
- background-color: var(--teal); |
|
| 58 |
- color: var(--green); |
|
| 59 |
-} |
|
| 60 |
- |
|
| 61 |
- |
|
| 62 |
-/* intro */ |
|
| 63 |
-.intro-page {
|
|
| 64 |
- width: 100%; |
|
| 65 |
- height: calc(100vh); |
|
| 66 |
- background-image: url(../img/intro_background.png); |
|
| 67 |
- background-position: right bottom; |
|
| 68 |
- background-repeat: no-repeat; |
|
| 69 |
- background-size: auto; |
|
| 70 |
- padding: 215px 0; |
|
| 71 |
-} |
|
| 72 |
- |
|
| 73 |
-.big-logo img {
|
|
| 74 |
- margin: 0 auto; |
|
| 75 |
-} |
|
| 76 |
- |
|
| 77 |
-.user-division {
|
|
| 78 |
- height: calc(100% - 200px); |
|
| 79 |
- max-height: 300px; |
|
| 80 |
-} |
|
| 81 |
- |
|
| 82 |
-.user-division>li>.division-item {
|
|
| 83 |
- border-radius: 25px; |
|
| 84 |
- box-shadow: 0 0 10px var(--light); |
|
| 85 |
- position: relative; |
|
| 86 |
-} |
|
| 87 |
- |
|
| 88 |
-.user-division>li>.division-item::after {
|
|
| 89 |
- content: ''; |
|
| 90 |
- position: absolute; |
|
| 91 |
- background-size: auto; |
|
| 92 |
- background-repeat: no-repeat; |
|
| 93 |
- bottom: 0; |
|
| 94 |
- transform: translateY(20%); |
|
| 95 |
- width: 192px; |
|
| 96 |
- height: 161px; |
|
| 97 |
-} |
|
| 98 |
- |
|
| 99 |
-.user-division>li:nth-child(1)>.division-item::after {
|
|
| 100 |
- background-image: url(../img/mascot_left.png); |
|
| 101 |
- right: 0; |
|
| 102 |
-} |
|
| 103 |
- |
|
| 104 |
-.user-division>li:nth-child(2)>.division-item::after {
|
|
| 105 |
- background-image: url(../img/mascot_left.png); |
|
| 106 |
- left: 0; |
|
| 107 |
- transform: translateY(20%) scaleX(-1); |
|
| 108 |
-} |
|
| 109 |
- |
|
| 110 |
-.user-division>li>.division-item>img {
|
|
| 111 |
- position: absolute; |
|
| 112 |
- bottom: 0; |
|
| 113 |
- |
|
| 114 |
-} |
|
| 115 |
- |
|
| 116 |
-.user-division>li:nth-child(1)>.division-item>img {
|
|
| 117 |
- left: 30px; |
|
| 118 |
-} |
|
| 119 |
- |
|
| 120 |
-.user-division>li:nth-child(2)>.division-item>img {
|
|
| 121 |
- right: 30px; |
|
| 122 |
-} |
|
| 123 |
- |
|
| 124 |
-.user-division>li>.division-item>p {
|
|
| 125 |
- font-size: 4.7rem; |
|
| 126 |
-} |
|
| 127 |
- |
|
| 128 |
-/* 공무원 공통 */ |
|
| 129 |
-details{
|
|
| 130 |
- border-top: 3px solid var(--green); |
|
| 131 |
- border-bottom: 2px solid var(--green); |
|
| 132 |
-} |
|
| 133 |
- |
|
| 134 |
-summary{
|
|
| 135 |
- padding: 1rem; |
|
| 136 |
- background-color: var(--teal); |
|
| 137 |
- font-size: 1.8rem; |
|
| 138 |
- color: var(--green); |
|
| 139 |
- |
|
| 140 |
-} |
|
| 141 |
- |
|
| 142 |
-summary::-webkit-details-marker, |
|
| 143 |
-summary::marker {
|
|
| 144 |
- display: none; |
|
| 145 |
- content: ""; |
|
| 146 |
-} |
|
| 147 |
- |
|
| 148 |
-/* 공무원 메인 */ |
|
| 149 |
-.tab-nav>ul>li:first-child{
|
|
| 150 |
- padding-left: 0; |
|
| 151 |
-} |
|
| 152 |
-.tab-nav>ul>li:last-child{
|
|
| 153 |
- padding-right: 0; |
|
| 154 |
-} |
|
| 155 |
-.tab-nav>ul>li{height: 3.5rem; cursor: pointer;}
|
|
| 156 |
-.tab-nav>ul>li>p {
|
|
| 157 |
- font-size: 1.8rem; |
|
| 158 |
- text-align: center; |
|
| 159 |
-} |
|
| 160 |
- |
|
| 161 |
-.tab-nav>ul>li.activeTab>p {
|
|
| 162 |
- color: #1D56BC; |
|
| 163 |
- border-bottom: 5px solid var(--tk-primary); |
|
| 164 |
-} |
|
| 165 |
- |
|
| 166 |
-.select-label {
|
|
| 167 |
- font-size: 1.6rem; |
|
| 168 |
-} |
|
| 169 |
- |
|
| 170 |
-.item-list>li, |
|
| 171 |
-.summary-style {
|
|
| 172 |
- font-size: 1.6rem; |
|
| 173 |
- position: relative; |
|
| 174 |
-} |
|
| 175 |
- |
|
| 176 |
-.item-list>li::before, |
|
| 177 |
-.summary-style::before{
|
|
| 178 |
- content: ""; |
|
| 179 |
- position: absolute; |
|
| 180 |
- top: 50%; |
|
| 181 |
- left: 0; |
|
| 182 |
- width: 5px; |
|
| 183 |
- height: 5px; |
|
| 184 |
-} |
|
| 185 |
- |
|
| 186 |
-.summary-style::before{
|
|
| 187 |
- transform: translateY(-50%); |
|
| 188 |
-} |
|
| 189 |
- |
|
| 190 |
-.user-name {
|
|
| 191 |
- font-size: 1.6rem; |
|
| 192 |
- padding: 0 1rem; |
|
| 193 |
- color: var(--dark); |
|
| 194 |
-} |
|
| 195 |
-/* 검색페이지 */ |
|
| 196 |
-.content-warp p{
|
|
| 197 |
- width: 100%; |
|
| 198 |
- display: -webkit-box; |
|
| 199 |
- word-wrap: break-word; |
|
| 200 |
- -webkit-line-clamp: 3; |
|
| 201 |
- -webkit-box-orient: vertical; |
|
| 202 |
- text-overflow: ellipsis; |
|
| 203 |
- overflow: hidden; |
|
| 204 |
-} |
|
| 205 |
- |
|
| 206 |
-/* 기업전용 메인 */ |
|
| 207 |
-.admin-background-img{
|
|
| 208 |
- width: 100%; |
|
| 209 |
- height: 100%; |
|
| 210 |
- object-position: top center; |
|
| 211 |
-} |
|
| 212 |
-.background-img{
|
|
| 213 |
- width: 100%; |
|
| 214 |
- height: 100%; |
|
| 215 |
- object-position: top center; |
|
| 216 |
-} |
|
| 217 |
-.call{
|
|
| 218 |
- font-size: 2rem; |
|
| 219 |
- font-weight: bold; |
|
| 220 |
-} |
|
| 221 |
- |
|
| 222 |
- |
|
| 223 |
-/* 에디터 이미지 */ |
|
| 224 |
-.detail-table img{
|
|
| 225 |
- display: inline; |
|
| 226 |
-} |
|
| 227 |
- |
|
| 228 |
-/* user페이지 퀵메뉴 */ |
|
| 229 |
-.quick-menu{
|
|
| 230 |
- position: fixed; |
|
| 231 |
- top: 20%; |
|
| 232 |
- right: 0; |
|
| 233 |
- padding: 2rem; |
|
| 234 |
- border-radius: 1rem 0 0 1rem; |
|
| 235 |
- background-color: var(--sky-orange); |
|
| 236 |
- z-index: 10; |
|
| 237 |
-} |
|
| 238 |
- |
|
| 239 |
-/* 검토사항 */ |
|
| 240 |
-.review-table tbody tr td:nth-child(3), |
|
| 241 |
-.review-table tbody tr td:nth-child(4){
|
|
| 242 |
- text-align: left; |
|
| 243 |
- overflow: hidden; |
|
| 244 |
- white-space: nowrap; |
|
| 245 |
- text-overflow: ellipsis; |
|
| 246 |
- word-break: break-all; |
|
| 247 |
-} |
|
| 248 |
- |
|
| 249 |
- |
|
| 250 | 252 |
|
| 251 | 253 |
|
| 252 | 254 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?