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

This commit is contained in:
kmg 2025-02-21 18:06:59 +09:00
parent eb91bcfe35
commit 5d9cc8c728
3 changed files with 1372 additions and 0 deletions

View File

@ -20,6 +20,7 @@
/*// 발송결과 화면개선 */ /*// 발송결과 화면개선 */
.table {display: table;width: 100%;} .table {display: table;width: 100%;}
.table_cell {display: table-cell;vertical-align: middle;} .table_cell {display: table-cell;vertical-align: middle;}
.table_cell1 {display: table-cell;vertical-align: top; position: relative; top: 25px;}
.vMiddle {vertical-align: middle;} .vMiddle {vertical-align: middle;}
.tRight {text-align: right !important;} .tRight {text-align: right !important;}
.tLeft {text-align: left !important;} .tLeft {text-align: left !important;}

View File

@ -52,6 +52,17 @@
.swiper2 .contWrap.ct8 .slide_cont::after {background:url('../images/main/cont1_8.png') #e1e1e5 center center no-repeat;} .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.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 {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클래스 */ /* on클래스 */
.swiper2 .swiper-slide-next .contWrap::after, .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;} .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.on .contWrap.on .slide_cont::after {background-color: #edb818;}
.swiper2 .swiper-slide-next .contWrap.active:after {display:none;} .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 */ /*// content1 */

File diff suppressed because it is too large Load Diff