@charset "utf-8";

body>div {text-align: center}
.cube-font1 {font-size: 50px; font-weight: 500; color:#222222}
.cube-font2 {font-size: 28px; font-weight: 300; color:#454545; line-height:38px}
.cube-00 .carousel-item {position: relative}
.cube-main-text {position: absolute; text-align: center; margin: 0; margin-top:4rem; width: 100%; top:50%; left:50%; bottom: 0; right: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color:#ffffff}
.cube-main-text > h1 {font-size: 49px; font-weight: 500;}
.cube-main-text > p {font-size: 25px; font-weight: 350; line-height: 35px}
.cube-00 {margin-top:85.5px}
.cube-01,.cube-02 {margin-top: 5rem}
.cube-main .card p {line-height: 22px}
.cube-01 .container {min-width:1350px!important; margin:auto}
.cube-01 .card {min-width: 400px; min-height: 435px}
.cube-main .card-body {padding: 2rem 0}
.cube-main .card-body>h2 {font-size:25px; color:#222222; font-weight:500; margin-top:.7rem}
.cube-main .card-body>p {font-size:16px; color: #454545; font-weight:300; margin-top:1rem}
.cube-02 {background: url(../static/main/pc_service.jpg) no-repeat center center}
.cube-02 {padding-top:2rem; padding-bottom: 5rem}
.cube-02 .card h2 {margin: 2rem auto} 
.cube-02 .card a {display: inline-block; margin-top:1rem; color: #222222; text-decoration: none; padding: .5rem 2rem; border: 1px solid #222222; border-radius: 50px}
.cube-02 .card a:hover {background: #222222; color:#ffffff}
.cube-03 {background: url(../static/main/pc_bu_bg.jpg) no-repeat center center;}
.cube-03 h1 {padding-top:5rem;}
.cube-partners {position: relative; margin: 0; overflow:hidden}
.cube-partners .cube-partner {position: relative}
.cube-partners .cube-partner .img-fluid {position: relative; margin:.5rem}
.cube-04 {padding-top:0}

/* media query */
@media screen and (max-width:767px) {
    .cube-main-text {margin-top:1rem}
    .cube-main-text > h1 {font-size: 30px; font-weight: 500;}
    .cube-main-text > p {font-size: 15px; font-weight: 350; line-height: 25px}
    .cube-font1 {font-size:30px;}
    .cube-font2 {font-size:14px;line-height:20px;}
    .card-body p {font-size:13px!important}
    .cube-00 {margin-top:0}
    .cube-01,.cube-02 {margin-top:3rem}
    .cube-01 .container {min-width:100%!important;}
    .cube-01 .card {min-height:420px}
    .slick-dots {margin-top:.5rem}
    .slick-dots ul, .slick-dots li {display:inline-block}
    .slick-dots li .pager_item span:after {content:"";display:block;width:15px;height:15px;background:#fff;margin:5px 10px;border: 1px solid #0b2f79;border-radius:50px;box-sizing:border-box;z-index:10}
    .slick-dots li.slick-active .pager_item span:after {content:"";display:block;background:#0b2f79;width:15px;height:15px}
    .cube-main h1,p {margin-top:.5rem}
    .cube-main .card {min-width:100%;min-height: auto;}
    .cube-main .col-sm-4 {margin-top:1rem;}
    .cube-02 {background:url(../static/main/mo_service.jpg)no-repeat center center; background-size:cover}
    .cube-03 {background:url(../static/main/mo_bu_bg.png)no-repeat center center;background-size:cover;padding-bottom:0;width:100%}
    .cube-03 h1 {font-size:25px;padding-top:1rem}
    .cube-03 p {margin-top:1rem!important;padding-top:0!important;padding-bottom:1rem}
    .cube-partners .cube-partner .img-fluid {position: relative; width: 100px; margin:1rem}
}
@media screen and (min-width:768px) and (max-width:1439px) {
    .cube-02 {background-size: cover}
    .cube-font1 {font-size: 45px;}
    .cube-font2 {font-size: 25px;line-height:30px}
    .cube-main-text > h1 {font-size: 40px; font-weight: 500;}
    .cube-main-text > p {font-size: 25px; font-weight: 350; line-height:30px}
    .cube-main .card-body>h2 {font-size:30px;line-height:35px}
    .cube-main .card-body>p {font-size:25px;line-height:30px}
}
@media screen and (min-width:1440px) and (max-width:1919px) {
    
}
@media screen and (min-width:1920px) {
    
}