/*
 * @그룹메신저
 * @Date : 2017-09-21
*/

/* Sub-Main */
.group-wrap .wrap-title {width:100%; padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #e9e9e9}
.group-wrap .wrap-subscript {margin-top:10px; word-break:keep-all}

.group-wrap .group-merit {overflow: hidden;}
.group-wrap .group-merit li {float: left; width: 276px; margin-right: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.group-wrap .group-merit li:last-of-type {margin-right: 0}
.group-wrap .group-merit .merit-img {padding: 30px 0; text-align: center}
.group-wrap .group-merit .merit-desc {padding-bottom: 10px; color: #222; font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0; text-align: center}
.group-wrap .group-merit .merit-percent {position: relative; width: 84px; padding: 9px 0 10px 16px; margin: 0 auto 30px; color: #fff; background-color: #64798a; border-radius: 40px; font-size: 22px; font-weight: 800; line-height: 22px; text-align: center}
.group-wrap .group-merit .merit-percent.up::after {content: '↑'; position: absolute; left: 20px; font-size: 16px;}
.group-wrap .group-merit .merit-percent.down::after {content: '↓'; position: absolute; left: 20px; font-size: 16px;}

.group-wrap .group-table {border-top: 1px solid #e9e9e9}
.group-wrap .group-table th {padding: 20px 0; background-color: #fbfbfb; border-bottom: 1px solid #e9e9e9; color: #222; font-size: 13px; line-height: 22px; letter-spacing: 0; }
.group-wrap .group-table td {border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; text-align: center; font-size: 13px; line-height: 22px; letter-spacing: 0;}
.group-wrap .group-table .type {font-weight: 600; color: #00adbb}
.group-wrap .group-table .mem-price {color: #222; line-height: 26px; padding-top: 20px;}
.group-wrap .group-table .mem-price .strong {font-size: 24px; font-weight: 800; color: #00adbb}
.group-wrap .group-table .month-price {padding-bottom: 20px}
.group-wrap .group-table th.min-row {padding: 14px 0;}

.group-wrap .process {overflow:hidden; display:table; width:840px; margin:20px auto; padding:20px 0; background-color: #fbfbfb; border: 1px solid #efefef; border-radius: 2px}
.group-wrap .process-list {position:relative; display:table-cell}
.group-wrap .process-list::after {content:''; position:absolute; top:22px; right:-12px; width:23px; height:32px; background-image:url("../../images/crebiz/common/process-next.png"); background-repeat:no-repeat;}
.group-wrap .process-list:last-child::after {content:none}
.group-wrap .process-list [class^="process-img"] {width:76px; height:76px; margin:0 auto 21px; background-image:url("../../images/crebiz/solution/group-clip.png"); background-repeat:no-repeat; background-size:400px}
.group-wrap .process-img01 {background-position:-2px -2px}
.group-wrap .process-img02 {background-position:-82px -2px}
.group-wrap .process-img03 {background-position:-162px -2px}
.group-wrap .process-img04 {background-position:-242px -2px}
.group-wrap .process-img05 {background-position:-322px -2px}
.group-wrap .process-text {font-size: 13px; color:#222; text-align:center}
.group-wrap .group-warning {padding-left:14px}
.group-wrap .group-warning li {position:relative; margin-bottom:5px}
.group-wrap .group-warning li::before {position:absolute; top:0; left:-14px;}
.group-wrap .group-warning .num01::before {content:'1.';}
.group-wrap .group-warning .num02::before {content:'2.';}
.group-wrap .group-warning .num03::before {content:'3.';}

.group-wrap .wrap-welcome {width: 840px; margin-top: 50px; padding: 30px 0; background-color: #fbfbfb; border: 1px solid #efefef; text-align: center}
.group-wrap .welcome-text {font-size: 13px; padding-bottom: 15px}
.group-wrap .wrap-welcome .btns {min-width: 148px; padding: 7px 10px; font-size: 16px; font-weight: 600;}

.group-wrap .chr-groups {overflow: hidden; margin-right: -4px;}
.group-wrap .chr-groups li {float: left; width: 276px; min-height: 383px; margin-right: 4px; margin-bottom: 4px; border: 1px solid #efefef}
.group-wrap .chr-groups .chr-img {text-align: center; margin-top: 30px; margin-bottom: 33px}
.group-wrap .chr-groups .chr-highlight {margin-bottom: 18px; padding-left: 19px; color: #222; font-size: 16px; font-weight: 800; line-height: 22px; letter-spacing: 0;}
.group-wrap .chr-groups .chr-desc {padding-left: 19px; padding-right: 19px; font-size: 13px; line-height: 24px}

.group-wrap .company-groups {overflow: hidden; margin-right: -4px;}
.group-wrap .company-groups li {float: left; padding: 9px 21px; margin-right: 4px; margin-bottom: 4px; border: 1px solid #efefef}
.group-wrap .company-groups li span {display: block; width: 120px; height: 46px; background-image:url("../../images/crebiz/solution/group-clip.png"); background-repeat:no-repeat; background-size:400px; text-indent: -9999em}
.group-wrap .company-groups .company1 {background-position: -2px -82px}
.group-wrap .company-groups .company2 {background-position: -126px -82px}
.group-wrap .company-groups .company3 {background-position: -250px -82px}
.group-wrap .company-groups .company4 {background-position: -2px -132px}
.group-wrap .company-groups .company5 {background-position: -126px -132px}
.group-wrap .company-groups .company6 {background-position: -250px -132px}
.group-wrap .company-groups .company7 {background-position: -2px -182px}
.group-wrap .company-groups .company8 {background-position: -126px -182px}
.group-wrap .company-groups .company9 {background-position: -250px -182px}
.group-wrap .company-groups .company10 {background-position: -2px -232px}
.group-wrap .company-groups .company11 {background-position: -126px -232px}
.group-wrap .company-groups .company12 {background-position: -250px -232px}
.group-wrap .company-groups .company13 {background-position: -2px -282px}
.group-wrap .company-groups .company14 {background-position: -126px -282px}
.group-wrap .company-groups .company15 {background-position: -250px -282px}
.group-wrap .company-groups .company16 {background-position: -2px -332px}
.group-wrap .company-groups .company17 {background-position: -126px -332px}
.group-wrap .company-groups .company18 {background-position: -250px -332px}
.group-wrap .company-groups .company19 {background-position: -2px -382px}
.group-wrap .company-groups .company20 {background-position: -126px -382px}