@charset "UTF-8";
/*!
 * Wayplus Contents Page StyleSheet
 */

.header-banner {overflow:hidden; width: 100%; height: 300px;background:url("/images/header-banner.png") center / cover no-repeat;position:relative;top:0;}

.main-banner {overflow:hidden; width: 100%; height: 550px;}
.main-banner-list {list-style:none;padding:0;margin:0;}
.main-banner-item {width:100%;overflow:hidden;}
.main-banner-image {width:100%;height:100%;object-fit:cover;}

.main-banner-plaintext {position: relative;top: -100%;width: calc(100% - 20px); max-width:1200px;margin:0 auto;z-index:1;word-break: keep-all;}
.main-banner-plaintext .main-banner-text {margin-top:200px;text-align:right;width:fit-content;float:right;}
.main-banner-plaintext .main-banner-text .text-top {font-family: "Red Hat Display";color: #FFFFFF;font-size: 2.5rem;font-weight: 400;margin-top:40px;}
.main-banner-plaintext .main-banner-text .text-mid {font-family: "Pretendard";color: #FFFFFF;font-size: 1.6rem;font-weight: 400;}
.main-banner-plaintext .main-banner-text .text-bot {font-family: "Pretendard";color: #FFFFFF;font-size: 1.6rem;font-weight: 400; margin-top: 10px;}

.main-banner-link:hover {cursor:pointer;}

.main-banner-overlap{width: calc(100% - 20px);max-width:1200px;margin:0 auto;}
.indicator-justify {position:relative;top:-150px;z-index:1;width:fit-content;float: right;}
.main-banner-indicator {}
.main-banner-indicator .swiper-pagination-bullet {display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid transparent;background-color: #FFFFFF;vertical-align:top;opacity:1;}
.main-banner-indicator .swiper-pagination-bullet:hover {cursor: pointer;border-color: #85BDFF;}
.main-banner-indicator .swiper-pagination-bullet-active {background-color: #85BDFF;}

@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
    .main-banner { height: 360px;}
    .main-banner-plaintext .main-banner-text {margin-top:140px;}
    .main-banner-plaintext .main-banner-text .text-top {font-size: 2.25rem;margin-top: 10px;}
    .main-banner-plaintext .main-banner-text .text-mid {font-size: 1.25rem;}
    .main-banner-plaintext .main-banner-text .text-bot {font-size: 1.25rem;margin-top: 5px;}
    .indicator-justify {top:-45px;}
    .main-banner-indicator .swiper-pagination-bullet {width:8px;height:8px;}
}

@media screen and (max-width:480px) {
    .main-banner-plaintext .main-banner-text .text-top {font-size: 2rem;margin-top: 8px;}
    .main-banner-plaintext .main-banner-text .text-mid {font-size: 1.1rem;}
    .main-banner-plaintext .main-banner-text .text-bot {font-size: 1.1rem;margin-top: 4px;}
}


/* 메인 프로그램*/

.main-product-list {padding: 100px 0;box-sizing: border-box;overflow: hidden;}
.main-product-list .main_title_box {overflow: hidden;width: fit-content;margin: 0 auto;}
.main-product-list .main_title {font-size:1.75rem;font-weight:500;}
.main-product-list .slider {position: relative; width: calc(100% - 20px); max-width: 1200px; height: 420px; margin: 60px auto;}
.main-product-list .slider .inner {overflow: hidden; height: 420px;}
.main-product-list .slide_list {list-style: none;padding:0;margin:0;}
.main-product-list .slide_list_contents {}
.main-product-list .slide_list_contents:hover .slide_list_img img {transform: scale(1.05); cursor: pointer;}
.main-product-list .slide_list_contents .slide_list_img {height: 240px; border-radius: 10px; overflow: hidden;}
.main-product-list .slide_list_contents .slide_list_img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.main-product-list .slide_list_contents .title {font-size: 1.1rem; font-weight: 600; margin: 20px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-product-list .slide_list_contents .subtitle {color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:0;}
.main-product-list .slide_list .price {margin-top:20px;}
.main-product-list .slide_list .price span {font-size: 1.25rem;font-weight:600;}
.main-product-list .slider .btn {display: inline-block;width: 36px;height: 36px; background: center center / cover no-repeat;cursor: pointer;margin-top: -18px;}
.main-product-list .slider .btn.btn_prev {background: url('/images/icons/arrow-left.svg'); position: absolute; top: 50%; left: -76px; }
.main-product-list .slider .btn.btn_next {background: url('/images/icons/arrow-right.svg'); position: absolute; top: 50%; right: -76px; }

.weather-info {display: flex;justify-content: space-between;margin:20px 0 0;padding:0;list-style: none;color:#3a3a3a;font-size:0.9rem;}
.weather-info .weather {display: flex;line-height:20px;}
.weather-info .weather .icon {width:20px;height:20px;aspect-ratio: 1/1;background: center / contain no-repeat;margin-right:10px;}
.weather-info .weather .icon.w00,
.weather-info .weather .icon.w01 {background-image: url("/images/icons/cast_icon/01_sunny.svg");}
.weather-info .weather .icon.w02,
.weather-info .weather .icon.w03 {background-image: url("/images/icons/cast_icon/03_partlysunny.svg");}
.weather-info .weather .icon.w04 {background-image: url("/images/icons/cast_icon/07_cloudy.svg");}

.weather-info .weather .icon.w11,
.weather-info .weather .icon.w12,
.weather-info .weather .icon.w13,
.weather-info .weather .icon.w14 {background-image: url("/images/icons/cast_icon/09_rainy.svg");}

.weather-info .weather .icon.w21,
.weather-info .weather .icon.w22,
.weather-info .weather .icon.w23,
.weather-info .weather .icon.w24 {background-image: url("/images/icons/cast_icon/13_rainy_or_snowy.svg");}

.weather-info .weather .icon.w31,
.weather-info .weather .icon.w32,
.weather-info .weather .icon.w33,
.weather-info .weather .icon.w34 {background-image: url("/images/icons/cast_icon/11_snowy.svg");}

.weather-info .weather .icon.w41,
.weather-info .weather .icon.w42,
.weather-info .weather .icon.w43,
.weather-info .weather .icon.w44 {background-image: url("/images/icons/cast_icon/08_shower.svg");}

.weather-info .bar {font-size:0.75rem;color:#DADADA;line-height:1.8;}

.weather-info .rating .verygood {color:#335EE0;padding:5px 0 5px 25px;background:url("/images/icons/w-verygood.svg") 0 center /20px no-repeat;}
.weather-info .rating .good {color:#00A94B;padding:5px 0 5px 25px;background:url("/images/icons/w-good.svg") 0 center /20px no-repeat;}
.weather-info .rating .soso {color:#FF7300;padding:5px 0 5px 25px;background:url("/images/icons/w-soso.svg") 0 center /20px no-repeat;}
.weather-info .rating .bad {color:#E74133;padding:5px 0 5px 25px;background:url("/images/icons/w-bad.svg") 0 center /20px no-repeat;}

/*
 * Service Banner 영역
 */
.main-service {display:grid;grid-template-columns: repeat(2, 50%);}
.main-service .service-item {width:100%;overflow:hidden;}
.main-service .service-item.review {background-color: #FFE9BF;}
.main-service .service-item.qna {background-color: #85BDFF;}

.service-info {width: calc(50vw - 70px);max-width:550px;display:flex;justify-content:space-between;padding:50px 0;}
.main-service .service-item.review .service-info {float:right;padding-right:50px;}
.main-service .service-item.qna .service-info {float:left;padding-left:50px;}

.main-service .service-item .image {width:200px;aspect-ratio:1/1;object-fit:contain;}
.main-service .service-item .item-text {display:inline-block;z-index:1;margin-top:20px;word-break: keep-all;width:calc(100% - 200px);}
.main-service .service-item .item-text .title {font-size: 1.25em;font-weight:700;}
.main-service .service-item .item-text .subtext {font-size: 0.9em;margin-top:10px;word-break:keep-all;}

.main-service .service-link {display:inline-block;color: inherit;text-decoration:none;margin-top:40px;}
.main-service .service-link:after {content: ">";margin-left:5px;font-weight:600;}

@media screen and (max-width: 1024px) {
    .main-service .service-item .item-text {width: calc(100% - 180px);}
    .main-service .service-item .image {width:180px;}
}

@media screen and (max-width: 768px) {
    .main-service {display: block;}
    .service-info {width: calc(100% - 20px);max-width:100%;margin:0 auto;padding:30px 0;}
    .main-service .service-item.review .service-info {float:none;padding-right:0;}
    .main-service .service-item.qna .service-info {float:none;padding-left:0;}
}

@media screen and (max-width: 480px) {
    .service-info {padding-top:20px;}
    .main-service .service-item .item-text {width: calc(100% - 25vw);}
    .main-service .service-item .image {width:25vw;}
}

.terms-category {width: 100%;height:60px;background-color:#F5F5F5;position: relative;}
.terms-tab-list {list-style:none;margin:0 auto;max-width:1200px;padding:0;display:flex;justify-content: space-between;line-height:60px;}
.terms-tab-item {width:100%;min-width:fit-content;padding:0 10px;color:#666;text-align:center;font-size: 1.25rem;font-weight:400;}
.terms-tab-item.active {color:#FFF;background-color: #85BDFF;}
.terms-tab-item a {color: inherit;text-decoration: none;}
.terms-area {margin-bottom: 100px;}

@media screen and (max-width: 1024px) {
    .terms-tab-item {font-size:1.1rem;}
}

@media screen and (max-width: 768px) {
    .terms-category {height:auto;overflow-y:auto;}
    .terms-tab-list {line-height:40px;}
    .terms-tab-item {font-size:1rem;min-width:fit-content;padding:0 15px;}
}





.product-category {width: 100%;height:60px;background-color:#F5F5F5;position: relative;}
.product-tab-list {list-style:none;margin:0 auto;max-width:1200px;padding:0;display:flex;justify-content: space-between;line-height:60px;}
.product-tab-item {width:100%;min-width:fit-content;padding:0 10px;color:#666;text-align:center;font-size: 1.25rem;font-weight:400;}
.product-tab-item.active {color:#FFF;background-color: #85BDFF;}
.product-tab-item a {color: inherit;text-decoration: none;}

.product-search {height:60px;overflow:hidden;}
.input-item.product-search {width:100%;height:60px;max-width:1280px;border:1px solid #D9D9D9;border-top:none;border-radius:10px;padding:20px 60px 10px 20px;box-sizing:border-box;margin:-10px auto 0;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.btn-product-search {width: 50px;height:50px;background: url("/images/icons/search.svg") center no-repeat;float:right;position: relative;top:-55px;right:5px;cursor: pointer;}
.product-sub-category {width:100%; max-width:1280px;margin:20px auto 50px;text-align:center;}
.product-sub-category .product-category-list {display: grid;grid-template-columns:repeat(6, 15%);grid-column-gap: 2%;grid-row-gap:10px; margin:0;padding:0;font-weight:400;list-style: none;}
.product-sub-category .category-item {width:100%;height:40px;line-height:40px;border:1px solid #D9D9D9;border-radius:10px;box-sizing:border-box;}
.product-sub-category .category-item.active {background:#FFE9BF;font-weight:600;}
.product-sub-category .category-item:hover {cursor:pointer;opacity:0.9;}

.product-sort-order {margin:50px auto;}
.product-order-list {list-style:none;margin:0;padding:0;display:flex;justify-content: right;word-break: keep-all;}
.product-order-list .order-item {margin-left:12px;border:none;background-color:#D9D9D9;border-radius:5px;padding:10px 20px;text-align: center;}
.product-order-list .order-item:first-child {margin-left:0;}
.product-order-list .order-item.active {background-color:#222222;color:#FFFFFF;}
.product-order-list .order-item:hover {cursor:pointer;opacity:0.9;}

.product-area {margin-bottom: 50px;}
.product-grid-list {list-style:none;margin:0;padding:0; display: grid;grid-template-columns: repeat(4, 23%);grid-column-gap: CALC(8% / 3); grid-row-gap: 50px;}
.product-grid-item {position:relative;}
.product-grid-item:hover .slide_list_img img {transform: scale(1.05); cursor: pointer;}
.product-grid-item .slide_list_img {height: 240px; border-radius: 10px; overflow: hidden;}
.product-grid-item .slide_list_img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.product-grid-item .title {font-size: 1.1rem; font-weight: 600; margin: 20px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-grid-item .subtitle {color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:0;}
.product-grid-item .price {margin-top:20px;}
.product-grid-item .price span {font-size: 1.25rem;font-weight:600;}
.product-grid-item .options {margin-top:10px;padding-top:10px; border-top:1px solid #D9D9D9;padding-bottom:120px;}
.product-empty-list {text-align:center;padding:100px 0;font-size:1.1rem;margin:20px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.payments-empty-list {text-align:center;padding:100px 0;font-size:1.1rem;margin:20px 0;}
.product-grid-button{position:absolute;bottom:0;width:100%;height:100px;text-align:center;}
.label-button {border:none;border-radius: 5px;font-weight:600;font-size:1.1rem;color:#FFFFFF;}
.label-button:hover {cursor:pointer;opacity:0.9;}
.label-button.normal {height:90px;background-color:#222222; line-height:90px;}
.label-button.canceled {height:90px;background-color:#D9D9D9;color:#666666;line-height:90px;}
.label-button.cancel {height:40px;background-color:#222222;margin-bottom:10px;line-height:40px;}
.label-button.pay {height:40px;background-color:#85BDFF;margin-bottom:10px;line-height:40px;}
.label-button.paid {height:40px;background-color:#006dd1;margin-bottom:10px;line-height:40px;}
.label-button.paid:hover {cursor: inherit;opacity: 1;}


.product-view-type {display:flex;justify-content: space-between;margin-bottom:50px;}
.product-view-type .view-item {border:none;background-color:#D9D9D9;border-radius:5px;padding:20px 30px;width: calc(50% - 10px);box-sizing: border-box;text-align:center;word-break: keep-all;}
.product-view-type .view-item.active {background-color:#222222;color:#FFFFFF;}
.product-view-type .view-item:hover {cursor:pointer;opacity:0.9;}

.product-view {display:none;}
.product-view.active {display:block;}

.product-view .product-location-maps {display: flex; justify-content:space-between;}
.product-map {width: calc(100% - 360px);height: 800px;}
.product-map .marker {width:24px;}
.product-map .marker .marker-icon {width:24px;height:32px;background: url("/images/icons/marker.svg") center /24px no-repeat;}
.product-map .marker .marker-label {position:relative;width:fit-content;transform:translateX(CALC(-50% + 12px));background-color:#FFFFFF;}


.product-map-list {width: 300px;height:800px;padding:0 30px;overflow-y:auto}
.product-map-item {position:relative;margin-bottom:40px;}
.product-map-item:hover .slide_list_img img {transform: scale(1.05); cursor: pointer;}
.product-map-item .slide_list_img {height: 240px; border-radius: 10px; overflow: hidden;}
.product-map-item .slide_list_img img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.product-map-item .title {font-size: 1.1rem; font-weight: 600; margin: 20px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-map-item .subtitle {color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:0;}
.product-map-item .price {margin-top:20px;}
.product-map-item .price span {font-size: 1.25rem;font-weight:600;}
.product-map-item .options {margin-top:10px;padding-top:10px; border-top:1px solid #D9D9D9;padding-bottom:120px;}

@media screen and (max-width: 1024px) {
    .product-sub-category .product-category-list {grid-template-columns:repeat(5, 18%);grid-column-gap: 2.5%;}
    .product-grid-list {grid-template-columns: repeat(3, 31%);grid-column-gap: 3.5%; grid-row-gap: 50px;}
}

@media screen and (max-width: 768px) {
    .product-sub-category .product-category-list {grid-template-columns:repeat(4, 23%);grid-column-gap: CALC(8% / 3);}
    .product-grid-list {grid-template-columns: repeat(2, 48%);grid-column-gap: 4%; grid-row-gap: 40px;}
    .product-order-list .order-item {padding:5px 10px;}

    .product-view-type .view-item {padding: 10px 20px;width: calc(50% - 5px);}
    .product-view .product-location-maps {display: block;}
    .product-map {width:100%;height:60vh;}
    .product-map-list {width:100%;height:auto;overflow-y: hidden;padding:30px 0;}
}

@media screen and (max-width: 640px) {
    .product-sub-category .product-category-list {grid-template-columns:repeat(3, 31%);grid-column-gap: 3.5%;}
}

@media screen and (max-width: 480px) {
    .product-grid-list {display:block;}
    .product-grid-item {margin-bottom:40px;}
}

@media screen and (max-width: 425px) {
    .product-sub-category .product-category-list {grid-template-columns:repeat(2, 48%);grid-column-gap: 4%;}
}


.product-payments-list {border-top:1px solid #666666;border-bottom:1px solid #666666;margin:20px 0;}
.product-payments-list .payments-item {padding:20px 0;border-bottom:1px solid #d9d9d9;display:flex;justify-content: space-between;}
.product-payments-list .payments-item:last-child {border-bottom:none;}
.product-payments-list .payments-item .item-thumbnail {aspect-ratio:6/5;height:200px;overflow:hidden;}
.product-payments-list .payments-item .item-thumbnail img {width:100%;height:100%;object-fit:cover;}
.product-payments-list .payments-item .item-info {padding:20px 40px;width:calc(100% - 400px);}
.product-payments-list .payments-item .item-info .item-info-title {font-size:1.2rem;font-weight:600;margin-bottom:10px;}
.product-payments-list .payments-item .item-info .item-info-date {color:#555555;line-height:1.5;}
.product-payments-list .payments-item .item-info .item-info-status {width: fit-content;margin:10px 0;padding:5px 10px;border-radius:5px;background-color:#D9D9D9;}
.product-payments-list .payments-item .item-info .item-info-status.success {background-color:#006dd1;color:#FFFFFF;}
.product-payments-list .payments-item .item-info .item-info-status.cancel {background-color:#D4445C;color:#FFFFFF;}
.product-payments-list .payments-item .item-info .item-info-amount {font-size: 1.2rem;margin-top:10px;}
.product-payments-list .payments-item .item-button {display: flex;flex-direction: column;justify-content: center;}
.product-payments-list .payments-item .item-button .payments-detail-button {width:120px;height:40px; margin-bottom: 10px;border-radius: 5px;border:none;background-color: #85BDFF;color:#FFFFFF;}
.product-payments-list .payments-item .item-button .payments-detail-button:hover {cursor:pointer;opacity: 0.9;}
.product-payments-list .payments-item .item-button .payments-detail-button.cancel {background-color: #222222;}
.product-payments-list .payments-item .item-button .payments-detail-button.pay {background-color: #666666;}


@media screen and (max-width: 768px) {
    .product-payments-list .payments-item {display: block;}
    .product-payments-list .payments-item .item-thumbnail {width: 100%;}
    .product-payments-list .payments-item .item-info {width: 100%;padding:30px 0;}
    .product-payments-list .payments-item .item-button {flex-direction: row;justify-content: end;}
    .product-payments-list .payments-item .item-button .payments-detail-button {margin-left:20px;}
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
    .product-payments-list .payments-item .item-button {justify-content: center;}
    .product-payments-list .payments-item .item-button .payments-detail-button {margin:0 5px 10px;}
}

@media screen and (max-width: 425px) {
}


.member-payments {margin-top:50px;margin-bottom: 100px;}
.member-payments .title-text {font-size:28px;font-weight:600;margin-bottom:20px;}
.member-payments .sub-title {font-size:20px;font-weight:600;margin-bottom:20px;margin-top:50px;}
.member-payments .order-number {margin-bottom:20px;}
.member-payments .payments-info {border-top:1px solid #666;border-bottom:1px solid #666;padding:20px 0;display: flex;}
.member-payments .payments-info .product-thumbnail {width: 240px;height:200px;margin-right:20px;}
.member-payments .payments-info .product-thumbnail .image {width:100%;height:100%;object-fit: cover;}
.member-payments .payments-info .product-info {padding:10px;width:calc(100% - 300px);display: flex;flex-direction: column;justify-content: center;}

.member-payments .payments-info .product-info .product-title {font-size: 1.1rem;font-weight:600;}
.member-payments .payments-info .product-info .pay-status {width: fit-content;margin:10px 0;padding:5px 10px;border-radius:5px;background-color:#D9D9D9;}
.member-payments .payments-info .product-info .pay-status.success {background-color:#006dd1;color:#FFFFFF;}
.member-payments .payments-info .product-info .pay-status.cancel {background-color:#D4445C;color:#FFFFFF;}
.member-payments .payments-info .product-info .pay-date,
.member-payments .payments-info .product-info .order-date {line-height:1.2;}
.member-payments .payments-info .product-info .order-date {margin-bottom:10px;}
.member-payments .payments-info .product-info .pay-amount {margin-top:10px;}

.member-payments .button-area {margin-top:50px; text-align: center;}
.member-payments .list-btn {font-size:1rem;font-weight:600;background-color: #85BDFF;border-radius: 5px;height:40px;padding:10px 30px;margin-right:10px;color:#FFFFFF;border:none;line-height:20px;}
.member-payments .list-btn:last-child {margin-right: 0;}
.member-payments .list-btn.cancel {background-color: #D4445C;}
.member-payments .list-btn.pay {background-color: #006dd1;}
.member-payments .list-btn.black {background-color: #222222;}
.member-payments .list-btn:hover {cursor:pointer;opacity:0.9;}

.member-payments .payments-detail {border-top:1px solid #666;border-bottom:1px solid #666;}
.member-payments .payments-detail .line-flex {display: flex;justify-content: space-between;padding:15px 0;border-bottom: 1px solid #d9d9d9;}
.member-payments .payments-detail .line-flex.left {justify-content: left;}
.member-payments .payments-detail .line-flex:last-child {border-bottom:none;}
.member-payments .payments-detail .line-flex .label {width:200px;}
.member-payments .payments-detail .line-flex .date {width: 50%;}
.member-payments .payments-detail .line-flex .status {width: 80px;}

@media screen and (max-width: 640px) {
    .member-payments .payments-info {display: block;}
    .member-payments .payments-info .product-thumbnail {width:100%;}
    .member-payments .payments-info .product-info {width: 100%;}
    .member-payments .payments-detail .line-flex .label {width:160px;}
}


.weather-map {width: 100%;height:800px;}
.weather-copy {margin-bottom: 100px;}
.weather-marker {border-radius:50%;width:150px;height:150px;background-color: rgba(255,255,255,0.8);box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;padding:20px;text-align:center;}
.weather-marker .weather {}
.weather-marker .temp {font-size:20px;font-weight:600;}
.weather-marker .weather .icon {width:45px;height:45px;aspect-ratio: 1/1;background: center / contain no-repeat;display:block;margin:0 auto 5px;}
.weather-marker .weather .icon.w00,
.weather-marker .weather .icon.w01 {background-image: url("/images/icons/cast_icon/01_sunny.svg");}
.weather-marker .weather .icon.w02,
.weather-marker .weather .icon.w03 {background-image: url("/images/icons/cast_icon/03_partlysunny.svg");}
.weather-marker .weather .icon.w04 {background-image: url("/images/icons/cast_icon/07_cloudy.svg");}

.weather-marker .weather .icon.w11,
.weather-marker .weather .icon.w12,
.weather-marker .weather .icon.w13,
.weather-marker .weather .icon.w14 {background-image: url("/images/icons/cast_icon/09_rainy.svg");}

.weather-marker .weather .icon.w21,
.weather-marker .weather .icon.w22,
.weather-marker .weather .icon.w23,
.weather-marker .weather .icon.w24 {background-image: url("/images/icons/cast_icon/13_rainy_or_snowy.svg");}

.weather-marker .weather .icon.w31,
.weather-marker .weather .icon.w32,
.weather-marker .weather .icon.w33,
.weather-marker .weather .icon.w34 {background-image: url("/images/icons/cast_icon/11_snowy.svg");}

.weather-marker .weather .icon.w41,
.weather-marker .weather .icon.w42,
.weather-marker .weather .icon.w43,
.weather-marker .weather .icon.w44 {background-image: url("/images/icons/cast_icon/08_shower.svg");}