@charset "utf-8";

.cube-title {font-size: 32px; font-weight: 500; color: #005aab; line-height: 45px}
.cube-sub-title {font-size: 22px; font-weight: 300; color: #222222; line-height: 35px}
.cube-text {font-size: 18px; font-weight: 500; color: #222222; line-height: 30px}
.main-color {color: #005aab !important}
.black-text {color:#222222 !important}
.weight-300 {font-weight: 300 !important}
.weight-400 {font-weight: 400 !important}
.weight-500 {font-weight: 500 !important}
/* TAB start */
.cube-tab {background:#f4f4f4;border:1px solid #dbdbdb; padding:2rem 0}
.cube-tab>ul>li {position:relative;display:inline-block; margin: 0 2rem}
.cube-tab>ul>li>a {text-decoration: none; color: #676767; font-size: 22px; font-weight: 350}
.cube-tab>ul>li.active>a {color:#005aab}
.cub-sub-wrap {display:none}
.cube-tab-sub {display:none}
.cube-tab-sub {position:absolute; top:3.45rem;left:-2rem;background:#ffffff; padding:30px; border:1px solid #f4f4f4; border-top:0}
.cube-tab-sub li {width:100px;text-align:center; margin:.5rem 0; padding-top:1rem}
.cube-tab-sub li>a {text-decoration:none; font-size:18px; font-weight:350}
.cube-tab-sub li>a:hover {color:#005aab}
.cube-sub:after {content:''; border: solid #f4f4f4; border-width: 0 2px 2px 0;margin-bottom:1px; display: inline-block; padding:3px; transform: rotate(45deg); -webkit-transform: rotate(45deg)}
.cube-sub {position:relative;bottom:.15rem; width:23px;height:23px;background:#005aab;border-radius:100%; margin-left:5px; cursor:pointer; display: inline-block;}
.cube-tab-sub li a {color:#676767; font-size: 18px; font-weight: 350}
/* TAB end */

.cube-bg {background:#eaedf2; padding-top:5rem; padding-bottom:7rem}


/* media query for mobile-device */
@media screen and (max-width:767px) {
    .cube-title {font-size: 25px; line-height: 35px; padding-top:1.75rem; padding-bottom:1.25rem}
    .cube-sub-title {font-size: 16px; line-height: 25px; text-align: initial; padding-left:.75rem; padding-right:.75rem}
    .cube-text {font-size: 13px; line-height: 20px;}
    .cube-tab {position: relative; overflow-x: auto; width:100%; padding:1rem 0}
    .cube-tab>ul {min-width: 615px; max-width: 100%; overflow-x: scroll}
    .cube-tab-2>ul {min-width:750px}
    .cube-sub-wrap-2>ul {min-width:700px}
    .cube-sub-wrap-2>ul.tab-1 {min-width:700px}
    .cube-sub-wrap-2>ul.tab-3 {min-width:700px}
    .cube-sub-wrap-2>ul>li {min-width:160px}
    .cube-tab>ul>li {margin: .5rem 1rem}
    .cube-tab>ul>li>a {font-size: 15px;}
    .cube-tab-sub {top:0;left:0;position:relative;padding:0}
    .cube-tab-sub {display:none}
    .cub-sub-wrap {position: relative; overflow-x: auto; width:100%; display:inline-block}
    .cube-tab-sub {min-width: 550px; max-width: 100%; overflow-x: scroll; padding:1rem 0}
    .cube-tab-sub li {display: inline-block; padding-top:0}
    .cube-tab-sub li a {font-size: 15px;}
    .cube-tab .mr-0 {margin-right:1.5rem!important; position:relative;}
    .table-wrap {position: relative; overflow-x: auto; width:100%}
    .table {min-width:700px; max-width: 100%; overflow-x: scroll}
    .table br {display: none}
    .table .w-50 {width:30%!important}
    .cube-bg {padding-top:1rem!important; padding-bottom:4rem!important}
    .cube-bg .row {width:100%!important}
    .cube-bg .cube-title {font-size:18px;line-height:20px}
}
/* media query for small-tablet-device */
@media screen and (min-width:768px) and (max-width:1024px) {
    
}
/* media query for 13inch small-laptop&pc-device */
@media screen and (min-width:1025px) and (max-width:1440px) {
    
}
/* media query for 15~16inch mid-laptop&pc-device */
@media screen and (min-width:1441px) and (max-width:1919px) {
    
}
/* media query for big-pc-device */
@media screen and (min-width:1920px) {
    
}