@charset "utf-8";
/* CSS Document */


body{ padding:0; margin:0; font-family: 'aktiv-grotesk', sans-serif;}
ul{ list-style:none;}
a { text-decoration:none; outline:none;}
a img { border:none;}
img{ border:0px;}
p{ padding:0; margin:0;}
h1, h2, h3, h4, ul, p{ padding:0; margin:0;}
textarea { resize:none;}
.clr { clear:both; height:0px;}
.logo { float:left; margin:31px 160px 0 0; }


.product-detail-sec { float:left; width:100%; margin:60px 0 0;}
.site-detail-sec-a { float:left; width:100%; margin:0 0 140px;}
.detail-top { float:left; width:100%; text-align:center;}
.detail-top h2 { font:400 34px; color:#000; line-height:20px;}
.detail-top p { margin:25px 0 0; font:300 20px; color:#999; line-height:20px;}
.disk-space-sec { float:left; width:100%;}
.disk-space-sec .detail-top { margin:40px 0 0;}
.disk-space { position:relative; float:left; width:100%; margin:0; padding:0; }
.disk-memory { float:left; width:100%;}
.disk-memory li { float:left; width:100%; margin:0 0 20px;}
.disk-memory label { float:left; width:200px; color:#202020; line-height:43px; text-transform:uppercase;letter-spacing: 1px; font-weight: 500; font-size: 12px;}
.disk-memory img { float:left;}
.size-mb { float:right; position:relative; width:100px; height:40px; margin:0; border:1px solid #ddd; border-radius:8px; text-align:left; text-align:center; color:#202020; line-height:37px; font-weight: 500; font-size: 16px; }
.size-mb span { position:absolute; top:1px; right:1px; float:right; width:70px; height:38px; background: url(../img/gb-img.png) top right no-repeat; font:400 14px; color:#000; line-height:37px; text-align:center; text-transform:uppercase;}
.size-mb input {outline: none !important; border: none;}
.space-detail { display:inline; font:600 17px; color:#000;}
.space-detail h4 { float:left; width:68px; font:400 14px; color:#000; line-height:37px; text-align:center;}
.mont-count { float:left; margin:10px 0 0 60px; font:600 16px; color:#000; }
.mont-count span { font:400 14px; color:#555;}
.total-save-sec { width:34%; float:right;}
.total-space { margin:20px 0 0; clear:both;}
.total-space h4 { float:left; margin:0 20px 0 0; font:600 20px; color:#000; line-height:27px;}
.total-month { float:left; margin: 24px 0 2px}
.total-month span { color: #f13058; font-weight: bold; font-family: aktiv-grotesk, sans-serif; font-size: 28px;}
.total-save-sec .sign-up { float:right; clear:both; width:270px; margin:30px 25px 0 0; background:#0089D8; border:0; border-bottom:4px solid #206288; border-radius:2px; padding:12px 0; font:600 18px; color:#fff; line-height:20px; text-align:center;}
.total-save-sec .sign-up:hover { background:#206288;  }
.total-space p { clear:both; text-align:left; color:#202020;}
.total-save-sec p { font-size: 14px; }

.compare-all, .compare-one { float:left; width:62%; position:relative; margin:0 0 40px;}
.compare-all ul, .compare-one  ul { display: grid; grid-column-gap: 32px; float:left; width:100%; list-style:none; padding:0px; margin:20px 0 0 0;}
/* .compare-one ul { grid-template-columns: auto auto }
.compare-all ul { grid-template-columns: auto auto auto} */
.compare-all ul li, .compare-one  ul li { float:left; margin:0;box-sizing: border-box; font-weight: 500; border-radius: 12px; background-color: #fff; box-shadow: 1px 1px 16px 0 rgba(0, 0, 0, 0.08); padding: 15px 20px;}
.compare-all ul li .total-price, .compare-one  ul li .total-price { float:left; width:100%; font-weight: bold; font-size: 24px; color:#00d075; margin: 15px 0 0px }
.compare-all ul li:first-child .total-price, .compare-one ul li:first-child .total-price { color: #ffa000; }
.compare-all ul li:last-child .total-price, .compare-one ul li:last-child .total-price { color: #3c64ff; }
.compare-all ul li span.savings, .compare-one ul li span.savings { float:left; width:100%; font-size: 14px; font-weight: 400; }
.btm-desc { float:left; width:100%; text-align:center; margin:20px 0 0 0; font-size: 14px; }

.slider-output{  }
.slider-input{ display:none; width: 100%; }
.slider-input input{ text-align:center; width: 100%; }

.compare-one ul li {
font-size: 14px; font-weight: 400;
}

.compare-one ul li .compare {
font-size: 16px; font-weight: 500;
}

.compare-one ul li a {
font-size: 10px;
}