/* common */
.main-c3 {overflow: hidden;}
.main-c3 .sc-title {position: relative; font-size: 30px; font-weight: 700; color: #525659; text-align: center; margin-bottom: 20px;}
.main-c3 .sc-title::before, .main-c3 .sc-title::after {content: ''; height: 3px; background: #2f4820;}
.main-c3 .sc-title::before {display: block; width: 40px; margin: 0 auto 10px;}
/* .main-c3 .sc-title::after {position: absolute; right: 50%; top: 0; width: 37px;} */

/* main-c3 */
.main-c3 {background: #f7f7f7; border-top: 1px solid #ddd;}
.main-c3 .section-inner {padding:50px 0;}
.main-c3 .swiper-slide .ico-plus {position: relative; width:30px; height: 30px; background: #525659; transition: .3s; bottom: -30px; z-index: 2;}
.main-c3 .swiper-slide .ico-plus::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; background: url("../img/ico_plus_large.png") no-repeat center; background-size: contain}
.main-c3 .swiper-slide .thumb-box:hover .ico-plus {background: #2e481f;}

.main-c3 .tab-list {width: 100%; display: flex; justify-content: center; margin-bottom: 20px; }
.main-c3 .btn-tab {position: relative; display: block; font-size: 14px; font-weight: 500; color: #8a9293;  text-align: left; }
.main-c3 .btn-tab.active {color: #2f4820;}
.main-c3 .btn-tab + .btn-tab {margin-left: 15px;}
/* .main-c3 .btn-tab::before {content: ''; position: absolute; right: -107%; top: 50%; transform: translateY(-50%); width: 4px; height: 24px; background: #15320c; opacity: 0; transition:  .2s;} */
.main-c3 .btn-tab.active::before {opacity: 1;}
.main-c3 .btn-tab span {border-bottom: 2px solid transparent; display: block; padding-bottom: 2px ;}
.main-c3 .btn-tab.active span {border-bottom-color: #15320c;}

.main-c3 .swiper-area {display: none;}
.main-c3 .swiper-area.active {display: block;}
.main-c3 .swiper-slide .thumb-box.empty {min-height:150px; display: flex; justify-content: center; align-items: center; font-size: 15px;}
.main-c3 .swiper-slide .thumb-box {position: relative; display: block; background: #fff; border: 1px solid #ddd;}
.main-c3 .swiper-slide .thumb-box::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #2e481f; opacity: 0; transition: .3s;}
.main-c3 .swiper-slide .thumb-box:hover::before {opacity: 1;}
.main-c3 .swiper-slide .ico-plus {position: absolute; right: 0; bottom: 0;}
.main-c3 .swiper-slide .info-box {margin-top:10px;}
.main-c3 .swiper-slide .badge {float: left; margin-right: 15px; width: 76px; text-align: center; background: #2e481f; padding: 7px 0; font-size: 12px;font-weight: 400;color: #fff;
display: none; }
.main-c3 .swiper-slide .title { font-size: 14px; font-weight: 500; color: #525659; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
text-align: center; width: 100%;display: block; }

.main-c3 .swiper-control { width: 100%; }
.main-c3 .swiper-control::after {content: ''; display: block; clear: both;}
.main-c3 .swiper-control .btn {font-size: 15.5px; font-weight: 300; color: #8a9293; position: static; width: auto; height: auto; margin-top: 0; transition: 0s;
display: none; }
.main-c3 .swiper-control .btn:hover {color: #212121;}
.main-c3 .swiper-control .btn i[class^="ico-"] {width: 13px; height: 23px;}
.main-c3 .swiper-control .btn .ico-prev {background-image: url("../img/c3_prev.png"); margin-right: 15px;}
.main-c3 .swiper-control .btn .ico-next {background-image: url("../img/c3_next.png"); margin-left: 15px;}
.main-c3 .swiper-control .btn::after {display: none;}

.main-c3 .swiper-control .swiper-button-prev {float: left;}
.main-c3 .swiper-control .swiper-button-next {flex-direction: row-reverse; float: right;}
.main-c3 .swiper-control .swiper-pagination {position: static; width: 100%; display: flex; justify-content: center; margin-bottom: 25px;}
.main-c3 .swiper-control .swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 0; background: rgba(0, 0, 0, .1); opacity: 1; margin: 0;}
.main-c3 .swiper-control .swiper-pagination-bullet + .swiper-pagination-bullet  {margin-left: 15px;}
.main-c3 .swiper-control .swiper-pagination-bullet-active {background: #2f4820;}