/* common */
.main-c1 .title-area .title {position: relative; font-family: 'Roboto', sans-serif; font-size: 65px; font-weight: 700; color: #000; line-height: 1.11;}
.main-c1 .title-area .title span {position: relative;}
.main-c1 .title-area .title span::after {content: ''; display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #e50050; vertical-align: top;}
.main-c1 .title-area .desc {margin-top: 40px; font-size: 16px; font-weight: 300; color: #666; line-height: 1.88;}
.main-c1 .title-area .desc strong {display: block; font-size: 32px; font-weight: 700; line-height: 1.56;}
.main-c1 .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-c1 .title-area .btn-more:hover {background: #e50050;}

/* main-c1 */
.main-c1 {position: relative; overflow: hidden; background: #fff url("../img/c1_obj.png") no-repeat left bottom; z-index: 1;}
.main-c1 .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-c1 .line-area .line {display: block; width: 1px; height: 100%; background: #e6e6e6;}
.main-c1 .inner {display: flex; justify-content: space-between; padding: 145px 0 120px;}
.main-c1 .title-area {width: 45%;}
.main-c1 .thumb-area {width: 46%; display: flex; flex-wrap: wrap; justify-content: center;}
.main-c1 .thumb-area .row {flex-wrap: nowrap;}
.main-c1 .thumb-area .thumb-box {overflow: hidden; border-radius: 20px; position: relative; margin-right: 35px;}
.main-c1 .thumb-area .thumb-box:nth-child(2n) {margin-right: 0; top: -75px;}
.main-c1 .thumb-area .row:nth-child(2) .thumb-box {margin-top: 35px;}
.main-c1 .thumb-area .thumb-box img {transition: .3s;}
.main-c1 .thumb-area .thumb-box:hover img {transform: scale(1.1);}

/* media query */
@media screen and (max-width: 1700px) {
    /* common */
    .main-c1 .inner {padding: 145px 20px 120px;}
}

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

}

@media screen and (max-width: 1400px) {
    /* common */
    .main-c1 .inner {padding: 145px 60px 120px;}
}

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

}

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

    .main-c1 .title-area .desc strong {margin-bottom: 15px; font-size: 28px;}
}

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

    .main-c1 .inner {flex-direction: column;}
    .main-c1 .title-area, .main-c1 .thumb-area {width: auto; text-align: center;}
    .main-c1 .title-area .title span::after {display: none;}
    .main-c1 .title-area .title::after {content: ''; display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #e50050; vertical-align: top;}
    .main-c1 .title-area .btn-more {margin: 60px auto 0;}
    .main-c1 .thumb-area {margin-top: 150px;}
    .main-c1 .thumb-area .thumb-box:nth-child(n+3) {margin-top: 0;}
}

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

    .main-c1 .title-area .desc strong {font-size: 25px;}
}

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

}

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

    .main-c1 .title-area .desc strong {font-size: 23px;}
    .main-c1 .title-area .btn-more {margin-top: 40px;}
    .main-c1 .thumb-area {margin-top: 130px;}
    .main-c1 .thumb-area .row:nth-child(2) .thumb-box {margin-top: 15px;}
    .main-c1 .thumb-area .thumb-box {width: calc(50% - 15px); margin-right: 15px;}
}