/*
 * Global CSS
 */
body {
    font-family: 'Noto Sans KR', sans-serif;
}

.display-1 {
    font-size: 6.0rem;
}

.display-2 {
    font-size: 5.0rem;
}

.display-3 {
    font-size: 3.0rem;
}

.display-4 {
    font-size: 2.0rem;
}

@media (min-width:992px) {
    .display-3 {
        font-size: 3.5rem;
    }

    .display-4 {
        font-size: 3.0rem;
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/*
 * Main Page
 */
.masthead-title {
    font-size: 2rem;
}
@media (min-width:992px) {
    .masthead-title {
        font-size: 2.5rem;
    }
}
@media (min-width:1200px) {
    .masthead-title {
        font-size: 3rem;
    }
}

#contact_form .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0;
    box-shadow: none;
    margin: 0.4rem 0;
    color: #fff;
}

.product_div .product_div-caption .product_div-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.product_div:hover .product_div-caption {
    opacity: 1;
}

.product_div .product_div-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(21,25,29,.9);
    transition: all .2s;
}

.product_div-caption-title{
    margin: 1rem;
    font-size: 1rem;
    font-weight: bold;
}

.product_div-caption-line {
    margin: 1rem;
}

.product_div {
    position: relative;
    margin: 1rem 0;
}

.product_div .product_title {
    font-size: 1.2rem;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
}

.vision_title {
    color: rgb(130,225,255);
    font-weight: bold;
    font-size: 1.2rem;
}

.vision_text {
    position: relative;
    top: -2rem;
    left: 2rem;
    width: calc(100% - 50px);
    text-align: left;
    z-index: 4;
}

@media (min-width:768px) {
    .vision_text {
        font-size: 0.9rem;
        width: 100%;
        top: -1rem;
        left: 1rem;
    }

    .product_div-caption-title{
        font-size: 1.4rem;
    }

    .product_div-caption-line {
        font-size: 1.2rem;
    }
}

@media (min-width:992px) {
    .vision_text {
        font-size: 1rem;
        left: 2.5rem;
    }

    .product_div-caption-title{
        font-size: 0.9rem;
    }

    .product_div-caption-line {
        font-size: 0.75rem;
    }
}

@media (min-width:1200px) {
    .vision_text {
        left: 5rem;
    }

    .product_div-caption-title{
        font-size: 1rem;
    }

    .product_div-caption-line {
        font-size: 0.9rem;
    }
}

.vision_div {
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    position: relative;
    margin-top: 1rem;
}

.vision_top_title {
    position: absolute;
    top: 0px;
    float: left;
    left: 3rem;
    font-size: 1.4rem;
    font-weight: bold;
    z-index: 4;
}

@media (min-width:768px) {
    .vision_top_title {
        left: 1.8rem;
    }
}

@media (min-width:992px) {
    .vision_top_title {
        left: 3.5rem;
    }
}

.line {
    stroke: rgb(255,0,0);
    stroke-width: 1;
}

/*@media (max-width:991px) {*/
/*    .vision_div {*/
/*        top: 0!important;*/
/*        position: relative;*/
/*        margin-top: 1rem;*/
/*    }*/
/*}*/

.vision_img {
    width: 220px;
    left: 2.5rem;
    z-index: 1;
}
@media (min-width:768px) {
    .vision_img {
        width: 200px;
    }
}

@media (min-width:992px) {
    .vision_img {
        width: 260px;
    }
}

.vision_bg1_1 {
    background-image: url("../img/Main03_Research_illust.f43d6ff32365.png");
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 3rem;
    left: calc(50% - 100px);
    z-index: 2;
}
@media (min-width:768px) {
    .vision_bg1_1 {
        width: 140px;
        height: 140px;
        left: calc(50% - 95px);
    }
}

@media (min-width:992px) {
    .vision_bg1_1 {
        width: 200px;
        height: 200px;
        left: 2.5rem;
    }
}

.vision_bg1_2 {
    top: 0;
    background-image: url("../img/Main03_Research_ele.41241635e792.png");
}

.vision_bg_img {
    height: 300px;
    width: 300px;
    left: calc(50% - 160px);
    z-index: 3;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

@media (min-width:768px) {
    .vision_bg_img {
        height: 220px;
        width: 220px;
        left: calc(50% - 120px);
    }
}

@media (min-width:992px) {
    .vision_bg1_2 {
        height: 300px;
        width: 300px;
        left: calc(50% - 160px);
    }
}

.vision_bg2_1 {
    background-image: url("../img/Main03_We_Illust.e4d2b30c6fe3.png");
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2.5em;
    left: calc(50% - 74px);
}

@media (min-width:768px) {
    .vision_bg2_1 {
        width: 140px;
        height: 140px;
        /*top: 3em;*/
        left: calc(50% - 70px);
    }
}

@media (min-width:992px) {
    .vision_bg2_1 {
        width: 170px;
        height: 170px;
        top: 3em;
        left: calc(50% - 84px);
    }
}

@media (min-width:1200px) {
    .vision_bg2_1 {
        top: 3em;
        left: 6rem;
    }
}

.vision_bg2_2 {
    top: 0;
    background-image: url("../img/Main03_We_ele.27b40364d5d6.png");
}

@media (min-width:992px) {
    .vision_bg2_2 {
        left: 2.5em;
    }
}

.vision_bg3_1 {
    background-image: url("../img/Main03_Business_Illust.65ab5d55d3fb.png");
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 2rem;
    left: calc(50% - 10px);
    z-index: 2;
}

@media (min-width:768px) {
    .vision_bg3_1 {
        width: 170px;
        height: 170px;
        left: calc(50% - 10px);
    }
}

@media (min-width:992px) {
    .vision_bg3_1 {
        width: 225px;
        height: 225px;
        right: -1.5rem;
    }
}

.vision_bg3_2 {
    top: 6rem;
    background-image: url("../img/Main03_Business_ele.5a20c9bd4d53.png");
}

@media (min-width:992px) {
    .vision_bg3_2 {
        left: 1.5em;
    }
}

.product_img {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.product_img4 {
    background-image: url("../img/Main02_Text-Classifier_BG.d16b68a2c5d6.png");
}

.product_img3 {
    background-image: url("../img/Main02_TTS_BG.ac9881569160.png");
}

.product_img1 {
    background-image: url("../img/Main02_NLU_BG.ebf740e07c23.png");
}

.product_img2 {
    background-image: url("../img/Main02_Dialog-System_BG.c762ffe90027.png");
}

.contact_col {
    font-weight: 600;
    background-image: url("../img/Footer_Illust.a244c495c10c.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 90%;
    padding-bottom: 1rem;
}

@media (min-width:768px) {
    .contact_col {
        background-size: 70%;
        padding-bottom: 2rem;
    }
}

@media (min-width:968px) {
    .contact_col {
        background-size: 60%;
        padding-bottom: 3rem;
    }
}

.container_div {
    padding: 3rem 3rem;
}

@media (min-width:768px) {
    .container_div {
        padding: 3rem 2rem;
    }
}

@media (min-width:968px) {
    .container_div {
        padding: 4rem 3rem;
    }
}

@media (min-width:1200px) {
    .container_div {
        padding: 5rem 3rem;
    }
}

.section_footer {
    background-color: #2a2a2a;
}

.aibridge_div {
    position: relative;
}

.vision_slogan {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
}

@media (min-width:992px) {
    .vision_slogan {
        margin-top: 0;
    }
}

.vision_slogan_img {
    position: relative;
    width: 280px;
    left: 1.0rem;
}

@media (min-width:992px) {
    .vision_slogan_img {
        width: 316px;
        /*left: 1.2em;*/
    }
}
.vision_div2 {
    background-image: none;
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: 50% 37%;
}

.header {
    margin-top: 71px;
    background-color: #25242a;
    position: relative;
    overflow: hidden;
    padding-top: calc(3rem + 36px);
    padding-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: scroll;
    background-size: cover;
}
@media (min-width:768px) {
    .header {
        padding-top: calc(4rem + 72px);
        padding-bottom: 4rem;
    }
}

@media (min-width:992px) {
    .header {
        padding-top: calc(7rem + 72px);
        padding-bottom: 7rem;
    }
}

.nav {
    background-color: rgb(37,36,42)!important;
}

.header_title {
    z-index: 2;
    position: relative;
}

.header_sub_title {
    font-size: 17px;
}

.aboutus_div {
    text-align: left;
    padding-bottom: 5rem;

}

@media (min-width:768px) {
    .aboutus_div {
        padding-bottom: 3rem;
    }
}

.btn_aboutus {
    text-transform: uppercase;
    padding: 1rem 2rem;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .1rem;
    margin-top: 1rem;
}

@media (min-width:768px) {
    .btn_aboutus {
        padding: 1.5rem 3rem;
        font-size: .9rem;
        margin-top: 1.5rem;
    }
}
.header_bg1 {
    background-image: url("/static/core/img/Main01_S01.151d69c8131b.png");
    width: 70%;
    height: 80%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0rem;
    left: 0rem;
    background-size: contain;
    z-index: 1;
    background-position: top;
}

@media (min-width:768px) {
    .header_bg1 {
        width: 45%;
        height: 55%;
        left: 3rem;
    }
}

.header_bg2 {
    background-image: url("/static/core/img/top_right.3e88a963e973.png");
    width: 60%;
    height: 79%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0rem;
    right: 3rem;
    background-size: contain;
    z-index: 1;
    background-position: bottom;
}

.product_bg1 {
    background-image: url("/static/core/img/Main02_BG_logo.056d74a061a2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

@media (min-width:768px) {
    .contact_div {
        width: 50%;
    }
}

@media (min-width:992px) {
    .contact_div {
        width: 40%;
    }
}

.footer {
    background-color: rgb(52,39,133);
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    text-align: center;
}
@media (min-width:768px) {
    .footer {
        padding-top: 0.5rem;
        text-align: left;
    }
}

.footer_logo {
    width: 100%;
    min-width: 100px;
    max-width: 120px;
}

.copyright {
    font-size: 0.9rem;
    color: hsla(0,0%,100%,.3);
    line-height: 40px;
}

.logo {
    width: 80%;
}

@media (min-width:768px) {
    .vision_div {
    }
    .vision_div2 {
        background-image: url("../img/line.1310939cd5bf.png");
    }
    .vision_div2_1 {
        top: -4rem;
    }
    .vision_div2_2 {
        top: 29px;
    }
}

@media (min-width:1200px) {
    .vision_slogan {
        margin-top: -6rem;
        margin-bottom: 0;
    }
}