/* common */
.main-c2 .title-area .title {position: relative; font-family: 'Roboto', sans-serif; font-size: 65px; font-weight: 700; color: #000; line-height: 1.11;}
.main-c2 .title-area .title::after {content: ''; display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #e50050; vertical-align: top;}
.main-c2 .title-area .desc {margin-top: 40px; font-size: 16px; font-weight: 300; color: #666; line-height: 1.88;}
.main-c2 .title-area .desc strong {font-size: 32px; font-weight: 700; line-height: 1.56;}
.main-c2 .title-area .btn-more {display: block; width: 200px; margin-top: 95px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; padding: 15px 0; border-radius: 27px; background: #363d43; transition: .3s;}
.main-c2 .title-area .btn-more:hover {background: #e50050;}

/* main-c2 */
.main-c2 {overflow: hidden; position: relative; z-index: 2;}
.main-c2 .line-area {position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 1500px; z-index: -1; display: flex; justify-content: flex-end; margin: 0 auto;}
.main-c2 .line-area .line {display: block; width: 1px; height: 100%; background: #e6e6e6;}
.main-c2 .title-area {width: calc(50% + 650px); background: url("../img/c2_bg.jpg") no-repeat center/cover; border-radius: 0 20px 0 0;}
.main-c2 .title-area .inner {padding: 75px 0 360px; margin-right: 0; display: flex; align-items: flex-end;}
.main-c2 .title-area .title {color: #fff;}
.main-c2 .title-area .title::after {background: #fff;}
.main-c2 .title-area .desc {color: #fff; margin: 0 0 0 20px;}
.main-c2 .busin-list-wrap {position: relative; margin-top: -280px; display: flex; justify-content: flex-end;}
.main-c2 .busin-list {position: relative; display: flex; width: calc(50% + 650px);}
.main-c2 .busin-list::after {content: ''; display: block; clear: both;}
.main-c2 .busin-list .busin-item {width: 33.33%; border-bottom: 1px solid transparent;}
.main-c2 .busin-list .busin-item:nth-child(1) {background: #e50050; border-radius: 20px 0 0 20px;}
.main-c2 .busin-list .busin-item:nth-child(2) {background: #fff; border-bottom-color: #ddd;}
.main-c2 .busin-list .busin-item:nth-child(3) {background: #363d43;}
.main-c2 .busin-list .busin-area {display: block; padding: 45px 55px 65px;}
.main-c2 .busin-list .category-box {display: flex; justify-content: space-between; margin-bottom: 40px;}
.main-c2 .busin-list .busin-category {font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; color: #fff;}
.main-c2 .busin-item:nth-child(2) .busin-category {color: #4c4c4c;}
.main-c2 .busin-list .ico-plus {position: relative; display: inline-block; width: 60px; height: 60px; background: #fff; border-radius: 50%;}
.main-c2 .busin-item:nth-child(2) .ico-plus {background: #e50050;}
.main-c2 .busin-list .ico-plus::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; transition: .3s;}
.main-c2 .busin-item:nth-child(1) .ico-plus::before {background-image: url("../img/plus_pink.png");}
.main-c2 .busin-item:nth-child(2) .ico-plus::before {background-image: url("../img/plus.png");}
.main-c2 .busin-item:nth-child(3) .ico-plus::before {background-image: url("../img/plus_b.png");}
.main-c2 .busin-item:hover .ico-plus::before {transform: translate(-50%, -50%) rotate(90deg);}
.main-c2 .busin-list .title-box {text-align: left;}
.main-c2 .busin-list .busin-icon {width: 96px; height: 97px; background-repeat: no-repeat; background-position: center; margin-bottom: 35px;}
.main-c2 .busin-item:nth-child(1) .busin-icon {background-image: url("../img/c2_icon1.png");}
.main-c2 .busin-item:nth-child(2) .busin-icon {background-image: url("../img/c2_icon2.png");}
.main-c2 .busin-item:nth-child(3) .busin-icon {background-image: url("../img/c2_icon3.png");}
.main-c2 .busin-item .title {font-weight: 700; color: #fff; display: block;}
.main-c2 .busin-item:nth-child(1) .title {font-size: 32px;}
.main-c2 .busin-item:nth-child(1) .title span {font-size: 18px; font-weight: 300;}
.main-c2 .busin-item:nth-child(2) .title {font-size: 25px; color: #4c4c4c; position: relative; top: 10px;}
.main-c2 .busin-item:nth-child(3) .title {font-size: 35px;}

/* media query */
@media screen and (max-width: 1700px) {
    .main-c2 .title-area .inner {padding: 75px 20px 360px;}
}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1400px) {
    .main-c2 .title-area .inner {padding: 75px 60px 360px;}
}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {
    /* common */
    .main-c2 br {display: none;}
}

@media screen and (max-width: 1023px) {
    /* common */
    .main-c2 .inner {padding: 100px 60px;}
    .main-c2 .title-area .title {font-size: 56px;}
    .main-c2 .title-area .desc {margin: 25px 0 0;}

    .main-c2 .title-area {width: 100%; border-radius: 0;}
    .main-c2 .title-area .inner {flex-direction: column; align-items: center; padding: 70px 60px;}
    .main-c2 .busin-list-wrap {margin-top: 0;}
    .main-c2 .busin-list .busin-item:nth-child(1) {border-radius: 0;}
    .main-c2 .busin-list .busin-area {padding: 50px 30px;}
    .main-c2 .busin-list .ico-plus {width: 52px; height: 52px;}
    .main-c2 .busin-list .busin-icon {background-size: contain; width: 70px; height: 70px; margin: 0 0 25px;}
    .main-c2 .busin-item:nth-child(1) .title {font-size: 26px;}
    .main-c2 .busin-item:nth-child(2) .title {font-size: 20px;}
    .main-c2 .busin-item:nth-child(3) .title {font-size: 29px;}
}

@media screen and (max-width: 767px) {
    /* common */
    .main-c2 .title-area .title {font-size: 52px;}
    .main-c2 .title-area .desc {margin-top: 35px;}

    .main-c2 .title-area .inner {padding: 60px 40px;}
    .main-c2 .busin-list {flex-direction: column;}
    .main-c2 .busin-list .busin-item {width: 100%;}
    .main-c2 .busin-list .busin-area {padding: 40px 20px;}
    .main-c2 .busin-list .category-box {justify-content: center; margin-bottom: 20px;}
    .main-c2 .busin-list .ico-plus {display: none;}
    .main-c2 .busin-list .title-box {text-align: center;}
    .main-c2 .busin-list .busin-icon {margin: 0 auto 20px; width: 65px; height: 65px;}
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 480px) {
    /* common */
    .main-c2 .title-area .title {font-size: 40px;}
    .main-c2 .title-area .desc {margin-top: 20px; font-size: 15px;}

    .main-c2 .title-area .inner  {padding: 60px 20px;}
    .main-c2 .busin-list .busin-area {padding: 30px 20px;}
    .main-c2 .busin-list .busin-category {font-size: 16px;}
    .main-c2 .busin-list .busin-icon {width: 55px; height: 55px; margin: 0 auto 10px;}
    .main-c2 .busin-item:nth-child(1) .title {font-size: 24px;}
    .main-c2 .busin-item:nth-child(1) .title span {font-size: 16px;}
    .main-c2 .busin-item:nth-child(2) .title {font-size: 18px;}
    .main-c2 .busin-item:nth-child(3) .title {font-size: 26px;}
}