.common-footer .common-footer-services{background-color:#414141;}

.layout-contents{position:relative;display:inline-block;width:100%;float:left;}
.layout-contents .main-section-title{text-align:center;margin-bottom:48px;}
.layout-contents .main-section-title h3{font-size:2em;margin-bottom:12px;}
.layout-contents .main-section-title strong{font-weight:500;}

.layout-contents .main-visual{position:relative;display:inline-block;width:100%;float:left;color:#fff;}
.layout-contents .main-visual-container{position:relative;display:block;width:100%;height:100%;max-width:1600px;margin:0 auto;}
.layout-contents .main-visual-list{display:block;width:100%;max-width:1200px;height:100%;margin:0 auto;}
.layout-contents .main-visual-list .main-visual-rows{display:none;}
.layout-contents .main-visual-list .main-visual-rows:first-child{display:inline-block;}
.layout-contents .main-visual-list.slick-initialized .main-visual-rows{display:inline-block;}
.layout-contents .main-visual-list .slick-list{z-index:2;display:block;width:100%;height:100%;margin:0 auto;padding:10% 0;}
.layout-contents .main-visual-body,
.layout-contents .main-visual-pagination-indicator{box-sizing:border-box;}
.layout-contents .main-visual-title{font-size:3.75em;}
.layout-contents .main-visual-title strong{font-weight:500;}
.layout-contents .main-visual-contents{margin-top:18px;}
.layout-contents .main-visual-contents p{font-size:1.5em;font-weight:300;line-height:1.2em;}
.layout-contents .main-visual-buttons{display:inline-block;margin-top:36px;}
.layout-contents .main-visual-buttons a{display:inline-block;background-color:#000;padding:12px 36px;margin-right:18px;}
.layout-contents .main-visual-pagination{position:absolute;top:0;left:0;display:inline-block;width:100%;height:100%;}
.layout-contents .main-visual-pagination-prev,
.layout-contents .main-visual-pagination-next{position:absolute;top:40%;z-index:3;}
.layout-contents .main-visual-pagination-prev i,
.layout-contents .main-visual-pagination-next i{font-size:4.5em;}
.layout-contents .main-visual-pagination-prev{left:0;}
.layout-contents .main-visual-pagination-next{right:0;}
.layout-contents .main-visual .main-visual-pagination-indicator{position:absolute;left:0;bottom:0;display:inline-block;width:100%;height:64px;}
.layout-contents .main-visual .main-visual-pagination-indicator-container{display:block;width:100%;max-width:1200px;margin:0 auto;}
.layout-contents .main-visual .main-visual-pagination-indicator .slick-dots{position:relative;bottom:initial;display:inline-block;width:initial;max-width:1200px;margin:0 auto;text-align:left;}
.layout-contents .main-visual .main-visual-pagination-indicator .slick-dots li{z-index:3;}
.layout-contents .main-visual .main-visual-pagination-indicator .slick-dots li button::before{color:#ffffff;font-size:16px;}
.layout-contents .main-visual .main-visual-pagination-indicator .slick-dots li.slick-active button::before{color:#fff000;}
.layout-contents .main-visual .main-visual-autoplay-start,
.layout-contents .main-visual .main-visual-autoplay-pause{position:relative;display:inline-block;padding-top:2px;float:left;font-family:'Material Icons';font-size:1.5em;z-index:3;}
.layout-contents .main-visual .main-visual-autoplay-start:hover,
.layout-contents .main-visual .main-visual-autoplay-pause:hover{color:#fff000;}
.layout-contents .main-visual .main-visual-autoplay-start{display:inline-block;}
.layout-contents .main-visual .main-visual-autoplay-pause{display:none;}
.layout-contents .main-visual.autoplay .main-visual-autoplay-start{display:none;}
.layout-contents .main-visual.autoplay .main-visual-autoplay-pause{display:inline-block;}
.layout-contents .main-visual .main-visual-autoplay-start::before{content:'\e037';}
.layout-contents .main-visual .main-visual-autoplay-pause::before{content:'\e034';}
.layout-contents .main-visual-bg-list .main-visual-background{position:absolute;top:0;left:0;opacity:0;z-index:-1;width:100%;height:100%;overflow:hidden;transition:opacity 1s;}
.layout-contents .main-visual-bg-list .main-visual-background img{display:inline-block;width:100%;transform:scale(1.2);}
.layout-contents .main-visual-bg-list .active .main-visual-background{opacity:1;}

.layout-contents .main-quick-services{display:inline-block;width:100%;}
.layout-contents .main-quick-services-container{display:block;width:100%;max-width:1200px;margin:0 auto;padding:64px 0;}
.layout-contents .main-quick-services-list{display:inline-block;width:100%;font-size:0;text-align:center;}
.layout-contents .main-quick-services-rows{display:inline-block;width:20%;text-align:center;padding:0 20px;font-size:1rem;vertical-align:top;box-sizing:border-box;}
.layout-contents .main-quick-services-body{display:inline-block;width:100%;font-size:1.125em;}
.layout-contents .main-quick-services-thumbnail{background-color:#e3e3e3;border-radius:100%;transition:box-shadow .2s;}
.layout-contents .main-quick-services-body:hover .main-quick-services-thumbnail{box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.4);}
.layout-contents .main-quick-services-name{margin-top:24px;font-weight:400;}

.layout-contents .main-iwebidc-main-servers{display:inline-block;width:100%;margin-top:96px;background-image:url(/common/image/bg_main_servers.png);background-size:120%;background-position:center center;background-repeat:no-repeat;color:#fff;box-sizing:border-box;}
.layout-contents .main-iwebidc-main-servers-container{position:relative;display:block;width:100%;max-width:1600px;margin:0 auto;padding:10% 0;}
.layout-contents .main-iwebidc-main-servers-list{padding:0 100px;}
.layout-contents .main-iwebidc-main-servers-list .slick-arrow{width:48px;height:48px;}
.layout-contents .main-iwebidc-main-servers-list .slick-arrow::before{font-size:3rem;}
.layout-contents .main-iwebidc-main-servers-list .slick-arrow.slick-prev{left:0;}
.layout-contents .main-iwebidc-main-servers-list .slick-arrow.slick-next{right:0;}
.layout-contents .main-iwebidc-main-servers-rows{display:inline-block;width:100%;padding:12px;}
.layout-contents .main-iwebidc-main-servers-body{display:inline-block;width:100%;padding:24px;background-color:#fff;color:#000;box-sizing:border-box;transition:box-shadow .2s;}
.layout-contents .main-iwebidc-main-servers-body:hover{box-shadow:0 0 6px 6px rgba(0, 0, 0, .5);}
.layout-contents .main-iwebidc-main-servers-model{position:relative;display:block;width:100%;padding-bottom:12px;}
.layout-contents .main-iwebidc-main-servers-model h3{font-size:1.5em;font-weight:300;}
.layout-contents .main-iwebidc-main-servers-model .main-iwebidc-main-servers-tags{position:absolute;top:100%;left:0;font-size:0.75em;}
.layout-contents .main-iwebidc-main-servers-model .main-iwebidc-main-servers-tags span{font-weight:400;}
.layout-contents .main-iwebidc-main-servers-model .main-iwebidc-main-servers-tags li{display:inline-block;padding:4px;color:#fff;}
.layout-contents .main-iwebidc-main-servers-model .main-iwebidc-main-servers-tags li:nth-child(1){background-color:#ff9600;}
.layout-contents .main-iwebidc-main-servers-model .main-iwebidc-main-servers-tags li:nth-child(2){background-color:#2bd62b;}
.layout-contents .main-iwebidc-main-servers-preview{display:block;margin:12px 0;}
.layout-contents .main-iwebidc-main-servers-specs{display:block;margin-bottom:36px;color:#666;}
.layout-contents .main-iwebidc-main-servers-specs li{margin:8px 0;}
.layout-contents .main-iwebidc-main-servers-specs p{font-weight:300;}
.layout-contents .main-iwebidc-main-servers-link{display:inline-block;width:100%;padding:18px 0;text-align:center;font-weight:400;background-color:#2e65cd;color:#fff;}

.layout-contents .main-latest-board{display:inline-block;width:100%;}
.layout-contents .main-latest-board-container{display:block;width:100%;max-width:1400px;margin:0 auto;padding:100px 0;}
.layout-contents .main-latest-board-list{display:inline-block;width:100%;font-size:0;text-align:center;}
.layout-contents .main-latest-board-rows{display:inline-block;width:25%;padding:16px;text-align:left;vertical-align:top;box-sizing:border-box;}
.layout-contents .main-latest-board-body{display:inline-block;width:100%;font-size:1rem;box-shadow:0 0 4px 2px rgba(0, 0, 0, .2);transition:box-shadow .2s;}
.layout-contents .main-latest-board-body:hover{box-shadow:0 0 8px 4px rgba(0, 0, 0, .5);}
.layout-contents .main-latest-board-thumbnail{position:relative;display:block;width:100%;height:180px;overflow:hidden;text-align:center;background-color:#eee;}
.layout-contents .main-latest-board-thumbnail img[src='']{display:none;}
.layout-contents .main-latest-board-label{position:absolute;top:0;left:0;padding:8px 18px;font-weight:400;}
.layout-contents .main-latest-board-rows:nth-child(1) .main-latest-board-label{background-color:#ffc600;color:#fff;}
.layout-contents .main-latest-board-rows:nth-child(2) .main-latest-board-label{background-color:#515151;color:#fff;}
.layout-contents .main-latest-board-rows:nth-child(3) .main-latest-board-label{background-color:#0048ff;color:#fff;}
.layout-contents .main-latest-board-rows:nth-child(4) .main-latest-board-label{background-color:#26ce3e;color:#fff;}
.layout-contents .main-latest-board-subject{display:block;margin:12px 0;padding:0 16px;}
.layout-contents .main-latest-board-contents{display:block;font-size:0.875em;padding:0 16px 16px 16px;color:#666;}
.layout-contents .main-latest-board-subject h3{display:-webkit-box;width:100%;height:1em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:300;}
.layout-contents .main-latest-board-contents p{display:-webkit-box;width:100%;height:5.6em;line-height:1.4em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.layout-contents .main-recommend-services{display:inline-block;width:100%;}
.layout-contents .main-recommend-services-container{display:block;width:100%;max-width:1200px;margin:0 auto;padding:64px 0;border-top:1px solid #d4d4d4;}
.layout-contents .main-recommend-services-list{display:inline-block;width:100%;}
.layout-contents .main-recommend-services-rows{display:inline-block;width:33.333333%;padding:12px;float:left;box-sizing:border-box;}
.layout-contents .main-recommend-services-body{display:inline-block;}
.layout-contents .main-recommend-services-thumbnail{position:relative;overflow:hidden;}
.layout-contents .main-recommend-services-thumbnail img{transition:transform .2s;}
.layout-contents .main-recommend-services-thumbnail:hover img{transform:scale(1.2);}
.layout-contents .main-recommend-services-thumbnail span{position:absolute;top:40%;left:0;width:100%;text-align:center;font-size:1.75em;font-weight:300;color:#fff;}

.layout-contents .main-tech-news{display:inline-block;width:100%;}
.layout-contents .main-tech-news-container{display:block;width:100%;max-width:1400px;margin:0 auto;padding:64px 0;}
.layout-contents .main-tech-news-list{display:inline-block;width:100%;font-size:0;text-align:center;}
.layout-contents .main-tech-news-rows{display:inline-block;width:25%;padding:12px;text-align:left;vertical-align:top;box-sizing:border-box;}
.layout-contents .main-tech-news-body{position:relative;display:inline-block;width:100%;font-size:1rem;padding:24px 18px;border:1px solid #dddddd;box-sizing:border-box;}
.layout-contents .main-tech-news-body::after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;border:8px solid #3f81ff;box-sizing:border-box;}
.layout-contents .main-tech-news-body:hover{border:1px solid transparent;}
.layout-contents .main-tech-news-body:hover::after{opacity:1;}
.layout-contents .main-tech-news-thumbnail{display:block;width:100%;height:160px;text-align:center;overflow:hidden;background-color:#eee;}
.layout-contents .main-tech-news-thumbnail img{transition:transform .2s, border .2s;}
.layout-contents .main-tech-news-thumbnail img[src='']{display:none;}
.layout-contents .main-tech-news-body:hover .main-tech-news-thumbnail img{transform:scale(1.2);}
.layout-contents .main-tech-news-subject{display:block;width:100%;margin:24px 0;}
.layout-contents .main-tech-news-contents{color:#666;font-size:0.875em;}
.layout-contents .main-tech-news-subject h3{display:-webkit-box;width:100%;height:1em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:300;}
.layout-contents .main-tech-news-contents p{display:-webkit-box;width:100%;height:5.6em;line-height:1.4em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

.layout-contents .main-iwebidc-partners{display:inline-block;width:100%;}
.layout-contents .main-iwebidc-partners-container{display:block;width:100%;max-width:1400px;margin:0 auto;padding:64px 0;border-top:1px solid #d4d4d4;}
.layout-contents .main-iwebidc-partners-list{display:inline-block;width:100%;text-align:center;font-size:0;}
.layout-contents .main-iwebidc-partners-rows{display:inline-block;width:20%;max-width:260px;padding:12px;box-sizing:border-box;}
.layout-contents .main-iwebidc-partners-logo{border:1px solid #dddddd;}

/**
 * 1024 ~
 * 768 ~ 1024
 * ~ 768
 */

@media only screen and (max-width: 1300px) {
    .layout-contents .main-visual-body,
    .layout-contents .main-visual-pagination-indicator{padding:0 2%;}
    .layout-contents .main-visual-pagination-prev,
    .layout-contents .main-visual-pagination-next{display:none;opacity:0;}

    .layout-contents .main-iwebidc-main-servers-model{padding-bottom:8px;}
    .layout-contents .main-iwebidc-main-servers-model .main-iwebidc-main-servers-tags{font-size:0.6em;}
    .layout-contents .main-iwebidc-main-servers-model h3{font-size:1.2em;}
    .layout-contents .main-iwebidc-main-servers-specs p{font-size:0.875em;}
}

/**
 * xl & content max-width
 */
@media only screen and (max-width: 1200px) {
    .layout-contents .main-visual-bg-list .main-visual-background img{transform:scale(1.5);}
    .layout-contents .main-iwebidc-main-servers{background-size:150%;}
}

/**
 * lg
 */
@media only screen and (max-width:992px) {
    .layout-contents .main-visual-bg-list .main-visual-background img{transform:scale(2.5);}
    .layout-contents .main-iwebidc-main-servers{background-size:250%;}

    .layout-contents .main-quick-services-rows,
    .layout-contents .main-iwebidc-partners-rows{width:33.333333%;}

    .layout-contents .main-latest-board-rows,
    .layout-contents .main-tech-news-rows{width:50%;}
}

/**
 * md
 */
@media only screen and (max-width:768px) {
    .layout-contents .main-visual{font-size:0.625rem;}
    .layout-contents .main-visual .main-visual-pagination-indicator{height:36px;}
    .layout-contents .main-iwebidc-main-servers{padding-left:2%;padding-right:2%;}

    .layout-contents .main-recommend-services-thumbnail span{font-size:1.25em;}
}

/**
 * sm
 */
@media only screen and (max-width:576px) {
    .layout-contents .main-visual-bg-list .main-visual-background img{transform:scale(3.5);}
    .layout-contents .main-iwebidc-main-servers{background-size:350%;}

    .layout-contents .main-section-title h3{font-size:1.5em;}
    .layout-contents .main-section-title p{font-size:0.95em;}

    .layout-contents .main-visual{font-size:0.5rem;}
    .layout-contents .main-visual-buttons a{padding:12px 24px;}

    .layout-contents .main-iwebidc-main-servers-list{padding:0 15%;}

    .layout-contents .main-recommend-services-rows{width:100%;text-align:center;}
    .layout-contents .main-recommend-services-thumbnail span{font-size:1.5em;}
}

/**
 * xs
 */
@media only screen and (max-width:414px) {
    .layout-contents .main-iwebidc-main-servers{background-size:400%;}

    .layout-contents .main-section-title h3{font-size:1.4em;}

    .layout-contents .main-visual-buttons a{padding:12px 16px;margin-right:4px;}

    .layout-contents .main-quick-services-rows,
    .layout-contents .main-iwebidc-partners-rows{width:50%;}

    .layout-contents .main-iwebidc-main-servers-model h3{font-size:1em;}
    .layout-contents .main-iwebidc-main-servers-specs p{font-size:0.75em;}
}