@charset "utf-8";



.subCon {width:100%; position:relative; margin:180px auto 0; padding:0;}
.subCon .inner {width:100%; /* max-width:1630px; */ max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.subCon .titleArea {width:100%; position:relative; margin:0 auto 60px; padding:0;}
.subCon .titleArea p {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; color:#000;}
.subCon .titleArea .img {text-align:center;}
.subCon .titleArea .img img {max-width:100%; vertical-align:middle;}
.subCon .titleArea .t1 {font-size:46px; line-height:50px; font-weight:400;}
.subCon .titleArea .t1 b.lg {font-size:60px; font-weight:700;}
.subCon .titleArea .t2 {font-size:18px; line-height:24px; font-weight:400; margin:20px auto 0;}
.subCon .titleArea .t3 {font-size:34px; line-height:42px; font-weight:400;}
.subCon .titleArea .b1 {width:85px; height:20px; text-align:center; font-size:14px; line-height:20px; font-weight:500; color:#333;}
.subCon .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;}
.subCon .titleArea .tit + .b1 {margin-top:20px;}
.subCon .titleArea .tit {font-size:36px; line-height:46px; font-weight:600;}
.subCon .titleArea .tit._sub {font-size:2em; line-height:1em;}
.subCon .titleArea .tit._lg {font-size:3em; line-height:1em;}
.subCon .titleArea .tit._hg {font-size:4em; line-height:0.8em;}
.subCon .titleArea .desc {font-size:24px; line-height:32px; font-weight:300;}

.subCon .titleArea .tabMenu {width:100%; position:relative; margin:30px auto 0; text-align:left;}
.subCon .titleArea .tabMenu:before,
.subCon .titleArea .tabMenu:after {display:block; content:''; width:1000%; height:1px; background:#d9d9d9; position:absolute; bottom:0; z-index:10;}
.subCon .titleArea .tabMenu:before {right:0;}
.subCon .titleArea .tabMenu:after {left:0;}
.subCon .titleArea .tabMenu ul {display:inline-block; position:relative; text-align:left; margin:0; padding:0; z-index:5;}
.subCon .titleArea .tabMenu ul li {display:inline-block; position:relative; vertical-align:top; margin:0 40px 0 0; padding:0;}
.subCon .titleArea .tabMenu ul li:last-child {margin:0;}
.subCon .titleArea .tabMenu ul li a {display:block; font-size:17px; height:60px; line-height:60px; font-weight:600; color:#999; margin:0; padding:0;}
.subCon .titleArea .tabMenu ul li.selected a,
.subCon .titleArea .tabMenu ul li a.active {color:#000;}
.subCon .titleArea .tabMenu ul li.selected a:after,
.subCon .titleArea .tabMenu ul li a.active:after {display:block; content:''; width:100%; height:4px; background:#0050a7; position:absolute; bottom:0; left:0;}

.subCon .conImg {width:100%; position:relative; text-align:center;}
.subCon .conImg img {display:inline-block; max-width:100%; text-align:center; vertical-align:middle;}


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

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

  .subCon .titleArea .tabMenu {margin:40px auto 0;}
  .subCon .titleArea .tabMenu ul {display:block; width:100%; overflow-x:auto; white-space:nowrap;}
  .subCon .titleArea .tabMenu ul li {margin:0 30px 0 0;}
  .subCon .titleArea .tabMenu ul li:last-child {margin:0;}
  .subCon .titleArea .tabMenu ul li a {font-size:15px; height:50px; line-height:50px;}
}

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

  .subCon .titleArea .tabMenu {margin:30px auto 0;}
  .subCon .titleArea .tabMenu ul li {margin:0 20px 0 0;}
  .subCon .titleArea .tabMenu ul li:last-child {margin:0;}
  .subCon .titleArea .tabMenu ul li a {font-size:14px; height:40px; line-height:40px;}
}

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

  .subCon .titleArea .tabMenu ul li {margin:0 15px 0 0;}
  .subCon .titleArea .tabMenu ul li:last-child {margin:0;}
  .subCon .titleArea .tabMenu ul li a {font-size:13px; height:36px; line-height:36px;}
}



/* 서브 최상단 배너 영역 :: S */
.subTopBannerWrap {margin:0 auto;}
.subTopBannerWrap .banner {width:100%; /* height:490px; */ height:625px; position:relative; background-size:cover !important; z-index:5;}
.subTopBannerWrap .typo {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}
.subTopBannerWrap .typo .disT {}
.subTopBannerWrap .typo .disTC {text-align:center; vertical-align:middle; padding:10% 15px 0 15px; box-sizing:border-box;}
.subTopBannerWrap .typo p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#fff;}
.subTopBannerWrap .typo .t1 {font-size:36px; line-height:46px; font-weight:400;}
.subTopBannerWrap .typo .t2 {font-size:16px; line-height:26px; font-weight:300; margin:30px auto 0;}

.subTopBannerWrap.about .banner {background:url('/public/images/about/cm_sub_about_top_banner_bg_1.jpg') center center no-repeat;}

.subTopBannerWrap.service .banner {background:url('/public/images/service/cm_sub_service_top_banner_bg_1.jpg') center center no-repeat;}

.subTopBannerWrap.performance .banner {background:url('/public/images/performance/cm_sub_performance_top_banner_bg_1.jpg') center center no-repeat;}

.subTopBannerWrap.news .banner {background:url('/public/images/news/cm_sub_news_top_banner_bg_1.jpg') center center no-repeat;}

.categoryList {width:100%; position:relative; border-bottom:1px solid #d8d8d8;}
.categoryList ul {display:block; width:100%; max-width:1730px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; text-align:left;}
.categoryList ul li {display:inline-block; position:relative; margin:0 40px 0 0; padding:0;}
.categoryList ul li:last-child {margin:0;}
.categoryList ul li a {display:block; position:relative; font-size:16px; line-height:60px; font-weight:600; color:#777;}
.categoryList ul li a.active,
.categoryList ul li a:hover {color:#000;}
.categoryList ul li a.active:after,
.categoryList ul li a:hover:after {display:block; content:''; width:100%; height:4px; background:#1aa0dd; position:absolute; bottom:0; left:0;}


@media screen and (max-width:960px){
  .subTopBannerWrap .banner {height:500px;}
  .subTopBannerWrap .typo .t1 {font-size:32px; line-height:42px;}
  .subTopBannerWrap .typo .t2 {font-size:15px; line-height:24px; margin:25px auto 0;}
}

@media screen and (max-width:768px){
  .subTopBannerWrap .banner {height:460px;}
  .subTopBannerWrap .typo .t1 {font-size:28px; line-height:28px;}
  .subTopBannerWrap .typo .t2 {margin:20px auto 0;}
}

@media screen and (max-width:640px){
  .subTopBannerWrap .banner {height:420px;}
  .subTopBannerWrap .typo .t1 {font-size:24px; line-height:32px;}
  .subTopBannerWrap .typo .t2 {font-size:14px; line-height:22px; margin:15px auto 0;}
}

@media screen and (max-width:480px){
  .subTopBannerWrap .typo .t1 {font-size:20px; line-height:28px;}
  .subTopBannerWrap .typo .t2 {font-size:13px; line-height:20px;}
}
/* 서브 최상단 배너 영역 :: E */



/* 회사소개 > 회사소개 영역 :: S */
.aboutIntroWrap {margin:0 auto; padding:150px 0;}
.aboutIntroWrap .inner {}
.aboutIntroWrap .inner > * {width:49%; display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}

.aboutIntroWrap .titleArea {}
.aboutIntroWrap .titleArea p {text-align:left;}
.aboutIntroWrap .titleArea .tit:first-child {margin-bottom:10px;}

.aboutIntroWrap .imgArea {text-align:center; padding:0 0 0 5%;}
.aboutIntroWrap .imgArea img {width:100%; max-width:450px;}


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

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

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

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

  .aboutIntroWrap .inner > * {width:100%; display:block; margin:0 auto;}

  .aboutIntroWrap .titleArea p {text-align:center;}

  .aboutIntroWrap .imgArea {text-align:center; padding:0; margin:50px auto;}
  .aboutIntroWrap .imgArea img.logo {max-width:280px !important;}
}

@media screen and (max-width:640px){
  .aboutIntroWrap {padding:60px 0;}
  .aboutIntroWrap .imgArea img.logo {max-width:240px !important;}
}

@media screen and (max-width:480px){
  .aboutIntroWrap .imgArea img.logo {max-width:200px !important;}
}

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

}
/* 회사소개 > 회사소개 영역 :: E */



/* 회사소개 > 전문인력 영역 :: S */
.aboutMasterWrap {margin:0 auto; padding:150px 0; padding-top:0 !important; /* background-size:cover !important; background:url('/public/images/about/cm_sub_about_mid_banner_bg_1.jpg') center center no-repeat; */ background:#fff;}
.aboutMasterWrap .inenr {}

.aboutMasterWrap .titleArea {}

.aboutMasterWrap .descArea {width:100%; position:relative;}
/*
.aboutMasterWrap .descArea:before {display:block; content:''; width:1px; height:40px; background:#333; position:absolute; top:0; left:50%;}
*/
.aboutMasterWrap .descArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.aboutMasterWrap .descArea ul li {display:block; width:100%; position:relative; margin:0 auto 30px; padding:0;}
.aboutMasterWrap .descArea ul li:last-child {margin:0 auto;}
.aboutMasterWrap .descArea ul li > * {display:inline-block; position:relative; vertical-align:middle; text-align:left; margin:0; padding:0; box-sizing:border-box;}
.aboutMasterWrap .descArea ul li .img {width:40%;}
.aboutMasterWrap .descArea ul li .img img {width:100%; vertical-align:top;}
.aboutMasterWrap .descArea ul li .desc {width:58%; padding:0 0 0 5%;}
.aboutMasterWrap .descArea ul li .desc p {display:block; position:relative; text-align:left; margin:0; padding:0;}
.aboutMasterWrap .descArea ul li .desc .t1 {font-size:24px; line-height:28px; font-weight:600; color:#05b9f4;}
.aboutMasterWrap .descArea ul li .desc .t2 {font-size:14px; line-height:24px; font-weight:400; color:#333; margin:15px auto 0;}


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

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

@media screen and (max-width:960px){
  .aboutMasterWrap {padding:100px 0;}
  .aboutMasterWrap .descArea ul li .desc {padding:0 0 0 2.5%;}
  .aboutMasterWrap .descArea ul li .desc .t1 {font-size:22px; line-height:26px;}
  .aboutMasterWrap .descArea ul li .desc .t2 {font-size:13px; line-height:22px; margin:12px auto 0;}
}

@media screen and (max-width:768px){
  .aboutMasterWrap {padding:80px 0;}
  .aboutMasterWrap .descArea ul li > * {display:block; margin:0 auto;}

  .aboutMasterWrap .descArea ul li .img {width:100%;}

  .aboutMasterWrap .descArea ul li .desc {width:100%; padding:0; margin:10px auto 0;}
  .aboutMasterWrap .descArea ul li .desc p {text-align:center;}
  .aboutMasterWrap .descArea ul li .desc .t1 {font-size:20px; line-height:24px;}
  .aboutMasterWrap .descArea ul li .desc .t2 {font-size:12px; line-height:20px; margin:12px auto 0;}
}

@media screen and (max-width:640px){
  .aboutMasterWrap {padding:60px 0;}
  .aboutMasterWrap .descArea ul li .desc .t1 {font-size:16px; line-height:22px;}
}

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

}

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

}
/* 회사소개 > 전문인력 영역 :: E */



/* 회사소개 > 차별성 영역 :: S */
.aboutDifferWrap {margin:0 auto; padding:150px 0; /* background:#42aedf; */ background:#00b8ff;}
.aboutDifferWrap .inner {}

.aboutDifferWrap .titleArea {}

.aboutDifferWrap .processArea {width:100%; position:relative; margin:60px auto 0;}
.aboutDifferWrap .processArea .tit {display:block; text-align:center; position:relative; font-size:20px; line-height:24px; font-weight:500; color:#fff; margin:0; padding:0;}
.aboutDifferWrap .processArea .tit:before,
.aboutDifferWrap .processArea .tit:after {display:inline-block; content:''; width:60px; height:1px; background:#fff; position:relative; margin:0 15px; vertical-align:middle;}
.aboutDifferWrap .processArea ul {display:block; width:100%; position:relative; text-align:center; margin:40px auto 0; padding:0;}
.aboutDifferWrap .processArea ul li {display:inline-block; width:auto; margin:0 200px 0 0; padding:0; position:relative; vertical-align:top;}
.aboutDifferWrap .processArea ul li:last-child {margin:0;}
.aboutDifferWrap .processArea ul li:after {display:block; content:''; width:63px; height:56px; background-size:cover !important; background:url('/public/images/cm_arrow_white_dots_1_right.png') center center no-repeat; position:absolute; top:85px; right:-135px; margin:0; opacity:0.3;}
.aboutDifferWrap .processArea ul li:last-child:after {display:none;}
.aboutDifferWrap .processArea ul li .icon {width:240px; height:240px; position:relative; border-radius:50%; /* background:#5dbae5; */ background:#51ceff; text-align:center; margin:0 auto; padding:75px 0; box-sizing:border-box;}
.aboutDifferWrap .processArea ul li .icon img {max-width:100%; vertical-align:middle;}
.aboutDifferWrap .processArea ul li p {display:block; min-height:48px; text-align:center; position:relative; font-size:20px; line-height:24px; font-weight:400; color:#fff; margin:20px auto 0;}


@media screen and (max-width:1280px){
  .aboutDifferWrap {padding:120px 0;}
  .aboutDifferWrap .processArea ul li {margin:0 100px 0 0;}
  .aboutDifferWrap .processArea ul li:after {top:65px; right:-85px;}
  .aboutDifferWrap .processArea ul li .icon {width:200px; height:200px; padding:55px 0;}
  .aboutDifferWrap .processArea ul li p {font-size:18px; line-height:22px; min-height:44px; margin:15px auto 0;}
}

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

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

  .aboutDifferWrap .processArea ul li {margin:0 50px 0 0;}
  .aboutDifferWrap .processArea ul li:after {width:31.5px; height:28px; top:65px; right:-45px;}
  .aboutDifferWrap .processArea ul li .icon {width:160px; height:160px; padding:35px 0;}
  .aboutDifferWrap .processArea ul li p {font-size:16px; line-height:20px; min-height:40px; margin:12px auto 0;}
}

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

  .aboutDifferWrap .processArea .tit {font-size:16px; line-height:20px;}
  .aboutDifferWrap .processArea .tit:before,
  .aboutDifferWrap .processArea .tit:after {width:40px; margin:0 6px;}

  .aboutDifferWrap .processArea ul li p {font-size:13px; margin:10px auto 0;}
}

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

  .aboutDifferWrap .processArea ul li {margin:0 40px 0 0;}
  .aboutDifferWrap .processArea ul li:after {top:35px; right:-40px;}
  .aboutDifferWrap .processArea ul li .icon {width:100px; height:100px; padding:27px 0;}
  .aboutDifferWrap .processArea ul li .icon img {max-width:53px;}
  .aboutDifferWrap .processArea ul li p {font-size:12px; line-height:18px; min-height:36px;}
}

@media screen and (max-width:480px){
  .aboutDifferWrap .processArea ul li {display:block; margin:0 auto 50px; text-align:center;}
  .aboutDifferWrap .processArea ul li:last-child {margin:0 auto;}
  .aboutDifferWrap .processArea ul li:after {transform:rotate(90deg); top:auto; right:auto; bottom:-35px; left:50%; margin:0 0 0 -15.5px;}
}

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

}
/* 회사소개 > 차별성 영역 :: E */



/* 제공서비스 > 삭제 서비스 영역 :: S */
.serviceInfoWrap {padding:0 0 120px 0; box-sizing:border-box;}
.serviceInfoWrap:before {display:block; content:''; width:100%; height:72%; background:#f7f7f7; position:absolute; bottom:0; left:0; z-index:1;}
.serviceInfoWrap .inner {z-index:3;}

.serviceInfoWrap .area {width:100%; position:relative; margin:0 auto; padding:0;}

.serviceInfoWrap .area._top {overflow:hidden;}
.serviceInfoWrap .area._top > * {width:50%; display:block; float:left; position:relative; box-sizing:border-box;}
.serviceInfoWrap .area._top .imgArea {float:right; padding:0 0 0 5%;}
.serviceInfoWrap .area._top .imgArea img {width:100%;}
.serviceInfoWrap .area._top .titleArea {float:left; margin:50px 0 0 0;}
.serviceInfoWrap .area._top .titleArea p {text-align:left;}

.serviceInfoWrap .area._bottom {margin:60px auto 0;}
.serviceInfoWrap .area._bottom .tit {display:block; text-align:center; position:relative; margin:0; padding:0; text-align:center;}
.serviceInfoWrap .area._bottom .tit:before {display:block; content:''; width:110px; height:12px; background:#bbe9ff; position:absolute; bottom:0; left:50%; margin:0 0 0 -55px;}
.serviceInfoWrap .area._bottom .tit span {display:inline-block; position:relative; font-size:24px; line-height:30px; font-weight:500; color:#333; margin:0; padding:0; z-index:3;}
.serviceInfoWrap .area._bottom ul {display:block; width:100%; position:relative; text-align:center; margin:40px auto 0; padding:0 0 50px 0; overflow:hidden;}
.serviceInfoWrap .area._bottom ul li {display:block; float:left; width:25%; margin:0; padding:0; position:relative; vertical-align:top; text-align:center;}
.serviceInfoWrap .area._bottom ul li:after {display:block; content:''; width:63px; height:56px; background-size:cover !important; background:url('/public/images/cm_arrow_blue_dots_1_right.png') center center no-repeat; position:absolute; top:70px; right:-31.5px; margin:0; opacity:0.3;}
.serviceInfoWrap .area._bottom ul li:last-child:after {display:none;}
.serviceInfoWrap .area._bottom ul li .icon {width:200px; height:200px; position:relative; border-radius:50%; background:#fff; text-align:center; margin:0 auto; padding:46.5px 0; box-sizing:border-box; border:1px solid #c7c7c7;}
.serviceInfoWrap .area._bottom ul li .icon img {max-width:100%; vertical-align:middle;}
.serviceInfoWrap .area._bottom ul li p {display:block; min-height:44px; text-align:center; position:relative; font-size:18px; line-height:22px; font-weight:400; color:#000; margin:20px auto 0;}

/* .serviceInfoWrap._law {margin-bottom:120px;} */


@media screen and (max-width:1280px){
  .serviceInfoWrap {padding:0 0 100px 0;}
  .serviceInfoWrap:before {height:64%;}

  .serviceInfoWrap .area._top .titleArea {margin:40px 0 0 0;}

  .serviceInfoWrap .area._bottom ul {margin:30px auto 0; padding:0 0 40px 0;}
  .serviceInfoWrap .area._bottom ul li .icon {width:160px; height:160px; padding:26.5px 0;}
  .serviceInfoWrap .area._bottom ul li:after {top:50px;}
  .serviceInfoWrap .area._bottom ul li p {font-size:16px; line-height:20px; min-height:40px; margin:15px auto 0;}
}

@media screen and (max-width:1080px){
  .serviceInfoWrap {padding:0 0 80px 0;}
  .serviceInfoWrap:before {height:58%;}

  .serviceInfoWrap .area._top .titleArea {margin:35px 0 0 0;}

  .serviceInfoWrap .area._bottom ul li p {font-size:15px; margin:12px auto 0;}
}

@media screen and (max-width:960px){
  .serviceInfoWrap {padding:0 0 60px 0;}
  .serviceInfoWrap:before {height:50%;}

  .serviceInfoWrap .area._top > * {width:100%;}

  .serviceInfoWrap .area._top .imgArea {float:none; padding:0; margin:0 auto 30px;}

  .serviceInfoWrap .area._top .titleArea {margin:0;}

  .serviceInfoWrap .area._bottom ul {padding:0 0 30px 0;}
  .serviceInfoWrap .area._bottom ul li .icon {width:120px; height:120px; padding:32px 0;}
  .serviceInfoWrap .area._bottom ul li:after {width:31.5px; height:28px; top:50px; right:-16px;}
  .serviceInfoWrap .area._bottom ul li .icon img {max-width:57px;}
  .serviceInfoWrap .area._bottom ul li p {font-size:14px; margin:10px auto 0;}
}

@media screen and (max-width:768px){
  .serviceInfoWrap {padding:0 0 50px 0;}
  .serviceInfoWrap .area._top .titleArea {margin:0 auto;}

  .serviceInfoWrap .area._bottom .tit:before {width:80px; margin:0 0 0 -40px;}
  .serviceInfoWrap .area._bottom .tit span {font-size:18px;}

  .serviceInfoWrap .area._bottom ul {padding:0 0 20px 0;}
  .serviceInfoWrap .area._bottom ul li .icon {width:100px; height:100px; padding:22px 0;}
  .serviceInfoWrap .area._bottom ul li:after {top:40px;}
  .serviceInfoWrap .area._bottom ul li p {font-size:13px; line-height:18px; min-height:36px; margin:8px auto 0;}
}

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

}

@media screen and (max-width:560px){
  .serviceInfoWrap:before {height:850px;}

  .serviceInfoWrap .area._bottom ul {padding:0;}
  .serviceInfoWrap .area._bottom ul li {float:none; width:100%; text-align:center; margin:0 auto 50px;}
  .serviceInfoWrap .area._bottom ul li:last-child {margin:0 auto;}
  .serviceInfoWrap .area._bottom ul li:after {transform:rotate(90deg); top:auto; right:auto; bottom:-30px; left:50%; margin:0 0 0 -15.5px;}
}

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

}

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

}
/* 제공서비스 > 삭제 서비스 영역 :: E */



/* 게시판 > 컨텐츠리스트 영역 :: S */
.boardListWrap {}
.boardListWrap .inner {max-width:1230px;}

.boardListWrap .searchArea {width:700px; height:70px; position:relative; margin:0 auto; overflow:hidden; border:3px solid #17a1df; box-sizing:border-box; background:#fff;}
.boardListWrap .searchArea > * {display:block; float:left; position:relative; margin:0; padding:0; box-sizing:border-box; border:0; border-radius:0; background:transparent;}
.boardListWrap .searchArea input {width:calc(100% - 64px); height:64px; line-height:64px; padding:0 10px; font-size:16px; font-weight:400; color:#333;}
.boardListWrap .searchArea a {width:64px; height:64px; background:#17a1df; padding:15.5px;}
.boardListWrap .searchArea a img {max-width:100%; vertical-align:middle;}

.boardListWrap .categoryArea {width:100%; position:relative;}
.boardListWrap .categoryArea > div {width:100%; position:relative;}
.boardListWrap .categoryArea > div > ul {display:block; width:100%; max-width:1230px; margin:0 auto; padding:0; text-align:center;}
.boardListWrap .categoryArea > div > ul li {display:inline-block; position:relative; margin:0; padding:0;}

.boardListWrap .categoryArea .kindArea {}
.boardListWrap .categoryArea .kindArea ul {}
.boardListWrap .categoryArea .kindArea ul li {margin:0 30px 0 0;}
.boardListWrap .categoryArea .kindArea ul li:last-child {margin:0;}
.boardListWrap .categoryArea .kindArea ul li a,
.boardListWrap .categoryArea .kindArea ul li a:before,
.boardListWrap .categoryArea .kindArea ul li a p {
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
}
.boardListWrap .categoryArea .kindArea ul li a {display:block; width:180px; height:180px; position:relative; margin:0 auto; padding:35px 0; border-radius:50%; box-sizing:border-box; background:#f6f6f6; border:2px solid #f6f6f6;}
.boardListWrap .categoryArea .kindArea ul li a:before {display:block; content:''; width:96px; height:74px; background-size:cover !important; position:relative; margin:0 auto;}
.boardListWrap .categoryArea .kindArea ul li.company a:before {background:url('/public/images/performance/cm_sub_performance_icon_company_1_off.png') center center no-repeat;}
.boardListWrap .categoryArea .kindArea ul li.person a:before {background:url('/public/images/performance/cm_sub_performance_icon_person_1_off.png') center center no-repeat;}
.boardListWrap .categoryArea .kindArea ul li a p {display:block; text-align:center; position:relative; margin:10px auto 0; font-size:20px; line-height:24px; font-weight:600; color:#777;}
.boardListWrap .categoryArea .kindArea ul li a:hover,
.boardListWrap .categoryArea .kindArea ul li a.active {border:2px solid #169dca; /* background:#00b8ff; color:#fff; */ color:#169dca;}
.boardListWrap .categoryArea .kindArea ul li a:hover p,
.boardListWrap .categoryArea .kindArea ul li a.active p {/* color:#169dca; color:#fff; */ color:#169dca;}
.boardListWrap .categoryArea .kindArea ul li.company a:hover:before,
.boardListWrap .categoryArea .kindArea ul li.company a.active:before {background:url('/public/images/performance/cm_sub_performance_icon_company_1_on.png') center center no-repeat;}
.boardListWrap .categoryArea .kindArea ul li.person a:hover:before,
.boardListWrap .categoryArea .kindArea ul li.person a.active:before {background:url('/public/images/performance/cm_sub_performance_icon_person_1_on.png') center center no-repeat;}

.boardListWrap .categoryArea .categoryArea {margin:30px auto 0; padding:0 10px; box-sizing:border-box; border-bottom:1px solid #d9d9d9;}
.boardListWrap .categoryArea .categoryArea ul {}
.boardListWrap .categoryArea .categoryArea ul li {margin:0 40px 0 0; padding:0;}
.boardListWrap .categoryArea .categoryArea ul li:last-child {margin:0;}
.boardListWrap .categoryArea .categoryArea ul li a {display:block; position:relative; box-sizing:border-box; height:60px; font-size:16px; line-height:60px; font-weight:500; color:#454545;}
.boardListWrap .categoryArea .categoryArea ul li a:before {content:'#';}
.boardListWrap .categoryArea .categoryArea ul li a:hover {font-weight:500; color:#000;}
.boardListWrap .categoryArea .categoryArea ul li a.active:after,
.boardListWrap .categoryArea .categoryArea ul li a:hover:after {display:block; content:''; width:100%; height:3px; background:#179ed8; position:absolute; bottom:0; left:0;}


.boardListWrap .boardList {width:100%; position:relative; margin:100px auto 0;}
.boardListWrap .boardList ul {display:block; width:100%; position:relative; margin:0; padding:30px 0 0 0; overflow:hidden;}
.boardListWrap .boardList ul li {display:block; float:left; position:relative; width:calc(33.33333333333333% - 40px); margin:0 60px 60px 0; padding:0; 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;}
.boardListWrap .boardList ul li:nth-of-type(3n+3) {margin:0 0 60px 0;}

.boardListWrap .boardList ul li .thumbnail {display:block; width:100%; max-width:240px; position:relative; margin:0 auto; 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;}
.boardListWrap .boardList ul li .thumbnail img {width:100%;}
.boardListWrap .boardList ul li .description {width:100%; position:relative; margin:15px auto 0;}
.boardListWrap .boardList ul li .description p {display:block; text-align:center; position:relative; margin:0; padding:0;}
.boardListWrap .boardList ul li .description .kind {font-size:16px; line-height:20px; font-weight:600; color:#27328c;}
.boardListWrap .boardList ul li .description .kind:before,
.boardListWrap .boardList ul li .description .kind:after {display:inline-block; content:''; width:20px; height:1px; /* background:#189fd7; */ background:#27328c; position:relative; vertical-align:middle;}
.boardListWrap .boardList ul li .description .kind:before {margin:0 10px 0 0;}
.boardListWrap .boardList ul li .description .kind:after {margin:0 0 0 10px;}
.boardListWrap .boardList ul li .description .title {font-size:20px; line-height:26px; font-weight:600; color:#000; margin:10px auto 0;}
.boardListWrap .boardList._performance ul li:hover {top:-15px;}
/*
.boardListWrap .boardList._performance ul li:hover .thumbnail {box-shadow:10px 10px 10px 10px rgba(0,0,0,0.3);}
*/

.boardListWrap .boardList._news ul li {width:calc(33.33333333333333% - 30px); margin:0 45px 45px 0;}
.boardListWrap .boardList._news ul li:nth-of-type(3n+3) {margin:0 0 45px 0;}
.boardListWrap .boardList ul li .rect {display:block; width:100%; position:relative; padding:35px; box-sizing:border-box; border:2px solid #ececec;
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;
}
.boardListWrap .boardList ul li .rect > * {display:block; text-align:left; position:relative; margin:0; padding:0; font-weight:400; color:#000;}
.boardListWrap .boardList ul li .rect .title {height:96px; overflow:hidden; font-size:26px; line-height:32px;}
.boardListWrap .boardList ul li .rect .con {height:48px; overflow:hidden; font-size:16px; line-height:24px; margin:20px auto 40px;}
.boardListWrap .boardList ul li .rect .date {font-size:13px; line-height:16px;}
.boardListWrap .boardList._news ul li:hover .rect {border:2px solid #17a1df;}

.boardListWrap .btnArea {width:100%; position:relative; margin:30px auto 80px; text-align:center;}
.boardListWrap .btnArea ._b {display:inline-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 #555; box-sizing:border-box; background:#555; margin:0 15px 0 0;}
.boardListWrap .btnArea ._b:last-child {margin:0;}


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

}

@media screen and (max-width:1080px){
  .boardListWrap .categoryArea .kindArea ul li a {width:150px; height:150px; padding:35px 0;}
  .boardListWrap .categoryArea .kindArea ul li a:before {width:64px; height:50px;}
  .boardListWrap .categoryArea .kindArea ul li a p {margin:8px auto 0; font-size:18px; line-height:20px;}

  .boardListWrap .categoryArea .categoryArea {/* margin:25px auto 0; */}
  .boardListWrap .categoryArea .categoryArea ul li {margin:0 35px 0 0;}
  .boardListWrap .categoryArea .categoryArea ul li:last-child {margin:0;}
  .boardListWrap .categoryArea .categoryArea ul li a {height:50px; font-size:15px; line-height:50px;}

  .boardListWrap .boardList._news ul li {width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0;}
  .boardListWrap .boardList._news ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
  .boardListWrap .boardList ul li .rect {padding:30px;}
  .boardListWrap .boardList ul li .rect .title {height:78px; font-size:22px; line-height:26px;}
  .boardListWrap .boardList ul li .rect .con {height:40px; font-size:15px; line-height:20px; margin:15px auto 35px;}
}

@media screen and (max-width:960px){
  .boardListWrap .categoryArea .kindArea ul li a {width:120px; height:120px; padding:20px 0;}
  .boardListWrap .categoryArea .kindArea ul li a p {margin:5px auto 0; font-size:16px;}

  .boardListWrap .categoryArea .categoryArea {/* margin:20px auto 0; */}
  .boardListWrap .categoryArea .categoryArea ul li {margin:0 30px 0 0;}
  .boardListWrap .categoryArea .categoryArea ul li:last-child {margin:0;}
  .boardListWrap .categoryArea .categoryArea ul li a {height:40px; font-size:14px; line-height:40px;}

  .boardListWrap .searchArea {width:500px; height:60px;}
  .boardListWrap .searchArea input {width:calc(100% - 54px); height:54px; line-height:54px; font-size:15px;}
  .boardListWrap .searchArea a {width:54px; height:54px; padding:10.5px;}

  .boardListWrap .boardList ul li {width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0;}
  .boardListWrap .boardList ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
  .boardListWrap .boardList ul li .description .kind {font-size:15px;}
  .boardListWrap .boardList ul li .description .title {font-size:18px; line-height:24px; margin:8px auto 0;}

  .boardListWrap .boardList ul li .rect {padding:25px;}
  .boardListWrap .boardList ul li .rect .title {height:72px; font-size:18px; line-height:24px;}
  .boardListWrap .boardList ul li .rect .con {height:40px; font-size:14px; line-height:20px; margin:12px auto 30px;}
  .boardListWrap .boardList ul li .rect .date {font-size:12px; line-height:14px;}
}

@media screen and (max-width:768px){
  .boardListWrap .categoryArea .kindArea ul li {margin:0 20px 0 0;}
  .boardListWrap .categoryArea .kindArea ul li:last-child {margin:0;}

  .boardListWrap .categoryArea .categoryArea {/* margin:15px auto 0; */}
  .boardListWrap .categoryArea .categoryArea ul li {margin:0 20px 0 0;}
  .boardListWrap .categoryArea .categoryArea ul li:last-child {margin:0;}
  .boardListWrap .categoryArea .categoryArea ul li a {height:32px; font-size:13px; line-height:32px;}

  .boardListWrap .boardList ul li {width:calc(50% - 15px); margin:0 30px 30px 0;}
  .boardListWrap .boardList ul li:nth-of-type(3n+3) {margin:0 30px 30px 0;}
  .boardListWrap .boardList ul li:nth-of-type(2n+2) {margin:0 0 30px 0;}
  .boardListWrap .boardList ul li .description .kind {font-size:13px;}
  .boardListWrap .boardList ul li .description .title {font-size:16px; line-height:22px; margin:5px auto 0;}

  .boardListWrap .boardList._news ul li {width:calc(50% - 10px); margin:0 20px 20px 0;}
  .boardListWrap .boardList._news ul li:nth-of-type(3n+3) {margin:0 20px 20px 0;}
  .boardListWrap .boardList._news ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}

  .boardListWrap .btnArea ._b {width:120px; height:36px; font-size:13px; line-height:32px; border-radius:18px;}
}

@media screen and (max-width:640px){
  .boardListWrap .categoryArea .kindArea ul li {margin:0 15px 0 0;}
  .boardListWrap .categoryArea .kindArea ul li:last-child {margin:0;}

  .boardListWrap .categoryArea .categoryArea {/* margin:10px auto 0; */}
  .boardListWrap .categoryArea .categoryArea ul li {margin:0 15px 0 0;}
  .boardListWrap .categoryArea .categoryArea ul li:last-child {margin:0;}
  .boardListWrap .categoryArea .categoryArea ul li a {height:26px; font-size:12px; line-height:26px;}

  .boardListWrap .searchArea {width:300px; height:50px;}
  .boardListWrap .searchArea input {width:calc(100% - 44px); height:44px; line-height:44px; font-size:14px;}
  .boardListWrap .searchArea a {width:44px; height:44px; padding:5.5px;}

  .boardListWrap .boardList ul li .description .kind {font-size:12px;}
  .boardListWrap .boardList ul li .description .title {font-size:15px; line-height:20px;}

  .boardListWrap .boardList ul li .rect {padding:20px;}
  .boardListWrap .boardList ul li .rect .title {height:60px; font-size:16px; line-height:20px;}
  .boardListWrap .boardList ul li .rect .con {height:36px; font-size:13px; line-height:18px; margin:10px auto 20px;}
}

@media screen and (max-width:480px){
  .boardListWrap .boardList ul li {width:100% !important; margin:0 auto 30px !important;}
  .boardListWrap .boardList ul li:last-child {margin:0 auto !important;}

  .boardListWrap .boardList._news ul li {margin:0 auto 15px !important;}
  .boardListWrap .boardList._news ul li:last-child {margin:0 auto !important;}
}

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

}
/* 게시판 > 컨텐츠리스트 영역 :: E */



/* 게시판 > 컨텐츠상세 영역 :: S */
.boardViewWrap {margin-bottom:100px;}

.boardViewWrap .boardView {width:100%; position:relative;}
.boardViewWrap .boardView > * {display:block; text-align:left; position:relative; margin:0; padding:0;}
.boardViewWrap .boardView .title {font-size:30px; line-height:36px; font-weight:500; color:#000; padding:30px 0 0 0; border-top:2px solid #000;}
.boardViewWrap .boardView .date {font-size:13px; line-height:18px; font-weight:400; color:#999; text-align:right; margin:10px auto 0; padding:0;}
.boardViewWrap .boardView .con {margin:20px auto 0; padding:20px 0 0 0; border-top:1px solid #c4c4c4;}
.boardViewWrap .boardView .con,
.boardViewWrap .boardView .con * {font-size:14px; line-height:24px; font-weight:400; color:#333;}
.boardViewWrap .boardView .con * {margin:0; padding:0; box-sizing:border-box;}

.boardViewWrap .btnArea {width:100%; position:relative; margin:30px auto 80px; text-align:center;}
.boardViewWrap .btnArea ._b {display:inline-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 #555; box-sizing:border-box; background:#555; margin:0 15px 0 0;}
.boardViewWrap .btnArea ._b:last-child {margin:0;}


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

}

@media screen and (max-width:1080px){
  .boardViewWrap {margin-bottom:80px;}
}

@media screen and (max-width:960px){
  .boardViewWrap .boardView .title {font-size:24px; line-height:32px; padding:25px 0 0 0;}
  .boardViewWrap .boardView .date {font-size:12px; line-height:16px; margin:8px auto 0;}
  .boardViewWrap .boardView .con,
  .boardViewWrap .boardView .con * {font-size:13px; line-height:22px;}
}

@media screen and (max-width:768px){
  .boardViewWrap {margin-bottom:60px;}

  .boardViewWrap .boardView .title {font-size:20px; line-height:26px; padding:20px 0 0 0;}
  .boardViewWrap .boardView .con {margin:15px auto 0; padding:15px 0 0 0;}
  .boardViewWrap .boardView .date {margin:5px auto 0;}
  .boardViewWrap .boardView .con,
  .boardViewWrap .boardView .con * {font-size:13px; line-height:20px;}

  .boardViewWrap .btnArea ._b {width:120px; height:36px; font-size:13px; line-height:32px; border-radius:18px;}
}

@media screen and (max-width:640px){
  .boardViewWrap .boardView .title {font-size:18px; line-height:24px; padding:15px 0 0 0;}
  .boardViewWrap .boardView .con {margin:12px auto 0; padding:12px 0 0 0;}
  .boardViewWrap .boardView .con,
  .boardViewWrap .boardView .con * {font-size:12px; line-height:20px;}
}

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

}

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

}
/* 게시판 > 컨텐츠상세 영역 :: E */



/* 개인정보처리방침 > 기본내용 영역 :: S */
.policyContentWrap {padding:80px 0;}
.policyContentWrap,
.policyContentWrap * {font-size:14px; line-height:22px; font-weight:400; color:#333;}
/* 개인정보처리방침 > 기본내용 영역 :: E */