/*
 * @전자결제 서비스
 * @Date : 2017-10-13
*/

.soulution-wrap .spec {overflow: hidden}
.soulution-wrap .spec li {float: left; width: 276px; height: 373px; margin-right: 4px; margin-bottom: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.soulution-wrap .spec li:nth-of-type(3n) {margin-right: 0}
.soulution-wrap .spec dt {margin-bottom: 30px; text-align: center; font-size: 16px; font-weight: 600; color: #222; line-height:16px; letter-spacing: 0}
.soulution-wrap .spec dd {position: relative; padding: 0 12px; line-height: 24px; word-break: keep-all}
.soulution-wrap .spec [class^="spec-img"] {height: 83px; margin: 37px auto; background-image:url("../../images/crebiz/solution/pg-sprite.png"); background-repeat:no-repeat; background-size: 574px}
.soulution-wrap .spec .spec-img01 {width: 74px; background-position: 0 0}
.soulution-wrap .spec .spec-img02 {width: 76px; background-position: -78px 0}
.soulution-wrap .spec .spec-img03 {width: 83px; background-position: -158px 0}
.soulution-wrap .spec .spec-img04 {width: 83px; background-position: -245px 0}
.soulution-wrap .spec .spec-img05 {width: 90px; background-position: -332px 0}
.soulution-wrap .spec .spec-img06 {width: 148px; background-position: -427px 0}

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

.soulution-wrap .apply-step {overflow: hidden; width: 840px; height:54px; line-height:54px; border: 1px solid #e9e9e9; background: url("../../images/crebiz/common/step-arrow.png") no-repeat}
.soulution-wrap .apply-step li {float:left; font-size:13px; color:#666; text-align:center; letter-spacing: 0; text-indent:-20px}
.soulution-wrap .apply-step li:nth-child(1) {width:222px}
.soulution-wrap .apply-step li:nth-child(2) {width:205px}
.soulution-wrap .apply-step li:nth-child(3) {width:205px}
.soulution-wrap .apply-step li:nth-child(4) {width:208px}

.soulution-wrap .ssl-point {overflow: hidden; width: 840px; margin: 30px 0; padding: 30px; border: 1px solid #efefef; background-color: #fbfbfb}
.soulution-wrap .ssl-point .ssl-point-text {float: left; text-align: center}
.soulution-wrap .ssl-point .ssl-point-text p {margin-top: 10px; text-align: center; line-height: 24px}
.soulution-wrap .ssl-point .ssl-point-text .highlight {font-size: 16px; font-weight: 600; color: #333}

.soulution-wrap .ssl-content {overflow: hidden}
.soulution-wrap .ssl-content li {float: left; width: 276px; height: 216px; margin-right: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.soulution-wrap .ssl-content li:last-child {margin-right: 0}
.soulution-wrap .ssl-content dt {margin: 30px 0; text-align: center; font-size: 16px; font-weight: 600; color: #222; line-height:16px; letter-spacing:-.25px}
.soulution-wrap .ssl-content dd {position: relative; padding: 0 14px 4px 24px; line-height: 24px; word-break: keep-all}
.soulution-wrap .ssl-content dd::before {content: '·'; position: absolute; left: 14px;}

.soulution-wrap .ssl-achieve {overflow: hidden}
.soulution-wrap .ssl-achieve li {float: left; width: 163px; margin-right: 4px; padding: 30px 0; text-align: center; border: 1px solid #efefef; line-height: 24px; color: #222}
.soulution-wrap .ssl-achieve li:last-of-type {margin-right: 0}
.soulution-wrap .ssl-achieve a {display: block}
.soulution-wrap .ssl-achieve .achieve-text {font-weight: 400}
.soulution-wrap .ssl-achieve [class^="achieve-img"] {height: 34px; margin: 0 auto 30px; background-image:url("../../images/crebiz/solution/ssl-clip.png"); background-repeat:no-repeat; text-indent: -999em}
.soulution-wrap .ssl-achieve .achieve-img01 {width: 132px; background-position: 0 0}
.soulution-wrap .ssl-achieve .achieve-img02 {width: 123px; background-position: 0 -38px}
.soulution-wrap .ssl-achieve .achieve-img03 {width: 135px; background-position: 0 -76px}
.soulution-wrap .ssl-achieve .achieve-img04 {width: 135px; background-position: 0 -114px}
.soulution-wrap .ssl-achieve .achieve-img05 {width: 127px; background-position: 0 -152px}
.soulution-wrap .ssl-achieve .btns {padding: 4px 27px}

.soulution-wrap .ssl-common {padding: 10px 0 20px; text-align: right}
.soulution-wrap .ssl-table {margin-bottom: 30px}
.soulution-wrap .ssl-table th {padding-left: 0; text-align: center; border-right: 1px solid #e9e9e9}
.soulution-wrap .ssl-table td {padding: 0; text-align: center; border-right: 1px solid #e9e9e9}
.soulution-wrap .ssl-table th:last-of-type,
.soulution-wrap .ssl-table td:last-of-type {border-right: 0}
.soulution-wrap .ssl-table th.first {border-right: 1px solid #e9e9e9}
.soulution-wrap .ssl-btn {text-align: center}
.soulution-wrap .ssl-btn .btns {width: 136px; padding: 10px 16px; font-size: 16px; font-weight: 600}

.soulution-wrap .process {overflow:hidden; display:table; width:840px; margin:20px auto; padding:20px 0; background-color: #fbfbfb; border: 1px solid #efefef; border-radius: 2px}
.soulution-wrap .process-list {position:relative; display:table-cell; width:20%}
.soulution-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}
.soulution-wrap .process-list:last-child::after {content:none}
.soulution-wrap .process-text {color:#222; font-weight: 400; text-align:center}

.soulution-wrap .ssl-process [class^="process-img"] {width:76px; height:76px; margin:0 auto 21px; background-image:url("../../images/crebiz/solution/ssl-clip.png"); background-repeat:no-repeat;}
.soulution-wrap .ssl-process .process-img01 {background-position: -139px 0}
.soulution-wrap .ssl-process .process-img02 {background-position: -139px -80px}
.soulution-wrap .ssl-process .process-img03 {background-position: -139px -160px}
.soulution-wrap .ssl-process .process-img04 {background-position: -219px 0}
.soulution-wrap .ssl-process .process-img05 {background-position: -219px -80px}

.soulution-wrap .pg-process {padding: 20px 110px; background-color: #fbfbfb; border: 1px solid #efefef; box-sizing: border-box;}
.soulution-wrap .pg-process [class^="process-img"] {width:76px; height:76px; margin:0 auto 21px; background-image:url("../../images/crebiz/solution/pg-clip.png"); background-repeat:no-repeat;}
.soulution-wrap .pg-process .process-img01 {background-position: 0 0}
.soulution-wrap .pg-process .process-img02 {background-position: -80px 0}
.soulution-wrap .pg-process .process-img03 {background-position: -160px 0}

.soulution-wrap .ems-content {overflow: hidden}
.soulution-wrap .ems-content li {float: left; width: 276px; height: 356px; margin-right: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.soulution-wrap .ems-content li:last-of-type {margin-right: 0}
.soulution-wrap .ems-content dt {margin-bottom: 30px; text-align: center; font-size: 16px; font-weight: 600; color: #222; line-height:16px; letter-spacing:-.25px}
.soulution-wrap .ems-content dd {position: relative; padding: 0 14px 4px 24px; line-height: 24px; word-break: keep-all}
.soulution-wrap .ems-content dd::before {content: '·'; position: absolute; left: 14px;}
.soulution-wrap .ems-content .indent::before {content: '-'; left: 24px}
.soulution-wrap .ems-content .content-img {margin: 30px auto; text-align: center}

.soulution-wrap .content-point {overflow: hidden; margin-right: -10px}
.soulution-wrap .content-point li {float: left; width: 386px; min-height: 200px; margin-right: 10px; margin-bottom: 10px; padding: 0 14px; background: #fbfbfb; border: 1px solid #efefef; }
.soulution-wrap .content-point .point-header {width: 100%; margin-top: 30px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; font-size: 20px; font-weight: 600; color: #222; text-align: center;}

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