/* greeting */
.subtitle {
    border-radius: 8px;
    background: #00579C;
    padding: 9px 16px;
    display: inline-flex;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.72px;
    margin-bottom: 32px;
}

.greeting_wrap {
    display: grid;
    grid-template-columns: 318px minmax(0, 1fr);
    gap: 56px;
    margin-bottom: 120px;
}

.greeting_left {
    display: flex;
    flex-direction: column;
    height: max-content;
}

.greeting_intro {
    color: #fff;
    padding: 16px 24px 16px 42px;
    background: #00579C;
    position: relative;
}

.greeting_intro::before {
    content: "";
    width: 1px;
    height: calc(100% - 32px);
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
}

.greeting_intro p {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.54px;
    margin-bottom: 8px;
}

.greeting_intro span {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.72px;
}

.greeting_right h3 {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 48px;
}

.greeting_right h3 span {
    display: block;
    color: #00579C;
}

.greeting_right p {
    color: #444;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px; /* 158.333% */
    letter-spacing: -0.48px;
    margin-bottom: 24px;
}

@media(max-width: 1023px) {
    .greeting_wrap {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
        margin-bottom: 60px;
    }
    
    .greeting_left img {
        width: auto;
    }
    
    .greeting_left {
        align-items: center;
    }

    .greeting_intro {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .subtitle {
        font-size: 20px;
    }
    
    .greeting_left img {
        width: 100%;
    }
    
    .greeting_right h3 {
        font-size: 22px;
        margin-bottom: 24px;
    }
    
    .greeting_right p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
}

/* contact page */
.contact_wrap .root_daum_roughmap {
    width: 100%;
    height: 790px;
    border-radius: 15px 0 0 15px;
}

.contact_wrap {
    display: grid;
    grid-template-columns: 790px minmax(0, 1fr);
    margin-bottom: 120px;
}

.contact_info {
    background: rgba(0, 87, 156, 0.20);
    height: 100%;
    border-radius: 0 15px 15px 0;
    color: #000;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 108px;
}

.contact_info_item {
    display: grid;
    align-items: center;
    gap: 24px;
    grid-template-columns: 130px minmax(0, 1fr);
}

.contact_info_item .info_left {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px 34px;
    border-radius: 500px;
    background: var(--main_color02, #00579C);
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
}

.contact_info_item .info_left svg {
    margin-bottom: 8px;
}

.info_right p {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.32px;
    margin-bottom: 16px;
}

.info_right p span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.32px;
    width: 35px;
    height: 35px;
    border-radius: 500px;
    background: #00579C;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    margin-right: 12px;
}

.info_right p:last-child {
    margin-bottom: 0;
}

.info_right p.address {
    font-size: 20px;
    margin-bottom: 12px;
}

.info_right p.tel {
    font-size: 20px;
}

.info_right p.email {
    font-size: 18px;
}

@media(max-width: 1200px) {
    .contact_wrap {
        grid-template-columns: minmax(0, 1fr);
    }
    
    .contact_wrap .root_daum_roughmap {
        height: 600px;
        border-radius: 15px 15px 0 0;
    }
    
    .contact_info {
        padding: 60px;
        gap: 30px;
        border-radius: 0 0 15px 15px;
    }
}

@media(max-width: 767px) {
    .contact_info {
        padding: 30px 15px;
    }
    
    .contact_info_item {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 14px;
    }
    
    .contact_info_item .info_left {
        font-size: 16px;
        width: 100px;
        height: 100px;
        padding: 0;
    }
    
    .contact_info_item .info_left svg {
        width: 30px;
        height: 30px;
    }
    
    .info_right p {
        font-size: 15px;
    }
    
    .info_right p.address {
        font-size: 18px;
    }
    
    .info_right p.tel {
        font-size: 18px;
    }
    
    .info_right p.email {
        font-size: 16px;
    }
    
    .info_right p span {
        font-size: 14px;
        width: 30px;
        height: 30px;
        margin-right: 5px;
        line-height: 30px;
    }
}

/* introduce page */
.introduce_top .introduce_item {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 48px;
    margin-bottom: 32px;
}

.introduce_item h3 {
    color: #00579C;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.6px;
}

.introduce_item .introduce_right h3 {
    font-weight: 600;
}

.introduce_item .introduce_right h3 span {
    color: #000;
    display: block;
}

.introduce_item h2 {
    color: #000;
    font-size: 56px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.12px;
}

.introduce_item p {
    color: #444;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px; /* 158.333% */
    letter-spacing: -0.48px;
}

.introduce_period {
    background: url('../images/period_bg.png') no-repeat;
    color: #fff;
    background-size: cover;
}

.introduce_period ul {
    width: 40%;
    margin-right: 0;
    margin-left: auto;
    padding: 25px 25px 25px 0;
}

.introduce_period li {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 28px;
    position: relative;
    padding-left: 28px;
}

.introduce_period li span {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.2px;
}

.introduce_period li p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.8px;
}

.introduce_period li p.period_title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 5px;
}

.introduce_period li:last-child {
    margin-bottom: 0;
}

.introduce_period li::before {
    content: "";
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50px;
    position: absolute;
    left: 0;
}

.statistical {
    margin: 80px 0 145px;
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
}

.statis_item {
    width: calc((100% - 84px) / 3);
}

.statis_item p {
    color: #00579C;
    font-size: 36px;
    line-height: normal;
    letter-spacing: -1.8px;
    font-weight: 600;
    margin-bottom: 16px;
}

.statis_item .statis_percent span {
    font-size: 80px;
    font-weight: 700;
}

.statis_item p.statis_percent {
    display: flex;
    align-items: baseline;
    gap: 16px;
    color: #000;
}

.statis_item p.statis_des {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
    padding-top: 16px;
    border-top: 1px solid #999;
}

.youtube_wrap {
    position: relative;
    margin-bottom: 120px;
}

/* .youtube_wrap > img {
    height: 717px;
    width: 100%;
    object-fit: cover;
}

.youtube_wrap .yt_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
} */

@media(max-width: 1023px) {
    .introduce_period ul {
        width: 100%;
        padding-left: 25px;
        background: rgb(0 87 156 / 50%);
    }

    .introduce_item h3 {
        font-size: 20px;
    }
    
    .introduce_item h2 {
        font-size: 26px;
    }
    
    .introduce_item h2 br {
        display: none;
    }
    
    .introduce_item p {
        font-size: 18px;
    }
    
    .introduce_period li span {
        font-size: 20px;
    }
    
    .introduce_period li p.period_title {
        font-size: 18px;
    }
    
    .introduce_period li p {
        font-size: 15px;
    }
    
    .introduce_period li {
        gap: 15px;
        padding-left: 20px;
    }
    
    .introduce_period ul {
        padding: 15px;
    }
    
    .introduce_period li::before {
        width: 10px;
        height: 10px;
    }
    
    .statistical {
        margin: 60px 0;
        gap: 24px;
    }
    
    .statis_item .statis_percent span {
        font-size: 50px;
    }
    
    .statis_item p {
        font-size: 24px;
    }
    
    .statis_item p.statis_des {
        font-size: 20px;
    }
    
    .youtube_wrap > iframe {
        max-height: 400px;
    }
    
    .youtube_wrap {
        margin-bottom: 60px;
    }
}

@media(max-width: 767px) {
    .introduce_top .introduce_item {
        grid-template-columns: 1fr;
    }

    .statis_item {
        width: 100%;
    }
}

/* professor */
.grid_view {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 64px;
}

.grid_view .grid_item {
    width: calc((100% - 60px) / 3);
}

.professor_list h2 {
    color: #444;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.72px;
    margin: 32px 0 16px;
}

.img_wrap {
    position: relative;
    display: flex;
    height: 330px;
}

.img_wrap a {
    position: absolute;
    left: 16px;
    bottom: 16px;
}

.img_wrap img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.professor_list h2 span {
    font-weight: 300;
}

.professor_list p {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    margin-bottom: 8px;
}

.professor_list p span.sub_title {
    font-weight: 600;
    margin-right: 8px;
}

.professor_list p:last-child {
    margin-bottom: 0;
}

.professor_list {
    margin-bottom: 120px;
}

@media(max-width: 1023px) {
    .grid_view .grid_item {
        width: calc((100% - 30px) / 2);
    }
    .professor_list h2 {
        font-size: 30px;
        margin-top: 16px;
    }
    .professor_list {
        row-gap: 40px;
    }
}

@media(max-width: 767px) {
    .grid_view .grid_item {
        width: 100%;
    }
}

/* education page */
.eduction_item {
    display: grid;
    margin-bottom: 55px;
    align-items: center;
    gap: 40px;
}

.eduction_item.eduction_first {
    margin-top: -80px;
}

.eduction_item.text_left {
    grid-template-columns: minmax(0, 1fr) max-content;
}

.eduction_item.text_right {
    grid-template-columns: max-content minmax(0, 1fr);
}

.eduction_item p {
    color: #444;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 24px;
}

.eduction_item p span.title {
    font-weight: 700;
    color: #00579C;
    margin-bottom: 8px;
    display: block;
}

.eduction_item p:last-child {
    margin-bottom: 0;
}

.education_ico_list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin: 72px 0;
}

.education_ico {
    width: calc((100% - 150px) / 4);
    padding: 20px;
    border-radius: 8px;
    border: 2px solid rgba(0, 87, 156, 0.20);
    background: #FFF;
    text-align: center;
}

.education_ico h3 {
    color: var(--main_color02, #00579C);
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    margin: 24px 0;
}

.education_ico p {
    text-align: left;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
}


.education_img {
    display: flex;
    margin-bottom: 72px;
}

.education_img img {
    width: 100%;
}

.education_field_wrap {
    margin: 72px 0 120px;
}

.education_field_wrap h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.8px;
    color: #00579C;
    margin-bottom: 24px;
}

.education_field_list {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
}

.education_field {
    width: 210px;
    text-align: center;
    color: #3069CD;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.6px;
    height: 210px;
    border: 4px solid #3069CD;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 1200px) {
    .eduction_item.eduction_first {
        margin-top: 0;
    }
}

@media(max-width: 1023px) {
    .eduction_item p {
        font-size: 18px;
    }
    
    .eduction_item img {
        max-width: 250px;
    }
    
    .education_ico {
        width: calc((100% - 50px) / 2);
    }
    
    .education_field_list {
        gap: 40px;
    }
}

@media(max-width: 767px) {
    .eduction_item.text_left, .eduction_item.text_right {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    
    .eduction_item.text_left .education_left {
        order: 2;
    }
    
    .eduction_item.text_left .education_right {
        order: 1;
    }

    .education_ico {
        width: 100%;
    }
    
    .education_ico_list {
        gap: 30px;
        margin: 50px 0;
    }
    
    .education_img img {
        min-height: 200px;
    }
    
    .education_img {
        margin-bottom: 50px;
    }
    
    .education_field_wrap {
        margin: 50px 0;
    }
    
    .education_field_wrap h2 {
        font-size: 24px;
    }
    
    .education_field {
        font-size: 16px;
        width: 160px;
        height: 160px;
    }
    
    .education_field_list {
        gap: 20px;
        column-gap: 10px;
    }
    
    .education_ico img {
        max-width: 120px;
    }
    
    .education_ico h3 {
        margin: 10px 0;
    }

    .text_right .education_left,
    .text_left .education_right {
        text-align: center;
    }
}

/* university_curriculum */
p.paragrap {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.curriculum_wrap table {
    width: calc(100% + 32px);
    border-spacing: 16px;
    border-collapse: separate;
    margin: 38px 0 54px -16px;
}

.curriculum_wrap td {
    border: 1px solid #D9D9D9;
    background: var(--sub_color_01, #FFF);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px; /* 140% */
    text-align: center;
    vertical-align: middle;
    padding: 5px 9px;
    height: 104px;
    min-width: 151px;
}

.curriculum_wrap th {
    border: 1px solid var(--main_color02, #00579C);
    background: var(--sub_color_01, #FFF);
    color: #00579C;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px; /* 140% */
    vertical-align: middle;
    padding: 23px;
    height: 104px;
}

.curriculum_wrap th.h_small {
    height: 44px;
    padding: 0;
}

.curriculum_wrap td.bg_blue {
    background: #00579C;
    border-color: #00579C;
    color: #fff;
}

.curriculum_wrap td.bg_blue span {
    font-size: 16px;
}

.curriculum_wrap .bg_gray {
    border-color: #D9D9D9;
    background: #ECECEC;
    color: #000;
}

.major_program h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.major_program {
    margin-bottom: 72px;
}

.courses_offer h2 {
    color: #00579C;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 42px;
}

ul.tabs-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 72px;
}

ul.tabs-nav li {
    width: calc((100% - 48px) / 4);
    text-align: center;
}

ul.tabs-nav.three_items li {
    width: calc((100% - 32px) / 3);
}

ul.tabs-nav li a {
    color: #959595;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; /* 140% */
    padding-bottom: 16px;
    border-bottom: 2px solid #959595;
    display: block;
}

ul.tabs-nav li.active a {
    color: #00579C;
    border-color: #00579C;
}

.courses_offer table {
    width: 100%;
    border-top: 2px solid #444;
}

.courses_offer table td, .courses_offer table th {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 12px 0;
    vertical-align: middle;
}

.courses_offer table th {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px; /* 140% */
}

.courses_offer table td {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; /* 140% */
}

.courses_offer {
    margin-bottom: 120px;
}

@media(max-width: 1023px) {
    p.paragrap {
        font-size: 20px;
    }
    
    .curriculum_wrap table {margin: 30px 0 30px -16px;}
    
    .major_program h2 {
        font-size: 28px;
    }
    
    .major_program {
        margin-bottom: 50px;
    }
    
    .courses_offer h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    ul.tabs-nav {
        margin-bottom: 30px;
    }
    
    .courses_offer table td, .courses_offer table th {
        font-size: 18px;
    }
    
    .courses_offer {
        margin-bottom: 50px;
    }

    .curriculum_wrap td {
        min-width: unset;
    }
}

@media(max-width: 767px) {
    p.paragrap {
        font-size: 16px;
    }
    
    .curriculum_wrap table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin: 30px auto;
    }
    
    .curriculum_wrap th {
        font-size: 14px;
        padding: 15px 0;
        height: auto;
        min-width: unset;
    }
    
    .curriculum_wrap td {
        font-size: 14px;
        padding: 15px 3px;
        height: auto;
        min-width: 50px;
    }

    .curriculum_wrap td.bg_blue span {
        font-size: 12px;
    }

    .curriculum_wrap td.bg_blue {
        border-bottom-color: #fff;
    }
    
    .major_program h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    
    .courses_offer h2 {
        font-size: 22px;
    }
    
    ul.tabs-nav li a {
        font-size: 16px;
        padding-bottom: 6px;
    }
    
    .courses_offer table td, .courses_offer table th {
        font-size: 15px;
        padding: 10px 5px;
    }
    
    .courses_offer table th {
        white-space: nowrap;
    }
    
    .courses_offer table td:first-child {
        white-space: nowrap;
    }
    
    .courses_offer table td:nth-child(2) {
        text-align: left;
    }
}

@media(min-width: 1024px) {
    .curriculum_wrap:not(.enlish_score) td:not(.w-large) {
        width: 151px;
    }
    .curriculum_wrap .font-18 {
        font-size: 18px;
    }
}

/* track_curriculum */
.medium_title {
    color: #00579C;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.track_table {
    margin: 36px 0 54px;
    text-align: left;
    border-top: 4px solid #444;
    width: 100%;
}

.track_table td, .track_table th {
    padding: 32px 0;
    border-bottom: 1px solid #444;
}

.track_table th {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.track_table td {
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}

.track_table ul {
    list-style: disc;
    padding-left: 22px;
}

@media(max-width: 1023px) {
    .medium_title {
        font-size: 24px;
    }
    
    .track_table th {
        font-size: 18px;
    }
    
    .track_table td {
        font-size: 18px;
    }
    
    .track_table td, .track_table th {
        padding: 20px 0;
    }
}

@media(max-width: 767px) {
    .track_table td {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .track_table th {
        font-size: 16px;
    }
    
    .medium_title {
        font-size: 18px;
    }
}

/* graduate_score */
.table_note {
    margin-bottom: 120px;
}

.table_note th {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px; /* 140% */
    color: #00579C;
    padding: 6px 6px 6px 0;
}

.table_note td {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px; /* 140% */
    color: #444;
    padding: 6px;
}

.table_note td span {
    margin-left: 12px;
}

.graduate_school .courses_offer {
    margin-bottom: 32px;
    margin-top: 72px;
}

.graduate_school .table_note ul {
    list-style: disc;
    padding-left: 24px;
}

.graduate_school .table_note ul li {
    margin-bottom: 8px;
}

.graduate_school .table_note {
    margin-bottom: 72px;
}

.research_strategy {
    padding: 80px 0;
    background: #F2F2F2;
    margin-bottom: 120px;
}

.research_strategy h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.8px;
    color: #00579C;
    margin-bottom: 36px;
}

.strategy {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
}

.strategy h3 {
    color: #000;
    font-size: 40px;
    font-weight: 800;
    line-height: normal;
    letter-spacing: -2px;
    background: #f2f2f2;
    z-index: 9;
    text-align: center;
    padding: 0 24px;
}

.strategy p {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
    width: calc(64% - 25px);
    z-index: 999;
    background: #f2f2f2;
    padding: 0 24px;
}

.strategy_item {
    position: relative;
    margin-bottom: 36px;
}

.strategy_item:last-child {
    margin-bottom: 0;
}

.strategy_item::before {
    content: "";
    width: 100vw;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
}

@media(max-width: 1023px) {
    .research_strategy {
        padding: 40px 0;
        margin-bottom: 60px;
    }
    
    .research_strategy h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .strategy h3 {
        font-size: 20px;
        padding: 0;
    }
    
    .strategy p {
        font-size: 18px;
        padding: 0;
        width: 100%;
        background: transparent;
    }
    
    .strategy {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .strategy_item::before {
        display: none;
    }
    
    .strategy_item {
        margin-bottom: 20px;
    }
    
    .graduate_school .table_note {
        margin-bottom: 30px;
    }
}

@media(max-width: 767px) {
    .table_note th {
        font-size: 14px;
    }
    
    .table_note td {
        font-size: 14px;
    }
    
    .table_note {
        margin-bottom: 50px;
    }
}

/* community_list */
.community_list {
    margin-bottom: 120px;
}

.list_view ul {
    border-top: 2px solid #00579C;
    margin-bottom: 72px;
}

.list_view li {
    padding: 5px 24px;
    border-bottom: 1px solid #989898;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    gap: 32px;
    align-items: center;
}

.list_view li span.number {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    min-height: 55px;
    min-width: 55px;
    line-height: 55px;
}

.list_view li span.number.notification {
    color: #fff;
    background: #00579C;
    border-radius: 5px;
}

.list_view li a {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
}

.list_view li span:not(.number) {
    color: #989898;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
}

@media(max-width: 767px) {
    .list_view li {
        padding: 10px 0;
        gap: 15px;
    }
    
    .list_view li span:not(.number) {
        font-size: 15px;
    }
    
    .list_view li span.number {
        font-size: 15px;
        min-width: 40px;
        min-height: 40px;
        line-height: 40px;
    }
    
    .list_view li a {
        font-size: 15px;
    }
    
    .list_view ul {
        margin-bottom: 30px;
    }
    
    .community_list {
        margin-bottom: 50px;
    }
}

/* community_view */
.community_view {
    margin-bottom: 120px;
}

.community_view > ul {
    border-top: 2px solid #00579C;
    margin-bottom: 54px;
}

.community_view > ul > li {
    padding: 8px 24px;
    border-bottom: 1px solid #D9D9D9;
}

.community_view > ul > li:not(.community_detail) {
    display: flex;
    gap: 24px;
}

.community_view > ul > li span {
    min-width: 160px;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.5px;
}

.community_view > ul > li.community_title span {
    min-width: auto;
}

.community_content {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px; /* 140% */
    padding: 0 24px;
}

.community_view > ul > li.community_detail {
    padding: 16px 0 72px;
}

.community_content ul {
    list-style-type: disc;
    padding-left: 10px;
}

.community_content ol {
    list-style-type: decimal;
    padding-left: 24px;
}

.community_download {
    background: rgba(0, 87, 156, 0.10);
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
    padding: 14px 24px;
    margin-top: 72px;
}

.community_view > ul > li:last-child {
    border-bottom: 2px solid #00579C;
}

.community_btn {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    border-radius: 8px;
    background: #00579C;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin-right: 0;
    margin-left: auto;
    padding: 14px;
    min-width: 172px;
}

@media(max-width: 1023px) {
    .community_view > ul > li span {
        min-width: auto;
    }
}

@media(max-width: 767px) {
    .community_view > ul > li {
        padding: 10px 0;
    }
    
    .community_content {
        padding: 0;
        font-size: 16px;
    }
    
    .community_view > ul > li span {
        font-size: 16px;
    }
    
    .community_download {
        margin-top: 30px;
        font-size: 16px;
        padding: 15px;
    }
    
    .community_view > ul > li.community_detail {
        padding: 16px 0;
    }
    
    .community_view {
        margin-bottom: 50px;
    }

    .community_btn {
        min-width: 100px;
    }
}

/* new_list */
.new_list .grid_view {
    column-gap: 20px;
    row-gap: 32px;
    margin-bottom: 72px;
}

.new_list .grid_view .grid_item {
    width: calc((100% - 40px) / 3);
}

.new_list .grid_item img {
    height: 254px;
    width: 100%;
    object-fit: cover;
    border-radius: 22px;
}

.new_list .grid_item h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 12px 0;
}

.new_list .grid_item p {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
}

.new_list {
    margin-bottom: 120px;
}

@media(max-width: 1023px) {
    .new_list .grid_view .grid_item {
        width: calc((100% - 20px) / 2);
    }
}

@media(max-width: 767px) {
    .new_list .grid_view .grid_item {
        width: 100%;
    }
    
    .new_list .grid_item img {
        height: auto;
    }
    
    .new_list .grid_item h2 {
        font-size: 18px;
    }
    
    .new_list .grid_view {
        margin-bottom: 50px;
    }
    
    .new_list {
        margin-bottom: 50px;
    }
}

/* research_list */
.field_title {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

.research_list {
    margin: 36px 0 72px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.research_item {
    width: calc((100% - 48px) / 3);
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #CCC;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px;
}

.research_title {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.research_detail p {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.12px;
    word-break: break-all;
}

.research_detail p.research_name {
    color: #00579C;
}

.research_detail p.research_name span {
    font-weight: 600;
    margin-right: 4px;
}

@media(max-width: 1023px) {
    .field_title {
        font-size: 22px;
    }
    
    .research_list {
        margin: 24px 0 36px;
    }
    
    .research_item {
        padding: 24px 12px;
    }
    
    .research_title {
        font-size: 18px;
    }
}

@media(max-width: 767px) {
    .research_item {
        width: 100%;
    }
}

/* research_view */
div:not(.research_item) > .research_detail {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 72px;
}

.research_detail_img {
    max-width: 636px;
    display: flex;
}

.research_detail_img img {
    height: 636px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

.research_detail_content {
    width: calc(100% - 660px);
}

.research_detail_content h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: normal;
    color: #00579C;
    margin-bottom: 36px;
}

.research_detail_content h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.research_detail_content h4.text_blue {
    margin-bottom: 8px;
    color: #00579C;
}

.research_detail_content ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 36px;
}

.research_detail_content ul li {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; /* 160% */
}

.research_detail_content p {
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.research_area h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: normal;
    border-bottom: 2px solid #00579C;
}

.research_area_item {
    padding: 32px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 84px;
}

.research_area_item h4 {
    color: #00579C;
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.84px;
    width: 20%;
    word-break: keep-all;
}

.research_area_item > div {
    width: calc(80% - 84px);
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.research_area_item img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.research_area_left {
    width: calc(58% - 24px);
}

.research_area_right {
    width: 42%;
}

.research_area_item ul {
    list-style: disc;
    padding-left: 25px;
}

.research_area_item ul li {
    color: #444;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.92px;
}

.research_area {
    margin-bottom: 120px;
}

@media(max-width: 1023px) {
    .research_detail_content {
        width: 100%;
    }
    
    .research_detail_img {
        width: 100%;
        max-width: 100%;
    }
    
    .research_detail_img img {
        width: 100%;
        height: auto;
    }
    
    .research_detail_content h2 {
        font-size: 30px;
        margin-bottom: 24px;
    }
    
    .research_area h2 {
        font-size: 30px;
    }
    
    .research_area_item {
        flex-direction: column;
        gap: 30px;
    }
    
    .research_area_item h4 {
        width: 100%;
    }
    
    .research_area_item > div {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .research_detail_content h2 {
        font-size: 24px;
    }
    
    .research_detail_content h4 {
        font-size: 18px;
    }
    
    .research_detail_content ul li,
    .research_detail_content p {
        font-size: 16px;
    }
    
    .research_detail_content ul {
        margin-bottom: 20px;
    }
    
    div:not(.research_item) > .research_detail {
        margin-bottom: 30px;
    }
    
    .research_area h2 {
        font-size: 24px;
    }
    
    .research_area_item h4 {
        font-size: 20px;
    }
    
    .research_area_item {
        padding: 15px 0;
        gap: 20px;
    }
    
    .research_area_item > div {
        flex-direction: column;
        gap: 0;
    }
    
    .research_area_item > div > div {
        width: 100%;
    }
    
    .research_area_item ul li {
        font-size: 16px;
    }
    
    .research_area_item img {
        margin-top: 20px;
        height: auto;
    }
    
    .research_area {
        margin-bottom: 50px;
    }
}

/* club_introduce */
.club_introduce h2 {
    color: #00579C;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
}

.club_introduce p, .club_introduce span, .club_introduce li {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
}

.introduce_group {
    display: flex;
    flex-wrap: wrap;
    gap: 42px;
    margin-bottom: 36px;
}

.introduce_group.img_right {
    flex-direction: row-reverse;
}

.introduce_group > div {
    width: calc((100% - 42px) / 2);
}

.introduce_group > div.intro_wrap_img {
    max-width: 500px;
    display: flex;
}

.introduce_group > div.intro_wrap_txt {
    width: calc(100% - 542px);
}

.intro_wrap_txt .advisor {
    margin: 36px 0;
    display: flex;
}

.intro_wrap_txt .advisor > span {
    padding-right: 17px;
}

.intro_wrap_txt .advisor > div {
    padding-left: 17px;
    border-left: 1px solid #D9D9D9;
}

.introduce_group ul {
    list-style: disc;
    padding-left: 25px;
}

.club_introduce hr {
    margin: 72px 0;
    border-color: #D9D9D9;
}

@media(max-width: 1023px) {
    .introduce_group > div {
        width: 100%;
    }
    
    .introduce_group > div.intro_wrap_img {
        max-width: 100%;
        justify-content: center;
    }
    
    .introduce_group > div.intro_wrap_txt {
        width: 100%;
    }
    
    .club_introduce h2 {
        font-size: 24px;
    }
    
    .intro_wrap_txt .advisor {
        margin: 16px 0;
    }
}

@media(max-width: 767px) {
    .club_introduce p, 
    .club_introduce span, 
    .club_introduce li {
        font-size: 16px;
    }
    
    .club_introduce h2 {
        font-size: 20px;
    }
    
    .introduce_group {
        gap: 25px;
        margin-bottom: 25px;
    }
    
    .introduce_group ul {
        padding-left: 18px;
    }
    
    .club_introduce hr {
        margin: 30px 0;
    }
}

/* facility_introduce */
.facility_item h2 {
    color: #00579C;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.facility_item img {
    height: 364px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
}

.facility_list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 98px;
    row-gap: 36px;
}

.facility_item {
    width: calc((100% - 98px) / 2);
}

.facility_introduce hr {
    margin: 72px 0;
}

@media(max-width: 1023px) {
    .facility_list {
        column-gap: 36px;
    }
    
    .facility_item {
        width: calc((100% - 36px) / 2);
    }
    
    .facility_item h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
}

@media(max-width: 767px) {
    .facility_item {
        width: 100%;
    }
    
    .facility_item img {
        height: auto;
    }
    
    .facility_item h2 {
        font-size: 20px;
    }
    
    .facility_list {
        row-gap: 20px;
    }
    
    .facility_introduce hr {
        margin: 50px 0;
    }
}