@charset "utf-8";

/* ******************* *
* 공통
* ******************* */
.msec {margin-bottom: 100px;}
.msec-title {margin-bottom: 30px;}
.msec-title > .title {color: #111;font-family: var(--font-NanumHuman);font-size: 2.0em;font-weight: 600;}
.msec .btn-more {display: flex;justify-content: center;align-items: center;width: 120px;height: 42px;border: 1px solid var(--color1);border-radius: 23px;background: #fff;color: var(--color1);font-size: 16px;font-weight: 600;transition: .35s;position: absolute;bottom: calc(100% + 30px);right: 0;}
.msec .btn-more:hover,
.msec .btn-more:focus {background: var(--color1);color: #fff;}

@media all and (max-width: 1024px){
    .msec .btn-more {width: 100px;height: 40px;font-size: 15px;}
}
@media all and (max-width: 768px){
    .msec {margin-bottom: 80px;}
    .msec-title {margin-bottom: 15px;}
    .msec .btn-more {bottom: calc(100% + 15px);}
}
@media all and (max-width: 640px){
    .msec .btn-more {margin: 40px auto 0;position: relative;right: auto;bottom: auto;}
}


/* ******************* *
* msec01
* ******************* */
.msec01 {padding: 70px 0 0;}
.mquick {display: flex;justify-content: space-between;gap: 16px;}
.mquick .nav__btn {flex: 0 0 auto;display: block;width: 50px;height: 50px;border: 1px solid #EFEFEF;border-radius: 10px;background: #fff url(../img/main/msec01-ico_all.png) center center / cover no-repeat;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);position: relative;top: 49px;transform: translateY(-50%);align-self: normal;opacity: 1;visibility: visible;}
.mquick ul {display: flex;flex-wrap: wrap;gap: 5px;}
.mquick ul > li > a > .ico {width: 98px;aspect-ratio: 1 / 1;margin-bottom: 10px;border: 3px solid transparent;border-radius: 15px;background: #F8F8F8;transition: .35s;}
.mquick ul > li > a > .txt {font-size: 17px;font-weight: 500;text-align: center;line-height: 1.2;transition: .35s;}
.mquick ul > li > a:hover > .ico,
.mquick ul > li > a:focus > .ico {border-color: var(--color1);}
.mquick ul > li > a:hover > .txt,
.mquick ul > li > a:focus > .txt {color: var(--color1);font-weight: 600;}


@media all and (max-width: 1024px){
    .mquick .nav__btn {display: none;}
    .mquick ul {justify-content: center;gap: 15px 10px;max-width: 790px;margin: 0 auto;}
    .mquick ul > li > a > .ico {width: 90px;}
}
@media all and (max-width: 768px){
    .msec01 {padding: 50px 0;}
    .mquick ul > li > a > .ico {width: 70px;border-width: 2px;border-radius: 10px;}
    .mquick ul > li > a > .txt {font-size: 16px;}
}
@media all and (max-width: 640px){
    .mquick ul {gap: 15px 5px;}
    .mquick ul > li > a > .ico {width: 60px;}
    .mquick ul > li > a > .txt {font-size: 14px;}
}


/* ******************* *
* msec02
* ******************* */
.msec02 {padding: 70px 0 0;position: relative;overflow: hidden;}
.msec02::before,
.msec02::after {content: '';display: block;position: absolute;z-index: -1;}
.msec02::before {width: 100%;padding-top: 29.58%;background: rgba(0,93,66,0.1);background: linear-gradient(-90deg,rgba(0,93,66,0.05) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(-90deg,rgba(0,93,66,0.05) 0%, rgba(255,255,255,0) 100%);background: -moz-linear-gradient(-90deg,rgba(0,93,66,0.05) 0%, rgba(255,255,255,0) 100%);top: 0;left: 0;}
.msec02::after {content: '';display: block;width: 800px;height: 128px;background: url(../img/main/msec02-img_deco.png) center center / cover  no-repeat;position: absolute;top: 206px;left: 50%;transform: translateX(-50%);}
.msec02 .msec-title {margin-bottom: 30px;text-align: center;}
.msec02 .msec-title > .txt {margin-bottom: 30px;color: var(--color-gray);font-size: 17px;line-height: 1.4;}
.msec02 .msec-title > .btn-more {display: inline-block;padding: 15px 69px;background: var(--color1);border-radius: 25px 0 25px 25px;color: #fff;font-size: 17px;font-weight: 600;transition: .35s;}
.msec02 .msec-title > .btn-more:hover {background: var(--color-main);}
.msec02 .adm-btns {display: flex;justify-content: center;gap: 10px;margin-bottom: 10px;}
.msec02 .adm-btns > a {display: block;padding: 5px 10px;background: #E04545;color: #fff;font-size: 14px;font-weight: 500;}

.msec02 .content {overflow: hidden;}
.msec02 .review-swiper-cont {width: 110%;transform: translateX(-4%);}
.msec02 .review-swiper {padding-bottom: 20px;}
.msec02 .review-swiper .swiper-slide {scale: 0.88;padding: 15px 15px 25px;border-radius: 20px;background: #fff;position: relative;box-shadow: 2px 8px 8px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 2px 8px 8px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 8px 8px 0px rgba(0,0,0,0.1);transform-origin: center bottom;transition: .35s;cursor: pointer;}
.msec02 .review-swiper .swiper-slide-active{scale: 1;}
.msec02 .review-swiper .swiper-slide .img-cont {margin-bottom: 20px;position: relative;}
.msec02 .review-swiper .swiper-slide .new_icon {padding: 5px 15px;border-radius: 5px;background: var(--color-main);color: #fff;font-size: 16px;font-weight: 500;position: absolute;top: 10px;left: 10px;z-index: 10;}
.msec02 .review-swiper .swiper-slide .img {border-radius: 15px;overflow: hidden;position: relative;}
.msec02 .review-swiper .swiper-slide .img::before {content: '';display: block;width: 0;padding-top: 120%;}
.msec02 .review-swiper .swiper-slide .img > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.msec02 .review-swiper .swiper-slide .info-cont {text-align: center;}
.msec02 .review-swiper .swiper-slide .info-cont .score {margin-bottom: 10px;color: #FFDE26;}
.msec02 .review-swiper .swiper-slide .info-cont .cate {margin-bottom: 5px;color: #777;font-size: 17px;font-weight: 500;}
.msec02 .review-swiper .swiper-slide .info-cont .tit {font-weight: 700;}

.msec02 #review-popup {display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;right:0;bottom:0;z-index: 9999;}
.msec02 #review-popup .popup-content {max-width: 700px;width: 90%;padding: 20px;box-sizing: border-box;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.msec02 #review-popup .popup-close {display: block;width: 34px;aspect-ratio: 1 / 1;border: none;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);position: absolute;bottom: calc(100% + 10px);right: 0;/* transform: translate(50%, -50%); */}
.msec02 #review-popup .popup-close::before,
.msec02 #review-popup .popup-close::after {content: '';display: block;width: 1px;height: 50%;background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.msec02 #review-popup .popup-close::before {transform: rotate(45deg);}
.msec02 #review-popup .popup-close::after {transform: rotate(-45deg);}
.msec02 #review-popup .popup-swiper-ctrls [class*=swiper-button] {width: 60px;height: 60px;border-radius: 50%;background: var(--color-main);}
.msec02 #review-popup .popup-swiper-ctrls [class*=swiper-button]::after {content: '';width: 40%;aspect-ratio: 1 / 1;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.msec02 #review-popup .popup-swiper-ctrls .swiper-button-prev {left: 0;transform: translate(-50%);}
.msec02 #review-popup .popup-swiper-ctrls .swiper-button-next {right: 0;transform: translate(50%);}
.msec02 #review-popup .popup-swiper-ctrls .swiper-button-prev::after {border-width: 0px 0px 3px 3px;transform: rotate(45deg) translate(15%, -15%);}
.msec02 #review-popup .popup-swiper-ctrls .swiper-button-next::after {border-width: 3px 3px 0 0;transform: rotate(45deg) translate(-15%, 15%);}


@media all and (max-width: 1399px){
    .msec02::before {height: 410px;padding-top: 0;}
}
@media all and (max-width: 1024px){
    .msec02::before {height: 380px;}
    .msec02::after {width: 600px;height: 96px;}
    .msec02 .review-swiper .swiper-slide .info-cont .cate {font-size: 15px;}
}
@media all and (max-width: 768px){
    .msec02::after {width: 450px;height: 72px;}
    .msec02 .msec-title {margin-bottom: 20px;}
    .msec02 .msec-title > .btn-more {padding: 12px 50px;}
    .msec02 #review-popup .popup-swiper-ctrls [class*=swiper-button] {width: 50px;height: 50px;}
    .msec02 #review-popup .popup-swiper-ctrls [class*=swiper-button]::after {width: 30%;}
}
@media all and (max-width: 640px){
    .msec02 .msec-title > .btn-more {padding: 10px 46px;font-size: 15px;}
    .msec02 #review-popup .popup-swiper-ctrls [class*=swiper-button] {width: 35px;height: 35px;}
}



/* ******************* *
* msec03
* ******************* */
.msec03 #mbanner-popup {display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;right:0;bottom:0;z-index: 9999;}
.msec03 #mbanner-popup .popup-content {max-width: 960px;width: 90%;padding: 20px 10px 20px 20px;box-sizing: border-box;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.msec03 #mbanner-popup .popup-data {max-height: 85vh;width: 100%;overflow-y: auto;}
.msec03 #mbanner-popup .popup-data img {display: inline-block;}
.msec03 #mbanner-popup .popup-close {display: block;width: 34px;aspect-ratio: 1 / 1;border: none;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);position: absolute;bottom: calc(100% + 10px);right: 0;/* transform: translate(50%, -50%); */}
.msec03 #mbanner-popup .popup-close::before,
.msec03 #mbanner-popup .popup-close::after {content: '';display: block;width: 1px;height: 50%;background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.msec03 #mbanner-popup .popup-close::before {transform: rotate(45deg);}
.msec03 #mbanner-popup .popup-close::after {transform: rotate(-45deg);}



/* ******************* *
* msec04, msec05 탭메뉴 공통
* ******************* */
.tab-menu {margin-bottom: 25px;}
.tab-menu > ul {display: flex;gap: 5px;}
.tab-menu > ul > li > a {display: flex;justify-content: center;align-items: center;width: 130px;height: 45px;border: 1px solid #999;border-radius: 23px;box-sizing: border-box;color: #999;font-size: 17px;font-weight: 500;line-height: 1.0;}
.tab-menu > ul > li.active > a {border-width: 2px;border-color: var(--color1);color: var(--color1);}
.tab-content {display: none;}
.tab-content.active {display: block;}

@media all and (max-width: 1024px){
    .tab-menu > ul > li > a {width: 110px;height: 40px;font-size: 16px;}
}
@media all and (max-width: 640px){
    .tab-menu > ul {flex-wrap: wrap;}
    .tab-menu > ul > li > a {width: 90px;height: 36px;font-size: 14px;}
}

/* ******************* *
* msec04, msec05, msec06, msec09
* 메인 상품 목록 스킨 40 (인기/신규/독점/문화예술 콘텐츠) 
* ******************* */
.smt_40 .sct_clear {clear:both}
.smt_40 .sct_img {margin-bottom: 18px;}
.smt_40 .sct_img > a {display: block;position: relative;border-radius: 15px;overflow: hidden;}
.smt_40 .sct_img > a::before {content: '';display: block;width: 0;padding-top: 100%;}
.smt_40 .sct_img > a > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .35s;}
.smt_40 .sct_img > a:hover > img {opacity: .7;}
.smt_40 .sct_star {margin:10px 0 5px}
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}
.smt_40 .info-cont > .top-info {display: flex;align-items: baseline;gap: 6px;margin-bottom: 8px;color: #868686;}
.smt_40 .info-cont > .top-info > .duration {display: inline-block;max-height: 22px;padding: 0 10px;border: 1px solid #868686;border-radius: 11px;box-sizing: border-box;font-size: 14px;font-weight: 600;}
.smt_40 .info-cont > .top-info > .desc {font-size: 16px;font-weight: 500;line-height: 1.2;}
.smt_40 .info-cont > .title > a {font-size: 18px;font-weight: 500;line-height: 1.2;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 1.25;}
.smt_40 .info-cont > .price {color: var(--color1);font-size: 1.10em;font-weight: 700;}
.smt_40 .info-cont > .price > span {color: #B3B3B3;font-size: 16px;font-weight: 500;}
.smt_40 .info-cont > .bot-info {display: flex;align-items: center;flex-wrap: wrap;gap: 4px 6px;margin-top: 8px;font-size: 16px;font-weight: 500;}
.smt_40 .info-cont > .bot-info > .count {display: inline-flex;align-items: center;gap: 4px;padding: 6px 13px;border-radius: 15px;background: var(--color1);color: #fff;font-weight: 600;line-height: 1.0;position: relative;}
.smt_40 .info-cont > .bot-info > .count::before {content: '';display: block;width: 15px;height: 14px;background: url(../img/common/ico-people.svg) center center / cover no-repeat;}
.smt_40 .info-cont > .bot-info > .type {color: var(--color1);}
.smt_40 .info-cont > .bot-info > .tag {color: #868686;font-size: 15px;}

@media all and (max-width: 1024px){
    .smt_40 .sct_img {margin-bottom: 15px;}
    .smt_40 .info-cont > .top-info > .duration {padding: 0 8px;}
    .smt_40 .info-cont > .top-info > .desc {font-size: 14px;}
    .smt_40 .info-cont > .bot-info {font-size: 14px;}
    .smt_40 .info-cont > .bot-info > .count {padding: 6px 10px;}
}



/* ******************* *
* msec07
* ******************* */
.msec07 .msec-title {margin-bottom: 10px;}
.msec07 .content {display: flex;justify-content: flex-end;align-items: center;width: 100%;min-height: 250px;padding: 30px 0;box-sizing: border-box;background: url(../img/main/msec07-img_bg.jpg) 20% center / cover no-repeat;}
.msec07 .cont-wrap {max-width: 848px;width: 61%;padding-right: 30px;box-sizing: border-box;}
.msec07 .cont-wrap .tit {margin-bottom: 16px;font-family: var(--font-NanumHuman);font-size: 1.50em;font-weight: 700;line-height: 1.3;}
.msec07 .cont-wrap .tit em {color: var(--color1);font-weight: 800;font-style: normal;}
.msec07 .cont-wrap .tit .mo-only {display: none;}
.msec07 .cont-wrap .txt {max-width: 656px;margin-bottom: 16px;color: #333;font-size: max(.90em, 17px);line-height: 1.5;}
.msec07 .cont-wrap .btn-link {display: flex;justify-content: center;align-items: center;width: 240px;height: 42px;border-radius: 21px;background: #006845;color: #fff;font-weight: 500;transition: .35s;}
.msec07 .cont-wrap .btn-link:hover {background: var(--color-main);}

@media all and (max-width: 1399px){
    .msec07 .cont-wrap .txt .line-br {display: inline; }
}
@media all and (max-width: 1199px){
    .msec07 .cont-wrap .tit {margin-bottom: 12px;font-size: 1.30em;}
}
@media all and (max-width: 1024px){
    .msec07 .content {flex-direction: column;padding: 0 0 50px 0;background: #F9F5EC;position: relative;}
    .msec07 .content::before {content: '';display: block;max-width: 480px;width: 100%;aspect-ratio: 480 / 264;margin-bottom: 20px;background: url(../img/main/msec07-img_bg_mo.jpg) center / cover no-repeat;}
    .msec07 .cont-wrap {max-width: none;width: 100%;padding: 0 30px;text-align: center;position: relative;}
    .msec07 .cont-wrap .txt {margin: 0 auto 12px;}
    .msec07 .cont-wrap .btn-link {width: 220px;margin: 0 auto;}
}
@media all and (max-width: 640px){
    .msec07 .cont-wrap .tit .mo-only {display: block;}
    .msec07 .cont-wrap .btn-link {width: 190px;}
}



/* ******************* *
* msec08
* ******************* */
.msec08 .content {position: relative;}
.msec08 .content .msec08-swiper .swiper-slide:nth-last-child(-n+4) {margin-top: 80px !important;}
.msec08 .content .msec08-swiper .swiper-slide .img {margin-bottom: 18px;}
.msec08 .content .msec08-swiper .swiper-slide .img > a {display: block;position: relative;border-radius: 15px;overflow: hidden;}
.msec08 .content .msec08-swiper .swiper-slide .img > a::before {content: '';display: block;width: 0;padding-top: 100%;}
.msec08 .content .msec08-swiper .swiper-slide .img > a > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: .35s;}
.msec08 .content .msec08-swiper .swiper-slide .img > a:hover > img {opacity: .7;}
.msec08 .content .msec08-swiper .info-cont > .top-info {display: flex;align-items: baseline;gap: 6px;margin-bottom: 8px;color: #868686;}
.msec08 .content .msec08-swiper .info-cont > .top-info > .duration {display: inline-block;max-height: 22px;padding: 0 10px;border: 1px solid #868686;border-radius: 11px;box-sizing: border-box;font-size: 14px;font-weight: 600;}
.msec08 .content .msec08-swiper .info-cont > .top-info > .desc {font-size: 16px;font-weight: 500;line-height: 1.2;}
.msec08 .content .msec08-swiper .info-cont > .title > a {font-size: 18px;font-weight: 500;line-height: 1.2;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-height: 1.25;}
.msec08 .content .msec08-swiper .info-cont > .price {color: var(--color1);font-size: 1.10em;font-weight: 700;}
.msec08 .content .msec08-swiper .info-cont > .price > span {color: #B3B3B3;font-size: 16px;font-weight: 500;}
.msec08 .content .msec08-swiper .info-cont > .bot-info {display: flex;align-items: center;flex-wrap: wrap;gap: 4px 6px;margin-top: 8px;font-size: 16px;font-weight: 500;}
.msec08 .content .msec08-swiper .info-cont > .bot-info > .count {display: inline-flex;align-items: center;gap: 4px;padding: 6px 13px;border-radius: 15px;background: var(--color1);color: #fff;font-weight: 600;line-height: 1.0;position: relative;}
.msec08 .content .msec08-swiper .info-cont > .bot-info > .count::before {content: '';display: block;width: 15px;height: 14px;background: url(../img/common/ico-people.svg) center center / cover no-repeat;}
.msec08 .content .msec08-swiper .info-cont > .bot-info > .type {color: var(--color1);}
.msec08 .content .msec08-swiper .info-cont > .bot-info > .tag {color: #868686;}
.msec08 .content .msec08-swiper-ctrls {margin-top: 30px;}
.msec08 .content .msec08-swiper-ctrls .swiper-pagination {position: relative;}
.msec08 .content .msec08-swiper-ctrls .swiper-pagination-bullet-active {background: var(--color1);}

@media all and (max-width: 1399px){
    .msec08 .content .msec08-swiper .swiper-slide:nth-last-child(-n+4) {margin-top: 50px !important;}
}
@media all and (max-width: 1199px){
    .msec08 .content .msec08-swiper .swiper-slide:nth-last-child(-n+4) {margin-top: 30px !important;}
}
@media all and (max-width: 1024px){
    .msec08 .content .msec08-swiper .swiper-slide .img  {margin-bottom: 15px;}
    .msec08 .content .msec08-swiper .info-cont > .top-info > .duration {padding: 0 8px;}
    .msec08 .content .msec08-swiper .info-cont > .top-info > .desc {font-size: 14px;}
    .msec08 .content .msec08-swiper .info-cont > .bot-info {font-size: 14px;}
    .msec08 .content .msec08-swiper .info-cont > .bot-info > .count {padding: 6px 10px;}
}


/* ******************* *
* msec09
* ******************* */
.msec09 .content {position: relative;}



/* ******************* *
* msec10
* ******************* */
.msec10 ul {display: flex;gap: 20px;}
.msec10 ul > li {width: calc(25% - 15px);}
.msec10 ul > li > a {display: block;width: 100%;height: 100%;padding: 30px;box-sizing: border-box;border-radius: 15px;background: #F7F7F7;position: relative;transition: .35s;}
.msec10 ul > li > a::after {content: '';display: block;width: 106px;aspect-ratio: 1 / 1;position: absolute;right: 30px;bottom: 30px;z-index: 0;}
.msec10 ul > li:nth-child(1) > a::after {background: url('../img/main/msec10-ico_01.png') center center / cover no-repeat;}
.msec10 ul > li:nth-child(2) > a::after {background: url('../img/main/msec10-ico_02.png') center center / cover no-repeat;}
.msec10 ul > li:nth-child(3) > a::after {background: url('../img/main/msec10-ico_03.png') center center / cover no-repeat;}
.msec10 ul > li:nth-child(4) > a::after {background: url('../img/main/msec10-ico_04.png') center center / cover no-repeat;}
.msec10 ul > li .txt-cont {margin-bottom: 70px;position: relative;z-index: 10;}
.msec10 ul > li .txt-cont > .tit {margin-bottom: 5px;color: #111;font-family: var(--font-NanumHuman);font-size: 1.10em;font-weight: 800;line-height: 1.2;transition: .35s;}
.msec10 ul > li .txt-cont > .txt {color: #424242;font-size: 16px;line-height: 1.3;transition: .35s;}
.msec10 ul > li .more {font-size: 14px;font-weight: 600;transition: .35s;position: relative;z-index: 10;}
.msec10 ul > li > a:hover {background: var(--color-main);}
.msec10 ul > li > a:hover .txt-cont > .tit,
.msec10 ul > li > a:hover .txt-cont > .txt,
.msec10 ul > li > a:hover .more {color:#fff;}

@media all and (max-width: 1399px){
    .msec10 ul > li > a::after {width: 90px;}
}
@media all and (max-width: 1199px){
    .msec10 ul {gap: 10px;}
    .msec10 ul > li {width: calc(25% - 7.5px);}
    .msec10 ul > li .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 1024px){
    .msec10 ul {flex-wrap: wrap;}
    .msec10 ul > li {width: calc(50% - 5px);}
    .msec10 ul > li .txt-cont {margin-bottom: 50px;}
    .msec10 ul > li .txt-cont > .txt > .line-br {display: block;}
}
@media all and (max-width: 768px){
    .msec10 ul > li > a::after {width: 80px;right: 20px;bottom: 20px;}
}
@media all and (max-width: 640px){
    .msec10 ul > li > a {padding: 30px 25px;}
    .msec10 ul > li > a::after {width: 70px;}
    .msec10 ul > li .txt-cont {margin-bottom: 40px;}
    .msec10 ul > li .txt-cont > .tit {font-size: 18px;}
    .msec10 ul > li .txt-cont > .txt {font-size: 15px;}
    .msec10 ul > li .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 480px){
    .msec10 ul > li {width: 100%;}
    .msec10 ul > li .txt-cont {margin-bottom: 20px;}
    .msec10 ul > li .txt-cont > .txt > .line-br {display: block;}
}

/* ******************* *
* msec11
* ******************* */
.msec11 .msec-title {margin-bottom: 10px;}
.msec11 .content > a {display: flex;align-items: center;gap: 75px;width: 100%;min-height: 250px;padding: 0 60px;box-sizing: border-box;border-radius: 15px;background: rgba(148,218,218,.1);transition: .35s;}
.msec11 .content > a:hover,
.msec11 .content > a:focus {box-shadow: 1px 0px 20px 0px rgba(83,166,127,0.34);-webkit-box-shadow: 1px 0px 20px 0px rgba(83,166,127,0.34);-moz-box-shadow: 1px 0px 20px 0px rgba(83,166,127,0.34);}
.msec11 .content .img {max-width: 683px;width: 54%;align-self: flex-end;}
.msec11 .content .cont-wrap {max-width: 485px;width: 38%;}
.msec11 .content .cont-wrap > .logo {max-width: 188px;margin-bottom: 10px;}
.msec11 .content .cont-wrap > .tit {margin-bottom: 3px;font-size: 1.50em;font-weight: 600;line-height: 1.2;}
.msec11 .content .cont-wrap > .txt {color: #525252;font-size: 16px;}

@media all and (max-width: 1399px){
    .msec11 .content > a {gap: 40px;}
    .msec11 .content .img {width: 48%;}
    .msec11 .content .cont-wrap {width: 48%;}
}
@media all and (max-width: 1199px){
    .msec11 .content > a {flex-direction: column-reverse;gap: 20px;min-height: auto;padding: 50px 40px 0;}
    .msec11 .content .img {max-width: none;width: 50%;margin: 0 auto;align-self: normal;}
    .msec11 .content .img > img {margin: 0 auto;}
    .msec11 .content .cont-wrap {max-width: none;width: 100%;text-align: center;}
    .msec11 .content .cont-wrap > .logo {margin: 0 auto 10px;}
    .msec11 .content .cont-wrap > .logo > img {margin: 0 auto;}
    .msec11 .content .cont-wrap > .txt > .line-br {display: block;}
}
@media all and (max-width: 1024px){
    .msec11 .content > a {padding: 40px 40px 0;}
    .msec11 .content .img {width: 60%;}
}
@media all and (max-width: 768px){
    .msec11 .content > a {gap: 10px;}
    .msec11 .content .img {width: 70%;}
    .msec11 .content .cont-wrap > .logo > img {max-width: 75%;}
    .msec11 .content .cont-wrap > .tit {font-size: 24px;}
}
@media all and (max-width: 640px){
    .msec11 .content > a {padding: 30px 30px 0;}
    .msec11 .content .img {max-width: 300px;width: 100%;}
    .msec11 .content .cont-wrap > .txt > .line-br {display: inline;}
}


/* ******************* *
* msec12
* ******************* */
.msec12 {margin-bottom: 35px;overflow: hidden;}
.msec12-swiper > ul > li > img {clip-path: inset(2px);}