/* common */
.main-c3 {overflow: hidden;}
.main-c3 .section-inner {border-width: 0 1px; border-style: solid; border-color: #ddd;}
.main-c3 .sc-title {position: relative; font-size: 45px; font-weight: 700; color: #525659; margin-bottom: 45px; text-align: center;}
.main-c3 .sc-title::before, .main-c3 .sc-title::after {content: ''; height: 4px; background: #2f4820;}
.main-c3 .sc-title::before {display: block; width: 74px; 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: 95px 0 115px;}
.main-c3 .swiper-slide .ico-plus {position: relative; width: 60px; height: 60px; 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: 30px; height: 31px; background: url("../img/ico_plus_large.png") no-repeat center;}
.main-c3 .swiper-slide .thumb-box:hover .ico-plus {background: #2e481f;}

.main-c3 .tab-list {position: absolute; left: -100px; top: 210px;}
.main-c3 .btn-tab {position: relative; display: block; font-size: 18px; font-weight: 500; color: #8a9293; min-width: 50px; text-align: left;}
.main-c3 .btn-tab.active {color: #2f4820;}
.main-c3 .btn-tab + .btn-tab {margin-top: 25px;}
.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;}
.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: 307px; display: flex; justify-content: center; align-items: center; font-size: 22px;}
.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: 3px 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: 28px;}
.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;}
.main-c3 .swiper-slide .title {overflow: hidden; font-size: 18px; font-weight: 500; color: #525659; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.main-c3 .swiper-control {position: absolute; top: 11%; 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;}
.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; float: right; width: auto; margin-right: 35px; margin-top: 4px;}
.main-c3 .swiper-control .swiper-pagination-bullet {width: 12px; height: 12px; 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: 20px;}
.main-c3 .swiper-control .swiper-pagination-bullet-active {background: #2f4820;}