@charset "utf-8";



.mainCon {width:100%; position:relative; margin:180px auto 0; padding:0;}
.mainCon .inner {width:100%; /* max-width:1630px; */ max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.mainCon .titleArea {width:100%; position:relative; margin:0 auto 60px; padding:0;}
.mainCon .titleArea p {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; color:#000;}
.mainCon .titleArea a {display:block; position:relative; margin:0; padding:0;}
.mainCon .titleArea .img {text-align:center;}
.mainCon .titleArea .img img {max-width:100%; vertical-align:middle;}
.mainCon .titleArea .t1 {font-size:46px; line-height:50px; font-weight:400;}
.mainCon .titleArea .t1 b.lg {font-size:60px; font-weight:700;}
.mainCon .titleArea .t2 {font-size:18px; line-height:24px; font-weight:400; margin:20px auto 0;}
.mainCon .titleArea .t3 {font-size:34px; line-height:42px; font-weight:400;}
.mainCon .titleArea .b1 {width:85px; height:20px; text-align:center; font-size:14px; line-height:20px; font-weight:500; color:#333;}
.mainCon .titleArea .b1:after {display:inline-block; content:''; width:10px; height:17px; background-size:cover !important; background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat; vertical-align:middle; margin:-3px 0 0 10px;}
.mainCon .titleArea .tit + .b1 {margin-top:20px;}
.mainCon .titleArea .tit {font-size:36px; line-height:46px; font-weight:600;}
.mainCon .titleArea .tit._sub {font-size:2em; line-height:1em;}
.mainCon .titleArea .tit._lg {font-size:3em; line-height:1em;}
.mainCon .titleArea .tit._hg {font-size:4em; line-height:0.8em;}
.mainCon .titleArea .desc {font-size:24px; line-height:32px; font-weight:300;}


@media screen and (max-width:1080px){
  .mainCon {margin:160px auto 0;}
  .mainCon .titleArea .t1 {font-size:42px; line-height:46px;}
  .mainCon .titleArea .t1 b.lg {font-size:54px;}
  .mainCon .titleArea .t2 {font-size:16px; line-height:22px; margin:25px auto 0;}
  .mainCon .titleArea .t3 {font-size:30px; line-height:38px;}
  .mainCon .titleArea .tit {font-size:32px; line-height:40px;}
  .mainCon .titleArea .desc {font-size:22px; line-height:30px;}
}

@media screen and (max-width:768px){
  .mainCon {margin:140px auto 0;}
  .mainCon .titleArea .t1 {font-size:34px; line-height:38px;}
  .mainCon .titleArea .t1 b.lg {font-size:44px;}
  .mainCon .titleArea .t2 {font-size:14px; line-height:20px; margin:20px auto 0;}
  .mainCon .titleArea .t3 {font-size:24px; line-height:30px;}
  .mainCon .titleArea .b1 {width:64px; font-size:12px;}
  .mainCon .titleArea .b1:after {margin:-3px 0 0 5px;}
  .mainCon .titleArea .tit {font-size:28px; line-height:36px;}
  .mainCon .titleArea .desc {font-size:18px; line-height:26px;}
}

@media screen and (max-width:640px){
  .mainCon {margin:120px auto 0;}
  .mainCon .titleArea .t1 {font-size:26px; line-height:30px;}
  .mainCon .titleArea .t1 b.lg {font-size:32px;}
  .mainCon .titleArea .t2 {font-size:13px; line-height:18px; margin:15px auto 0;}
  .mainCon .titleArea .t3 {font-size:18px; line-height:24px;}
  .mainCon .titleArea .tit {font-size:22px; line-height:28px;}
  .mainCon .titleArea .desc {font-size:15px; line-height:22px;}
}

@media screen and (max-width:480px){
  .mainCon {margin:100px auto 0;}
}



/* 메인 최상단 배너 영역 :: S */
.topBannerSliderWrap {width:100%; position:relative; margin:0 auto;}
.topBannerSliderWrap .topBannerSlider {position:relative;}

.topBannerSliderWrap .topBannerSlider .swiper-slide {width:100%; height:560px; position:relative; background-size:cover !important;}
.topBannerSliderWrap .topBannerSlider .swiper-slide._1 {background:url('/public/images/main/cm_main_top_banner_bg_1_pc_1_1.jpg') center center no-repeat;}

.topBannerSliderWrap .topBannerSlider .swiper-slide ._in {width:100%; max-width:1230px; height:100%; position:relative; margin:0 auto; padding:15px; box-sizing:border-box;}
.topBannerSliderWrap .topBannerSlider .swiper-slide ._in .disT {}
.topBannerSliderWrap .topBannerSlider .swiper-slide ._in .disTC {text-align:center; vertical-align:middle;}
.topBannerSliderWrap .topBannerSlider .swiper-slide .disTC > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}

.topBannerSliderWrap .topBannerSlider .swiper-slide .txts {width:calc(100% - 360px); text-align:left; z-index:3;}
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts p,
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts a {display:block; position:relative; text-align:left; margin:0; padding:0; color:#000; top:30px; opacity:0;
transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
}
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t1 {font-size:24px; line-height:30px; font-weight:500;}
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t2 {font-size:60px; line-height:68px; font-weight:700; margin:15px auto 35px;
transition-delay:0.3s !important;
}
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t3 {font-size:15px; line-height:24px; font-weight:400; color:#333;
transition-delay:0.6s !important;
}
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts .tit {font-size:40px; line-height:48px; font-weight:700; margin:0 auto 25px;
transition-delay:0.3s !important;
}
.topBannerSliderWrap .topBannerSlider .swiper-slide .txts .b1 {width:200px; height:56px; text-align:center; line-height:52px; font-size:16px; font-weight:600; border-radius:28px; border:2px solid #fff; box-sizing:border-box;
transition-delay:0.6s !important;
}

.topBannerSliderWrap .topBannerSlider .swiper-slide .logo {width:350px; text-align:center;}
.topBannerSliderWrap .topBannerSlider .swiper-slide .logo img {max-width:100%; vertical-align:middle;}

.topBannerSliderWrap .topBannerSlider .swiper-slide .txts .b1:hover {background:#fff; color:#000;}
.topBannerSliderWrap .topBannerSlider .swiper-slide.active .txts .t1 {top:0; opacity:1;}
.topBannerSliderWrap .topBannerSlider .swiper-slide.active .txts .t2 {top:0; opacity:1;}
.topBannerSliderWrap .topBannerSlider .swiper-slide.active .txts .t3 {top:0; opacity:1;}
.topBannerSliderWrap .topBannerSlider .swiper-slide.active .txts .tit {top:0; opacity:1;}
.topBannerSliderWrap .topBannerSlider .swiper-slide.active .txts .b1 {top:0; opacity:1;}

.topBannerSliderWrap .topBannerSlider .sliderUtil {width:50%; height:30%; position:absolute; bottom:0; right:0; text-align:left;}
.topBannerSliderWrap .topBannerSlider .sliderUtil > * {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; top:auto; left:auto; bottom:auto; right:auto;}
.topBannerSliderWrap .topBannerSlider .sliderUtil > *:last-child {margin:0;}
.topBannerSliderWrap .topBannerSlider .sliderUtil .swiper-pagination {width:50%; height:3px; background:rgba(255,255,255,0.5);}
.topBannerSliderWrap .topBannerSlider .sliderUtil .swiper-pagination .swiper-pagination-progressbar-fill {background:rgba(255,255,255,1.0);}
.topBannerSliderWrap .topBannerSlider .sliderUtil .counts {width:40px; height:17px; text-align:center; z-index:5;}
.topBannerSliderWrap .topBannerSlider .sliderUtil .counts,
.topBannerSliderWrap .topBannerSlider .sliderUtil .counts > * {font-size:12px; line-height:17px; font-weight:400; color:#fff;}
.topBannerSliderWrap .topBannerSlider .sliderUtil .swiper-arrow {width:10px; height:17px; margin-top:0; background-size:cover !important;}
.topBannerSliderWrap .topBannerSlider .sliderUtil .swiper-arrow:after {display:none;}
.topBannerSliderWrap .topBannerSlider .sliderUtil .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat;}
.topBannerSliderWrap .topBannerSlider .sliderUtil .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat;}

.topBannerSliderWrap .topBannerSlider .toDown {display:block; width:50px; height:140px; position:absolute; bottom:50px; left:50%; margin:0 0 0 -25px; z-index:20;}
.topBannerSliderWrap .topBannerSlider .toDown span {display:block; width:80px; height:50px; text-align:center; font-size:12px; line-height:50px; font-weight:400; color:#fff; transform:rotate(90deg); position:absolute; top:15px; left:-15px;}
.topBannerSliderWrap .topBannerSlider .toDown p {display:block; width:50px; height:50px; position:absolute; bottom:0; left:0; margin:0; padding:0;}
.topBannerSliderWrap .topBannerSlider .toDown p:before,
.topBannerSliderWrap .topBannerSlider .toDown p:after {display:block; content:''; border-radius:50%; box-sizing:border-box; position:absolute; top:50%; left:50%;}
.topBannerSliderWrap .topBannerSlider .toDown p:before {width:8px; height:8px; background:#fff; margin:-4px 0 0 -4px;}
.topBannerSliderWrap .topBannerSlider .toDown p:after {width:50px; height:50px; border:1px solid #fff; margin:-25px 0 0 -25px;}

.topBannerSliderWrap .socialQuick {width:64px; height:200px; position:absolute; top:50%; right:50px; margin:-100px 0 0 0; z-index:10;}
.topBannerSliderWrap .socialQuick a {display:block; width:64px; height:64px; position:relative; margin:0 auto 8px;}
.topBannerSliderWrap .socialQuick a:last-child {margin:0 auto;}
.topBannerSliderWrap .socialQuick a img {width:100%;}


@media screen and (max-width:1440px){
  .topBannerSliderWrap .topBannerSlider .toDown {bottom:20px;}
}

@media screen and (max-width:1280px){
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts {/* width:100%; */}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .disTC {text-align:center; vertical-align:middle; padding:0 15px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .b1 {margin:0 auto;}

  .topBannerSliderWrap .topBannerSlider .sliderUtil {width:100%; height:20px; text-align:center; bottom:180px;}
}

@media screen and (max-width:1080px){
  .topBannerSliderWrap .topBannerSlider .swiper-slide .imgs img.pc {display:none;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .imgs img.mo {display:block;}

  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t1 {font-size:20px; line-height:24px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t2 {font-size:46px; line-height:50px; margin:10px auto 30px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t3 {font-size:14px; line-height:22px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .tit {font-size:32px; line-height:40px; margin:0 auto 20px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .b1 {width:160px; height:42px; line-height:38px; font-size:14px; border-radius:21px;}
}

@media screen and (max-width:1080px){
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t1 {font-size:18px; line-height:22px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t2 {font-size:38px; line-height:42px; margin:10px auto 25px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t3 {font-size:13px; line-height:22px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .tit {font-size:26px; line-height:32px; margin:0 auto 18px;}
}

@media screen and (max-width:768px){
  .topBannerSliderWrap .topBannerSlider .swiper-slide .disTC > * {display:block; width:100%; margin:0 auto;}

  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts p, .topBannerSliderWrap .topBannerSlider .swiper-slide .txts a {text-align:center;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t1 {font-size:17px; line-height:21px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t2 {font-size:32px; line-height:40px; margin:10px auto 20px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .t3 {font-size:12px; line-height:20px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .tit {font-size:20px; line-height:24px; margin:0 auto 15px;}
  .topBannerSliderWrap .topBannerSlider .swiper-slide .txts .b1 {width:160px; height:42px; line-height:38px; font-size:14px; border-radius:21px;}

  .topBannerSliderWrap .topBannerSlider .swiper-slide .logo {width:240px; margin: 30px auto 0;}
}

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

  .topBannerSliderWrap .topBannerSlider .sliderUtil {bottom:30px;}

  .topBannerSliderWrap .topBannerSlider .toDown {display:none;}
}

@media screen and (max-width:480px){
}
/* 메인 최상단 배너 영역 :: E */



/* 메인 수상실적 리스트 영역 :: S */
.certiCompLogoWrap {}

.certiCompLogoWrap .certiCompArea {width:100%; position:relative;}
.certiCompLogoWrap .certiCompArea ul {display:block; width:100%; max-width:1000px; position:relative; margin:0 auto; padding:0; overflow:hidden;}
.certiCompLogoWrap .certiCompArea ul li {display:block; float:left; width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0; padding:0; border:2px solid #17a1df; box-sizing:border-box; border-radius:15px; overflow:hidden;}
.certiCompLogoWrap .certiCompArea ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
.certiCompLogoWrap .certiCompArea ul li > * {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; box-sizing:border-box;}
.certiCompLogoWrap .certiCompArea ul li img {max-width:100%; vertical-align:top;}
.certiCompLogoWrap .certiCompArea ul li .logo {padding:20px 0;}
.certiCompLogoWrap .certiCompArea ul li .name {font-size:15px; line-height:20px; font-weight:600; color:#fff; padding:20px 15px; background:#17a1df; box-sizing:border-box;}

.certiCompLogoWrap .certiCompSlider {width:135%; position:absolute; top:-999em; left:-999em;}
.certiCompLogoWrap .certiCompSlider .swiper-wrapper {}
.certiCompLogoWrap .certiCompSlider .swiper-slide {position:relative;}

.certiCompSlider .swiper-slide .item {width:100%; position:relative; margin:0 auto 20px; padding:0; border:2px solid #17a1df; box-sizing:border-box; border-radius:10px;}
.certiCompSlider .swiper-slide .item:last-child {margin:0 auto;}
.certiCompSlider .swiper-slide .item > * {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; box-sizing:border-box;}
.certiCompSlider .swiper-slide .item img {max-width:100%; vertical-align:top;}
.certiCompSlider .swiper-slide .item .logo {padding:20px 0;}
.certiCompSlider .swiper-slide .item .name {font-size:15px; line-height:20px; font-weight:600; color:#fff; padding:20px 15px; background:#17a1df; box-sizing:border-box;}

.certiCompSlider .swiper-pagination {width:100%; height:8px; position:relative; top:auto; left:auto !important; bottom:auto !important; right:auto; margin:30px auto 0; padding:0 23.5% 0 0; box-sizing:border-box; text-align:center;}
.certiCompSlider .swiper-pagination span {display:inline-block; width:8px; height:8px; position:relative; margin:0 5px 0 0 !important; vertical-align:top;}
.certiCompSlider .swiper-pagination span:last-child {margin:0 !important;}
.certiCompSlider .swiper-pagination span.swiper-pagination-bullet-active {background:#17a1df;}


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

}

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

}

@media screen and (max-width:960px){
  .certiCompLogoWrap .certiCompArea ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 15px 0;}
  .certiCompLogoWrap .certiCompArea ul li:nth-of-type(3n+3) {margin:0 0 15px 0;}
  .certiCompLogoWrap .certiCompArea ul li .logo {padding:15px 0;}
  .certiCompLogoWrap .certiCompArea ul li .name {font-size:14px; padding:15px 15px;}
}

@media screen and (max-width:768px){
  .certiCompLogoWrap .certiCompArea ul li {width:calc(50% - 10px); margin:0 20px 20px 0;}
  .certiCompLogoWrap .certiCompArea ul li:nth-of-type(3n+3) {margin:0 20px 20px 0;}
  .certiCompLogoWrap .certiCompArea ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}
  .certiCompLogoWrap .certiCompArea ul li .logo {padding:12px 0;}
  .certiCompLogoWrap .certiCompArea ul li .name {font-size:13px; padding:12px 10px;}

  .certiCompSlider .swiper-slide .item .logo {padding:12px 0;}
  .certiCompSlider .swiper-slide .item .name {font-size:13px; padding:12px 10px;}
}

@media screen and (max-width:640px){
  .certiCompLogoWrap .certiCompArea {position:absolute; top:-999em; left:-999em;}

  .certiCompLogoWrap .certiCompSlider {position:relative; top:auto; left:auto;}
}

@media screen and (max-width:480px){
  .certiCompLogoWrap .certiCompArea ul li {width:100% !important; margin:0 auto 15px !important;}
  .certiCompLogoWrap .certiCompArea ul li:last-child {margin:0 auto !important;;}
  .certiCompLogoWrap .certiCompArea ul li .logo {padding:10px 0;}
  .certiCompLogoWrap .certiCompArea ul li .name {font-size:12px; padding:10px 10px;}

  .certiCompSlider .swiper-slide .item .logo {padding:10px 0;}
  .certiCompSlider .swiper-slide .item .name {font-size:12px; padding:10px 10px;}
}

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

}
/* 메인 수상실적 리스트 영역 :: E */



/* 메인 What We Do 리스트 영역 :: S */
.whatToDoWrap {}

.whatToDoWrap .titleArea {}
.whatToDoWrap .titleArea p {text-align:left;}

.whatToDoWrap .whatToDoArea {width:100%; position:relative; margin:0; padding:0;}
.whatToDoWrap .whatToDoArea ul {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden; padding:0 0 45px 0;}
.whatToDoWrap .whatToDoArea ul li {display:block; float:left; width:calc(50% - 22.5px); margin:0 45px 45px 0; padding:0; position:relative; box-sizing:border-box; border-radius:15px; overflow:hidden;}
.whatToDoWrap .whatToDoArea ul li:nth-of-type(2n+2) {margin:0 0 45px 0; top:45px;}
.whatToDoWrap .whatToDoArea ul li .img {width:100%; position:relative;}
.whatToDoWrap .whatToDoArea ul li .img img {width:100%;}

.whatToDoWrap .whatToDoArea ul li .title {display:block; width:100%; height:60px; position:absolute; bottom:15px; left:0; font-size:24px; line-height:60px; font-weight:600; color:#fff; opacity:1; margin:0; padding:0 30px; box-sizing:border-box; opacity:1;}

.whatToDoWrap .whatToDoArea ul li .typo {width:100%; height:100%; position:absolute; top:0; left:0; z-index:5; background:rgba(0,0,0,0.5); opacity:0;}
.whatToDoWrap .whatToDoArea ul li .typo .disT {}
.whatToDoWrap .whatToDoArea ul li .typo .disTC {text-align:left; vertical-align:middle; padding:30px; box-sizing:border-box;}
.whatToDoWrap .whatToDoArea ul li .typo p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.whatToDoWrap .whatToDoArea ul li .typo .t1 {font-size:24px; line-height:28px; font-weight:600;}
.whatToDoWrap .whatToDoArea ul li .typo .t2 {font-size:15px; line-height:20px; font-weight:300; margin:15px auto 20px;}
.whatToDoWrap .whatToDoArea ul li .typo .b1 {display:block; width:130px; height:50px; position:relative; margin:0; padding:0; text-align:center; font-size:13px; line-height:46px; font-weight:400; color:#fff; border:2px solid #fff; box-sizing:border-box; border-radius:5px;}
.whatToDoWrap .whatToDoArea ul li .typo .b1:hover {background:#fff; color:#000;}

.whatToDoWrap .whatToDoArea ul li:hover .title {opacity:0;}
.whatToDoWrap .whatToDoArea ul li:hover .typo {opacity:1;}


.whatToDoWrap .whatToDoSlider {width:100%; position:absolute; top:-999em; left:-999em;}
.whatToDoWrap .whatToDoSlider .swiper-slide {position:relative;}
.whatToDoSlider .swiper-slide .item {width:100%; padding:0; margin:0 auto 10px; position:relative; box-sizing:border-box;}
.whatToDoSlider .swiper-slide .item:last-child {margin:0 auto;}
.whatToDoSlider .swiper-slide .item .img {width:100%; position:relative; border-radius:15px; overflow:hidden;}
.whatToDoSlider .swiper-slide .item .img img {width:100%;}

.whatToDoSlider .swiper-slide .item .title {display:block; width:100%; height:30px; position:relative; font-size:24px; line-height:30px; font-weight:600; color:#000; margin:0; padding:0; box-sizing:border-box; display:none;}

.whatToDoSlider .swiper-slide .item .typo {width:100%; position:relative; margin:20px auto 0; z-index:5;}
.whatToDoSlider .swiper-slide .item .typo .disT {}
.whatToDoSlider .swiper-slide .item .typo .disTC {text-align:left; vertical-align:middle; padding:0; box-sizing:border-box;}
.whatToDoSlider .swiper-slide .item .typo p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#000;}
.whatToDoSlider .swiper-slide .item .typo .t1 {font-size:24px; line-height:28px; font-weight:600;}
.whatToDoSlider .swiper-slide .item .typo .t2 {font-size:15px; line-height:20px; font-weight:300; margin:15px auto 20px;}
.whatToDoSlider .swiper-slide .item .typo .b1 {display:block; width:130px; height:50px; position:relative; margin:0; padding:0; text-align:center; font-size:13px; line-height:46px; font-weight:400; color:#333; border:2px solid #333; box-sizing:border-box; border-radius:5px;}

.whatToDoSlider .swiper-pagination {width:100%; height:8px; position:relative; top:auto; left:auto !important; bottom:auto !important; right:auto; margin:30px auto 0; padding:0; box-sizing:border-box; text-align:center;}
.whatToDoSlider .swiper-pagination span {display:inline-block; width:8px; height:8px; position:relative; margin:0 5px 0 0 !important; vertical-align:top;}
.whatToDoSlider .swiper-pagination span:last-child {margin:0 !important;}
.whatToDoSlider .swiper-pagination span.swiper-pagination-bullet-active {background:#17a1df;}


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

}

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

}

@media screen and (max-width:960px){
  .whatToDoWrap .whatToDoArea ul {padding:0 0 20px 0;}
  .whatToDoWrap .whatToDoArea ul li {width:calc(50% - 10px); margin:0 20px 20px 0; border-radius:10px;}
  .whatToDoWrap .whatToDoArea ul li:nth-of-type(2n+2) {margin:0 0 20px 0; top:20px;}

  .whatToDoWrap .whatToDoArea ul li .typo .disTC {padding:25px;}
  .whatToDoWrap .whatToDoArea ul li .typo .t1 {font-size:20px; line-height:24px;}
  .whatToDoWrap .whatToDoArea ul li .typo .t2 {font-size:14px; line-height:20px; margin:15px auto 20px;}
  .whatToDoWrap .whatToDoArea ul li .typo .b1 {width:120px; height:40px; font-size:12px; line-height:36px;}

  .whatToDoWrap .whatToDoArea ul li .title {opacity:0;}
  .whatToDoWrap .whatToDoArea ul li .typo {opacity:1;}
}

@media screen and (max-width:768px){
  .whatToDoWrap .whatToDoArea ul {padding:0;}
  .whatToDoWrap .whatToDoArea ul li {width:100% !important; margin:0 auto 20px !important; top:auto !important;}
  .whatToDoWrap .whatToDoArea ul li:last-child {margin:0 auto !important;}

  .whatToDoWrap .whatToDoArea ul li .typo .disTC {padding:20px;}
  .whatToDoWrap .whatToDoArea ul li .typo .t1 {font-size:18px; line-height:22px;}
  .whatToDoWrap .whatToDoArea ul li .typo .t2 {font-size:13px; line-height:18px; margin:12px auto 15px;}
  .whatToDoWrap .whatToDoArea ul li .typo .b1 {width:100px; height:34px; font-size:12px; line-height:30px;}


  .whatToDoSlider .swiper-slide .item .typo .t1 {font-size:18px; line-height:22px;}
  .whatToDoSlider .swiper-slide .item .typo .t2 {font-size:13px; line-height:18px; margin:12px auto 15px;}
  .whatToDoSlider .swiper-slide .item .typo .b1 {width:100px; height:34px; font-size:12px; line-height:30px;}
}

@media screen and (max-width:640px){
  .whatToDoWrap .whatToDoArea {position:absolute; top:-999em; left:-999em;}

  .whatToDoWrap .whatToDoSlider {position:relative; top:auto; left:auto;}
  .whatToDoSlider .swiper-slide .item .title {opacity:0;}
  .whatToDoSlider .swiper-slide .item .typo {opacity:1;}
}

@media screen and (max-width:480px){
  .whatToDoWrap .whatToDoArea ul li .typo .disTC {padding:15px;}
  .whatToDoWrap .whatToDoArea ul li .typo .t1 {font-size:16px; line-height:20px;}
  .whatToDoWrap .whatToDoArea ul li .typo .t2 {font-size:12px; line-height:18px; margin:8px auto 10px;}
  .whatToDoWrap .whatToDoArea ul li .typo .b1 {}


  .whatToDoSlider .swiper-slide .item .typo .t1 {font-size:16px; line-height:20px;}
  .whatToDoSlider .swiper-slide .item .typo .t2 {font-size:12px; line-height:18px; margin:8px auto 10px;}
  .whatToDoSlider .swiper-slide .item .typo .b1 {}
}

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

}
/* 메인 What We Do 리스트 영역 :: E */



/* 메인 서비스소개 영역 :: S */
.mainServiceInfoWrap {padding:150px 0; background:#f6f6f6;}
.mainServiceInfoWrap .inner {text-align:center;}

.mainServiceInfoWrap .titleArea {display:inline-block; width:calc(50% - 5px); position:relative; vertical-align:middle; margin:0; text-align:left;}
.mainServiceInfoWrap .titleArea p {text-align:left;}

.mainServiceInfoWrap._1 .titleArea {}
.mainServiceInfoWrap._1 .titleArea p {margin:0;}


@media screen and (max-width:1280px){
  .mainServiceInfoWrap {padding:120px 0;}
}

@media screen and (max-width:1080px){
  .mainServiceInfoWrap {padding:110px 0;}
}

@media screen and (max-width:960px){
  .mainServiceInfoWrap {padding:100px 0;}
}

@media screen and (max-width:768px){
  .mainServiceInfoWrap {padding:80px 0;}
  .mainServiceInfoWrap .titleArea {display:block; width:100%; margin:30px auto; text-align:center;}
  .mainServiceInfoWrap .titleArea p {text-align:center;}
}

@media screen and (max-width:640px){
  .mainServiceInfoWrap {padding:60px 0;}
}

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

}

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

}
/* 메인 서비스소개 영역 :: E */



/* 메인 진행사례 슬라이드 영역 :: S */
.performSliderWrap {margin:0 auto; padding:120px 0;}

.performSliderWrap .titleArea {}
.performSliderWrap .titleArea p {text-align:left;}
.performSliderWrap .titleArea .tit:first-child {margin-bottom:10px;}
.performSliderWrap .titleArea .b1 {position:absolute; bottom:0; right:0;}

.performSliderWrap .slideArea {}
.performSliderWrap .slideArea .performSlider {width:100%; position:relative; margin:0 auto; padding:0 30px; box-sizing:border-box;}
.performSliderWrap .slideArea .performSlider:before,
.performSliderWrap .slideArea .performSlider:after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; background:#fff; z-index:3;}
.performSliderWrap .slideArea .performSlider:before {left:calc(100% - 30px);}
.performSliderWrap .slideArea .performSlider:after {right:calc(100% - 30px);}

.performSliderWrap .performSlider .swiper-slide {position:relative; z-index:1;}
.performSliderWrap .performSlider .swiper-slide .logo {display:block; width:100%; position:relative; box-sizing:border-box; border:1px solid #f0f0f0; border-radius:5px; padding:20px 0; text-align:center;}
.performSliderWrap .performSlider .swiper-slide .logo img {max-width:100%; vertical-align:top;}
.performSliderWrap .performSlider .swiper-slide .info {width:100%; position:relative; margin:15px auto 0; padding:0 15px; box-sizing:border-box;}
.performSliderWrap .performSlider .swiper-slide .info p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#454545;}
.performSliderWrap .performSlider .swiper-slide .info .t1 {font-size:18px; line-height:22px; font-weight:600;}
.performSliderWrap .performSlider .swiper-slide .info .t2 {font-size:13px; line-height:18px; font-weight:400; margin:10px auto 0;}

.performSliderWrap .performSlider .swiper-arrow {width:24px; height:24px; margin-top:-12px; background-size:cover !important;}
.performSliderWrap .performSlider .swiper-arrow:after {display:none;}
.performSliderWrap .performSlider .swiper-button-prev {background:url('/public/images/cm_arrow_gray_circle_1_left.gif') center center no-repeat; left:0;}
.performSliderWrap .performSlider .swiper-button-next {background:url('/public/images/cm_arrow_gray_circle_1_right.gif') center center no-repeat; right:0;}


@media screen and (max-width:1280px){
  .performSliderWrap {padding:120px 0;}
}

@media screen and (max-width:1080px){
  .performSliderWrap {padding:110px 0;}
}

@media screen and (max-width:960px){
  .performSliderWrap {padding:100px 0;}
}

@media screen and (max-width:768px){
  .performSliderWrap {padding:80px 0;}
  .performSliderWrap .titleArea .b1 {position:relative; bottom:auto; right:auto;}
}

@media screen and (max-width:640px){
  .performSliderWrap {padding:60px 0;}
}

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

}

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

}
/* 메인 진행사례 슬라이드 영역 :: E */



/* 제공서비스 슬라이드 영역 :: S */
.businessSliderWrap {width:100%;}
.businessSliderWrap:before {display:block; content:''; width:50%; height:45%; position:absolute; top:25px; left:0; background:#f4f4f4; z-index:5;}
.businessSliderWrap > * {position:relative; z-index:10 !important;}
.businessSliderWrap .inner._s {padding-right:0;}

.businessSliderWrap .titleArea {}
.businessSliderWrap .titleArea .t1 {text-align:left;}
.businessSliderWrap .titleArea .arrows {width:104px; height:15px; position:absolute; top:50%; right:0; margin:-7.5px 0 0 0;}
.businessSliderWrap .titleArea .arrows a {display:block; width:47px; height:15px; float:left; position:relative; margin:0; padding:0;}
.businessSliderWrap .titleArea .arrows a img {width:100%; vertical-align:top;}
.businessSliderWrap .titleArea .arrows a.prev {margin:0 10px 0 0;}
.businessSliderWrap .titleArea .arrows a.next {}

.businessSliderWrap .businessSlider {width:125%;}
.businessSliderWrap .businessSlider .swiper-slide {}
.businessSliderWrap .swiper-slide .thumbnail {display:block; position:relative;}
.businessSliderWrap .swiper-slide .thumbnail img {width:100%; position:relative; z-index:5;}
.businessSliderWrap .swiper-slide .thumbnail .typo {width:100%; height:30px; text-align:center; font-size:24px; line-height:30px; font-weight:600; color:#fff; position:absolute; top:50%; left:0; margin:-15px 0 0 0; z-index:5; opacity:1;}
.businessSliderWrap .swiper-slide .thumbnail .wall {width:calc(100% - 60px); height:calc(100% - 60px); position:absolute; top:30px; left:30px; background:rgba(0,0,0,0.8); z-index:10; opacity:0;}
.businessSliderWrap .swiper-slide .thumbnail .wall .disT {}
.businessSliderWrap .swiper-slide .thumbnail .wall .disTC {text-align:center; vertical-align:middle; padding:15px; box-sizing:border-box;}
.businessSliderWrap .swiper-slide .thumbnail .wall p {display:block; text-align:center; position:relative; margin:0 auto; padding:0; color:#fff;}
.businessSliderWrap .swiper-slide .thumbnail .wall .t1 {font-size:24px; line-height:30px; font-weight:600;}
.businessSliderWrap .swiper-slide .thumbnail .wall .t2 {font-size:16px; line-height:20px; font-weight:400; margin:15px auto 35px;}
.businessSliderWrap .swiper-slide .thumbnail .wall .b1 {width:200px; height:56px; text-align:center; line-height:52px; font-size:16px; font-weight:600; border-radius:28px; border:2px solid #fff; box-sizing:border-box;}
.businessSliderWrap .swiper-slide:hover .thumbnail .typo {opacity:0;}
.businessSliderWrap .swiper-slide:hover .thumbnail .wall {opacity:1;}


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

@media screen and (max-width:640px){
  .businessSliderWrap .inner._s {padding-right:15px;}
  .businessSliderWrap .businessSlider {width:100%;}
}
/* 제공서비스 슬라이드 영역 :: E */



/* 중단 배너 영역 :: S */
.midBannerWrap {/* margin:0 auto; */}
.midBannerWrap .banner {width:100%; height:880px; background-size:cover !important;}
.midBannerWrap._1 .banner {background:url('/public/images/main/cm_main_wide_banner_1_bg_1.jpg') center center no-repeat;}
.midBannerWrap._2 .banner {background:url('/public/images/main/cm_main_wide_banner_2_bg_1.jpg') center center no-repeat;}
.midBannerWrap .banner .typo {width:50%; height:100%; position:absolute; top:0; right:0; padding:0 5% 0 0; box-sizing:border-box;}
.midBannerWrap .banner .typo .disT {}
.midBannerWrap .banner .typo .disTC {text-align:left; vertical-align:center;}
.midBannerWrap .banner .typo p,
.midBannerWrap .banner .typo a {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.midBannerWrap .banner .typo .t1 {font-size:38px; line-height:48px; font-weight:300;}
.midBannerWrap .banner .typo .t1 span {font-size:46px; font-weight:600;}
.midBannerWrap .banner .typo .t1.ticker {margin:0 auto 40px; padding:0 0 40px 0;}
.midBannerWrap .banner .typo .t1.ticker:after {display:block; content:''; width:60px; height:1px; background:#fff; position:absolute; bottom:0; left:0;}
.midBannerWrap .banner .typo .t2 {font-size:16px; line-height:30px; font-weight:300; margin:20px auto 40px;}
.midBannerWrap .banner .typo .b1 {width:200px; height:56px; text-align:center; line-height:52px; font-size:16px; font-weight:600; border-radius:28px; border:2px solid #fff; box-sizing:border-box;}


@media screen and (max-width:960px){
  .midBannerWrap .banner {height:640px;}
  .midBannerWrap .banner .typo {width:100%; padding:0 15px;}
  .midBannerWrap .banner .typo .disTC {text-align:center;}
  .midBannerWrap .banner .typo p {text-align:center;}
}

@media screen and (max-width:768px){
  .midBannerWrap .banner {height:600px;}

  .midBannerWrap .banner .typo .t1 {font-size:30px; line-height:40px;}
  .midBannerWrap .banner .typo .t2 {font-size:20px; line-height:32px; margin:20px auto 10px;}
  .midBannerWrap .banner .typo .t3 {font-size:14px; line-height:20px;}
  .midBannerWrap .banner .typo .b1 {font-size:15px; margin:30px 0 0 0;}
}

@media screen and (max-width:640px){
  .midBannerWrap .banner {height:500px;}

  .midBannerWrap .banner .typo .t1 {font-size:24px; line-height:34px;}
  .midBannerWrap .banner .typo .t2 {font-size:18px; line-height:28px; margin:20px auto 10px;}
  .midBannerWrap .banner .typo .t3 {font-size:13px; line-height:18px;}
  .midBannerWrap .banner .typo .b1 {font-size:14px;}
}
/* 중단 배너 영역 :: E */



/* 진행사례 슬라이드 영역 :: S */
.performanceSliderWrap {margin:0 auto; padding:150px 0; background-size:cover !important; background:url('/public/images/main/cm_main_sec_2_bg_1.jpg') center center no-repeat;}
.performanceSliderWrap .inner {}
.performanceSliderWrap .inner > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}

.performanceSliderWrap .titleArea {width:25%;}
.performanceSliderWrap .titleArea .t1 {text-align:left;}
.performanceSliderWrap .titleArea .category-tab {position:relative; text-align:left; margin:15px auto 40px;}
.performanceSliderWrap .titleArea .category-tab a {display:inline-block; position:relative; font-size:20px; line-height:34px; font-weight:400; color:#333; margin:0 15px 0 0;}
.performanceSliderWrap .titleArea .category-tab a:last-child {margin:0;}
.performanceSliderWrap .titleArea .category-tab a.active {font-weight:600; color:#000; border-bottom:1px solid #000;}
.performanceSliderWrap .titleArea .b1 {display:block; width:200px; height:56px; text-align:center; line-height:52px; font-size:16px; font-weight:600; color:#fff; border-radius:28px; border:2px solid #18a0dc; box-sizing:border-box; background:#18a0dc;}

.performanceSliderWrap .slideArea {width:73%;}
.performanceSliderWrap .slideArea .category-con {background:transparent;}
.performanceSliderWrap .slideArea .performanceSlider {width:100%; position:relative; padding:30px 0 0 0;}
.performanceSliderWrap .performanceSlider .swiper-slide {position:relative; top:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.performanceSliderWrap .performanceSlider .swiper-slide .thumbnail {display:block; width:100%; position:relative;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.performanceSliderWrap .performanceSlider .swiper-slide .thumbnail img {width:100%;}
.performanceSliderWrap .performanceSlider .swiper-slide .description {width:100%; position:relative; margin:15px auto 0;}
.performanceSliderWrap .performanceSlider .swiper-slide .description p {display:block; text-align:left; position:relative; margin:0; padding:0;}
.performanceSliderWrap .performanceSlider .swiper-slide .description .kind {font-size:16px; line-height:20px; font-weight:500; color:#27328c;}
.performanceSliderWrap .performanceSlider .swiper-slide .description .kind:after {display:inline-block; content:''; width:40px; height:1px; background:#189fd7; position:relative; margin:0 0 0 15px; vertical-align:middle;}
.performanceSliderWrap .performanceSlider .swiper-slide .description .title {font-size:20px; line-height:26px; font-weight:600; color:#000; margin:10px auto 0;}
.performanceSliderWrap .performanceSlider .swiper-slide:hover {top:-15px;}
.performanceSliderWrap .performanceSlider .swiper-slide:hover .thumbnail {box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);}

.performanceSliderWrap .performanceSlider .swiper-pagination {width:100%; height:3px; position:relative; top:auto; left:auto; bottom:auto; right:auto; background:#a4cffa; margin:50px auto 0;}
.performanceSliderWrap .performanceSlider .swiper-pagination .swiper-pagination-progressbar-fill {background:#1d3a8a;}
/* 진행사례 슬라이드 영역 :: E */



/* 인증내역 리스트 영역 :: S */
.certificationListWrap {margin:0 auto; padding:120px 0;}

.certificationListWrap .certificationList {width:100%; position:relative; margin:60px auto 0;}
.certificationListWrap .certificationList ul {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.certificationListWrap .certificationList ul li {display:block; float:left; width:calc(33.33333333333333% - 70px); margin:0 105px 60px 0; padding:0; position:relative;}
.certificationListWrap .certificationList ul li:nth-of-type(3n+3) {margin:0 0 60px 0;}
.certificationListWrap .certificationList ul li p,
.certificationListWrap .certificationList ul li a {display:block; width:100%; position:relative; margin:auto; padding:0;}
.certificationListWrap .certificationList ul li a {box-sizing:border-box; text-align:center; border:1px solid #c0c0c0;}
.certificationListWrap .certificationList ul li a img {max-width:100%; vertical-align:middle;}
.certificationListWrap .certificationList ul li p {font-size:16px; line-height:24px; font-weight:500; text-align:center; color:#000; margin:15px auto 0;}
/* 인증내역 리스트 영역 :: E */



/* 파트너사 슬라이드 영역 :: S */
.partnerSliderWrap {/* margin:0 auto; */ padding:60px 0; background:#18a0dc;}
.partnerSliderWrap .inner {}

.partnerSliderWrap .inner > * {display:inline-block; position:relative; margin:0; padding:0; vertical-align:middle;;}

.partnerSliderWrap .titleArea {width:25%;}
.partnerSliderWrap .titleArea .t1 {color:#fff;}

.partnerSliderWrap .slideArea {width:73%; position:relative;}
.partnerSliderWrap .slideArea .partnerSlider {width:100%; position:relative; padding:0 20px; box-sizing:border-box;}
.partnerSliderWrap .partnerSlider:before,
.partnerSliderWrap .partnerSlider:after {display:block; content:''; width:100%; height:100%; position:absolute; top:0; background:#18a0dc; z-index:3;}
.partnerSliderWrap .partnerSlider:before {left:calc(100% - 20px);}
.partnerSliderWrap .partnerSlider:after {right:calc(100% - 20px);}
.partnerSliderWrap .partnerSlider .swiper-slide {position:relative; z-index:1;}
.partnerSliderWrap .partnerSlider .swiper-slide a {display:block; width:100%; position:relative; text-align:center;}
.partnerSliderWrap .partnerSlider .swiper-slide a img {max-width:100%; vertical-align:middle;}

.partnerSliderWrap .partnerSlider .swiper-arrow {width:10px; height:17px; margin-top:-8.5px; background-size:cover !important;}
.partnerSliderWrap .partnerSlider .swiper-arrow:after {display:none;}
.partnerSliderWrap .partnerSlider .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat; left:0;}
.partnerSliderWrap .partnerSlider .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat; right:0;}


.partnerSliderWrap._2 {margin:0 auto; padding:120px 0; background:#fff;}
.partnerSliderWrap._2 .inner > * {display:block;}

.partnerSliderWrap._2 .titleArea {width:100%;}
.partnerSliderWrap._2 .titleArea .t1 {color:#000;}

.partnerSliderWrap._2 .slideArea {width:100%; margin:60px auto 0;}
.partnerSliderWrap._2 .partnerSlider:before,
.partnerSliderWrap._2 .partnerSlider:after {background:#fff;}
.partnerSliderWrap._2 .partnerSlider .swiper-button-prev {background:url('/public/images/cm_arrow_black_1_left.png') center center no-repeat;}
.partnerSliderWrap._2 .partnerSlider .swiper-button-next {background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat;}


@media screen and (max-width:1280px){
  .partnerSliderWrap._2 {padding:120px 0;}
}

@media screen and (max-width:1080px){
  .partnerSliderWrap._2 {padding:110px 0;}
}

@media screen and (max-width:960px){
  .partnerSliderWrap._2 {padding:100px 0;}
}

@media screen and (max-width:768px){
  .partnerSliderWrap._2 {padding:80px 0;}
}

@media screen and (max-width:640px){
  .partnerSliderWrap._2 {padding:60px 0;}
}

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

}

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

}
/* 파트너사 슬라이드 영역 :: E */