@charset "UTF-8";

/* *******************************************************************
    global 변역 스타일 - 영어
******************************************************************* */
/*===========================
 GNB, SNB
 ============================*/
/* gnb */
.trans-en .gnb-area dl dt a {
    font-size: 17px;
    line-height: 1.4;
    margin-top: 40px;
}
.trans-en .gnb-area dl:nth-child(3) dt a {
    margin-top: 30px !important;
}
.trans-en .logo-area .gnb-bg.active {
    height: 463px;
}
.trans-en .gnb-area.hover dl dd {
    height: 460px;
}

/* snb */
.trans-en .snb.snb02 > li {
    height: 100px;
}
.trans-en .snb.snb02 > li > a {
    display: block;
    height: 100px;
    margin: 0;
    padding: 10px;
    line-height: 1.3;
    font-size: 14px !important;
}
.trans-en .snb.snb02 > li:nth-child(1) > a {
    padding: 10px;
    line-height: 80px;
}
.trans-en .snb.snb02 > li:nth-child(2) > a {
    padding-top: 22px;
}
.trans-en .snb.snb02 > li:nth-child(3) > a {
    padding-top: 32px;
}
.trans-en .snb.snb02 > li:nth-child(4) > a {
    padding-top: 32px;
}
.trans-en .snb.snb02 > li:nth-child(5) > a {
    padding-top: 32px;
}
.trans-en .snb.snb02 > li:nth-child(6) > a {
    padding-top: 12px;
}

.trans-en .snb.snb03 > li > a {
    padding: 12px 10px 10px;
    line-height: 1.3;
    font-size: 14px !important;
}
.trans-en .snb.snb03 > li:nth-child(1) > a {
    padding: 10px;
    line-height: 40px;
    font-size: 17px !important;
}

/*===========================
 Main page
 ============================*/
/* research-slide */
.trans-en .main-col1 .research-area .research-title {
    padding-top: 0;
}
.trans-en #container h3.main-title {
    margin-top: 0;
    font-size: 32px;
}
.trans-en #container h3.main-title br {
    display: none;
}
.trans-en .main-col1 .research-area .swiper-btn-area {
    bottom: -150px;
}

/* quick-menu */
.trans-en .main-quick-area ul > li > a > .title {
    font-size: 15px;
}

/*===========================
 Sub page
 ============================*/
/* 센터소개 > 목표 및 비전 */
.trans-en #contents .article .section h2.section-title {
    font-size: 28px;
}
.trans-en #contents .article.vision .vision-contents-area .vision-area .h-line {
    margin: 0 0 10px;
}
.trans-en #contents .article.vision .vision-contents-area .vision-area.vision01 {
    margin-bottom: 30px;
    padding-top: 11px;
}
.trans-en #contents .article.vision .vision-contents-area .vision-area.vision02 {
    margin-bottom: -16px;
}
.trans-en #contents .article.vision .vision-contents-area .vision-area.vision03 {
    margin-bottom: -14px;
}
.trans-en #contents .article.vision .vision-contents-area .vision-area ul li {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
}
.trans-en #contents .article.vision .vision-etc {
    top: 0;
    margin: 0 0 50px;
}

/* 연구분야 */
.trans-en #contents .article .section p.title-label {
    padding: 10px 24px;
}

/* 대표성과 */
.trans-en #contents .article.performance-index .list-area ul > li > a > .title {
    font-size: 17px;
}

/* 게시판 */
.trans-en .board .section .table tbody td.title {
    white-space: normal;
    line-height: 1.6;
}

/*===========================
 footer
 ============================*/
.trans-en #footer .address-area .address-inner a.btn-go {
    width: 114px;
    margin: 0;
    font-size: 15px;
}


/* *******************************************************************
    global 변역 스타일 - 일본어
******************************************************************* */
/*===========================
 GNB, SNB
 ============================*/
/* gnb */
.trans-ja .logo-area .gnb-bg.active {
    height: 403px;
}
.trans-ja .gnb-area.hover dl dd {
    height: 400px;
}
.trans-ja .gnb-area dl dd ul li a {
    padding: 15px 5px;
    letter-spacing: -0.75px;
    font-size: 13px;
}

/* snb */
.trans-ja .snb > li > a,
.trans-ja .snb > li.double > a {
    font-size: 15px;
    letter-spacing: -0.75px;
}
.trans-ja .snb > li.double > a {
    line-height: 1.5;
}

/*===========================
 Main page
 ============================*/
.trans-ja .main-col1 .research-area .research-title {
    padding-top: 40px;
}
.trans-ja #container h3.main-title {
    font-size: 36px;
}
.trans-ja #container h3.main-title br {
    display: none;
}
.trans-ja .main-col1 .research-area .swiper-btn-area {
    bottom: -160px;
}
.trans-ja .notice-contents > ul > li > a > .title {
    word-break: break-all;
}

/*===========================
 Sub page
 ============================*/
/* 공통 */

/* 목표 및 비전 */
.trans-ja #contents .article.vision * {
    word-break: break-all;
}
.trans-ja #contents .article.vision .vision-etc {
    top: 0;
}
.trans-ja #contents .article.vision .vision-contents-area .vision-area ul li {
    font-size: 16px;
}
.trans-ja #contents .article.vision .vision-etc {
    top: -50px;
    margin-bottom: 0;
}

/* 오시는 길 */
.trans-ja #contents .article.office * {
    word-break: break-all;
}

/* 연구분야 */
.trans-ja #contents .article.pages-research * {
    word-break: break-all;
}

/* 대표성과 */
.trans-ja #contents .article.pages-research .section h2.section-title {
    font-size: 34px;
    letter-spacing: -0.45px;
}


/*===========================
 Footer
 ============================*/
.trans-ja #footer .address-area .address-inner a.btn-go {
    width: 114px;
    margin: 0;
    font-size: 15px;
    letter-spacing: -0.75px;
}


/* *******************************************************************
    global 변역 스타일 - 반응형 스타일
******************************************************************* */
@media screen and (max-width: 1024px) {

    /* *******************************************************************
        global 변역 스타일 - 영어
    ******************************************************************* */
    /*===========================
     Main page
     ============================*/
    /* research-slide */
    .trans-en .main-col1 .research-area .swiper-btn-area {
        bottom: -450px;
    }

    /* *******************************************************************
        global 변역 스타일 - 일본어
    ******************************************************************* */
    /*===========================
     Main page
     ============================*/
    /* research-slide */
    .trans-ja .main-col1 .research-area .swiper-btn-area {
        bottom: -450px;
    }

}
@media screen and (max-width: 768px) {

    /* *******************************************************************
        global 변역 스타일 - 영어
    ******************************************************************* */
    /*===========================
     GNB
     ============================*/
    .trans-en .drawer-navbar-default .drawer-menu-item a {
        padding: 20px 15px;
    }

    /*===========================
     Main page
     ============================*/
    /* research-slide */
    .trans-en #container h3.main-title {
        margin-top: 20px;
        font-size: 24px;
    }
    .trans-en .main-col1 .research-area .research-title a.more > svg {
        width: 30px;
        height: 30px;
    }
    .trans-en .main-col1 .research-area .research-slider .swiper-slide.swiper-slide-active > a > p.title {
        font-size: 24px;
    }
    .trans-en .main-col1 .research-area .swiper-btn-area {
        bottom: -450px;
    }

    /* quick-menu */
    .trans-en .main-quick-area ul > li > a {
        justify-content: center
    }
    .trans-en .main-quick-area ul > li > a > .title {
        font-size: 12px;
    }
    .trans-en .main-quick-area ul > li > a img {

    }
    .trans-en .main-quick-area ul > li > a span.title {
        margin: 7px 0 0;
    }

    /* notice */
    .trans-en .notice-area .sub-title {
        margin: 10px 0 20px;
        line-height: 1.6;
    }
    .trans-en .main-quick-area ul > li > a {
        position: relative;
    }
    .trans-en .notice-area .notice-contents > ul > li > a > p.title {
        margin: 0 0 15px;
        line-height: 1.5;
        font-size: 17px;
    }

    /* main-col3 */
    .trans-en .main-col3 {
        padding: 40px 20px;
    }
    .trans-en .news-area .left-area a.more > svg {
        width: 30px;
        height: 30px;
        margin-top: 20px;
    }

    /*===========================
     Sub page
     ============================*/
    /* 공통 */
    .trans-en #contents .article.greeting .section .text-area h2.section-title {
        word-break: keep-all;
    }

    /* 센터소개 > 목표 및 비전 */
    .trans-en #contents .article.vision .vision-contents-area .vision-area.vision01 {
        margin-bottom: 40px;
        padding-top: 0;
    }
    .trans-en #contents .article.vision .vision-contents-area .vision-area.vision02 {
        margin-bottom: 40px;
    }
    .trans-en #contents .article.vision .vision-contents-area .vision-area.vision03 {
        margin-bottom: 40px;
    }
    .trans-en #contents .article.vision .vision-contents-area .vision-area ul li {
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: 700;
    }
    .trans-en #contents .article.vision .vision-etc {
        top: 30px;
        margin: 0;
    }

    /* 게시판 */
    .trans-en .board .section .table tbody td.title {
        white-space: nowrap;
    }

    /*===========================
     Footer
     ============================*/
    .trans-en #footer .utility-area .quick-link li > a > span {
        font-size: 13px;
    }
    .trans-en #footer .address-area .inner-wrap {
        padding: 30px 20px;
        line-height: 1.6;
    }

    /* *******************************************************************
        global 변역 스타일 - 일본어
    ******************************************************************* */
    /*===========================
     GNB
     ============================*/
    .trans-ja .drawer-navbar-default .dropdown-menu > li > a {
        word-break: break-all;
    }

    /*===========================
     Main page
     ============================*/
    /* notice */
    .trans-ja .notice-area .sub-title {
        word-break: break-all;
    }

    /* quick-menu */
    .trans-ja .main-quick-area ul > li {
        padding: 15px 5px;
    }
    .trans-ja .main-quick-area ul > li > a {
        justify-content: center
    }
    .trans-ja .main-quick-area ul > li > a > .title {
        letter-spacing: -0.75px;
        font-size: 12px;
    }
    .trans-ja .main-quick-area ul > li > a img {

    }
    .trans-ja .main-quick-area ul > li > a span.title {
        margin: 7px 0 0;
    }
    .trans-ja .main-quick-area ul > li:first-child > a span.title {
        padding-top: 7px;
    }

    /*===========================
     Sub page
     ============================*/
    /* 목표 및 비전 */
    .trans-ja #contents .article.vision .vision-etc {
        top: 0;
    }

    /*===========================
     Footer
     ============================*/


}