2025/02/21 슬라이드 배너 수정

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;}

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 */