/* common */
.design .title-area {text-align: center;}
.design.sub .title-area .title {font-size: 50px; font-weight: 700; color: #494e66; text-transform: uppercase; margin-bottom: 35px;}
.design.sub .title-area .title::before {content: ''; display: block; width: 29px; height: 30px; background: url("../img/title_obj_sub.png") no-repeat center; margin: 0 auto;}
.design .title-area .desc {font-size: 18px; font-weight: 300; color: #494e66; line-height: 2;}
.design .title-area .desc strong {font-weight: 700; font-size: 24px; line-height: 1.5;}

/* design */
.design {overflow: hidden;}
.design .inner {padding: 90px 0 100px;}
.design .thumb-area {margin: 50px 0;}
.design .thumb-area:last-child {margin-bottom: 0;}
.design .thumb-area::after {content: ''; display: block; clear: both;}
.design .thumb-box {float: left; width: calc((100% - 70px) / 3); margin-right: 35px; overflow: hidden;}
.design .thumb-box:nth-child(3n) {margin-right: 0;}
.design .thumb-area .thumb {transition: .3s;}
.design .thumb-box:hover .thumb {transform: scale(1.1);}
.design .goal-area {padding: 43px 80px; border-radius: 10px; border: 1px solid #dadbe2; background: #f2f3f9;}
.design .goal-area .title {float: left; margin-right: 50px; font-size: 30px; font-weight: 700; color: #494e66;}
.design .goal-area .title::before {content: ''; display: inline-block; width: 5px; height: 29px; background: #4a65f6; margin-right: 13px; vertical-align: -2px;}
.design .goal-area .desc {overflow: hidden; font-size: 16px; font-weight: 300; line-height: 1.88; color: #494e66;}
