/****************************************************
*                   서브페이지 공통                     *
****************************************************/
.sub_page {
    max-width: 145rem;
    margin: 0 auto;
    margin-top: calc(2.2rem * 2 + 3.2rem + 0.4rem);
    padding: clamp(3rem,4.17vw,8rem) 2rem clamp(8rem,10.42vw,20rem);
}

.sub_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(3rem,2.6vw,5rem);
    text-align: center;
}

.sub_breadcrumb {
    display: inline-flex !important;
    align-items: center;
    gap: clamp(0.5rem,0.52vw,1rem);
    font-size: clamp(1.2rem,0.78vw,1.5rem);
    color: #949494;
}

.sub_breadcrumb_icon {
    color: #949494;
}

.sub_breadcrumb_sep {
    display: inline-block;
    width: clamp(0.2rem,0.16vw,0.3rem);
    height: clamp(0.2rem,0.16vw,0.3rem);
    background: #c0c0c0;
    border-radius: 50%;
}

.sub_breadcrumb_cate{
    font-weight: 300;
}

.sub_breadcrumb_current {
    font-size: inherit;
    color: inherit;
    font-weight: 600;
}

.sub_title {
    font-size: clamp(3rem,2.6vw,5rem);
    font-weight: 700;
}

.sub_tabs {
    display: flex !important;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.sub_tab {
    padding: 0.9rem clamp(1.5rem,1.04vw,2rem);
    border-radius: 3rem;
    background: #f2f2f2;
    color: #545454;
    font-weight: 500;
    font-size: clamp(1.3rem,0.78vw,1.5rem);
    transition: background 0.5s ease, color 0.5s ease, font-weight 0.5s ease;
}

.sub_tab.is-active,
.sub_tab:hover {
    background: #26539C;
    color: var(--white);
    font-weight: 700;
}


/****************************************************
*                       sec 01                      *
****************************************************/

.sec01 {
    margin-top: clamp(5rem,5.21vw,10rem);
}

.sec_wide {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: clamp(5rem,5.21vw,10rem);
    width: 100vw;
}

.sec02 {
    margin-top: clamp(3rem, 4.17vw, 8rem);
}

.greeting_layout {
    display: grid;
    grid-template-columns: 0.574fr 0.354fr;
    gap: clamp(5rem,5.21vw,10rem);
    align-items: start;
}

.greeting_label {
    font-size: clamp(1.3rem,0.73vw,1.4rem);
    letter-spacing: -0.001em;
    font-weight: 600;
    margin-bottom: clamp(3rem,2.6vw,5rem);
}

.greeting_title {
    margin-bottom: clamp(3rem,2.6vw,5rem);
    font-size: clamp(2.8rem,2.08vw,4rem);
    line-height: 1.35;
    font-weight: 700;
}

.greeting_title.mo_768 {
    font-size: min(6.36vw, 2.8rem);
}

.greeting_title .reveal_text {
    display: block;
    --base-color: #111;
    --overlay-color: #2097FF;
}

.greeting_title .reveal_text::after {
    content: none;
}

.greeting_title[data-fill="scroll"] .reveal_text {
    --fill: 0%;
    background: linear-gradient(
        to right,
        #2097FF 0%,
        #2097FF var(--fill),
        rgba(17, 17, 17, 0.12) var(--fill),
        rgba(17, 17, 17, 0.12) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    will-change: background-image;
    transition-delay: var(--delay, 0s) !important;
}

.greeting_body{
    line-height: 1.9;
}

.greeting_body .line-reveal.mo_768 {
    text-align: left;
}

.greeting_body .line-reveal.mo_768 .line {
    display: block;
    width: 100%;
}

.greeting_body .reveal_text {
    display: block;
    font-size: clamp(1.6rem,0.94vw,1.8rem);
    font-family: 'Pretendard', sans-serif;
    font-weight: 300;
    line-height: 1.9;
    --base-color: #ccc;
    --overlay-color: #111;
}

.greeting_body .reveal_text::after {
    transition: clip-path 0.5s;
}

.greeting_body .reveal_text:last-child {
    margin-bottom: 0;
}

.greeting_body_text {
    font-size: clamp(1.6rem,0.94vw,1.8rem);
    font-family: 'Pretendard', sans-serif;
    font-weight: 300;
    line-height: 1.9;
    color: #ccc;
    text-align: left;
    margin: 0;
    display: block;
    word-break: break-all;
}

.greeting_body_text .char {
    display: inline;
    color: inherit;
}

.greeting_body .greeting_sign {
    font-size: clamp(1.6rem,0.94vw,1.8rem);
    margin-top: clamp(3rem,4.17vw,8rem);
    text-align: right;
    font-weight: 600;
    line-height: 1.67;
}

.reveal_text {
    position: relative;
    color: var(--base-color, #111);
}

.reveal_text::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    color: var(--overlay-color, #111);
    white-space: pre-wrap;
    pointer-events: none;
    clip-path: inset(0 calc(100% - var(--reveal, 0%)) 0 0);
    transition: clip-path 5s;
    transition-delay: calc(var(--delay, 0s) + 0.8s);
}

.reveal_text.is-revealed::after {
    clip-path: inset(0 0 0 0);
}

.reveal_text.reveal_scroll_fill::after {
    transition: none;
}

/* sec 01 미디어 */

.greeting_photo {
    border-radius: clamp(2rem,1.56vw,3rem);
}

.greeting_photo img {
    width: 100%;
    display: block;
    border-radius: 1.8rem;
    object-fit: cover;
}

@media (min-width: 769px) {
    .greeting_media {
        position: sticky;
        top: clamp(9rem, 5.73vw, 11rem);
    }
}

.vision_section {
    padding: clamp(2rem, 2.6vw, 5rem);
    background: var(--grayf7);
    border-radius: clamp(2rem, 2.77vw, 3rem);
}

.vision_section .color_box {
    margin-bottom: clamp(1rem, 1.11vw, 2rem);
    padding: clamp(2rem, 1.56vw, 3rem);
    font-size: clamp(2rem, 1.25vw, 2.4rem);
    color: var(--white);
    font-weight: bold;
    background: var(--lightblue);
    border-radius: 1rem;
}

.vision_section .color_box.second {
    margin-bottom: 0;
}

.vision_section .color_box.deepblue {
    background: var(--deepblue);
}

.vision_section .round_txt {
    margin-bottom: 1rem;
    padding: 0.4rem 1.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    border: solid 1px var(--white);
    border-radius: 2rem;
}

.vision_section .round_txt.black {
    color: var(--main_color);
    border-color: var(--main_color);
}

.vision_section .color_box .title {
    width: 100%;
    text-align: center;
}

.vision_section .color_box .mission_icon_img {
    margin-right: 0.5rem;
    padding-top: 5px;
    width: 2.2rem;
}

.vision_section .color_box .txt {
    margin-top: 0.5rem;
    font-size: clamp(1.4rem, 1.47vw, 1.5rem);
    font-weight: 400;
    color: var(--white);
    text-align: center;
    opacity: 0.8;
}

.vision_section .item_section {
    margin-top: clamp(3rem, 2.6vw, 5rem);
}

.vision_section .item_section .item_title {
    width: 100%;
    font-size: clamp(2rem, 1.25vw, 2.4rem);
    font-weight: bold;
    text-align: center;
}

.vision_section .item_section .item_title.orange {
    color: var(--orange);
}

.vision_section .item_section .item_title.deepblue {
    color: var(--deepblue);
}

.vision_section .item_section .item_txt {
    font-size: clamp(1.3rem, 0.73vw, 1.4rem);
    color: var(--gray54);
}

.vision_section .goal_section li {
    margin-top: clamp(1rem, 1.04vw, 2rem);
    padding: clamp(2rem, 2.08vw, 4rem) 2rem;
    width: 24.25%;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
    background: var(--white);
    border-radius: 1rem;
}

.vision_section .goal_section li span {
    width: 100%;
    text-align: center;
}

.vision_section .goal_section .icon i {
    font-size: clamp(2rem, 1.56vw, 3rem);
    color: var(--main_color);
}

.vision_section .goal_section .goal_title {
    margin: 1rem 0;
    font-size: clamp(1.6rem, 0.94vw, 1.8rem);
    color: var(--main_color);
    font-weight: bold;
}

.vision_section .people_section ul {
    padding: clamp(2rem, 2.08vw, 4rem) 0;
    margin-top: clamp(1rem, 1.77vw, 2rem);
    background: var(--white);
    border-radius: 1rem;
}

.vision_section .people_section li {
    padding: 0 clamp(2rem, 1.56vw, 3rem);
    width: 16.66%;
    font-size: clamp(1.3rem, 0.73vw, 1.4rem);
    color: var(--gray54);
    border-right: solid 1px var(--graye5);
}

.vision_section .people_section li:last-child {
    border-right: none;
}

.vision_section .people_section li span {
    width: 100%;
    text-align: center;
}

.vision_section .people_section .icon {
    margin: 0 auto;
    width: clamp(3.6rem, 2.29vw, 4.4rem);
    height: clamp(3.6rem, 2.29vw, 4.4rem);
    font-size: clamp(1.8rem, 1.04vw, 2rem);
    color: var(--white);
    font-weight: bold;
    background: var(--orange);
    border-radius: 3rem;
}

.vision_section .people_section .title {
    margin: 1rem 0;
    font-size: clamp(1.3rem, 0.73vw, 1.4rem);
    font-weight: bold;
}

.vision_section .strategy_section li {
    margin-top: clamp(1rem, 1.77vw, 2rem);
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 1.56vw, 3rem);
    width: 24.25%;
    font-size: clamp(1.3rem, 0.73vw, 1.4rem);
    color: var(--gray54);
    background: var(--white);
    border-radius: 1rem;
}

.vision_section .strategy_section li span {
    width: 100%;
    text-align: center;
}

.vision_section .strategy_section .icon {
    margin: 0 auto;
    width: clamp(3.6rem, 2.29vw, 4.4rem);
    height: clamp(3.6rem, 2.29vw, 4.4rem);
    font-size: clamp(1.8rem, 1.04vw, 2rem);
    color: var(--white);
    font-weight: bold;
    background: var(--deepblue);
    border-radius: 3rem;
}

.vision_section .strategy_section .title {
    margin: 1rem 0 0 0;
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    font-weight: bold;
    color: var(--deepblue);
}

.vision_section .strategy_section .info_box {
    margin-top: clamp(1.5rem, 1.04vw, 2rem);
    padding-top: clamp(1.5rem, 1.04vw, 2rem);
    border-top: solid 1px var(--graye5);
}

.vision_section .strategy_section .info_box .info_title {
    margin-bottom: clamp(1.5rem, 1.04vw, 2rem);
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    font-weight: bold;
}

.vision_section .strategy_section .info_box .info_txt {
    position: relative;
    margin-bottom: 0.4rem;
    padding-left: 1rem;
    font-size: clamp(1.3rem, 0.73vw, 1.4rem);
    color: var(--gray54);
    text-align: left;
}

.vision_section .strategy_section .info_box .info_txt::before {
    position: absolute;
    left: 0;
    top: 0.9rem;
    content: '';
    width: 3px;
    height: 3px;
    background: #848484;
    border-radius: 2px;
}

.vision_section .platform_box {
    margin-top: clamp(1rem, 1.04vw, 2rem);
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 1.56vw, 3rem);
    width: 100%;
    background: var(--white);
    border-radius: 1rem;
}

.vision_section .platform_box .info_txt {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
    text-align: left;
}

.vision_section .platform_box .info_txt::before {
    position: absolute;
    left: 0;
    top: 1rem;
    content: '';
    width: 3px;
    height: 3px;
    background: #848484;
    border-radius: 2px;
}

.organization_section .organization_media_inner {
    padding: clamp(2rem, 4.17vw, 8rem);
    background: var(--grayf7);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.organization_section .organization_img {
    text-align: center;
}

.organization_section .organization_img img {
    width: 100%;
    max-width: 88rem;
}

.organization_section .organization_table {
    margin-top: clamp(3rem, 4.17vw, 8rem);
}

.organization_section .organization_table .title {
    margin-bottom: clamp(2rem, 1.56vw, 3rem);
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
}

.organization_section .organization_table .organization_item {
    border-bottom: solid 1px var(--graye5);
}

.organization_section .organization_table .organization_item span {
    width: 20%;
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    color: var(--gray54);
    text-align: center;
    padding: clamp(1.5rem, 1.04vw, 2rem) clamp(2rem, 1.56vw, 3rem);
}

.organization_section .organization_table .organization_item span:nth-child(3) {
    width: 40%;
}

.organization_section .organization_table .organization_item.item_title {
    background: var(--main_color);
    border-bottom: 0;
    border-radius: 1rem;
}

.organization_section .organization_table .organization_item.item_title span {
    color: var(--white);
    font-weight: bold;
}

.organization_section .organization_table .organization_item .ltxt {
    text-align: left;
}

.organization_section .organization_table .line-reveal {
    overflow-x: auto;
}

.organization_section .organization_table .line-reveal .line {
    width: 100%;
}

.table_swipe_txt {
    margin-top: 2rem;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: #848484;
}

.ci_section .item {
    margin-top: clamp(3rem, 4.17vw, 8rem);
    padding-bottom: clamp(1rem, 3.13vw, 6rem);
    border-bottom: solid 1px var(--graye5);
}

.ci_section .item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ci_section .item:first-child {
    margin-top: 0;
}

.ci_section .ci_label {
    font-size: clamp(1.3rem, 0.73vw, 1.4rem);
    letter-spacing: -0.001em;
    font-weight: 600;
    margin-bottom: clamp(3rem,2.6vw,5rem);
}

.ci_section .greeting_title {
    margin-bottom: clamp(3rem,2.6vw,5rem);
    font-size: clamp(2.4rem, 1.56vw, 3rem);
    line-height: 1.35;
    font-weight: 700;
}

.ci_section .greeting_title.mo_768 {
    font-size: min(6.36vw, 2.8rem);
}

.ci_section .greeting_title[data-fill="scroll"] .reveal_text {
    --fill: 0%;
    background: linear-gradient(
        to right,
        #2097FF 0%,
        #2097FF var(--fill),
        #111 var(--fill),
        #111 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    will-change: background-image;
    transition-delay: var(--delay, 0s) !important;
}

.ci_section .ci_l {
    width: 40%;
}

.ci_section .ci_l .txt {
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    color: var(--gray54);
    line-height: 1.5;
}

.ci_section .ci_r {
    width: 50%;
}

.ci_section .ci_r .ci_img {
    margin-bottom: 2rem;
    width: 100%;
    height: clamp(15rem, 13.54vw, 26rem);
    border-radius: clamp(2rem,1.56vw,3rem);
    background: var(--grayf7);
}

.ci_section .ci_r .ci_img.blue {
    height: clamp(20rem, 20.83vw, 40rem);
    background: #F4FBFF;
}

.ci_section .ci_r .ci_img .img1 {
    width: 26.7rem;
}

.ci_section .ci_r .ci_img .img2 {
    width: 20rem;
}

.ci_section .ci_r .ci_img .img3 {
    width: 28rem;
}

.ci_section .ci_r .ci_img .img4 {
    width: 25rem;
}

.ci_section .ci_r .ci_img .img5 {
    width: 36rem;
}

.ci_section .color_system {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ci_section .color_system .line {
    margin-bottom: 2rem;
    width: calc(50% - 1rem);
}

.ci_section .color_system .line:nth-child(3) {
    width: 100%;
}

.ci_section .color_item {
    padding: clamp(2rem, 2.08vw, 4rem);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.ci_section .color_item.color_1 {
    background: #26539C;
}

.ci_section .color_item.color_2 {
    background: #F37021;
}

.ci_section .color_item.color_3 {
    background: #E7E8E9;
}

.ci_section .color_item.color_4 {
    background: #949598;
}

.ci_section .color_item.color_5 {
    background: #6D6E71;
}

.ci_section .color_item .color_info {
    margin-bottom: 0.2rem;
    width: 100%;
    font-size: clamp(1.2rem, 0.68vw, 1.3rem);
    color: var(--white);
    opacity: 0.5;
}

.ci_section .color_item .color_info .info_title {
    display: inline-block;
    width: 4.5rem;
}

.ci_section .color_item .color_title {
    margin-top: clamp(2rem, 2.08vw, 4rem);
    font-size: clamp(1.6rem, 1.04vw, 2rem);
    font-weight: bold;
    color: var(--white);
}

.ci_section .color_item.color_3 .color_info, .ci_section .color_item.color_3 .color_title {
    color: var(--gray54);
}

.location_map {
    width: 100%;
    height: clamp(40rem, 20.83vw, 60rem);
}

.location_map iframe {
    width: 100%;
    height: 100%;
}

.location_section .title {
    width: clamp(15rem, 18.23vw, 35rem);
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
}

.location_section .adr_info {
    width: calc(100% - clamp(15rem, 18.23vw, 35rem));
}

.location_section .adr_info .adr_kr {
    width: 100%;
    font-size: clamp(1.5rem, 0.94vw, 1.8rem);
    font-weight: 500;
}

.location_section .adr_info .adr_en {
    margin-top: 0.5rem;
    width: 100%;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
}

.theme_study_section .item {
    margin-top: clamp(2rem, 4.17vw, 8rem);
}

.con_title {
    margin-bottom: clamp(2rem, 1.56vw, 3rem);
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
}

.con_txt {
    margin-bottom: clamp(1rem, 1.04vw, 2rem);
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    color: var(--gray54);
}

.theme_study_section .theme_media .title_img {
    height: clamp(15rem, 31.25vw, 60rem);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.theme_study_section .theme_media .title_img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1.8rem;
    object-fit: cover;
}

.theme_study_section .box_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.theme_study_section .box_section li {
    width: 32.33%;
}

.theme_study_section .box_section .box_item {
    padding: clamp(2rem, 2.6vw, 5rem);
    height: 100%;
    background: var(--grayf7);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.theme_study_section .box_section .box_item .icon {
    width: 100%;
}

.theme_study_section .box_section .box_item .icon i {
    font-size: clamp(2.4rem, 1.77vw, 3.4rem);
}

.theme_study_section .box_section .box_item .title {
    margin: 1rem 0 clamp(2rem, 1.56vw, 3rem) 0;
    font-size: clamp(1.6rem, 0.93vw, 1.8rem);
    text-align: center;
    font-weight: bold;
}

.theme_study_section .box_section .box_item .info_txt .txt {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    width: 100%;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
}

.theme_study_section .box_section .box_item .info_txt .txt::before {
    position: absolute;
    left: 0;
    top: 0.8rem;
    content: '';
    width: 3px;
    height: 3px;
    background: #848484;
    border-radius: 5px;
}

.theme_study_section .item .vision_section .item {
    margin-top: 0;
}

.theme_study_section .item .vision_section .people_section {
    width: 100%;
}

.theme_study_section .item .vision_section .people_section .title {
    font-weight: normal;
}

.theme_study_section .line_section {
    border-top: solid 2px var(--main_color);
}

.theme_study_section .line_section .line_item {
    padding: clamp(2rem, 2.6vw, 5rem) 0;
    border-bottom: solid 1px var(--graye5);
}

.theme_study_section .line_section .line_item .title {
    width: clamp(15rem, 11.98vw, 23rem);
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    font-weight: bold;
}

.theme_study_section .line_section .line_item .info_txt {
    width: calc(100% - clamp(15rem, 11.98vw, 23rem));
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    color: var(--gray54);
}

.total_o_t_section .con_title, .total_o_t_section .con_txt {
    text-align: center;
}

.accordion_section {
    margin-top: clamp(2rem, 2.08vw, 4rem);
}

.accordion_section .accordion-horizontal {
    overflow: hidden;
    display: flex;
    width: 100%;
    max-width: 100%;
    height: clamp(35rem, 31.25vw, 60rem);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.accordion_section .accordion-item {
    overflow: hidden;
    position: relative;
    width: 50%; /* 고정 너비로 시작 */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
    background: #000;
    transition: all 0.5s ease;
    z-index: 1;
}

.accordion_section .accordion-item.depth1::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url('../images/sub/total_o_t_01.webp') no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: 0.3;
    z-index: -1;
    transition: all 0.5s ease;
}

.accordion_section .accordion-item.depth2::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url('../images/sub/total_o_t_02.webp') no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: 0.3;
    z-index: -1;
    transition: all 0.5s ease;
}

.accordion_section .accordion-item:hover {
    width: 200%; /* 호버 시 200%로 확장 */
    z-index: 1;
}

.accordion_section .accordion-item.depth1:hover::before, .accordion_section .accordion-item.depth2:hover::before {
    opacity: 0.9;
    transition: all 1s ease;
}

.accordion_section .accordion-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: clamp(1.5rem, 0.83, 1.6rem);
    color: var(--white);
    text-align: center;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.accordion_section .accordion-item:hover .accordion-title {
    display: none;
    transition: all 0.3s ease;
}

.accordion_section .accordion-content {
    height: 0;
    flex: 1;
    opacity: 0;
    transition: opacity 0.5s ease;
    transition-delay: 0.2s;
}

.accordion_section .accordion-item:hover .accordion-content {
    display: flex;
    align-items: flex-end;
    height: 100%;
    opacity: 1;
}

.accordion_section .accordion-content .info_section {
    padding: clamp(2rem, 4.17vw, 8rem);
}

.accordion_section .accordion-content .stitle {
    width: 100%;
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    color: var(--white);
}

.accordion_section .accordion-content .title {
    margin: clamp(1rem, 0.78vw, 1.5rem) 0 clamp(3rem, 2.6vw, 5rem) 0;
    width: 100%;
    font-size: clamp(2.8rem, 1.98vw, 3.8rem);
    font-weight: bold;
    color: var(--white);
}

.accordion_section .accordion-content .btn_section .btn {
    margin: 0 clamp(1.5rem, 1.56vw, 3rem) 1.5rem 0;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--white);
    opacity: 0.8;
    transition: all 0.3s ease;
}

.accordion_section .accordion-content .btn_section .btn:hover {
    font-weight: bold;
    opacity: 1;
}

.accordion_section .accordion-item.depth2 .btn_section {
    flex-direction: column;
}

.accordion_section .accordion-content .btn_section .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    font-size: 1rem;
    color: var(--white);
    flex-shrink: 0;
    transition: background 0.5s ease, color 0.5s ease;
    margin-left: 1rem;
}

.accordion_section .accordion-content .btn_section .btn:hover .icon {
    background: var(--white);
    color: #111;
}

.tab_section {
    
}

.tab_section a {
    margin-left: clamp(1rem, 1.56vw, 3rem);
    font-size: clamp(1.6rem, 0.94vw, 1.8rem);
    color: var(--gray54);
    transition: all 0.3s ease;
}

.tab_section a:hover {
    color: var(--main_color);
}

.tab_section .active {
    color: var(--main_color);
    font-weight: bold;
}

.tab_section a:first-child {
    margin-left: 0;
}

.tab_wide_section {
    overflow: hidden;
    margin-top: clamp(2rem, 2.6vw, 5rem);
    border-radius: 1rem;
}

.tab_wide_section a {
    padding: clamp(1rem, 0.78vw, 1.5rem);
    width: 25%;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    text-align: center;
    color: var(--gray54);
    background: var(--grayf7);
    transition: all 0.3s ease;
}

.tab_wide_section.depth2 a {
    width: 50%;
}

.tab_wide_section a:hover {
    color: var(--main_color);
}

.tab_wide_section a.active {
    color: var(--white);
    font-weight: bold;
    background: var(--lightblue);
}

.total_o_t_section .study_list_section {
    margin-top: clamp(3rem, 4.17vw, 8rem);
}

.total_o_t_section .study_list_section .title_section .title {
    font-size: clamp(2.2rem, 1.56vw, 3rem);
    line-height: 1.33;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: var(--main_color);
}
.total_o_t_section .study_list_section .title_section .title .title.mo_768{
    font-size: min(6.82vw, 3rem);
}

.total_o_t_section .study_list_section .title_section .title .con_line{
    --fill: 0%;
    display: block;
    will-change: background-image;
}

.total_o_t_section .study_list_section .title_section .title[data-fill="scroll"] .con_line{
    background: linear-gradient(
        to right,
        var(--lightblue) 0%,
        var(--lightblue) var(--fill),
        var(--main_color) var(--fill),
        var(--main_color) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.total_o_t_section .study_list_section .title_section .title[data-fill="scroll"].mo_768 .con_line{
    /* transition: background 0.2s ease; */
}

.total_o_t_section .study_list_section .title_section .txt {
    margin: clamp(2rem, 1.56vw, 3rem) 0 clamp(3rem, 2.6vw, 5rem) 0;
    font-size: clamp(1.6rem, 0.94vw, 1.8rem);
    font-weight: bold;
}

.total_o_t_section .study_list_section .list_section .profile_list {
    border-top: solid 2px var(--main_color);
}

.total_o_t_section .study_list_section .list_section li {
    padding: clamp(3rem, 2.6vw, 5rem) clamp(0rem, 2.6vw, 5rem);
    border-bottom: solid 1px var(--graye5);   
}

.total_o_t_section .study_list_section .list_section .profile_media .profile_img {
    overflow: hidden;
    width: clamp(15rem, 10.42vw, 20rem);
    height: clamp(18.7rem, 13.02vw, 25rem);
    border-radius: clamp(1rem, 1.04vw, 2rem);
}

.total_o_t_section .study_list_section .list_section .profile_media .profile_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.total_o_t_section .study_list_section .list_section .info_section {
    width: calc(100% - clamp(18rem, 13.02vw, 25rem));
}

.total_o_t_section .study_list_section .list_section .info_section .round_txt {
    padding: clamp(0.4rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
    font-size: clamp(1.2rem, 0.68vw, 1.3rem);
    font-weight: 400;
    color: var(--white);
    background: var(--main_color);
    border-radius: 2rem;
}

.total_o_t_section .study_list_section .list_section .info_section .title {
    margin: clamp(1rem, 0.78vw, 1.5rem) 0 clamp(1.5rem, 1.15vw, 2.2rem) 0;
    width: 100%;
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
}

.total_o_t_section .study_list_section .list_section .info_section .detail_info {
    margin: 0.8rem 0;
    width: 100%;
}

.total_o_t_section .study_list_section .list_section .info_section .detail_title {
    width: clamp(9rem, 6.25vw, 12rem);
    font-size: clamp(1.4rem, 0.83vw, 1.6rem);
    color: var(--gray54);
    font-weight: bold;
}

.total_o_t_section .study_list_section .list_section .info_section .detail_txt {
    width: calc(100% - clamp(9rem, 6.25vw, 12rem));
    font-size: clamp(1.4rem, 0.83vw, 1.6rem);
    color: var(--gray54);
}

.total_o_t_section .study_list_section .list_section .info_section .detail_txt i {
    margin-right: 0.5rem;
    color: #949494;
}

.total_o_t_section .study_list_section .list_section .info_section .detail_txt .depth {
    margin-bottom: clamp(0.5rem, 0.52vw, 1rem);
}

.total_o_t_section .study_list_section .list_section .info_section .detail_txt .depth:last-child {
    margin-bottom: 0;
}

.total_o_t_section .faculty_list_section .faculty_list_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2rem, 1.6vw, 3rem);
}

.total_o_t_section .faculty_list_section li {
    
}

.total_o_t_section .faculty_list_section .faculty_item {
    padding: clamp(2rem, 1.6vw, 3rem);
    border-radius: clamp(2rem,1.56vw,3rem);
    border: solid 1px var(--graye5);
}

.total_o_t_section .faculty_list_section .faculty_item .profile_media .profile_img {
    overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: clamp(1rem, 1.04vw, 2rem);
}

.total_o_t_section .faculty_list_section .faculty_item .profile_media .profile_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section {
    margin-top: clamp(2rem, 1.6vw, 3rem);
    text-align: center;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .name {
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .round_txt {
    margin: 1rem 0 clamp(2rem, 1.04vw, 2rem) 0;
    padding: clamp(0.4rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
    font-size: clamp(1.2rem, 0.68vw, 1.3rem);
    font-weight: 400;
    color: var(--white);
    background: var(--main_color);
    border-radius: 2rem;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .info_txt {
    margin: 1rem 0;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .info_txt .icon {
    margin-bottom: 0.7rem;
    font-weight: bold;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .info_txt .icon i {
    margin-right: 0.2rem;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .info_txt .txt a {
    font-size: inherit;
    color: inherit;
    transition: all 0.3s ease;
}

.total_o_t_section .faculty_list_section .faculty_item .info_section .info_txt .txt a:hover {
    color: var(--main_color);
}

.total_o_t_section .postdoc_list_section .postdoc_list_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 1.6vw, 3rem);
}

.total_o_t_section .postdoc_list_section li {
    
}

.total_o_t_section .postdoc_list_section .postdoc_item {
    padding: clamp(2rem, 1.6vw, 3rem);
    border-radius: clamp(2rem,1.56vw,3rem);
    border: solid 1px var(--graye5);
}

.total_o_t_section .postdoc_list_section .postdoc_item .profile_media .profile_img {
    overflow: hidden;
    width: clamp(10rem, 7.3vw, 14rem);
    height: auto;
    border-radius: clamp(1rem, 1.04vw, 2rem);
}

.total_o_t_section .postdoc_list_section .postdoc_item .profile_media .profile_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section {
    width: calc(100% - clamp(13rem, 8.85vw, 17rem));
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .name_section {
    margin-bottom: clamp(2rem, 1.25vw, 2.4rem);
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .name {
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .round_txt {
    padding: clamp(0.4rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
    font-size: clamp(1.2rem, 0.68vw, 1.3rem);
    font-weight: 400;
    color: var(--white);
    background: var(--main_color);
    border-radius: 2rem;
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt {
    margin: 0.6rem 0;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .icon {
    width: 9rem;
    font-weight: bold;
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .icon i {
    margin-right: 0.2rem;
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .txt {
    width: calc(100% - 9rem);
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .txt a {
    font-size: inherit;
    color: inherit;
    transition: all 0.3s ease;
}

.total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .txt a:hover {
    color: var(--main_color);
}

.support_program_section {
   
}

.support_program_section .accordion_section_wide .accordion-horizontal {
    overflow: hidden;
    display: flex;
    width: 100%;
    max-width: 100%;
    height: clamp(50rem, 31.25vw, 70rem);
}

.support_program_section .accordion_section_wide .accordion-item {
    overflow: hidden;
    position: relative;
    width: 33.334%; /* 고정 너비로 시작 */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
    background: #000;
    transition: all 0.5s ease;
    z-index: 1;
}

.support_program_section .accordion_section_wide .accordion-item.depth1::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url('../images/sub/support_program_01.webp') no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: 0.7;
    z-index: -1;
    transition: all 0.5s ease;
}

.support_program_section .accordion_section_wide .accordion-item.depth2::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url('../images/sub/support_program_02.webp') no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: 0.7;
    z-index: -1;
    transition: all 0.5s ease;
}

.support_program_section .accordion_section_wide .accordion-item.depth3::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url('../images/sub/support_program_03.webp') no-repeat;
    background-position: 50%;
    background-size: cover;
    opacity: 0.7;
    z-index: -1;
    transition: all 0.5s ease;
}

.support_program_section .accordion_section_wide .accordion-item:hover {
    width: 150%; /* 호버 시 200%로 확장 */
    z-index: 1;
}

.support_program_section .accordion_section_wide .accordion-item.depth1:hover::before, .support_program_section .accordion_section_wide .accordion-item.depth2:hover::before, .support_program_section .accordion_section_wide .accordion-item.depth3:hover::before {
    opacity: 1;
    transition: all 1s ease;
}

.support_program_section .accordion_section_wide .accordion-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: clamp(1.5rem, 0.83, 1.6rem);
    color: var(--white);
    text-align: center;
    transition: all 0.3s ease;
    opacity: 0.8;
}

.support_program_section .accordion_section_wide .accordion-item:hover .accordion-title {
    display: none;
    transition: all 0.3s ease;
}

.support_program_section .accordion_section_wide .accordion-content {
    height: 0;
    flex: 1;
    opacity: 0;
    transition: opacity 0.5s ease;
    transition-delay: 0.4s;
}

.support_program_section .accordion_section_wide .info_section {
    padding: clamp(2rem, 4.17vw, 8rem);
}

.support_program_section .accordion_section_wide .accordion-item:hover .accordion-content {
    display: flex;
    align-items: flex-end;
    height: 100%;
    opacity: 1;
}

.support_program_section .accordion_section_wide .accordion-content .title {
    padding: 1rem 2rem;
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    color: var(--white);
    font-weight: bold;
    border: solid 1px var(--white);
    border-radius: 3rem;
}

.support_program_section .accordion_section_wide .accordion-content .info_item {
    margin-top: clamp(1rem, 1.04vw, 2rem);
    width: 100%;
}

.support_program_section .accordion_section_wide .accordion-content .info_item .info_txt {
    margin-top: clamp(1.5rem, 1.56vw, 3rem);
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--white);
}

.support_program_section .accordion_section_wide .accordion-content .info_item .info_txt .info_title {
    margin-bottom: clamp(0.5rem, 0.52vw, 1rem);
    width: 100%;
    font-size: clamp(1.6rem, 0.94vw, 1.8rem);
    font-weight: bold;
}

.support_program_section .accordion_section_wide .accordion-content .info_item .info_txt .txt {
    opacity: 0.8;
    width: 100%;
}

.support_program_section .accordion_section_wide .accordion-content .info_item .info_txt .dot_txt {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    width: 100%;
}

.support_program_section .accordion_section_wide .accordion-content .info_item .info_txt .dot_txt::before {
    position: absolute;
    left: 0;
    top: 0.8rem;
    content: '';
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
}

.partner_section .map_section {
    margin-top: clamp(2rem, 1.56vw, 3rem);
    padding: clamp(2rem, 4.17vw, 8rem);
    width: 100%;
    background: var(--grayf7);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.partner_section .map_section.depth1 {
    margin-bottom: clamp(3rem, 4.17vw, 8rem);
}

.partner_section .map_section.depth1 img {
    width: 100%;
    max-width: 96.9rem;
}

.partner_section .map_section.depth2 img {
    width: 100%;
    max-width: 125rem;
}
















.bbs_lab_section .bbs_lab_list_grid {
   margin: -2rem clamp(-1rem, 1.04vw, -2rem) 0 clamp(-1rem, 1.04vw, -2rem);
}

.bbs_lab_section .bbs_lab_list_grid .grid-item {
    padding: clamp(1rem, 1.04vw, 2rem);
    width: 50%;
}
.bbs_lab_section .bbs_lab_list_grid .grid-sizer {
    width: 50%;
}

.bbs_lab_section .lab_item {
    padding: clamp(2rem, 2.6vw, 5rem);
    border-radius: clamp(2rem,1.56vw,3rem);
    border: solid 1px var(--graye5);
    transition: all 1s ease;
}

.bbs_lab_section .lab_item:hover {
    background: #F4FBFF;
}

.bbs_lab_section .lab_item .name_section {
    margin-bottom: clamp(2rem, 1.56vw, 3rem);
}

.bbs_lab_section .lab_item .title_section {
    margin-bottom: 2rem;
    padding-bottom: clamp(2rem, 1.56vw, 3rem);
    border-bottom: solid 1px var(--graye5);
}

.bbs_lab_section .lab_item .name_section .lab_name {
    font-size: clamp(1.8rem, 1.15vw, 2.2rem);
    font-weight: bold;
    transition: all 1s ease;
}

.bbs_lab_section .lab_item .name_section .round_txt {
    padding: clamp(0.4rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
    font-size: clamp(1.2rem, 0.68vw, 1.3rem);
    font-weight: 400;
    color: var(--white);
    background: var(--main_color);
    border-radius: 2rem;
    transition: all 1s ease;
}

.bbs_lab_section .lab_item:hover .name_section .lab_name {
    color: var(--lightblue);
}

.bbs_lab_section .lab_item:hover .name_section .round_txt {
    background: var(--lightblue);
}

.bbs_lab_section .lab_item .title_section .lab_info {
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    font-weight: 500;
}

.bbs_lab_section .lab_item .info_section .info_txt {
    margin: 1rem 0;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
}

.bbs_lab_section .lab_item .info_section .info_txt .icon {
    width: 15rem;
    font-weight: bold;
}

.bbs_lab_section .lab_item .info_section .info_txt .icon i {
    margin-right: 0.2rem;
}

.bbs_lab_section .lab_item .info_section .info_txt .txt {
    width: calc(100% - 15rem);
}

.bbs_lab_section .lab_item .info_section .info_txt .txt a {
    font-size: inherit;
    color: inherit;
    transition: all 0.3s ease;
}

.bbs_lab_section .lab_item .info_section .info_txt .txt a:hover {
    color: var(--main_color);
}

.bbs_lab_section .lab_item .info_section .info_txt .txt .dot_txt {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    width: 100%;
}

.bbs_lab_section .lab_item .info_section .info_txt .txt .dot_txt::before {
    position: absolute;
    left: 0;
    top: 0.8rem;
    content: '';
    width: 3px;
    height: 3px;
    background: #848484;
    border-radius: 5px;
}

.bbs_lab_view_section .title_section{

}

.bbs_lab_view_section .title_media .title_img {
    overflow: hidden;
    width: 100%;
    height: auto;
    border-radius: clamp(1rem, 1.04vw, 2rem);
}

.bbs_lab_view_section .title_media .title_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bbs_lab_view_section .title_section .title {
    margin: clamp(3rem, 2.6vw, 5rem) 0 clamp(1.5rem, 1.56vw, 3rem) 0;
    font-size: clamp(2.2rem, 1.77vw, 3.4rem);
    font-weight: bold;
}

.bbs_lab_view_section .title_section .round_txt {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    padding: clamp(0.6rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
    font-size: clamp(1.3rem, 0.78vw, 1.5rem);
    font-weight: 400;
    color: var(--white);
    background: var(--main_color);
    border-radius: 2rem;
}

.bbs_lab_view_section .info_section .info_txt {
    margin-top: clamp(3rem, 2.6vw, 5rem);
    padding-bottom: clamp(3rem, 2.6vw, 5rem);
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    border-bottom: solid 1px var(--graye5);
}

.bbs_lab_view_section .info_section .info_txt:first-child {
    padding-top: clamp(3rem, 2.6vw, 5rem);
    border-top: solid 1px var(--main_color);
}

.bbs_lab_view_section .info_section .info_txt .icon {
    width: 25rem;
    font-size: clamp(1.6rem, 1.04vw, 2rem);
    color: var(--main_color);
    font-weight: bold;
}

.bbs_lab_view_section .info_section .info_txt .icon i {
    margin-right: 0.2rem;
    font-size: clamp(1.6rem, 1.04vw, 2rem);
}

.bbs_lab_view_section .info_section .info_txt .txt {
    width: calc(100% - 25rem);
    color: var(--gray54);
    line-height: 1.5;
}

.bbs_lab_view_section .info_section .info_txt .txt .dot_txt {
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    width: 100%;
}

.bbs_lab_view_section .info_section .info_txt .txt .dot_txt::before {
    position: absolute;
    left: 0;
    top: 1.1rem;
    content: '';
    width: 3px;
    height: 3px;
    background: #848484;
    border-radius: 5px;
}

.bbs_reserch_archive .reserch_head {
   font-size: clamp(1.3rem, 0.73vw, 1.4rem);
   color: var(--gray54);
   font-weight: bold;
}

.bbs_reserch_archive .reserch_head select {
    position: relative;
    margin-left: 1.5rem;
    padding: 0 2rem;
    width: 12rem;
    height: 4rem;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
    border-radius: 1rem;
    outline: none;
}
.bbs_reserch_archive .reserch_head select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #f2f2f2 url('../images/sub/icon-select-down.svg') no-repeat; background-position: calc(100% - 1.4rem) 50%;
}

.bbs_reserch_archive .reserch_list .item {
    margin-top: clamp(2rem, 1.56vw, 3rem);
    padding: clamp(2rem, 2.08vw, 4rem);
    border: solid 1px var(--graye5);
    border-radius: clamp(2rem,1.56vw,3rem);
    transition: all 0.5s ease;
    }
    
.bbs_reserch_archive .reserch_list .item:hover {
   background: var(--deepblue);
   border-color: var(--deepblue);
}

.bbs_reserch_archive .reserch_list .item .title_section {
   width: 75%;
}

.bbs_reserch_archive .reserch_list .item .title_section .s_title {
   font-size: clamp(1.3rem, 0.73vw, 1.4rem);
}

.bbs_reserch_archive .reserch_list .item .title_section .s_title span {
   position: relative;
   margin-right: 2.4rem;
}

.bbs_reserch_archive .reserch_list .item .title_section .s_title span::after {
   position: absolute;
   top: 0.2rem;
   right: -1.2rem;
   content: '';
   width: 1px;
   height: clamp(1rem, 0.63vw, 1.2rem);
   background: var(--main_color);
}

.bbs_reserch_archive .reserch_list .item .title_section .s_title span:last-child {
   margin-right: 0;
}

.bbs_reserch_archive .reserch_list .item .title_section .s_title span:last-child::after {
   display: none;
}

.bbs_reserch_archive .reserch_list .item .title_section .subject {
   margin: clamp(1rem, 0.78vw, 1.5rem) 0 clamp(1.5rem, 1.04vw, 2rem) 0;
   wmax-idth: 100%;
   font-size: clamp(1.8rem, 1.15vw, 2.2rem);
   font-weight: 500;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.bbs_reserch_archive .reserch_list .item .round_txt {
   margin-right: 0.5rem;
   padding: clamp(0.4rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
   font-size: clamp(1.4rem, 0.78vw, 1.5rem);
   font-weight: 400;
   color: var(--main_color);
   border: solid 1px var(--main_color);
   border-radius: 2rem;
   transition: all 1s ease;
}

.bbs_reserch_archive .reserch_list .item .info_txt {
   margin-top: clamp(2rem, 1.56vw, 3rem);
   font-size: clamp(1.4rem, 0.78vw, 1.5rem);
   color: var(--gray54);
}

.bbs_reserch_archive .reserch_list .item .info_txt .info {
   margin-right: clamp(2rem, 1.56vw, 3rem);
}

.bbs_reserch_archive .reserch_list .item .info_txt .txt_title {
   width: 5rem;
   color: var(--main_color);
   font-weight: bold;
}

.bbs_reserch_archive .reserch_list .item .day_section {
   width: 20%;
   font-size: clamp(1.4rem, 0.78vw, 1.5rem);
   color: var(--gray54);
}

.bbs_reserch_archive .reserch_list .item .day_section .day_title {
   margin-right: 1rem;
   color: var(--main_color);
   font-weight: bold;
}

.bbs_reserch_archive .reserch_list .item .day_section .arrow_link i {
   font-size: clamp(2rem, 1.35vw, 2.6rem);
   color: var(--main_color);
}

.bbs_reserch_archive .reserch_list .item:hover .subject {
   color: var(--white);
   font-weight: bold;
   text-decoration: underline;
}

.bbs_reserch_archive .reserch_list .item:hover .round_txt {
   color: var(--deepblue);
   background: var(--white);
   border-color: var(--white);
}

.bbs_reserch_archive .reserch_list .item:hover .info_txt, .bbs_reserch_archive .reserch_list .item:hover .day_section, .bbs_reserch_archive .reserch_list .item:hover .arrow_link i {
   color: var(--white);
}

.bbs_reserch_archive .reserch_list .item:hover .title_section .s_title span::after {
   background-color: var(--white);
   opacity: 0.6;
}

.bbs_reserch_archive .reserch_list .item:hover .txt_title, .bbs_reserch_archive .reserch_list .item:hover .title_section .s_title span, .bbs_reserch_archive .reserch_list .item:hover .day_title {
   color: var(--white);
   opacity: 0.6;
}

.bbs_patent_archive .patent_head {
   padding: clamp(1.5rem, 1.04vw, 2rem);
   font-size: clamp(1.5rem, 0.83vw, 1.6rem);
   color: var(--white);
   font-weight: bold;
   text-align: center;
   background: var(--deepblue);
   border-radius: 1rem;
}

.bbs_patent_archive li span {
   width: 10%;
}

.bbs_patent_archive li .wide {
   width: 40%;
}

.bbs_patent_archive .patent_list {
   padding: clamp(1.5rem, 1.04vw, 2rem);
   font-size: clamp(1.4rem, 0.78vw, 1.5rem);
   color: var(--gray54);
   text-align: center;
   border-bottom: solid 1px var(--graye5);
}

.bbs_patent_archive .patent_list .wide {
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.bbs_people_archive .people_archive_grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: clamp(2rem, 1.6vw, 3rem);
}

.bbs_people_archive .people_list {
   padding: clamp(2rem, 1.6vw, 3rem);
   border-radius: clamp(2rem,1.56vw,3rem);
   border: solid 1px var(--graye5);
   transition: all 0.5s ease;
}

.bbs_people_archive .people_list:hover {
   background: var(--deepblue);
   border-color: var(--deepblue);
}

.bbs_people_archive .people_list .title_section {
   width: 100%;
}

.bbs_people_archive .people_list .title_section i {
   font-size: clamp(1.6rem, 1.04vw, 2rem);
}

.bbs_people_archive .people_list .round_box {
   margin: clamp(1.5rem, 1.04vw, 2rem) 0 clamp(3rem, 2.08vw, 4rem) 0;
   width: 100%;
}

.bbs_people_archive .people_list .round_box .round_txt {
   padding: clamp(0.6rem, 0.42vw, 0.8rem) clamp(1.3rem, 0.94vw, 1.8rem);
   font-size: clamp(1.2rem, 0.68vw, 1.3rem);
   font-weight: 400;
   color: var(--white);
   background: var(--main_color);
   border: solid 1px var(--main_color);
   border-radius: 2rem;  
}

.bbs_people_archive .people_list .name {
   font-size: clamp(1.8rem, 1.15vw, 2.2rem);
   font-weight: bold;
}

.bbs_people_archive .people_list .info_txt {
   margin-right: 2rem;
   font-size: clamp(1.4, 0.78vw, 1.5rem);
   color: var(--gray54);
}

.bbs_people_archive .people_list .info_txt .icon {
   margin-right: 0.5rem;
   font-weight: bold;
}

.bbs_people_archive .people_list .info_txt .icon i {
   margin-right: 0.2rem;
   font-size: clamp(1.4rem, 0.78vw, 1.5rem);
}

.bbs_people_archive .people_list:hover .title_section, .bbs_people_archive .people_list:hover .title_section a, .bbs_people_archive .people_list:hover .info_txt {
   color: var(--white);
}

.bbs_people_archive .people_list:hover .round_txt {
   color: var(--white);
   background: transparent;
   border-color: var(--white);
}

.bbs_normal_section .list_item {
    padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 2.08vw, 4rem);
    border-bottom: solid 1px var(--graye5);
    transition: all 0.5s ease;
}

.bbs_normal_section .list_item:hover {
    background: var(--main_color);
    border-color: var(--main_color);
}

.bbs_normal_section li:first-child .list_item {
    border-top: solid 1px var(--graye5);
}

.bbs_normal_section .list_item .num {
    width: 10%;
    max-width: 8rem;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: #848484;
    text-align: center;
}

.bbs_normal_section .list_item .num i {
    font-size: clamp(1.8rem, 1.25vw, 2.4rem);
}

.bbs_normal_section .list_item .subject_section {
    width: 80%;
    font-size: clamp(1.8rem, 1.145vw, 2.2rem);
    font-weight: 500;
}

.bbs_normal_section .list_item .subject_section .subject {
    max-width: calc(100% - 2.5rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bbs_normal_section .list_item .subject_section .icon_new {
    margin-left: 0.5rem;
    width: clamp(1.8rem, 1.04vw, 2rem);
    height: clamp(1.8rem, 1.04vw, 2rem);
    font-size: clamp(1.1rem, 0.63vw, 1.2rem);
    color: var(--white);
    background: var(--red);
    border-radius: 2rem;
}

.bbs_normal_section .list_item .day {
    width: 10%;
    max-width: 10rem;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    text-align: center;
    color: #848484;
}

.bbs_normal_section .list_item .icon_data {
    width: 10%;
    max-width: 10rem;
    text-align: center;
    color: #848484;;
}

.bbs_normal_section .list_item .icon_data i {
    font-size: clamp(1.6rem, 1.04vw, 2rem);
}

.bbs_normal_section.data_archive .list_item .subject_section {
    width: 70%;
}

.bbs_normal_section .list_item:hover .subject_section .subject {
    color: var(--white);
    font-weight: bold;
}

.bbs_normal_view_section .title_section {
    padding-bottom: clamp(2rem, 2.6vw, 5rem);
    border-bottom: solid 1px var(--graye5);
}

.bbs_normal_view_section .title_section .subject {
    width: 100%;
    font-size: clamp(2rem, 1.56vw, 3rem);
    font-weight: bold;
    text-align: center;
}

.bbs_normal_view_section .title_section .day {
    margin-top: clamp(2rem, 1.56vw, 3rem);
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: #949494;
}

.bbs_normal_view_section .file_section {
    padding: clamp(2rem, 1.3vw, 2.5rem) 0 clamp(1.5rem, 1.04vw, 2rem) 0;
    border-bottom: solid 1px var(--graye5);
}

.bbs_normal_view_section .file_section a {
    margin-right: 2rem;
    margin-bottom: 0.5rem;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: #949494;
    transition: all 0.5s ease;
}

.bbs_normal_view_section .file_section a i {
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
}

.bbs_normal_view_section .file_section a:hover {
    color: var(--main_color);
}

.bbs_normal_view_section .view_section {
    padding: clamp(3rem, 3.13vw, 6rem) 0;
    width: 100%;
    font-size: clamp(1.5rem, 0.94vw, 1.8rem);
    line-height: 1.5;
    border-bottom: solid 1px var(--graye5);
}

.bbs_normal_view_section .view_section p {
    width: 100%;
    font-size: clamp(1.5rem, 0.94vw, 1.8rem);
}

.bbs_normal_view_section .view_section img {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
}

.bbs_normal_view_section .press_link i {
    margin-bottom: 1.5rem;
    font-size: clamp(2.2rem, 1.77vw, 3.4rem);
    transition: all 0.5s ease;
}

.bbs_normal_view_section .press_link:hover i {
    color: var(--gray54);
}

.bbs_normal_view_section .cate {
    margin-bottom: 1rem;
    font-size: 1.3rem;
    color: var(--gray54);
}

.bbs_press_section .list_item {
    padding: clamp(2rem, 1.82vw, 3.5rem) 0;
    border-bottom: solid 1px var(--graye5);
}

.bbs_press_section li:first-child .list_item {
    border-top: solid 1px var(--graye5);
}

.bbs_press_section .list_item .item_lbox {
    width: calc(100% - clamp(25rem, 20.83vw, 40rem));
}

.bbs_press_section .list_item .day {
    width: 12%;
    max-width: clamp(10rem, 9.38vw, 18rem);
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: #949494;
}

.bbs_press_section .list_item .info_section {
    width: 85%;
}

.bbs_press_section .list_item .subject_section {
    width: 100%;
    font-size: clamp(1.8rem, 1.145vw, 2.2rem);
    font-weight: 500;
}

.bbs_press_section .list_item .subject_section .subject {
    max-width: calc(100% - 2.5rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bbs_press_section .list_item .subject_section .icon_new {
    margin-left: 0.5rem;
    width: clamp(1.8rem, 1.04vw, 2rem);
    height: clamp(1.8rem, 1.04vw, 2rem);
    font-size: clamp(1.1rem, 0.63vw, 1.2rem);
    color: var(--white);
    background: var(--red);
    border-radius: 2rem;
}

.bbs_press_section .list_item .txt {
    margin-top: clamp(2rem, 1.56vw, 3rem);
    width: 100%;
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: var(--gray54);
    line-height: 1.5;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bbs_press_section .list_item .press_media {
    width: clamp(22rem, 17.19vw, 33rem);
    height: clamp(14.7rem, 11.46vw, 22rem);
}

.bbs_press_section .list_item .press_media .media_img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: clamp(1rem, 1.04vw, 2rem);
}

.bbs_press_section .list_item .press_media .media_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.bbs_press_section .list_item:hover .press_media .media_img img {
    transform: scale(1.05);
}

.bbs_press_section .list_item:hover .subject_section .subject {
    font-weight: bold;
}

.bbs_press_section .list_item:hover .txt {
    color: var(--main_color);
}

.bbs_gallery_section .gallery_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2rem, 1.6vw, 3rem);
}

.bbs_gallery_section .list_item {
    overflow: hidden;
    background: var(--grayf7);
    border-radius: clamp(2rem,1.56vw,3rem);
}

.bbs_gallery_section .list_item .press_media {
    width: 100%;
    height: clamp(18rem, 15.63vw, 30rem);
}

.bbs_gallery_section .list_item .press_media .media_img {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.bbs_gallery_section .list_item .press_media .media_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.bbs_gallery_section .list_item:hover .press_media .media_img img {
    transform: scale(1.05);
}

.bbs_gallery_section .list_item .info_section {
    padding: clamp(2rem, 1.56vw, 3rem) clamp(2rem, 2.08vw, 4rem) clamp(3rem, 2.6vw, 5rem);
}

.bbs_gallery_section .list_item .info_section .cate {
    font-size: 1.3rem;
    color: var(--gray54);
}

.bbs_gallery_section .list_item .info_section .subject {
    margin: 1rem 0 clamp(2rem, 1.56vw, 3rem) 0;
    width: 100%;
    height: clamp(3.4rem, 2.29vw, 4.4rem);
    font-size: clamp(1.6rem, 0.94vw, 1.8rem);
    font-weight: 500;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bbs_gallery_section .list_item .info_section .day {
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    color: #949494;
}

.bbs_gallery_section .list_item:hover .info_section .subject {
    font-weight: bold;
}











.bbs_btn_section {
    margin-top: clamp(2rem, 2.6vw, 5rem);
}

.bbs_btn_section .btn {
    width: 100%;
    max-width: clamp(12rem, 7.8vw, 15rem);
    padding: clamp(1.2rem, 0.78vw, 1.5rem);
    font-size: clamp(1.4rem, 0.78vw, 1.5rem);
    border: solid 1px var(--main_color);
    border-radius: 1rem;    
    transition: all 0.5s ease;
}

.bbs_btn_section .btn:hover {
    color: var(--white);
    background: var(--main_color);
}












.bbs_bottom_section {
    margin-top: clamp(3rem, 4.17vw, 8rem);
}

.bbs_bottom_section select {
    position: relative;
    padding: 0 2rem;
    width: 100%;
    height: 5rem;
    font-size: clamp(1.5rem,0.83vw,1.6rem);
    color: var(--main_color);
    font-weight: 500;
    border: solid 1px var(--graye5);
    border-radius: 1rem;
    outline: none;
}
.bbs_bottom_section select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background:url('../images/sub/icon-select-down.svg') no-repeat; background-position: calc(100% - 1.4rem) 50%;
}

.bbs_bottom_section .bbs_search_section {
    width: 100%;
    max-width: 35.5rem;
    margin: clamp(3rem, 2.6vw, 5rem) auto 0 auto;
}
.bbs_bottom_section .bbs_search_section select {
    width: 11rem;
    height: 4rem;
    font-size: 1.3rem;
    color: #848484;
}

.bbs_bottom_section .bbs_search_section .search_in {
    width: calc(100% - 12rem);
    padding: 0 2rem;
    height: 4rem;
    border: solid 1px var(--graye5);
    border-radius: 1rem;
}
.bbs_bottom_section .bbs_search_section .search_in input {
    width: calc(100% - 1rem);
    height: auto;
    font-size: 1.3rem;
    padding: 0;
    border: 0;
    border-radius: 0;
}
.bbs_bottom_section .bbs_search_section .search_in i {
    color: #848484;
    transition: all 0.5s ease;
}
.bbs_bottom_section .bbs_search_section .search_in i:hover {
    color: var(--main_color);
}
.bbs_bottom_section .bbs_paging_section .arrow {
    margin: 0 0.3rem;
}
.bbs_bottom_section .bbs_paging_section .arrow:hover i {
    color: var(--main_color);
}
.bbs_bottom_section .bbs_paging_section .arrow i {
    font-size: clamp(1.5rem, 0.83vw, 1.6rem);
    color: #949494;
    transition: all 0.5s ease;
}
.bbs_bottom_section .bbs_paging_section .num_page {
    margin:0 2rem;
}
.bbs_bottom_section .bbs_paging_section .num_page .page {
    margin:0 0.2rem;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.2rem;
    color: #949494;
    border: solid 1px var(--graye5);
    border-radius: 3rem;
    transition: all 0.5s ease;
}
.bbs_bottom_section .bbs_paging_section .num_page .page:hover {
    color: var(--gray54);
    border-color: var(--gray54);
}
.bbs_bottom_section .bbs_paging_section .num_page .page.on {
    color: var(--white);
    background: var(--main_color);
    border-color: var(--main_color);
}







/****************************************************
*                      반응형                         *
****************************************************/


@media (max-width: 960px) {
   .vision_section .people_section li {
      margin-bottom: clamp(1rem, 1.77vw, 3rem);
      width: 32.66%;
   }
    
   .vision_section .people_section li:nth-child(3) {
      border-right: 0;
   }
   
   .ci_section .ci_l {
      width: 100%;
   }
    
   .ci_section .ci_r {
      margin-top: 2rem;
      width: 100%;
   }
    
   .total_o_t_section .faculty_list_section .faculty_list_grid {
      grid-template-columns: repeat(2, 1fr);
   }
   
   .total_o_t_section .postdoc_list_section .postdoc_list_grid {
      grid-template-columns: 1fr;
   }
   
   .bbs_people_archive .people_archive_grid {
      grid-template-columns: 1fr;
   }
   
   .bbs_gallery_section .gallery_grid {
       grid-template-columns: repeat(2, 1fr);
   }
}
@media (max-width: 768px) {
   .sub_tab{
      padding: 1rem clamp(1.5rem,1.04vw,2rem);
   }

   .greeting_layout {
      grid-template-columns: 1fr;
   }

   .greeting_body .reveal_text {
      word-break: break-all;
   }

   .greeting_body_text {
      line-height: 1.5;
   }

   .greeting_media {
       order: -1;
   }
    
   .vision_section {
      padding:0;
      background: none;
      border-radius: 0;
   }
    
   .vision_section .color_box .title span {
      width: 100%;
   }
    
   .vision_section .goal_section li {
      width: 100%;
      background: var(--grayf7);
   }
    
   .vision_section .people_section li {
      padding: clamp(2rem, 2.22vw, 4rem) 2rem;
      width: 100%;
      border-right: 0;
      background: var(--grayf7);
      border-radius: 1rem;
   }
    
   .vision_section .strategy_section li {
      width: 100%;
      background: var(--grayf7);
   }
    
   .vision_section .platform_box {
      background: var(--grayf7);
   }
    
   .organization_section .organization_table .line-reveal .line {
      width: 90rem;
   }
    
   .ci_section .color_system .line {
      margin-bottom: 1rem;
      width: 100%;
   }
    
   .ci_section .ci_r .ci_img {
      margin-bottom: 1rem;
   }
    
   .ci_section .ci_r .ci_img .img1 {
      width: 22.7rem;
   }
    
   .ci_section .ci_r .ci_img .img2 {
      width: 16rem;
   }
    
   .ci_section .ci_r .ci_img .img3 {
      width: 24rem;
   }
    
   .ci_section .ci_r .ci_img .img4 {
      width: 16rem;
   }
    
   .ci_section .ci_r .ci_img .img5 {
      width: 24rem;
   }
    
   .location_section .title {
      width: 100%;
   }
    
   .location_section .adr_info {
      margin-top: 2rem;
      width: 100%;
   }
    
   .theme_study_section .box_section li {
      margin-bottom: 1rem;
      width: 100%;
   }
    
   .theme_study_section .line_section .line_item .title {
      margin-bottom: 1rem;
      width: 100%;
   }
    
   .theme_study_section .line_section .line_item .info_txt {
      width: 100%;
   }
    
   .accordion_section .accordion-horizontal {
      height: auto;
      flex-direction: column; /* 모바일 세로 */
      width: 100%;
   }
   
   .accordion_section .accordion-item {
      width: 100%;
      height: 100%;
   }
    
   .accordion_section .accordion-item.depth1::before, .accordion_section .accordion-item.depth2::before {
      opacity: 0.5;
   }
    
   .accordion_section .accordion-item:hover {
      width: 100%;
   }
    
   .accordion_section .accordion-title {
      display: none;
   }
    
   .accordion_section .accordion-content {
      display: block;
      padding: 8rem 0 3rem 0;
      height: auto;
      opacity: 1;
      transition-delay: 0;
   }
    
   .accordion_section .accordion-content .btn_section .btn {
      margin: 0 0 0.5rem 0;
      width: 100%;
   }
    
   .tab_wide_section a {
      width: 50%;
   }
    
   .total_o_t_section .study_list_section .list_section li {
      padding: clamp(3rem, 2.6vw, 5rem) 0;
   }
    
   .total_o_t_section .study_list_section .list_section .profile_media .profile_img {
      width: 100%;
      height: auto;
   }
    
   .total_o_t_section .study_list_section .list_section .info_section {
      margin-top: 2rem;
      width: 100%;
   }
    
   .total_o_t_section .study_list_section .list_section .info_section .detail_txt.mo_layout {
      margin-top: 1rem;
      width: 100%;
   }
    
   .total_o_t_section .faculty_list_section .faculty_list_grid {
      grid-template-columns: 1fr;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .profile_media {
      margin: 0 auto;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .profile_media .profile_img {
      width: 100%;
      max-width: 14rem;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .info_section {
      width: 100%;
   }

   .total_o_t_section .postdoc_list_section .postdoc_item .info_section .name_section {
      justify-content: center;
      margin-top: 2rem;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .info_section .name {
      margin-bottom: 1rem;
      width: 100%;
      text-align: center;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt {
      justify-content: center;
      text-align: center;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .icon {
      justify-content: center;
      margin-bottom: 0.6rem;
      width: 100%;
   }
    
   .total_o_t_section .postdoc_list_section .postdoc_item .info_section .info_txt .txt {
      width: 100%;
   }

   .support_program_section .accordion_section_wide .accordion-horizontal {
       margin: 0 auto;
        height: auto;
        flex-direction: column; /* 모바일 세로 */
        width: 94%;
    }
    
    .support_program_section .accordion_section_wide .accordion-item {
        margin-bottom: 2rem;
        width: 100%;
        border-radius: 2rem;
    }
    
    .support_program_section .accordion_section_wide .accordion-item:hover {
        width: 100%;
    }
    
    .support_program_section .accordion_section_wide .accordion-title {
        display: none;
    }
    
    .support_program_section .accordion_section_wide .accordion-content {
        display: block;
        padding: 8rem 0 3rem 0;
        height: auto;
        opacity: 1;
        transition-delay: 0;
    }   
    
   .bbs_lab_view_section .title_media .title_img {
      height: clamp(22rem, 15.63vw,30rem);
   }
    
   .bbs_lab_view_section .info_section .info_txt .icon {
      width: 100%;
   }
    
   .bbs_lab_view_section .info_section .info_txt .txt {
      margin-top: 1rem;
      width: 100%;
   }
    
   .bbs_reserch_archive .reserch_list .item .title_section {
      width: 100%;
   }
    
   .bbs_reserch_archive .reserch_list .item .day_section {
      margin-top: 1rem;
      width: 100%;
   }
   
   .bbs_reserch_archive .reserch_list .item .round_txt {
      margin-bottom: 0.5rem;
   }
   
   .bbs_reserch_archive .reserch_list .item .info_txt .info {
      margin-right: 0;
      margin-bottom: 1rem;
      width: 100%;
   }
    
   .bbs_reserch_archive .reserch_list .item .info_txt .txt_title {
      margin-bottom: 0.5rem;
      width: 100%;
   }
   
   .bbs_patent_archive li:first-child {
      border-top: solid 2px var(--deepblue);
   }
   
   .bbs_patent_archive .patent_list {
      padding: clamp(1.5rem, 1.04vw, 2rem) 0;
      justify-content: flex-start;
   }
   
   .bbs_patent_archive .patent_list span {
      margin-bottom: 0.5rem;
      width: auto;
      text-align: left;
   }
   
   .bbs_patent_archive .patent_list .wide {
      margin: 1rem 0;
      width: 100%;
      color: var(--main_color);
      font-weight: bold;
   }
   
   .bbs_patent_archive .patent_list .round_txt {
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      padding: clamp(0.4rem, 0.26vw, 0.5rem) clamp(1rem, 0.78vw, 1.5rem);
      font-size: 1.3rem;
      color: var(--white);
      background: var(--main_color);
      border-radius: 2rem;
   }
   
   .bbs_patent_archive .patent_list .state {
      margin-right: 0.5rem;
      margin-bottom: 0.5rem;
      padding: clamp(0.4rem, 0.26vw, 0.5rem) clamp(1rem, 0.78vw, 1.5rem);
      font-size: 1.3rem;
      color: var(--main_color);
      border: solid 1px var(--main_color);
      border-radius: 2rem;
   }
   
   .bbs_patent_archive .patent_list .name {
      position: relative;
      margin-right: 2rem;
   }
   
   .bbs_patent_archive .patent_list .name::after {
      position: absolute;
      right: -1rem;
      top: 0.2rem;
      content: '';
      width: 1px;
      height: 1.4rem;
      background: var(--graye5);
   }
   
   .bbs_patent_archive .patent_list .state_num {
      position: relative;
      margin-right: 2rem;
   }
   
   .bbs_patent_archive .patent_list .state_num::after {
      position: absolute;
      right: -1rem;
      top: 0.2rem;
      content: '';
      width: 1px;
      height: 1.4rem;
      background: var(--graye5);
   }
   
   .bbs_people_archive .people_list .info_txt {
      margin-right: 0;
      margin-bottom: 0.5rem;
      width: 100%;
   }
   
   .bbs_people_archive .people_list .info_txt .icon {
      margin-right: 0.5rem;
      font-weight: bold;
   }
   
   .bbs_normal_section .list_item .subject_section {
       width: 100%;
   }
   
   .bbs_normal_section .list_item .num {
       display: none;
   }
   
   .bbs_normal_section .list_item .day {
       margin-top: 1rem;
       width: 100%;
       text-align: left;
   }
   
   
   .bbs_normal_section .list_item .icon_data {
       max-width: 4rem;
   }
   
   .bbs_normal_section.data_archive .list_item .subject_section {
       width: 90%;
   }
   
   .bbs_press_section .list_item .item_lbox {
       margin-top: 2rem;
       width: 100%;
       order: 2;
   }
   
   .bbs_press_section .list_item .day {
       margin-top: 2rem;
       width: 100%;
       max-width: 100%;
       order: 2;
   }
   
   .bbs_press_section .list_item .info_section {
       width: 100%;
       order: 1;
   }
   
   .bbs_press_section .list_item .info_section .txt {
       margin-top: 1rem;
       width: 100%;
   }
   
   .bbs_press_section .list_item .press_media {
       width: 100%;
       height: clamp(20rem, 11.46vw, 22rem);
       order: 1;
   }
   
   .bbs_gallery_section .gallery_grid {
        grid-template-columns: 1fr;
    }
    
    .bbs_gallery_section .list_item .info_section .subject {
        height: auto;
    }
}
@media (max-width: 450px) {
   .sub_tabs_wrapper{
        width: 100%;
    }
    .sub_tabs {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none; 
    }
   
    .sub_tabs::-webkit-scrollbar {
        display: none; 
    }
   
    .sub_tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}