/* common */
.main-c2 {overflow: hidden;}
.main-c2 .section-inner {border-width: 0 1px; border-style: solid; border-color: #ddd;}
.main-c2 .sc-title {position: relative; font-size: 45px; font-weight: 700; color: #525659; margin-bottom: 45px; text-align: center;}
.main-c2 .sc-title::before, .main-c2 .sc-title::after {content: ''; height: 4px; background: #2f4820;}
.main-c2 .sc-title::before {display: block; width: 74px; margin: 0 auto 10px;}
.main-c2 .sc-title::after {position: absolute; right: 50%; top: 0; width: 37px;}

/* main-c2 */
.main-c2 .section-inner {padding: 95px 0 115px; background: url("../img/c2_bg_img.png") no-repeat center/calc(100% + 2px) 100%;}
.main-c2 .business-list {display: flex; justify-content: space-between;}
.main-c2 .business-item {width: calc((100% - 50px) / 3);}
.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;}
.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;}
.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;}
.main-c2 .business-area .title {font-size: 26px; font-weight: 700; color: #525659;}
.main-c2 .business-area .desc {font-size: 16px; font-weight: 300; line-height: 1.75; letter-spacing: -0.4px; color: #8a9293; margin-top: 20px;}
.main-c2 .business-area .ico-plus {position: relative; width: 60px; height: 60px; background: #525659; transition: .3s; bottom: -30px; z-index: 2;}
.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;}
