<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#wrapper {padding-bottom:20px;}

#mVisualA {width: 100%;min-width: 1280px;height: 583px;margin: 136px auto 0px auto;background: #dae2e6;overflow: hidden;position: relative;}
#mVisualA .mVisualA_image {width: 890px;height: 468px;margin: 40px auto 0;background: url(/img2024/main/mv01.png);}
/*
#mVisualA .slider-rotate__arrow {position: absolute;top: 50%;transform: translateY(-50%);margin-top: -17px;width: 76px;height: 76px;border-radius: 50%;box-shadow: 0 0 15px 0px rgba(0, 0, 0, .1);}
#mVisualA .swiper-button-next {left: 30px;background: #fff url(/img2024/main/mv_arrow_l.png) center no-repeat;}
#mVisualA .swiper-button-prev {right: 30px;background: #fff url(/img2024/main/mv_arrow_r.png) center no-repeat;}

*/
#mVisualA .swiper-container2 {width: calc(100% - 250px);padding-top: 30px;padding-bottom: 30px;}
#mVisualA .swiper-slide2 {width: 890px;}
#mVisualA .swiper-pagination {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
#mVisualA .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #90a4b0;margin: 0 3px;vertical-align: middle;}
#mVisualA .swiper-pagination-bullet-active {width: 13px;height: 13px;background: transparent;border: 1px solid #1a4259;vertical-align: middle;}
#mVisualA .swiper-slide2 img{border-radius:10px;}
#mVisualA .swiper-slide2 iframe{border-radius:10px;}
#mVisualA .slider-rotate__arrow{position:absolute;top:52%;width:70px;height:70px;border-radius: 50%;display:block;-webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, .1);box-shadow: 0 0 12px 3px rgba(0, 0, 0, .1);background:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background 0.3s;transition:background 0.3s;cursor:pointer}
#mVisualA .slider-rotate__arrow::after{width:20px;height:20px;position:absolute;top:24px;content:"";display:block;border:solid #000;border-width:0 5px 5px 0}
#mVisualA .slider-rotate__arrow:hover{background:#fff}
#mVisualA .slider-rotate__arrow.swiper-button-prev{left:30px;}
#mVisualA .slider-rotate__arrow.swiper-button-prev::after{-webkit-transform:rotate(135deg);transform:rotate(135deg);left:26px}
#mVisualA .slider-rotate__arrow.swiper-button-next{right:30px;}
#mVisualA .slider-rotate__arrow.swiper-button-next::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:26px}


#sectionA {padding: 85px 0 100px;}
#sectionA h2 {font-size: 32px;color: #000;letter-spacing: -1px;line-height: 100%;margin: 0 0 30px;}
#sectionA dl {}
#sectionA dl:after {content:'';display:block;clear:both;}
#sectionA dl &gt; dt {float:left;width: 620px;margin-right:35px;}
#sectionA dl &gt; dd {float:right;width: calc(100% - 655px);}

#sectionA .slider-rotate__arrow__{position:absolute;top:52%;width:70px;height:70px;border-radius: 50%;display:block;-webkit-box-shadow: 0 0 12px 3px rgba(0, 0, 0, .1);box-shadow: 0 0 12px 3px rgba(0, 0, 0, .1);background:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background 0.3s;transition:background 0.3s;cursor:pointer}
#sectionA .slider-rotate__arrow{position:absolute;top:52%;width:70px;height:70px;border-radius: 50%;display:block;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background 0.3s;transition:background 0.3s;cursor:pointer}
#sectionA .slider-rotate__arrow::after{width:20px;height:20px;position:absolute;top:24px;content:"";display:block;border:solid #000;border-width:0 5px 5px 0}
#sectionA .slider-rotate__arrow:hover{background:#fff}
#sectionA .slider-rotate__arrow.swiper-button-prev{left:-20px;}
#sectionA .slider-rotate__arrow.swiper-button-prev::after{-webkit-transform:rotate(135deg);transform:rotate(135deg);left:26px}
#sectionA .slider-rotate__arrow.swiper-button-next{right:-20px;}
#sectionA .slider-rotate__arrow.swiper-button-next::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:26px}


#mVisualB {position: relative;width:620px;height:612px;}
#mVisualB img {}
#mVisualB .swiper-pagination {position: absolute;right: 30px;top: 30px;}
#mVisualB .swiper-pagination &gt; span {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: rgba(0,0,0,.3);margin: 0 3px;vertical-align: middle;}
#mVisualB .swiper-pagination &gt; span.on {width: 13px;height: 13px;border: 1px solid #1a4259;vertical-align: middle;}
#mNotiA {}
#mNotiA .mNotiA_con {}
#mNotiA ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 42px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 42px 1fr 42px 1fr;grid-template-rows: 1fr 1fr 1fr;grid-gap: 42px;gap: 42px;}
#mNotiA ul &gt; *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mNotiA ul &gt; *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mNotiA ul &gt; *:nth-child(3) {-ms-grid-row: 3;-ms-grid-column: 1;}
#mNotiA ul &gt; *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 3;}
#mNotiA ul &gt; *:nth-child(5) {-ms-grid-row: 5;-ms-grid-column: 1;}
#mNotiA ul &gt; *:nth-child(6) {-ms-grid-row: 5;-ms-grid-column: 3;}
#mNotiA ul &gt; li {}
#mNotiA ul &gt; li &gt; a {display: block;position: relative;padding: 28px 30px 20px 30px;border: 1px solid #ddd;}
#mNotiA ul &gt; li:hover &gt; a:after {content:'';position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;border: 3px solid #4396c7;}
#mNotiA ul &gt; li &gt; a em {display: inline-block;padding: 5px 8px;font-style: normal;font-size: 14px;font-weight: 400;letter-spacing: -0.5px;color: #fff;line-height: 100%;background: #779eb5;border-radius: 5px;}
#mNotiA ul &gt; li &gt; a em.woljeongsa {background: #779eb5;}
#mNotiA ul &gt; li &gt; a em.temple {background:#a0b075;}
#mNotiA ul &gt; li &gt; a em.chulga {background:#d27768;}
#mNotiA ul &gt; li &gt; a em.seonjae {background:#74a498;}
#mNotiA ul &gt; li &gt; a em.yoga {background:#9486ae;}
#mNotiA ul &gt; li &gt; a strong {display: block;margin: 8px 0 0;height: 57px;font-size: 20px;line-height: 29px;font-weight: 400;color: #222;letter-spacing: -1px;overflow: hidden;}
#mNotiA ul &gt; li &gt; a span {display: block;font-size: 16px;margin: 18px 0 0;color: #b3b3b3;font-weight: 400;line-height: 100%;text-align: right;}

h2.h2more {position: relative;font-size: 28px;font-weight: 700;color: #222;letter-spacing: -1px;line-height: 100%;margin: 0 0 20px;}
h2.h2more a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);text-indent: -99999px;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #ddd;background: url(/img2024/main/h2more.png) 58% center no-repeat;}
h2.h2more a:hover {background: #efefef url(/img2024/main/h2more.png) 58% center no-repeat;}

#sectionB {}
#sectionB dl {}
#sectionB dl:after {content:'';display:block;clear:both;}
#sectionB dl &gt; dt {float: left;width: 620px;margin-right: 35px;}
#sectionB dl &gt; dd {float: right;width: calc(100% - 655px);}

#mNotiB {}
#mNotiB .mNotiB_con {padding: 27px 30px;border: 1px solid #ddd;}
#mNotiB ul {}
#mNotiB ul &gt; li {border-bottom: 1px solid #ededed;padding: 13px 0;}
#mNotiB ul &gt; li:first-child {padding: 0 0 13px;}
#mNotiB ul &gt; li:last-child {border-bottom: 0;padding: 13px 0 0;}
#mNotiB ul &gt; li &gt; a {display: block;position: relative;}
#mNotiB ul &gt; li &gt; a:after {content:'';display:block;clear:both;}
#mNotiB ul &gt; li &gt; a em {display: block;float: left;margin-right: 9px;width: 24px;word-break: keep-all;padding: 5px 8px;font-style: normal;font-size: 14px;font-weight: 400;color: #fff;line-height: 100%;background: #4396c7;border-radius: 5px;overflow: hidden;}
#mNotiB ul &gt; li &gt; a em.noti1 {background:#4396c7;}
#mNotiB ul &gt; li &gt; a em.noti2 {background:#3f5765;}
#mNotiB ul &gt; li &gt; a &gt; div {float: left;display: block;width: calc(100% - 180px);margin: 1px 0 0;overflow: hidden;}
#mNotiB ul &gt; li &gt; a strong {line-height: 100%;font-size: 19px;font-weight: 400;word-break: keep-all;white-space: nowrap;}
#mNotiB ul &gt; li:hover &gt; a strong {color:#4396c7}
#mNotiB ul &gt; li &gt; a span {display: block;float: right;width: 110px;margin: 5px 0 0;text-align: right;font-size: 16px;color: #b3b3b3;font-weight: 400;line-height: 100%;}
#mNotiB ul &gt; li:hover &gt; a span {color:#4396c7}


#mNotiX {}
#mNotiX .mNotiB_con {padding: 27px 30px;border: 1px solid #ddd;}
#mNotiX ul {position:relative;}
#mNotiX ul &gt; li {display:block;width:calc( 50% - 10px );float:left;border-bottom: 1px solid #ededed;padding: 13px 5px;}
#mNotiX ul &gt; li:last-child {border-bottom: 0;}
#mNotiX ul &gt; li:nth-last-child(2) {border-bottom: 0;}
#mNotiX ul &gt; li &gt; a {display: block;position: relative;}
#mNotiX ul &gt; li &gt; a:after {content:'';display:block;clear:both;}
#mNotiX ul &gt; li &gt; a em {display: block;float: left;margin-right: 9px;width: 70px;word-break: keep-all;padding: 5px 8px;font-style: normal;font-size: 14px;font-weight: 400;color: #fff;line-height: 100%;background: #4396c7;border-radius: 5px;overflow: hidden;text-align:center;}
#mNotiX ul &gt; li &gt; a em.bo_4010 {background:#4396c7;}
#mNotiX ul &gt; li &gt; a em.bo_5010 {background:#3f5765;}
#mNotiX ul &gt; li &gt; a &gt; div {float: left;display: block;width: calc(100% - 220px);margin: 1px 0 0;overflow: hidden;}
#mNotiX ul &gt; li &gt; a strong {line-height: 100%;font-size: 19px;font-weight: 400;word-break: keep-all;white-space: nowrap;}
#mNotiX ul &gt; li:hover &gt; a strong {color:#4396c7}
#mNotiX ul &gt; li &gt; a span {display: block;float: right;width: 110px;margin: 5px 0 0;text-align: right;font-size: 16px;color: #b3b3b3;font-weight: 400;line-height: 100%;}
#mNotiX ul &gt; li:hover &gt; a span {color:#4396c7}
#mNotiX ul:after {content:'';display:block;clear:both;}

#sectionY {margin-top:50px;}
#mNotiY {}
#mNotiY .mNotiB_con {padding: 27px 30px;border: 1px solid #ddd;min-height:160px;}
#mNotiY ul {position:relative;width:calc( 50% - 10px );float:left;}
#mNotiY ul &gt; li {display:block;border-bottom: 1px solid #ededed;padding: 13px 5px;}
#mNotiY ul &gt; li:last-child {border-bottom: 0;}
/*#mNotiY ul &gt; li:nth-last-child(2) {border-bottom: 0;}*/
#mNotiY ul &gt; li &gt; a {display: block;position: relative;}
#mNotiY ul &gt; li &gt; a:after {content:'';display:block;clear:both;}
#mNotiY ul &gt; li &gt; a em {display: block;float: left;margin-right: 9px;width: 70px;word-break: keep-all;padding: 5px 8px;font-style: normal;font-size: 14px;font-weight: 400;color: #fff;line-height: 100%;background: #4396c7;border-radius: 5px;overflow: hidden;text-align:center;}
#mNotiY ul &gt; li &gt; a em.bo_4010 {background:#4396c7;}
#mNotiY ul &gt; li &gt; a em.bo_5010 {background:#3f5765;}
#mNotiY ul &gt; li &gt; a &gt; div {float: left;display: block;width: calc(100% - 220px);margin: 1px 0 0;overflow: hidden;}
#mNotiY ul &gt; li &gt; a strong {line-height: 100%;font-size: 19px;font-weight: 400;word-break: keep-all;white-space: nowrap;}
#mNotiY ul &gt; li:hover &gt; a strong {color:#4396c7}
#mNotiY ul &gt; li &gt; a span {display: block;float: right;width: 110px;margin: 5px 0 0;text-align: right;font-size: 16px;color: #b3b3b3;font-weight: 400;line-height: 100%;}
#mNotiY ul &gt; li:hover &gt; a span {color:#4396c7}
#mNotiY ul:after {content:'';display:block;clear:both;}


#mGallA {}
#mGallA .mGallA_con {}
#mGallA ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 42px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-gap: 42px;gap: 42px;}
#mGallA ul &gt; *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mGallA ul &gt; *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mGallA ul &gt; li {position:relative;}
#mGallA ul &gt; li:hover:after {content:'';position: absolute;left: -3px;right: -3px;top: -3px;bottom: -3px;border: 3px solid #4396c7;z-index: -1;}
#mGallA ul &gt; li &gt; a {display:block;}
#mGallA .imgA {position: relative;width: 100.1%;padding-top: 56.23%;overflow: hidden;}
#mGallA .imgA img {width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#mGallA .sbjA {padding: 30px 30px 42px 30px;border: 1px solid #ddd;font-weight: 400;}
#mGallA .sbjA span {display:inline-block;font-size: 20px;height: 57px;overflow: hidden;}
#mGallA ul li:hover .sbjA span {color:#4396c7}
#mGallA .sbjA em {display:none;}

#sectionC {margin:80px 0;padding: 80px 0;background:#E9EDEF;}
#sectionC dl:after {content:'';display:block;clear:both;}
#sectionC dl &gt; dt {float: left;width: 620px;margin-right: 35px;}
#sectionC dl &gt; dd {float: right;width: calc(100% - 655px);}
#sectionC h2 {position: relative;font-size: 28px;font-weight: 700;color: #222;letter-spacing: -1px;line-height: 100%;margin: 0 0 20px;}

#mGallB {}
#mGallB .mGallB_con {}
#mGallB ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 42px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-gap: 42px;gap: 42px;}
#mGallB ul &gt; *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mGallB ul &gt; *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mGallB ul &gt; li {position:relative;}
#mGallB ul &gt; li:hover:after {content:'';position: absolute;left: -3px;right: -3px;top: -3px;bottom: -3px;border: 3px solid #4396c7;z-index: -1;}
#mGallB ul li a {}
#mGallB .imgA {position: relative;width: 100.2%;padding-top: 56.23%;overflow: hidden;}
#mGallB .imgA img {width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#mGallB .sbjA {padding: 24px 30px 20px 30px;border: 1px solid #ddd;font-weight: 400;background: #fff;}
#mGallB .sbjA span {display: block;margin: 6px 0 0px;font-size: 19px;height: 57px;overflow: hidden;}
#mGallB ul &gt; li:hover .sbjA span {color:#4396c7}
#mGallB .sbjA em {display: block;margin: 10px 0 0;color: #b3b3b3;font-size: 16px;font-style: normal;text-align: right;}
#mGallB ul &gt; li:hover .sbjA em {color:#4396c7}
#mGallB .cate {display: inline-block;padding: 0 10px;line-height: 24px;font-size: 14px;border-radius: 5px;color: #fff;}
#mGallB .cate.noti1 {background: #4396c7;}
#mGallB .cate.noti2 {background: #3f5765;}

#mLinkA {}
#mLinkA ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;-ms-grid-rows: 1fr 1fr;grid-template-rows: 1fr 1fr;border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
#mLinkA ul &gt; *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mLinkA ul &gt; *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
#mLinkA ul &gt; *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 3;}
#mLinkA ul &gt; *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 4;}
#mLinkA ul &gt; *:nth-child(5) {-ms-grid-row: 2;-ms-grid-column: 1;}
#mLinkA ul &gt; *:nth-child(6) {-ms-grid-row: 2;-ms-grid-column: 2;}
#mLinkA ul &gt; *:nth-child(7) {-ms-grid-row: 2;-ms-grid-column: 3;}
#mLinkA ul &gt; *:nth-child(8) {-ms-grid-row: 2;-ms-grid-column: 4;}
#mLinkA ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 167px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fff}
#mLinkA ul li:hover {background:-o-linear-gradient(45deg, #3fa19c, #4396c7);background:linear-gradient(45deg, #3fa19c, #4396c7);scale: 1.05;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#mLinkA ul li a {display: block;}
#mLinkA ul li a &gt; span {display: block;margin: 0 auto 10px;width: 44px;height: 47px;}
#mLinkA ul li:nth-child(1) a &gt; span {background:url(/img2024/icon05.png) center center no-repeat;}
#mLinkA ul li:nth-child(2) a &gt; span {background:url(/img2024/icon08.png) center center no-repeat;}
#mLinkA ul li:nth-child(3) a &gt; span {background:url(/img2024/icon09.png) center center no-repeat;}
#mLinkA ul li:nth-child(4) a &gt; span {background:url(/img2024/icon01.png) center center no-repeat;}
#mLinkA ul li:nth-child(5) a &gt; span {background:url(/img2024/icon02.png) center center no-repeat;}
#mLinkA ul li:nth-child(6) a &gt; span {background:url(/img2024/icon03.png) center center no-repeat;}
#mLinkA ul li:nth-child(7) a &gt; span {background:url(/img2024/icon06.png) center center no-repeat;}
#mLinkA ul li:nth-child(8) a &gt; span {background:url(/img2024/icon04.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(1) a &gt; span {background:url(/img2024/icon05_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(2) a &gt; span {background:url(/img2024/icon08_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(3) a &gt; span {background:url(/img2024/icon09_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(4) a &gt; span {background:url(/img2024/icon01_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(5) a &gt; span {background:url(/img2024/icon02_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(6) a &gt; span {background:url(/img2024/icon03_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(7) a &gt; span {background:url(/img2024/icon06_w.png) center center no-repeat;}
#mLinkA ul li:hover:nth-child(8) a &gt; span {background:url(/img2024/icon04_w.png) center center no-repeat;}


#mLinkA ul li a &gt; p {font-size: 16px;color: #465568;font-weight: 400;}
#mLinkA ul li:hover a &gt; p {color:#fff}

#sectionD {margin:60px 0 40px}
#sectionD dl:after {content:'';display:block;clear:both;}
#sectionD dl &gt; dt {float: left;width: 620px;margin-right: 35px;}
#sectionD dl &gt; dd {float: right;width: calc(100% - 655px);}

#mNotiC {}
#mNotiC .mNotiC_con {padding: 27px 30px;border: 1px solid #ddd;}
#mNotiC ul &gt; li {border-bottom: 1px solid #ededed;padding: 13px 0;}
#mNotiC ul &gt; li:first-child {padding: 0 0 13px;}
#mNotiC ul &gt; li:last-child {border-bottom: 0;padding: 13px 0 0;}
#mNotiC ul &gt; li &gt; a {display: block;position: relative;}
#mNotiC ul &gt; li &gt; a:after {content:'';display:block;clear:both;}
#mNotiC ul &gt; li &gt; a em {display: none;float: left;margin-right: 9px;width: 24px;word-break: keep-all;padding: 5px 8px;font-style: normal;font-size: 14px;font-weight: 400;color: #fff;line-height: 100%;background: #4396c7;border-radius: 5px;overflow: hidden;}
#mNotiC ul &gt; li &gt; a em.noti1 {background:#4396c7;}
#mNotiC ul &gt; li &gt; a em.noti2 {background:#3f5765;}
#mNotiC ul &gt; li &gt; a &gt; div {float: left;display: block;width: calc(100% - 119px);margin: 1px 0 0;overflow: hidden;}
#mNotiC ul &gt; li &gt; a strong {line-height: 100%;font-size: 19px;font-weight: 400;word-break: keep-all;white-space: nowrap;}
#mNotiC ul &gt; li &gt; a span {display: block;float: right;width: 110px;margin: 5px 0 0;text-align: right;font-size: 16px;color: #b3b3b3;font-weight: 400;line-height: 100%;}
#mNotiC ul &gt; li:hover &gt; a strong {color:#4396c7}
#mNotiC ul &gt; li:hover &gt; a span {color:#4396c7}

#mLinkB {margin: 49px 0 0;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 1fr;grid-template-rows: 1fr 1fr;border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
#mLinkB &gt; *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mLinkB &gt; *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
#mLinkB &gt; *:nth-child(3) {-ms-grid-row: 2;-ms-grid-column: 1;}
#mLinkB &gt; *:nth-child(4) {-ms-grid-row: 2;-ms-grid-column: 2;}
#mLinkB li {vertical-align: middle;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 94px;}
#mLinkB li:hover {background:-o-linear-gradient(45deg, #3fa19c, #4396c7);background:linear-gradient(45deg, #3fa19c, #4396c7);scale: 1.05;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#mLinkB li a {display: block;}
#mLinkB li a &gt; span {display: inline-block;width: 44px;height: 47px;vertical-align: middle;background-size: 35px !important;margin: 0 10px 0 40px;}
#mLinkB li:nth-child(1) a &gt; span {background:url(/img2024/main/link01.png) center center no-repeat;}
#mLinkB li:nth-child(2) a &gt; span {background:url(/img2024/main/link02.png) center center no-repeat;}
#mLinkB li:nth-child(3) a &gt; span {background:url(/img2024/main/link03.png) center center no-repeat;}
#mLinkB li:nth-child(4) a &gt; span {background:url(/img2024/main/link04.png) center center no-repeat;}
#mLinkB li:hover:nth-child(1) a &gt; span {background:url(/img2024/main/link01_w.png) center center no-repeat;}
#mLinkB li:hover:nth-child(2) a &gt; span {background:url(/img2024/main/link02_w.png) center center no-repeat;}
#mLinkB li:hover:nth-child(3) a &gt; span {background:url(/img2024/main/link03_w.png) center center no-repeat;}
#mLinkB li:hover:nth-child(4) a &gt; span {background:url(/img2024/main/link04_w.png) center center no-repeat;}
#mLinkB li a &gt; p {display: inline-block;vertical-align: middle;}
#mLinkB li:hover a &gt; p {color:#fff;}

</pre></body></html>