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

/* main-c2 */
.main-c2 .section-inner {padding:50px 0; background: url("../img/c2_bg_img.png") no-repeat 0 top/calc(100% + 2px) auto;}
.main-c2 .business-list {display: flex; flex-direction: column; align-items: center; }
.main-c2 .business-item {width: 100%; max-width: 480px;}
.main-c2 .business-list .business-item:nth-child(n+2) {margin-top: 15px; }
.main-c2 .business-area {position: relative; display: block; border: 1px solid #ddd;}
.main-c2 .business-area::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 3px solid #2e481f; opacity: 0; transition: .3s; z-index: 1;}
.main-c2 .business-area:hover::before {opacity: 1;}
.main-c2 .business-area .thumb-box {overflow: hidden;}
.main-c2 .business-area .thumb-box img {transition: .3s; width: 100%;}
.main-c2 .business-area:hover .thumb-box img {transform: scale(1.1);}
.main-c2 .business-area .info-box {position: relative; text-align: center; background: #fff; padding:0 15px 30px;}

.main-c2 .business-area .info-box::before {content: ''; position: absolute; left: 0; top: -43px; width: 100%; height: 43px; background: url("../img/c2_layer.png") no-repeat center; background-size: cover; background-position: center;}
.main-c2 .business-area .title {font-size: 20px; font-weight: 700; color: #525659;}
.main-c2 .business-area .desc {font-size: 14px; font-weight: 300; line-height: 1.75; letter-spacing: -0.4px; color: #8a9293; margin-top: 5px;}
.main-c2 .business-area .ico-plus {position: relative; width: 60px; height: 60px; background: #525659; transition: .3s; bottom: -30px; z-index: 2; display: none;}
.main-c2 .business-area:hover .ico-plus {background: #2e481f;}
.main-c2 .business-area .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;}