@charset "utf-8";

/* 메인 공통 */
.section-tit-box {text-align:center}
.tit-main01 {font-size:34px; font-weight:700}
.tit-main02 {font-size:30px; font-weight:700}
.tit-main03 {font-size:24px; font-weight:700}
.tit-main03 {font-size:24px; font-weight:700}
.desc-main01 {margin-top:15px; font-size:18px}

/* 메인 */
.section-list {padding:60px 0}

/* 메인 > 이미지리스트 */
.image-list {margin-top:40px}
.image-list .title {margin-top:35px; max-height:52px}
.image-list .text {margin-top:15px; max-height:44px}
.image-list .btn-wrap {margin-top:20px}
.image-list ~ .btn-wrap {margin-top:40px}

/* 메인 > 통계 */
.section-statistic {padding:120px 0 130px; color:#fff; background:url(../../image/main/bg_section_statistic.jpg) no-repeat center / cover}
.section-statistic .title-box h2 {font-size:30px}
.statistic-list {display:flex; justify-content:center; margin-top:60px}
.statistic-list >li {position:relative; padding:0 20px}
.statistic-list .statistic-box {display:block; width:248px; height:248px; padding-top:120px; text-align:center; border-radius:100%; background-color:rgba(23,143,207,.8); box-sizing:border-box}
.statistic-list .statistic-box .num {display:block; font-size:54px; font-family:Roboto}
.statistic-list .statistic-box .txt {display:block; margin-top:15px; font-size:18px; font-weight:300}
.statistic-list .statistic-box:before {content:''; position:absolute; top:40px; left:50%; display:inline-block;  height:63px; margin:auto; background:url(../../image/main/icon_statistic.png) no-repeat; transform:translateX(-50%)}
.statistic-list .type01 .statistic-box:before {width:50px;background-position:0 0}
.statistic-list .type02 .statistic-box:before {width:50px; background-position:-64px 0}
.statistic-list .type03 .statistic-box:before {width:56px; background-position:-124px 0}
.statistic-list .type04 .statistic-box:before {width:51px; background-position:-190px 0}
.statistic-list .desc {margin-top:20px; font-size:14px; line-height:20px; text-align:center; opacity:.6}

/* 메인 > 후기 */
.section-interview {padding:60px 0; background-color:#f5f5f5}
.section-interview .section-tit-box {padding-top:20px; text-align:left}
.section-interview .section-tit-box .btn-square {margin-top:20px}
.section-interview .en-tit-main {color:#fff; font-size:60px; font-weight:bold; letter-spacing:0; text-shadow:1px 1px 2px rgba(0,0,0,0.07)}
.section-interview .inner {display:flex}
.section-interview .interview-list {margin-left:auto}

/* 메인 > 키비쥬얼 */
.section-keyvisual {position:relative; overflow:hidden; padding:42px 0; background-color:#404040}
.section-keyvisual-slide {position:relative; width:1180px; margin:auto}
.section-keyvisual .swiper-wrapper {display:flex}
.section-keyvisual .swiper-slide {padding:0 52px; flex-shrink:0}
.section-keyvisual .swiper-slide img {width:100%}
.section-keyvisual .swiper-button {position:absolute; top:50%; display:flex;align-items:center; justify-content:center; width:70px; height:70px; transform:translateY(-50%); background:#fff; border-radius:100%; cursor:pointer}
.section-keyvisual .swiper-button:before {content:''; display:block; width:12px; height:23px;background:url(../../image/common/icon_arrow.png) no-repeat}
.section-keyvisual .swiper-button.prev {left:-86px}
.section-keyvisual .swiper-button.prev:before {background-position:0 -19px}
.section-keyvisual .swiper-button.next {right:-86px}
.section-keyvisual .swiper-button.next:before {background-position:-22px -19px}
.section-keyvisual .swiper-pagination {position:absolute; bottom:0; left:0; right:0; display:flex; color:#fff}
.section-keyvisual .swiper-pagination-bullet {display:block; width:20%; padding:17px 10px; text-align:center; background-color:rgba(0,0,0,.5); cursor:pointer}
.section-keyvisual .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:1px}