/*
 * @웹호스팅
 * @Date : 2017-10-30
*/

.contents-wrap .intro-subscript {width: 800px}
.webhosting-wrap .webhosting-content {overflow: hidden}
.webhosting-wrap .webhosting-content li {float: left; width: 276px; height: 418px; margin-right: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.webhosting-wrap .webhosting-content .long-desc {height: 462px}
.webhosting-wrap .webhosting-content li:last-of-type {margin-right: 0}
.webhosting-wrap .webhosting-content dt {margin-bottom: 30px; text-align: center; font-size: 16px; color: #222; line-height:16px; letter-spacing:-.25px}
.webhosting-wrap .webhosting-content dd {position: relative; padding: 0 14px 4px 24px; line-height: 24px; word-break: keep-all}
.webhosting-wrap .webhosting-content dd::before {content: '·'; position: absolute; left: 14px;}
.webhosting-wrap .webhosting-content .indent {padding-left: 34px}
.webhosting-wrap .webhosting-content .indent::before {content: '-'; left: 24px}
.webhosting-wrap .webhosting-content [class^="content-img"] {height: 100px; margin: 30px auto; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px}
.webhosting-wrap .webhosting-content .content-img01 {width: 100px; background-position: 0 -186px}
.webhosting-wrap .webhosting-content .content-img02 {width: 100px; background-position: -104px -186px}
.webhosting-wrap .webhosting-content .content-img03 {width: 100px; background-position: -208px -186px}
.webhosting-wrap .webhosting-content .content-img04 {width: 100px; background-position: -312px -186px}
.webhosting-wrap .webhosting-content .content-img05 {width: 100px; background-position: -416px -186px}
.webhosting-wrap .webhosting-content .content-img06 {width: 100px; background-position: -520px -186px}
.webhosting-wrap .webhosting-content .content-img07 {width: 100px; background-position: 0 -290px}
.webhosting-wrap .webhosting-content .content-img08 {width: 100px; background-position: -104px -290px}
.webhosting-wrap .webhosting-content .content-img09 {width: 100px; background-position: -208px -290px}

.webhosting-wrap .warning {padding-left:24px}
.webhosting-wrap .warning li {position:relative; margin-bottom:5px}
.webhosting-wrap .warning li::before {position:absolute; top:0; left:-24px;}
.webhosting-wrap .warning .num01::before {content:'01.'}
.webhosting-wrap .warning .num02::before {content:'02.'}
.webhosting-wrap .warning .num03::before {content:'03.'}
.webhosting-wrap .warning .num04::before {content:'04.'}
.webhosting-wrap .warning .num05::before {content:'05.'}
.webhosting-wrap .warning .num06::before {content:'06.'}
.webhosting-wrap .warning .num07::before {content:'07.'}
.webhosting-wrap .warning .num08::before {content:'08.'}
.webhosting-wrap .warning .indent {padding-left:8px}
.webhosting-wrap .warning .indent::before {content:'-'; position:absolute; top:0; left:-4px}

.webhosting-wrap .webhosting-table {margin-top: 30px}
.webhosting-wrap .webhosting-table th {padding-left: 0; text-align: center}
.webhosting-wrap .webhosting-table td {line-height: 24px; padding: 17px 0 17px 14px}

.webhosting-wrap .webspec-table {margin-top: 10px; margin-bottom: 20px}
.webhosting-wrap .webspec-table th {padding-left: 0; text-align: center; border-right: 1px solid #e9e9e9;}
.webhosting-wrap .webspec-table td.first {font-weight: 600; background-color: #fbfbfb; line-height: 24px;}
.webhosting-wrap .webspec-table td {padding: 0; line-height: 24px; padding: 12.5px 0; text-align: center; border-right: 1px solid #e9e9e9}
.webhosting-wrap .webspec-table th:last-of-type,
.webhosting-wrap .webspec-table td:last-of-type {border-right: 0}
.webhosting-wrap .webspec-table .spec-box {display: inline-block; overflow: hidden; padding: 20px 0; text-align: center}
.webhosting-wrap .webspec-table [class^=spec-img] {float: left; height: 32px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px; text-indent: -9999em}
.webhosting-wrap .webspec-table .spec-img01 {width: 157px; background-position: 0 -72px; margin-right: 40px}
.webhosting-wrap .webspec-table .spec-img02 {width: 112px; background-position: -161px -72px; margin-right: 40px}
.webhosting-wrap .webspec-table .spec-img03 {width: 140px; background-position: -276px -72px}
.webhosting-wrap .webspec-table .btns {padding: 7px 24px; line-height: 16px}
.webhosting-wrap .webspec-common {text-align: right}
.webhosting-wrap .remargin {margin-top: 20px; margin-bottom: 0}
.webhosting-wrap .webhosting-basic {line-height: 24px}

.webhosting-wrap .web-systembox {position: relative; overflow: hidden; width: 840px; margin-top: 30px; padding: 30px 0; border: 1px solid #efefef; background-color: #fbfbfb}
.webhosting-wrap .web-systembox [class^="web-system"] {float: left}
.webhosting-wrap [class^="web-system"] .web-text {margin-top: 30px; text-align: center}
.webhosting-wrap [class^="web-system"] .web-img {height: 151px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px; text-indent: -9999em}
.webhosting-wrap .web-system01 {margin-left: 75px}
.webhosting-wrap .web-system01 .web-img {width:159px; background-position: 0 -394px}
.webhosting-wrap .web-system02 .web-img {width:122px; background-position: -163px -394px}
.webhosting-wrap .web-system03 .web-img {width:157px; background-position: -289px -394px}
.webhosting-wrap .web-systembox .arrow-next {float: left; margin: 83px 9px 0}
.webhosting-wrap .web-systembox .arrow-next .web-text {margin-top: 10px}
.webhosting-wrap .arrow-next .arrow-img {width: 108px; height: 24px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px; background-position: 0 -549px; text-indent: -9999em}

.webhosting-wrap .web-process {overflow:hidden; display:table; width:840px; margin:20px auto; padding: 20px 110px; background-color: #fbfbfb; border: 1px solid #efefef; box-sizing: border-box}
.webhosting-wrap .level5 {padding: 20px;}
.webhosting-wrap .web-process .process-list {position:relative; display:table-cell; width: 20%}
.webhosting-wrap .web-process .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}
.webhosting-wrap .web-process .process-list:last-child::after {content:none}
.webhosting-wrap .web-process .process-text {color:#222; font-weight: 400; text-align:center}
.webhosting-wrap .web-process [class^="process-img"] {width:76px; height:76px; margin:0 auto 21px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat;}
.webhosting-wrap .web-process .process-img01 {background-position: -0 -106px}
.webhosting-wrap .web-process .process-img02 {background-position: -80px -106px}
.webhosting-wrap .web-process .process-img03 {background-position: -160px -106px}
.webhosting-wrap .web-process .process-img04 {background-position: -240px -106px}
.webhosting-wrap .web-process .process-img05 {background-position: -320px -106px}
.webhosting-wrap .web-process .process-img06 {background-position: -400px -106px}

.webhosting-wrap .mailservice-container {position: relative; overflow: hidden; width: 840px; margin-top: 30px; padding: 30px 0; border: 1px solid #efefef; background-color: #fbfbfb; text-align: center}
.webhosting-wrap .mailservice-box {display: inline-block; margin: 20px 0; text-align: center}
.webhosting-wrap .mailservice-box [class^="mailservice"] {display: inline-block;}
.webhosting-wrap .mailservice-box [class^="mailservice"] .mail-img {width: 68px; height: 68px; margin: 0 11px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-size:640px; background-repeat:no-repeat}
.webhosting-wrap .mailservice-box .mailservice01 .mail-img {background-position: 0 0}
.webhosting-wrap .mailservice-box .mailservice02 .mail-img {background-position: -72px 0}
.webhosting-wrap .mailservice-box .mailservice03 .mail-img {background-position: -144px 0}
.webhosting-wrap .mailservice-box .mailservice04 .mail-img {background-position: -216px 0}
.webhosting-wrap .mailservice-box .mailservice05 .mail-img {background-position: -288px 0}
.webhosting-wrap .mailservice-box .mailservice06 .mail-img {background-position: -360px 0}
.webhosting-wrap .mailservice-box .mailservice07 .mail-img {background-position: -432px 0}
.webhosting-wrap .mailservice-box [class^="mailservice"] .mail-text {margin-top: 13px}

.webhosting-wrap .content-point {overflow: hidden; margin-right: -10px}
.webhosting-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; }
.webhosting-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;}

.webhosting-wrap .service-type {overflow: hidden; margin-right: -10px}
.webhosting-wrap .service-type li {float: left; width: 386px; min-height: 215px; margin-right: 10px; margin-bottom: 10px; padding: 0 14px; border: 1px solid #efefef; text-align: center}
.webhosting-wrap .service-type .service-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;}
.webhosting-wrap .service-type .highlight {padding: 14px 0; font-size: 16px; color: #00adbb; font-weight: 600}
.webhosting-wrap .service-type .btns {padding: 5px 26px}

.webhosting-wrap .bycase {position: relative; padding-left: 14px}
.webhosting-wrap .bycase::before {content:'※'; position:absolute; left:0}

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