Index: vue/src/assets/images/devops/DevSupport/github.png =================================================================== diff -u -ra66bca62156d0b64f0daa5b97f274bcaa0673d4e -r00788bc1bb4c051d9778e7fca90d0dedb366683f --- vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision a66bca62156d0b64f0daa5b97f274bcaa0673d4e) +++ vue/src/assets/images/devops/DevSupport/github.png (.../github.png) (revision 00788bc1bb4c051d9778e7fca90d0dedb366683f) @@ -560,7 +560,13 @@ /* url("../../reference/light-blue/img/bgnoise_lg_dark.png");*/ padding-bottom: 10px; border: 2px dotted rgb(151 151 151 / 95%) !important; - background: linear-gradient(-45deg, rgb(59 59 59 / 93%), rgb(74 78 91 / 91%), rgb(83 83 83 / 90%), rgb(40, 40, 40, 91%)); + background: linear-gradient( + -45deg, + rgb(59 59 59 / 93%), + rgb(74 78 91 / 91%), + rgb(83 83 83 / 90%), + rgb(40, 40, 40, 91%) + ); background-size: 400% 400%; -webkit-animation: gradient 15s ease infinite; animation: gradient 15s ease infinite; @@ -2964,8 +2970,8 @@ } } -.widget-controls>a:hover { - color: rgba(255,255,255,.6); +.widget-controls > a:hover { + color: rgba(255, 255, 255, 0.6); text-decoration: none; } @@ -3006,7 +3012,6 @@ /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ /*}*/ - /* 스크롤 테마 */ ::-webkit-scrollbar { width: 8px; /* 스크롤바의 너비 */ @@ -3022,4 +3027,77 @@ ::-webkit-scrollbar-track { background-color: #4b4b4b; /*스크롤바 뒷 배경 색상*/ -} \ No newline at end of file +} + +/*-------------------------------------------------------------- +# 기대효과 +--------------------------------------------------------------*/ +#benefit { + padding: 60px 0; +} +.board-thumb { + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.board-thumb::after { + content: ""; + display: block; + padding-bottom: 75.2631578947%; +} + +.board-thumb.img-1 { + background-image: url("../img/landing/board_img_1.jpg"); +} + +.board-thumb.img-2 { + background-image: url("../img/landing/board_img_2.jpg"); +} + +.board-thumb.img-3 { + background-image: url("../img/landing/board_img_3.jpg"); +} + +.board-desc { + margin: -65px auto 0; + max-width: 88.1578947368%; + background-color: #fff; + padding: 24px 20px; +} + +.board-title { + text-align: center; + font-size: 1.35em; + font-weight: 700; + color: #15235b; +} + +.board-title .em { + color: #ff8500; + font-weight: 700; +} + +.board-bar { + margin: 1.25rem auto; + width: 2rem; + height: 3px !important; + background-color: #666; +} + +.board-text { + font-weight: 300; + color: #666666; + text-align: center; + word-break: keep-all; +} + +@media (max-width: 768px) { + #benefit .row { + flex-direction: column; + } + + #benefit .col-4 { + width: 100%; + } +} Index: arms/img/landing/board_img_1.jpg =================================================================== diff -u Binary files differ Index: arms/img/landing/board_img_2.jpg =================================================================== diff -u Binary files differ Index: arms/img/landing/board_img_3.jpg =================================================================== diff -u Binary files differ Index: arms/html/pdService =================================================================== diff -u -ra1a9b9a73c2a9b21b97eab7da9b8e2d71427e022 -r00788bc1bb4c051d9778e7fca90d0dedb366683f --- arms/html/pdService (.../pdService) (revision a1a9b9a73c2a9b21b97eab7da9b8e2d71427e022) +++ arms/html/pdService (.../pdService) (revision 00788bc1bb4c051d9778e7fca90d0dedb366683f) @@ -216,65 +216,59 @@ left: calc(50% - 20px); } - .navi-wrap nav a:hover, .navi-wrap nav a:focus { - background: rgba(0,0,0,.08); - padding: 0px 15px 0px 15px; - border-radius: 5px; - } + .navi-wrap nav a:hover, + .navi-wrap nav a:focus { + background: rgba(0, 0, 0, 0.08); + padding: 0px 15px 0px 15px; + border-radius: 5px; + } - a.gradient-btn - { - position: absolute; - transform: translate(-50%, -50%); - text-align: center; - color: #fff; - text-transform:uppercase; - text-decoration: none; - font-family: sans-serif; - box-sizing: border-box; - background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4); - background-size: 400%; - z-index: 1; - } + a.gradient-btn { + position: absolute; + transform: translate(-50%, -50%); + text-align: center; + color: #fff; + text-transform: uppercase; + text-decoration: none; + font-family: sans-serif; + box-sizing: border-box; + background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4); + background-size: 400%; + z-index: 1; + } - a.gradient-btn:hover - { - animation: animate 8s linear infinite; - } + a.gradient-btn:hover { + animation: animate 8s linear infinite; + } - @keyframes animate - { - 0% - { - background-position: 0%; - } + @keyframes animate { + 0% { + background-position: 0%; + } - 100% - { - background-position: 400%; - } - } + 100% { + background-position: 400%; + } + } - a.gradient-btn:before - { - content:''; - position: absolute; - top: -5px; - left: -5px; - right: -5px; - bottom: -5px; - z-index: -1; - background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4); - background-size: 400%; - border-radius: 10px; - } + a.gradient-btn:before { + content: ""; + position: absolute; + top: -5px; + left: -5px; + right: -5px; + bottom: -5px; + z-index: -1; + background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4); + background-size: 400%; + border-radius: 10px; + } - a.gradient-btn:hover:before - { - filter: blur(20px); - opacity: 1; - animation: animate 8s linear infinite; - } + a.gradient-btn:hover:before { + filter: blur(20px); + opacity: 1; + animation: animate 8s linear infinite; + }