diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css index 799fcd58..b3e5e76a 100644 --- a/src/main/webapp/publish/css/content.css +++ b/src/main/webapp/publish/css/content.css @@ -20,6 +20,7 @@ /*// 발송결과 화면개선 */ .table {display: table;width: 100%;} .table_cell {display: table-cell;vertical-align: middle;} +.table_cell1 {display: table-cell;vertical-align: top; position: relative; top: 25px;} .vMiddle {vertical-align: middle;} .tRight {text-align: right !important;} .tLeft {text-align: left !important;} diff --git a/src/main/webapp/publish/css/main.css b/src/main/webapp/publish/css/main.css index fd11442c..9222f9ef 100644 --- a/src/main/webapp/publish/css/main.css +++ b/src/main/webapp/publish/css/main.css @@ -52,6 +52,17 @@ .swiper2 .contWrap.ct8 .slide_cont::after {background:url('../images/main/cont1_8.png') #e1e1e5 center center no-repeat;} .swiper2 .contWrap.ct9 .slide_cont::after {background:url('../images/main/cont1_9.png') #e1e1e5 center no-repeat;} .swiper2 .contWrap .slide_cont .more {width: 115px;height: 30px; padding-right:15px;border: 1px solid #d9d9d9; border-radius: 14px; text-align: center; color: #555;background-image: url(../images/main/cont1_arrow.png);background-position: 86% center;background-repeat: no-repeat;line-height: 29px;} + +.swiper2 .contWrap .slide_cont .more {margin:5px 0 0 0; width: 115px;height: 30px; padding-right:15px;border: 1px solid #d9d9d9; border-radius: 14px; text-align: center; color: #555;background-image: url(../images/main/cont1_arrow.png);background-position: 86% center;background-repeat: no-repeat;line-height: 29px;} +.swiper2 .contWrap .slide_cont1 {padding: 0 30px 0 40px; height: 190px; } +.swiper2 .contWrap .slide_cont1 .cont1_title {font-size: 22px;font-weight: 700;} +.swiper2 .contWrap .slide_cont1 .cont_ex {display:flex; justify-content: space-between;} +.swiper2 .contWrap .slide_cont1 .cont_ex .txt {padding:13px 0 0 0; line-height: 1.4; width:70%; color:#555;} +.swiper2 .contWrap .slide_cont1 .cont_ex .bg_icon {position:relative; background-color: #e1e1e5; border-radius: 50%; top:50px; right:0; transform: translateY(-50%); width: 70px; height: 70px; display:flex; justify-content: center; align-items: center; } +.swiper2 .contWrap .slide_cont1 .cont_ex .bg_icon img {width: auto; height: auto; max-width: initial; max-height: initial;} +.swiper2 .contWrap .slide_cont1 .more {margin:5px 0 0 0; width: 115px;height: 30px; padding-right:15px;border: 1px solid #d9d9d9; border-radius: 14px; text-align: center; color: #555;background-image: url(../images/main/cont1_arrow.png);background-position: 86% center;background-repeat: no-repeat;line-height: 29px;} + + /* on클래스 */ .swiper2 .swiper-slide-next .contWrap::after, .swiper2 .swiper-slide.on .contWrap.on::after {background-color: #ffcc33;width: 100%;height:110%;z-index: -1;cursor: pointer;transition: all 0.2s ease-in-out;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);border-radius: 15px;} @@ -63,6 +74,17 @@ .swiper2 .swiper-slide.on .contWrap.on .slide_cont::after {background-color: #edb818;} .swiper2 .swiper-slide-next .contWrap.active:after {display:none;} +.swiper2 .swiper-slide-next .contWrap .slide_cont1 .more, +.swiper2 .swiper-slide.on .contWrap.on .slide_cont1 .more {background-color: #eea301;color: #fff;border: 1px solid #eea301;background-image: url(../images/main/cont1_arrow_white.png);} +.swiper2 .swiper-slide-next .contWrap .slide_cont1::after, +.swiper2 .swiper-slide.on .contWrap.on .slide_cont1::after {background-color: #edb818;} +.swiper2 .swiper-slide-next .contWrap .slide_cont1 .cont_ex .bg_icon, +.swiper2 .swiper-slide.on .contWrap.on .slide_cont1 .cont_ex .bg_icon {background-color: #edb818;} +.swiper2 .swiper-slide-next .contWrap .slide_cont1 .cont_ex .txt, +.swiper2 .swiper-slide.on .contWrap.on .slide_cont1 .cont_ex .txt {color: #222;} +.swiper2 .swiper-slide-next .contWrap .slide_cont1::after, +.swiper2 .swiper-slide.on .contWrap.on .slide_cont1::after {background-color: #edb818;} + /*// content1 */ @@ -303,6 +325,7 @@ .swiper2 .contWrap .slide_cont::before {right: 22px;} .swiper2 .contWrap .slide_cont::before {right: 7px;} .swiper2 .contWrap .slide_cont::before {right: 17px;} + .swiper2 .contWrap .slide_cont1 .txt {font-size:14px; line-height: 1.2;} /* content2 문자샘플 영역 */ .msg_text .area_in_text{padding: 15px 0; height: 286px; background-position: 15px 12px;} .msg_text .area_in_text p{height: 253px;} diff --git a/src/main/webapp/publish/guide_2022.html b/src/main/webapp/publish/guide_2022.html index e1edee36..3eaabc35 100644 --- a/src/main/webapp/publish/guide_2022.html +++ b/src/main/webapp/publish/guide_2022.html @@ -18,6 +18,7 @@