/* header */
header {position:relative; background:#fff; padding:20px 40px; border-bottom:1px solid #d9d9d9; z-index:1000;}
header .header-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-top .top-address .more {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:var(--color-active); margin:0 25px 0 0;}
header .header-top .top-address .more:before {display:inline-block; content:""; width:20px; height:20px; margin:0 2px 0 0; background:url('../images/icon_delivery.svg') no-repeat center / cover;}
header .header-top .top-select select {height:30px; padding:0 26px 0 12px; font-size:14px; color:#898989; font-weight:500; border:1px solid #d0d0d0; border-radius:4px; background:url('../images/icon_top_select.svg') no-repeat calc(100% - 6px) center / 20px;}
header .header-top .top-select select option {font-size:13px;}
header .header-main {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo {flex:1; min-width:0;}
header .header-main .main-logo h1 a img {width:100px;}
header .header-main .main-cate .cate-head {display:none;}
header .header-main .main-cate .cate-body .body-top {display:none;}
header .header-main .main-cate .cate-body .body-link {display:none;}
header .header-main .main-cate .cate-body .body-list > ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-main .main-cate .cate-body .body-list > ul > li {position:relative; white-space:nowrap;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more {height:62px; padding:0 21px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more > p {font-size:20px; font-weight:600;}
header .header-main .main-cate .cate-body .body-list > ul > li > button.more {display:none;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner {background:var(--color-white); min-width:150px; pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:95%; transform:translateX(-50%); border-radius:8px; padding:10px; border:2px solid var(--color-active); box-shadow:0 0 10px rgba(0,0,0,0.1);}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:5px 0;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a p {font-size:16px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a:hover p {text-decoration:underline; color:var(--color-active); font-weight:500;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li.active a p {font-weight:500; color:var(--color-active);}
header .header-main .main-cate .cate-body .body-list > ul > li:hover > .more > p {color:var(--color-light-active);}
header .header-main .main-cate .cate-body .body-list > ul > li:hover > .body-list-inner {pointer-events:inherit; opacity:1; top:100%;}
header .header-main .main-cate .cate-body .body-list > ul > li.active > .more > p {color:var(--color-light-active);}
header .header-main .main-link {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .main-link ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-link ul li:after {display:inline-block; content:""; width:1px; height:12px; margin:0 12px; background:#d9d9d9;}
header .header-main .main-link ul li:last-of-type:after {display:none;}
header .header-main .main-link ul li a {font-size:16px; color:#898989;}
header .header-main .main-link ul li a:hover {text-decoration:underline;}
header .header-main .main-button {display:none;}
@media (max-width:1550px){
header {padding:15px;}
header .header-main .main-logo {flex:none;}
header .header-main .main-cate {flex:1; min-width:0; padding:0 20px;}
header .header-main .main-cate .cate-body .body-list > ul {justify-content:flex-start;}
header .header-main .main-link {flex:none;}
}
@media (max-width:1300px){
header .header-top .top-address .more {font-size:14px; margin:0 15px 0 0;}
header .header-top .top-address .more:before {width:16px; height:16px;}
header .header-main .main-logo h1 a img {width:70px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more {padding:0 10px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more > p {font-size:16px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner {border-radius:5px; padding:5px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a p {font-size:14px;}
header .header-main .main-link ul li:after {margin:0 5px;}
header .header-main .main-link ul li a {font-size:12px;}
}
@media (max-width:991px){
header {padding:10px 15px;}
header .header-top {display:none;}
header .header-top .top-address .more {font-size:0; margin:0 10px 0 0;}
header .header-top .top-address .more:before {width:20px; height:20px; margin:0;}
header .header-top .top-select select {height:25px; padding:0 26px 0 10px; font-size:12px; border-radius:4px;}
header .header-main {justify-content:space-between;}
header .header-main .main-link {display:none;}
header .header-main .main-button {display:block;}
header .header-main .main-button .menu {width:24px; height:17px; font-size:0; border:2px solid var(--color-active); border-width:2px 0; position:relative;}
header .header-main .main-button .menu:after {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:2px; content:""; background:var(--color-active);}
header .header-main .main-cate {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.7);}
header .header-main .main-cate .box {pointer-events:none; opacity:0; position:absolute; left:-20px; top:0; width:100%; height:100%; max-width:300px; background:var(--color-white); display:flex; flex-direction:column; transition:all ease 0.5s;}
header .header-main .main-cate .cate-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; padding:15px; border-bottom:2px solid var(--color-active);}
header .header-main .main-cate .cate-head h2 img {width:70px;}
header .header-main .main-cate .cate-head .close {width:24px; height:24px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover;}
header .header-main .main-cate .cate-body {width:100%; height:100%; overflow-y:auto; padding:15px;}
header .header-main .main-cate .cate-body .body-top {width:100%; padding:0 0 15px; margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; border-bottom:1px solid #d9d9d9;}
header .header-main .main-cate .cate-body .body-top .top-address .more {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; font-weight:600; color:var(--color-active); margin:0 15px 0 0;}
header .header-main .main-cate .cate-body .body-top .top-address .more:before {display:inline-block; content:""; width:16px; height:16px; margin:0 2px 0 0; background:url('../images/icon_delivery.svg') no-repeat center / cover;}
header .header-main .main-cate .cate-body .body-top .top-select select {height:30px; padding:0 26px 0 12px; font-size:13px; color:#898989; font-weight:500; border:1px solid #d0d0d0; border-radius:4px; background:url('../images/icon_top_select.svg') no-repeat calc(100% - 6px) center / 20px;}
header .header-main .main-cate .cate-body .body-top .top-select select option {font-size:13px;}
header .header-main .main-cate .cate-body .body-link {display:block; margin:0 0 15px;}
header .header-main .main-cate .cate-body .body-link ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-cate .cate-body .body-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-cate .cate-body .body-link ul li:after {display:inline-block; content:""; width:1px; height:10px; background:#d9d9d9; margin:0 5px;}
header .header-main .main-cate .cate-body .body-link ul li:last-of-type:after {display:none;}
header .header-main .main-cate .cate-body .body-link ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:14px; color:#999;}
header .header-main .main-cate .cate-body .body-list > ul > li {width:100%;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more {justify-content:space-between; height:50px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more.toggle {display:none;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more.toggle ~ button {display:flex; justify-content:space-between; height:50px; width:100%;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more.toggle ~ button p {flex:1; min-width:0; margin:0 10px 0 0; text-align:left;}
header .header-main .main-cate .cate-body .body-list > ul > li > .more.toggle ~ button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner {display:none; pointer-events:inherit; opacity:1; position:static; transform:none; background:var(--color-active);}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a {padding:5px 10px;}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a p {color:var(--color-white);}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li a:hover p {color:var(--color-white);}
header .header-main .main-cate .cate-body .body-list > ul > li > .body-list-inner ul li.active a p {text-decoration:underline;}
header .header-main .main-cate .cate-body .body-list > ul > li.active > .more.toggle ~ button:after {transform:rotate(180deg);}
header .header-main .main-cate .cate-body .body-list > ul > li.active > .body-list-inner {display:block;}
header.fixed .header-main .main-cate {pointer-events:inherit; opacity:1;}
header.fixed .header-main .main-cate .box {pointer-events:inherit; opacity:1; left:0;}
}

/* footer */
footer {background:var(--color-black); padding:42px 0;margin-top:50px;}
footer .footer-top {border-bottom:1px solid #7d7d7d; padding:0 0 24px; margin:0 0 24px;}
footer .footer-top ul li {gap:12px 24px; display:flex; flex-wrap:wrap; margin:0 0 10px;}
footer .footer-top ul li:last-of-type {margin:0;}
footer .footer-top ul li p {font-size:16px; color:#d3d3d3;}
footer .footer-bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-bottom p {font-size:16px; color:#d3d3d3;}
footer .footer-bottom ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom ul li:after {display:inline-block; content:""; margin:0 10px; width:1px; height:12px; background:#F5F4EE;}
footer .footer-bottom ul li:last-of-type:after {display:none;}
footer .footer-bottom ul li a {font-size:16px; color:#F5F4EE;}
footer .footer-bottom ul li a:hover {text-decoration:underline;}
footer .footer-fixed {position:fixed; right:20px; bottom:20px; z-index:100;}
footer .footer-fixed ul li {margin:0 0 8px;}
footer .footer-fixed ul li:last-of-type {margin:0;}
footer .footer-fixed ul li a {display:block; font-size:0; width:42px; height:42px; border-radius:50%; background-size:cover; background-position:center;}
footer .footer-fixed ul li a.kakao {background-image:url('../images/icon_footer_fixed_01.png');}
footer .footer-fixed ul li a.message {background-image:url('../images/icon_footer_fixed_02.png');}
footer .footer-fixed ul li a.top {background-image:url('../images/icon_footer_fixed_03.png');}
@media (max-width:991px){
footer {padding:24px 0;}
footer .footer-top {padding:0 0 20px; margin:0 0 20px;}
footer .footer-top ul li {gap:0; margin:0;}
footer .footer-top ul li p {font-size:14px; width:100%;}
footer .footer-bottom p {order:2; width:100%; font-size:14px; margin:10px 0 0;}
footer .footer-bottom ul {order:1; width:100%;}
footer .footer-bottom ul li:after {height:10px;}
footer .footer-bottom ul li a {font-size:14px;}
footer .footer-fixed {right:15px; bottom:15px;}
footer .footer-fixed ul li {margin:0 0 5px;}
footer .footer-fixed ul li a {width:38px; height:38px;}
footer .footer-fixed {z-index:99999;}
}

header .header-main .main-cate .cate-body .body-list > ul > li > button.more {border:0;}

/* section */
section {margin:42px 0 80px;}
@media (max-width:991px){
section {margin:24px 0 40px;}
}

/* main-service */
.main-service {margin:64px 0 0;}
.main-service .list-title {margin:0 0 40px;}
.main-service .list-title h2 {text-align:center; font-size:54px; font-weight:600; color:#E60012; word-break:keep-all;}
.main-service .list-title p {text-align:center; font-size:24px; font-weight:500; color:#5B5A5D; word-break:keep-all;}
.main-service .list-content ul {display:flex; flex-wrap:wrap;}
.main-service .list-content ul li {flex:1; min-width:0; margin:0 80px 0 0;}
.main-service .list-content ul li:last-of-type {margin:0;}
.main-service .list-content ul li .inner {display:block; position:relative; overflow:hidden; border-radius:20px;}
.main-service .list-content ul li .inner .list-image {position:relative; overflow:hidden;}
.main-service .list-content ul li .inner .list-image:before {display:block; content:""; padding-bottom:58%;}
.main-service .list-content ul li .inner .list-image:after {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:linear-gradient(to bottom, transparent, #000);}
.main-service .list-content ul li .inner .list-image img {transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-service .list-content ul li .inner .list-content {padding:0 50px 20px; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; justify-content:center;}
.main-service .list-content ul li .inner .list-content strong {width:100%; text-align:center; font-size:32px; font-weight:bold; color:var(--color-white); margin:0 0 15px;}
.main-service .list-content ul li .inner .list-content p {width:100%; text-align:center; margin:0 0 15px; font-size:24px; font-weight:500; color:#d9d9d9; word-break:keep-all;}
.main-service .list-content ul li .inner .list-content span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; font-sizE:20px; font-weight:600; color:var(--color-white);}
.main-service .list-content ul li .inner .list-content span:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../images/icon_link.svg') no-repeat center / cover;}
.main-service .list-content ul li .inner:hover .list-image img {transform:scale(1.1);}
@media (max-width:1300px){
.main-service .list-content ul li {margin:0 20px 0 0;}
}
@media (max-width:991px){
.main-service {margin:32px 0 0;}
.main-service .list-title {margin:0 0 20px;}
.main-service .list-title h2 {font-size:25px;}
.main-service .list-title p {font-size:16px;}
.main-service .list-content ul li {margin:0 10px 0 0;}
.main-service .list-content ul li .inner {border-radius:10px;}
.main-service .list-content ul li .inner .list-content {padding:15px; align-items:center; align-content:center;}
.main-service .list-content ul li .inner .list-content strong {font-size:20px; margin:0 0 10px;}
.main-service .list-content ul li .inner .list-content p {margin:0 0 10px; font-size:14px;}
.main-service .list-content ul li .inner .list-content span {font-size:14px;}
.main-service .list-content ul li .inner .list-content span:after {width:16px; height:16px; margin:0 0 0 5px;}
}
@media (max-width:575px){
.main-service .list-content ul li {flex:none; width:100%; margin:0 0 10px;}
.main-service .list-content ul li:last-of-type {margin:0;}
}

/* main-hotdeal */
.main-hotdeal {margin:42px 0 0;}
.main-hotdeal .inner {display:block; overflow:hidden; position:relative; border-radius:20px;}
.main-hotdeal .inner .list-image {position:relative; overflow:hidden;}
.main-hotdeal .inner .list-image:before {display:block; content:""; padding-bottom:250px;}
.main-hotdeal .inner .list-image:after {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(255,255,255,0.8);}
.main-hotdeal .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-hotdeal .inner .list-content {position:absolute; left:0; top:0; width:100%; height:100%; padding:15px 50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.main-hotdeal .inner .list-content h2 {width:100%; font-size:42px; font-weight:bold; text-align:center;}
.main-hotdeal .inner .list-content p {width:100%; font-size:24px; font-weight:500; color:#5B5A5D; word-break:keep-all; text-align:center;}
.main-hotdeal .inner .list-content span {font-size:20px; font-weight:600; height:50px; padding:0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:24px 0 0; background:var(--color-black); color:var(--color-white); border-radius:4px;}
.main-hotdeal .inner .list-content span:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../images/icon_link_w.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-hotdeal {margin:24px 0 0;}
.main-hotdeal .inner {border-radius:10px;}
.main-hotdeal .inner .list-image:before {padding-bottom:180px;}
.main-hotdeal .inner .list-content {padding:15px;}
.main-hotdeal .inner .list-content h2 {font-size:25px;}
.main-hotdeal .inner .list-content p {font-size:15px; margin:5px 0 0;}
.main-hotdeal .inner .list-content span {margin:10px 0 0; height:40px; font-size:14px;}
.main-hotdeal .innnr .list-content span:after {width:16px; height:16px; margin:0 0 0 5px;}
}

/* main-company */
.main-company {margin:42px 0 0;}
.main-company .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-company .list-left {width:50%; padding:0 24px 0 0;}
.main-company .list-left h2 {font-size:28px; font-weight:bold; word-break:keep-all;}
.main-company .list-left h2 b {font-size:32px; font-weight:bold; display:block;}
.main-company .list-left p {margin:10px 0 0; font-size:24px; font-weight:500; color:#666; word-break:keep-all;}
.main-company .list-left a {display:flex; flex-wrap:wrap; align-items:center;}
.main-company .list-left a span {font-size:20px; font-weight:600; height:50px; padding:0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:24px 0 0; background:var(--color-black); color:var(--color-white); border-radius:4px;}
.main-company .list-left a span:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../images/icon_link_w.svg') no-repeat center / cover;}
.main-company .list-right {position:relative; width:50%; border-radius:12px; overflow:hidden;}
.main-company .list-right:after {display:block; content:""; padding-bottom:40%;}
.main-company .list-right img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:1300px){
.main-company .list-left p br {display:none;}
}
@media (max-width:991px){
.main-company {margin:24px 0 0;}
.main-company .list-left {width:100%; padding:0; margin:0 0 10px;}
.main-company .list-left h2 {font-size:20px;}
.main-company .list-left h2 b {font-size:25px;}
.main-company .list-left p {font-size:15px; margin:5px 0 0;}
.main-company .list-left p br {display:block;}
.main-company .list-left a span {height:40px; font-size:14px; margin:10px 0 0;}
.main-company .list-left a span:after {width:16px; height:16px; margin:0 0 0 5px;}
.main-company .list-right {width:100%;}
}

/* main-about */
.main-about {margin:80px 0 0;}
.main-about .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-about .list-left h2 {font-size:32px; font-weight:600; color:#E60012; line-height:1;}
.main-about .list-left h2 b {display:block; font-size:54px; font-weight:600; color:#E60012; line-height:1.3;}
.main-about .list-left p {margin:10px 0 0; font-size:24px; font-weight:500; color:#5B5A5D; word-break:keep-all;}
.main-about .list-right {flex:1; min-width:0; margin:0 0 0 10%;}
.main-about .list-right ul {display:flex; flex-wrap:wrap;}
.main-about .list-right ul li {flex:1; min-width:0; border:1px solid #d9d9d9; border-radius:20px; padding:42px 24px; margin:0 24px 0 0;}
.main-about .list-right ul li:last-of-type {margin:0;}
.main-about .list-right ul li strong {display:block; font-size:24px; font-weight:bold; word-break:keep-all;}
.main-about .list-right ul li strong:before {display:block; content:""; width:64px; height:64px; margin:0 0 10px; background-size:cover; background-position:center;}
.main-about .list-right ul li p {margin:10px 0 0; font-size:18px; font-weight:500; color:#666; word-break:keep-all;}
.main-about .list-right ul li:nth-of-type(1) strong:before {background-image:url('../images/icon_main_about_01.svg');}
.main-about .list-right ul li:nth-of-type(2) strong:before {background-image:url('../images/icon_main_about_02.svg');}
.main-about .list-right ul li:nth-of-type(3) strong:before {background-image:url('../images/icon_main_about_03.svg');}
.main-about .list-right ul li:nth-of-type(4) strong:before {background-image:url('../images/icon_main_about_04.svg');}
@media (max-width:1400px){
.main-about .list-right {margin:0 0 0 5%;}
.main-about .list-right ul li {margin:0 10px 0 0;}
}
@media (max-width:1200px){
.main-about .list-left {width:100%;}
.main-about .list-right {flex:none; width:100%; margin:24px 0 0;}
}
@media (max-width:991px){
.main-about {margin:40px 0 0;}
.main-about .list-left h2 {font-size:20px;}
.main-about .list-left h2 b {font-size:25px; line-height:1.5;}
.main-about .list-left p {font-size:15px;}
.main-about .list-right ul li {border-radius:10px; padding:24px 15px;}
.main-about .list-right ul li strong {font-size:18px;}
.main-about .list-right ul li strong:before {width:20px; height:20px; margin:0 0 5px;}
.main-about .list-right ul li p {font-size:15px;}
}
@media (max-width:767px){
.main-about .list-right ul {margin:0 -5px -10px;box-sizing:border-box;}
.main-about .list-right ul li {width:calc(50% - 10px); margin:0 5px 10px; flex:none;}
.main-about .list-right ul li:last-of-type {margin:0 5px 10px;}
}

/* main-banner */
.main-banner {margin:0 auto; max-width:1800px; width:calc(100% - 30px);}
.main-banner .swiper-container {overflow:hidden; border-radius:20px;}
.main-banner .swiper-slide {display:block; position:relative; overflow:hidden; border-radius:20px;}
.main-banner .swiper-slide .list-image {position:relative; overflow:hidden;}
.main-banner .swiper-slide .list-image:before {display:block; content:""; padding-bottom:40%;}
.main-banner .swiper-slide .list-image:after {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.3);}
.main-banner .swiper-slide .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-banner .swiper-slide .list-content {padding:24px; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.main-banner .swiper-slide .list-content h2 {width:100%; text-align:center; font-size:42px; font-weight:bold; color:var(--color-white); word-break:keep-all; line-height:1.3;}
.main-banner .swiper-slide .list-content p {width:100%; text-align:center; margin:25px 0 0; font-size:32px; font-weight:bold; color:#e4e4e4; word-break:keep-all; line-height:1.3;}
@media (max-width:991px){
.main-banner .swiper-container {border-radius:10px;}
.main-banner .swiper-slide {border-radius:10px;}
.main-banner .swiper-slide .list-content {padding:24px 15px;}
.main-banner .swiper-slide .list-content h2 {font-size:25px;}
.main-banner .swiper-slide .list-content p {font-size:15px; margin:10px 0 0;}
}
@media (max-width:575px){
.main-banner .swiper-slide .list-image:before {padding-bottom:65%;}
.main-banner .swiper-slide .list-content h2 {font-size:20px;}
}