@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

@font-face {
    font-family: 'ggT';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Title_Medium.woff') format('woff');
}

@font-face {
    font-family: 'ggT';
    font-style: bold;
    font-weight: 600;
    src: url('fonts/Title_Bold.woff') format('woff');
}

@font-face {
    font-family: 'ggT';
    font-style: light;
    font-weight: 300;
    src: url('fonts/Title_Light.woff') format('woff');
}


html {
    font-family: 'NanumBarunGothic' !important;

}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: inherit;

}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ggt {
    font-family: 'ggT';
}

a {
    text-decoration: none;
    color: inherit;
}

/* style */
body {
    position: relative;
}

/* header */
#header {
    z-index: 3;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #344f83;
    padding-top: 45px;
    max-width: 1070px;
    opacity: 1;
    font-weight: normal;
    text-shadow: none;
    font-size: inherit;
}

#header.close:hover,
#header.close:focus {
    color: inherit;
    text-decoration: none;
    opacity: 1;
}

#header .menu_close {
    position: absolute;
    right: 50px;
    top: 45px;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
}

#header .logo {
    display: block;
    text-align: center;
    margin-bottom: 50px;
    max-width: 240px;
}

#header .menu_list>li {
    display: flex;
    line-height: 1.4;
    align-items: stretch;
}

#header .menu_list>li>a {
    width: 240px;
    color: #fff;
    font-family: 'ggT';
    font-size: 22px;
    text-align: center;
    display: block;
    padding: 20px 0;

}

#header .menu {
    position: relative;
    z-index: 1;
}

#header::before {
    content: "";
    width: 240px;
    height: 100%;
    background-color: #243a72;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    display: block;
}

#header .sub_menu {
    flex: 1;
    padding: 20px 50px;
}

#header .sub_menu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

#header .sub_menu ul li {
    position: relative;
    padding-right: 32px;
}

#header .sub_menu ul li::after {
    content: "|";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: #959595;
    font-weight: 300;
}

#header .sub_menu ul li:last-child {
    padding-right: 0;
}

#header .sub_menu ul li:last-child::after {
    display: none;
}

#header .line_2 .sub_menu ul li:nth-child(4) {
    padding-right: 0;
}

#header .line_2 .sub_menu ul li:nth-child(4)::after {
    display: none;
}

#header .sub_menu ul li a {
    color: #d7d7d7;
    font-size: 18px;
    display: block;
}

#header .menu_list>li.active>a {
    color: #66ffff;
    background-color: #000000;
}

#header .menu_list>li.class_2>a{
    padding-top: 15px;
    padding-bottom: 15px;
}
#header .class_2 .sub_menu{
    padding-top: 15px;
    padding-bottom: 15px;
}
#header .menu_list>li.active .sub_menu {
    background-color: #1f2f4f;
}

#header.close .sub_menu {
    display: none;
}

#header.close .menu_close {
    display: none;
}

#top_header {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

#top_header a {
    color: #cccccc;
    font-size: 15px;
    display: block;
    padding: 14px 20px;
    position: relative;
    font-weight: bold;
}

#top_header a:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 300;
    color: inherit;
    font-size: 12px;
}

#top_header a:last-child {
    padding-right: 0;
}

#top_header .wrap {
    display: flex;
    align-items: center;
    justify-content: end;
}

body:not(:has(#banner)) #top_header {
    border-bottom: 1px solid #d7d7d7;
}

body:not(:has(#banner)) #top_header a {
    color: #666;
}

/* content */
#content {
    padding-left: 240px;
    box-sizing: border-box;
}

#content:not(:has(#banner)) {
    padding-top: 46px;
    padding-bottom: 160px;

}

.wrap {
    width: 1600px;
    margin: 0 auto;
}

/* banner */
#banner {
    height: 700px;
    width: 100%;
    position: relative;
    padding-top: 46px;
    box-sizing: border-box;
}

#banner .bn_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#banner .bn_bg ul {
    width: 100%;
    height: 100%;
}

#banner .bn_slide {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#banner .bn_bg li {
    width: 100%;
    height: 100%;
}

#banner .bn_bg li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#banner .bn_txt {
    z-index: 1;
    position: absolute;
    top: calc(50% + 46px);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

#banner .bn_txt .wrap {
    display: flex;
    padding: 0 80px;
    box-sizing: border-box;
}

#banner .bn_txt .wrap>div {
    flex: 1;
}
#banner .bn_txt .wrap>div.left{
    overflow: hidden;
}
#banner .banner_txt {
    overflow: hidden;
}
#banner .bn_txt .wrap .left .tit {
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 40px;
    line-height: 1.2;
    white-space: pre-line;
}

#banner .bn_txt .wrap .left .desc {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    white-space: pre-line;
}

#banner .bn_txt .bn_btns {
    margin-top: 50px;
    display: flex;
    gap: 4px;
    align-items: center;
}

#banner .bn_txt .bn_btns button {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

#banner .bn_txt .bn_btns button img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#banner .bn_txt .bn_btns button.play_btn {
    border-width: 3px;
    border-color: #fff;
}

#banner .bn_txt .bn_btns button.play_btn.stop img {
    content: url("../images/common/bn_play_ico.png");
}

#banner .bn_txt .right {
    padding: 50px 80px 0 18px;
    box-sizing: border-box;
    width: 100%;
}

#banner .bn_txt .sch_form .sch_box {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
}

#banner .bn_txt .sch_form .sch_box input {
    flex: 1;
    background-color: transparent;
    color: #fff;
    height: 60px;
    padding: 0 10px;
    font-size: 16px;
    outline: 0;
    border: 0;
}

#banner .bn_txt .sch_form .sch_box input::placeholder {
    color: #fff;
}

#banner .bn_txt .sch_form .sch_box button {
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
}

#banner .bn_txt .sch_form .hash_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

#banner .bn_txt .sch_form .hash_box a {
    border-radius: 30px;
    display: inline-block;
    line-height: 30px;
    padding: 0 25px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;

}

#banner .bn_txt .right .bn_links {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 65px;
}

#banner .bn_txt .right .bn_links a {
    display: block;
    text-align: center;
}

#banner .bn_txt .right .bn_links a p {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
}

/* main_board */
#main_board {
    background-color: #f8f8f8;
    padding: 80px 0;
}

#main_board .wrap {
    display: flex;
    gap: 100px;
    align-items: stretch;
}

#main_board .wrap .noice {
    flex: 1;
}

#main_board .board .tit_box {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    justify-content: space-between;
}

#main_board .board .tit_box .tit {
    font-family: 'ggT';
    font-size: 40px;
}

#main_board .board .tit_box .left {
    display: flex;
    gap: 20px;
    align-items: end;
}

#main_board .board .tit_box .cal_btns {
    display: flex;
    align-items: center;
    gap: 10px;
}

#main_board .board .tit_box .cal_btns span {
    font-weight: bold;
    font-size: 20px;
}

#main_board .board .tit_box .cal_btns button {
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background-color: transparent;
}

#main_board .board .tit_box .notice_tab ul {
    display: flex;
    gap: 20px;
    align-items: start;
}

#main_board .board .tit_box .notice_tab li {
    color: #666666;
    font-weight: bold;
    padding-bottom: 9px;
    cursor: pointer;
    font-size: 16px;
}

#main_board .board .tit_box .notice_tab li.active {
    color: #9c1c1f;
    border-bottom: 2px solid #9c1c1f;
}

#main_board .board .tit_box .more_btn {
    display: flex;
    gap: 8px;
    color: #9c1c1f;
    font-weight: bold;
    font-size: 14px;
}

#main_board .board .tit_box .more_btn span:last-child {
    font-size: 18px;
}

#main_board .calendar {
    width: 470px;
    display: flex;
    flex-direction: column;
}

#main_board .calendar .board_con {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0 8px;
    flex: 1;
}

#main_board .calendar .board_con ul li a {
    display: flex;
    gap: 20px;
    align-items: center;
}

#main_board .calendar .board_con ul li .date {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 150px;
    color: #003399;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    display: block;
}

#main_board .calendar .board_con ul li .bo_tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    font-size: 16px;
    padding-top: 1px;
    font-weight: bold;
}

#main_board .calendar .board_con ul li {
    margin-bottom: 15px;
}

#main_board .calendar .board_con ul li:last-child {
    margin-bottom: 0;
}

#main_board .notice .notice_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    display: none;
}
#main_board .notice .notice_list.active{
    display: grid;
}

#main_board .notice .notice_list li {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 20px 0;
}

#main_board .notice .notice_list li a {
    display: flex;
    align-items: center;
}

#main_board .notice .notice_list li a .txt {
    flex: 1;
    border-left: 2px solid #e9e9e9;
    padding-left: 14px;
    padding-right: 25px;
}

#main_board .notice .notice_list li a .cate {
    width: 90px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

#main_board .notice .notice_list li a .tit {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    word-break: keep-all;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    min-height: 50px;
    display: block;
}

#main_board .notice .notice_list li a .date {
    margin-top: 10px;
    color: #999999;
    font-weight: bold;
    font-size: 14px;
}

#main_board .notice .notice_list li.red .cate {
    color: #9c1c1f;
}

#main_board .notice .notice_list li.yellow .cate {
    color: #663300;
}

#main_board .notice .notice_list li.blue .cate {
    color: #003399;
}

#main_board .notice {
    flex: 1;
}

#main_board .calendar .scroll_box {
    height: 100%;
    overflow-y: scroll;
    max-height: 190px;
}

#main_board .calendar .scroll_box::-webkit-scrollbar {
    width: 3px;
}

#main_board .calendar .scroll_box::-webkit-scrollbar-thumb {
    background: #ebebeb;
    ;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #ebebeb;
}

#main_board .calendar .scroll_box::-webkit-scrollbar-track {
    background: #ebebeb
}

#program {
    background-image: url('../images/main/program_bg.png');
    background-size: cover;
    background-position: center;
    padding: 75px 0;
    box-sizing: border-box;
}

#program .wrap {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

#program .wrap .title_box {
    grid-column: 1/3;
}

#program .wrap .title_box .tit {
    font-size: 40px;
    margin-bottom: 25px;
    font-family: 'ggT';
    font-weight: bold;
}

#program .wrap .title_box .desc {
    font-family: 'ggT';
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}

#program .wrap .thumb_box {
    position: relative;
}

#program .wrap .thumb_box>a>img {
    width: 100%;
}

#program .wrap .thumb_box .tit {
    display: flex;
    color: #fff;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
    position: absolute;
    left: 0;
    width: 100%;
    gap: 15px;
    bottom: 25px;
}

/* #footer */
#footer {
    padding-left: 220px;
    background-color: #202e3f;
}

#footer .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    padding: 50px 0;
}

#footer .wrap .ft_links {
    display: flex;
    margin-bottom: 15px;
    gap: 20px;
    align-items: center;
}

#footer .wrap .ft_links a {
    font-weight: bold;
    font-size: 16px;
    color: #cccccc;
}

#footer .wrap .ft_links a.active {
    color: #97c2e0;
}

#footer .wrap .ft_links .bar {
    color: #666666;
    font-weight: 300;
    font-size: 16px;
}

#footer .wrap .ft_text {
    color: #b7b7b7;
    /* font-weight: bold; */
    font-size: 15px;
}

#footer .wrap .ft_text li {
    margin-bottom: 10px;
    display: flex;
    gap: 5px;
    align-items: center;
}

#footer .wrap .ft_text li:last-child {
    margin-bottom: 0;
}

#footer .wrap .ft_text li b {
    font-weight: bold;
    color: #fff;
}

.m_header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    display: none;
}

.m_header .m_logo {
    margin-top: 5px;
}

.m_header .m_logo img {
    width: 200px;
}

.m_menu_btn {
    border: 0;
    padding: 0;
    background-color: transparent;
    display: block;
    height: 20px;
    width: 25px;
    position: relative;
}

.m_menu_btn i {
    position: absolute;
    display: block;
    width: 25px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.m_menu li {
    border-bottom: 1px solid #dddddd;
}

.m_menu_btn i:first-child {
    top: 0;
    transform-origin: 25% 50%;
    transition: .3s;
}

.m_menu_btn i:nth-child(2) {
    top: calc(50% - 1px);
}

.m_menu_btn i:last-child {
    bottom: 0;
    transform-origin: 25% 50%;
    transition: .3s;
}


.open.m_menu_btn i:first-child {
    transform: rotate(45deg) translateX(26%);
}

.open.m_menu_btn i:nth-child(2) {
    opacity: 0;
}

.open.m_menu_btn i:last-child {
    transform: rotate(-45deg) translateX(24%);
}


/* 서브페이지 공통*/
.sub_pg_title_box {
    padding: 90px 0 80px;
}

.sub_pg_title_box .sub_nav {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666666;
    font-size: 12px;
}
.sub_pg_title_box .sub_nav br{
    display: none;
}

.sub_wrap {
    width: 1200px;
    margin: 0 auto;
}

.sub_pg_title {
    font-size: 50px;
    font-family: 'ggT';
    margin-top: 30px;
}

.sub_title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.sub_title span {
    font-weight: bold;
    color: #243a72;
    font-size: 30px;
}

/* 대학원소개  */
.intrduce_goal {
    background-color: #f2f3f8;
    position: relative;
    background-image: url("../images/introduce_callege/logo_bg.png");
    ;
    background-position: center -50px;
    background-repeat: no-repeat;
    padding: 60px 0 150px;
    margin-bottom: 134px;
}

.intrduce_goal .sub_wrap {
    padding: 0 60px;
    box-sizing: border-box;
}

.intrduce_goal .img_box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
}

.intrduce_goal .img_box::before {
    content: "";
    position: absolute;
    height: 20px;
    width: calc(100% - 60px);
    display: block;
    border: 4px solid #e2e2e2;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 0;
    display: none;
}

.intrduce_goal .goals_label {
    position: absolute;
    right: 0;
    top: 0;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 24px 20px;
    background-color: #9c1c1f;
    z-index: 3;
    text-align: center;
}

.intrduce_goal .img_box::after {
    position: absolute;
    content: "";
    display: block;
    border: 4px solid #e2e2e2;
    height: 48px;
    width: calc(100% - 120px);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    border-top: 0;
    box-sizing: border-box;
}

.intrduce_goal .img_box img {
    z-index: 1;
}

.intrduce_goal .txt {
    position: relative;
    border: 4px solid #e2e2e2;
    text-align: center;
    padding: 48px 100px 48px;
    border-bottom: 0;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    z-index: 2;
    line-height: 1.6;
    margin-bottom: 54px;
}

.intrduce_goal .txt .p1 {
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

.intrduce_goal .txt .p2 {
    color: #9e1815;
    font-weight: bold;
    font-size: 30px;
}

.history_tab {
    display: flex;
    align-items: stretch;
    border-top: 1px solid #6b6b6b;
}

.history_tab li {
    flex: 1;
    text-align: center;
    font-size: 24px;
    color: #999999;
    background-color: #f2f3f8;
    padding: 20px 0;
    cursor: pointer;
}

.history_tab li.active {
    color: #9c1c1f;
    border-bottom: 2px solid #9c1c1f;
    box-sizing: border-box;
}
.history_tab_slide.on {
    /* max-width: calc(100% - 240px); */
    max-width: 1200px;
    position: fixed;
    width: 100%;
    top: 0;
    /* left: 240px; */
    z-index: 3;
    height: auto;
        /* width: calc(100% - 240px); */
        width: calc(100% - 240px);
}
.history_list .history_box {
}

.history_list .history_in_box {
    display: flex;
    padding: 60px 0;
    border-bottom: 1px dotted #cccccc;
    gap: 120px;
}

.history_list .history_in_box:last-child {
    padding-bottom: 0;
}

.history_list .history_box:first-child {
    display: block;
}

.history_list .history_box .left .desc {
    font-size: 18px;
    color: #243a72;
    margin-bottom: 6px;
}

.history_list .history_box .left .year {
    font-weight: bold;
    font-size: 60px;
    color: #243a72;
}

.history_list .history_box .right {
    flex: 1;
}

.history_list .history_box .right>ul {
    position: relative;
}

.history_list .history_box .right>ul>li::before {
    content: "";
    width: 1px;
    height: calc(100% + 30px);
    position: absolute;
    left: 9px;
    top: 6px;
    display: block;
    background-color: #e3e7eb;
}

.history_list .history_box .right>ul>li:last-child {
    margin-bottom: 0;
}

.history_list .history_box .right>ul>li:last-child::before {
    display: none;
}

.history_list .history_box .right>ul>li {
    display: flex;
    position: relative;
    gap: 48px;
    align-items: start;
    margin-bottom: 30px;
}

.history_list .history_box .right>ul>li .point {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #bac3ca;
    width: 18px;
    box-sizing: border-box;
    height: 18px;
    background-color: #fff;
    position: relative;
    top: 6px;
}

.history_list .history_box .right>ul>li .year_txt {
    font-weight: bold;
    font-size: 30px;
    color: #243a72;
}

.history_list .history_box .right>ul>li .info_list {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e7eb;
    flex: 1;
    top: 6px;
}

.history_list .history_box .right>ul>li:last-child .info_list {
    border-bottom: 0;
}

.history_list .history_box .right>ul>li .info_list li {
    display: flex;
    gap: 45px;
    align-items: start;
    margin-bottom: 20px;

}

.history_list .history_box .right>ul>li .info_list li:last-child {
    margin-bottom: 0;
}

.history_list .history_box .right>ul>li .info_list li .month {
    font-weight: bold;
    color: #333333;
    font-size: 18px;
    position: relative;
}
.history_list .history_box .right>ul>li .info_list li .month{
    padding-top: 3px;
}

.history_list .history_box .right>ul>li .info_list li .month::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #cccccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
}

.history_list .history_box .right>ul>li .info_list li .txt {
    flex: 1;
    word-break: keep-all;
    color: #333333;
    font-size: 18px;
    line-height: 1.6;
}

.intrduce_goal_vertical {
    display: flex;
    margin-bottom: 100px;
}

.intrduce_goal_vertical:last-of-type {
    margin-bottom: 0;
}

.intrduce_goal_vertical>div:has(.txt) {
    position: relative;
}

.intrduce_goal_vertical .img_box {
    position: relative;
}

.intrduce_goal_vertical .label {
    background-color: #9e1815;
    color: #fff;
    padding: 0 20px;
    line-height: 80px;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
}

.intrduce_goal_vertical .left .label {
    transform: translateX(100%);
    right: 0;
    left: auto;
    z-index: 2;
}

.intrduce_goal_vertical .txt .title {
    text-align: left;
    color: #333333;
    font-size: 30px;
    padding: 45px 0;
    line-height: 1.6;
    border: 4px solid #e2e2e2;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
}

.intrduce_goal_vertical .right .txt .title {
    border-left: 0;
}

.intrduce_goal_vertical .left .txt .title {
    border-right: 0;
}

.intrduce_goal_vertical .right .txt .title::before {
    content: "";
    display: block;
    height: calc(100% + 4px);
    border: 4px solid #e2e2e2;
    border-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 60px;
}

.intrduce_goal_vertical .left .txt .title::before {
    content: "";
    display: block;
    height: calc(100% + 4px);
    border: 4px solid #e2e2e2;
    border-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: 60px;
    z-index: 1;
}

.intrduce_goal_vertical .txt .desc {
    color: #333333;
    font-size: 18px;
    line-height: 1.5;
    word-break: keep-all;
    padding-left: 60px;
    margin-top: 36px;
}

.intrduce_goal_vertical .left .txt .desc {
    padding-left: 0;
    padding-right: 60px;
}

.intrduce_goal_vertical .txt .desc b {
    font-weight: bold;
}

.intrduce_goal_vertical .txt .desc p {
    margin-bottom: 40px;
}

.intrduce_goal_vertical .txt .desc p:last-child {
    margin-bottom: 0;
}

.people_name {
    text-align: right;
    margin-top: 40px;
    font-size: 18px;
    color: #666666;
    display: flex;
    justify-content: end;
    gap: 10px;
    align-items: end;
}

.people_name .name {
    font-weight: bold;
    font-size: 28px;
    color: #000;
}

.board_tab {
    display: flex;
    align-items: center;
    gap: 6px;
}

.board_tab a {
    font-weight: bold;
    color: #999999;
    background-color: #f8f8f8;
    border-radius: 30px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    font-size: 18px;
    width: 180px;
    line-height: 42px;
    text-align: center;
}

.board_tab a.active {
    background-color: #9c1c1f;
    border-color: #9c1c1f;
    color: #fff;
}

.board_sch_form {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeff4;
    padding: 20px;
    gap: 11px;
    margin-top: 50px;
}

.board_sch_form.no_margin {
    margin-top: 0;
}

.board_sch_form select {
    width: 178px;
    cursor: pointer;
    height: 48px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -webkit-appearance: none;
    background-image: url('../images/common/select_arrow.png');
    background-repeat: no-repeat;
    padding-right: 15px;
    background-position: 85% center;
    background-color: #fff;
}

.board_sch_form input {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    height: 48px;
    padding: 0 25px;
    font-size: 16px;
    width: 500px;
}

.board_sch_form input::placeholder {
    color: #999999;
}

.board_sch_form .sch_btn {
    background-color: #333333;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    outline: 0;
    border: 0;
    cursor: pointer;
    position: relative;
}

.board_sch_form .sch_btn img {
    position: absolute;
    left: 50%;
    width: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.board_list {
    margin-top: 50px;
}

.professor_list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
}

.professor_list ul li {
    position: relative;
    padding-top: 45px;
    cursor: pointer;

}

.professor_list ul li .box {
    position: relative;
    border-radius: 10px;
    background-color: #f8f8f8;
    border-radius: 20px;
    border: 1px solid #e1e1e1;
    text-align: center;
    width: 100%;
    padding: 85px 30px 35px;
    box-sizing: border-box;
    height: 100%;
}
.professor_list ul{
    margin-bottom: 20px;
}

.professor_list ul li .txt .name {
    font-weight: bold;
    font-size: 24px;
}

.professor_list ul li .txt .position {
    font-size: 16px;
    margin-top: 7px;
    font-weight: bold;
}

.professor_list ul li .txt .info {
    color: #243a72;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 18px;
}

.professor_list ul li .txt .cate {
    color: #666666;
    font-size: 16px;
    word-break: keep-all;
    margin-top: 18px;
    line-height: 1.4;
}

.professor_list ul li .txt a {
    display: block;
    width: 130px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #243a72;
    margin: 20px auto 0;
}

.professor_list ul li .thumb {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 130px;
    height: 130px;

}
.professor_list ul li .txt{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.professor_list ul li .info_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.professor_list ul li .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.professor_list ul li .thumb::after {
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);

    border-radius: 50%;
    background-image: linear-gradient(#fff 0 50%, #e1e1e1 50% 100%);
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.professor_list ul li .thumb .img {
    overflow: hidden;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #243a72;
    background-color: #dbdee9;
    box-sizing: border-box;
    z-index: 3;

}

.professor_list ul li .thumb .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.professor_list ul li:hover .box {
    background-color: #fff;
    border-color: #243a72;
}

.professor_list ul li:hover .thumb::after {
    /* background-image: linear-gradient(#fff 0 50%, #243a72 50% 100%); */
}

.board_in_tab {
    margin-top: 50px;
}

.board_in_tab ul {
    display: flex;
    margin-bottom: 10px;
}

.board_in_tab ul:last-child {
    margin-bottom: 0;
}

.board_in_tab ul li {
    flex: 1;
    border: 1px solid #e1e1e1;
    border-top: 1px solid #6b6b6b;
    box-sizing: border-box;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f8f8f8;
    font-weight: bold;
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
    text-align: center;
}

.board_in_tab ul li a {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.board_in_tab ul li.active {
    border-bottom: 3px solid #9c1c1f;
    color: #9c1c1f;
}

.board_view {
    margin-top: 50px;
}

.view_box {
    border-radius: 10px;
    padding: 45px;
    border: 1px solid #243a72;
    display: flex;
    gap: 50px;
    align-items: stretch;
    background-color: #f8f8f8;
}

.view_box .profile {
    background-color: #fff;
    box-shadow: 4px 6px 10px 5px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
    box-sizing: border-box;
    text-align: center;
}

.view_box .profile .profile_img {
    width: 130px;
    height: 130px;
    background-color: #dbdee9;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
     border: 1px solid #243a72;
}

.view_box .profile .profile_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.view_box .profile .name {
    margin-top: 30px;
    font-weight: bold;
    font-size: 30px;
}

.view_box .profile .position {
    font-weight: bold;
    font-size: 18px;
    margin-top: 12px;
}

.view_box .profile .info {
    color: #243a72;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 30px;
}

.view_box .profile .info p {
    margin-bottom: 4px;
}

.view_box .profile .info:last-child {
    margin-bottom: 0;
}

.view_box .profile .profile_info_list {
    text-align: left;
    width: 100%;
    margin-top: 35px;
}

.view_box .txt_list {
    flex: 1;
}

.view_box .profile .profile_info_list li {
    display: flex;
    gap: 20px;
    align-items: start;
    margin-bottom: 25px;
}

.view_box .profile .profile_info_list li:last-child {
    margin-bottom: 0;
}

.view_box .profile .profile_info_list li p {
    flex: 1;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}

.view_box .profile .profile_info_list li span {
    display: flex;
    gap: 14px;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
}

.view_box .txt_list>ul>li {
    margin-bottom: 30px;
}

.view_box .txt_list>ul>li:last-child {
    margin-bottom: 0;
}

.view_box .txt_list>ul>li>p {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}

.view_box .txt_list>ul>li>ul li {
    position: relative;
    padding-left: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
    word-break: keep-all;
    line-height: 1.4;
}
.china_font .view_box .txt_list>ul>li>ul li{
    word-break: break-all;
}

.view_box .txt_list>ul>li>ul li:last-child {
    margin-bottom: 0;
}

.view_box .txt_list>ul>li>ul li::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 2px;
}

.board_view .btn_box {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 20px;
}

.board_view .btn_box a {
    display: inline-block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #243a72;
    border-radius: 5px;
    width: 100%;
}

.contact_info_box {
    border-top: 1px solid #6b6b6b;
    background-color: #f2f3f8;
    padding: 20px;

}

.contact_info_list {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.contact_info_list>li {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
    flex: auto;
    max-width: 36%;
}

.contact_info_list>li:has(.number) {
    gap: 0;
    flex: 1;
}

.contact_info_list li .title .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    background-color: #636c94;
    display: inline-block;
}

.contact_info_list li .title p {
    font-weight: bold;
    color: #243a72;
    font-size: 20px;
    margin-top: 8px;
}

.contact_info_list li .ci_list {
    text-align: left;
}

.contact_info_list li .ci_list li {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333333;
}

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

.contact_info_list li .ci_list li b {
    font-weight: bold;
}

.contact_info_list li .number {
    font-weight: bold;
    color: #333333;
    font-size: 24px;
        min-height: 51px;
        display: flex;
        align-items: center;
        justify-content: center;

}

.contact_info_list li .title .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    object-position: center;
    object-fit: contain;
}

.contact_info_box .ci_member {
    background-color: #fff;
    padding: 30px 20px 20px;
    background-image: url('../images/introduce/group_bg.png');
    background-repeat: no-repeat;
    background-position: right 90px;
}

.contact_info_box .ci_member>li.li_hd>div {
    color: #243a72;
    font-weight: bold;
    border-bottom: 2px solid #d3d7e6;
}

.contact_info_box .ci_member>li {
    display: flex;
    gap: 8px;
}

.contact_info_box .ci_member>li>div {
    border-bottom: 1px solid #d3d7e6;
    padding: 15px 20px;
}

.contact_info_box .ci_member>li .title {
    width: 195px;
    font-weight: bold;
    color: #333333;
}

.contact_info_box .ci_member>li .desc {
    flex: 1;
    color: #333333;
    font-size: 18px;
    padding-right: 0;
    letter-spacing: -0.8px;
}

.contact_info_box:has(#map) {
    padding: 0;
}

.contact_info_box #map {
    height: 550px;
    background-color: #eee;
}

.contact_info_box .way_box {
    padding: 20px;
}

.contact_info_box .way_box .address {
    padding: 25px 0 50px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.contact_info_box .way_box .address p {
    font-weight: bold;
    color: #666666;
    font-size: 20px;
    line-height: 24px;
}

.contact_info_box .way_box .address .tit {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.contact_info_box .way_as {
    background-color: #fff;
    padding: 60px 80px;
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.contact_info_box .way_as .title {
    font-size: 24px;
    color: #666666;
    display: flex;
    align-items: center;
    margin-bottom: 35px;

}

.contact_info_box .way_as .bus_list li {
    display: flex;
    align-items: center;
    gap: 25px;
}

.contact_info_box .way_as .bus_list li span {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    border-radius: 5px;
    background-color: #aaa;
    padding: 9px 22px;
}

.contact_info_box .way_as .bus_list li p {
    color: #333;
    font-weight: bold;
    font-size: 18px;
}

.contact_info_box .way_as .title span {
    color: #000000;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px
}

.contact_info_box .way_as .bus_list li {
    margin-bottom: 10px;
}

.contact_info_box .way_as .bus_list li:last-child {
    margin-bottom: 0;
}

.contact_info_box .way_as .bus_list li span.green {
    background-color: #33cc99;
}

.contact_info_box .way_as .bus_list li span.red {
    background-color: #e60012;
}

.contact_info_box .way_as .bus_list li span.blue {
    background-color: #0068b7;
}

.contact_info_box .subway_txt {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact_info_box .subway_txt .mark {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    background-color: transparent;
}

.contact_info_box .subway_txt .mark .line {
    background-color: #aaa;
    width: 230px;
    border-radius: 30px;
    height: 24px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.contact_info_box .subway_txt .mark .txt {
    border-radius: 30px;
    border: 4px solid #aaa;
    background-color: #fff;
    padding: 6px 23px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    position: relative;
}

.contact_info_box .subway_txt .mark .txt b {
    background-color: #aaa;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 14px;
}

.contact_info_box .subway_txt .mark .txt span {
    font-weight: bold;
    color: #333333;
    font-size: 18px;
}

.contact_info_box .subway_txt .mark.yellow .line {
    background-color: #f5a200;
}

.contact_info_box .subway_txt .mark.yellow .txt {
    border-color: #f5a200;
}

.contact_info_box .subway_txt .mark.yellow .txt b {
    background-color: #f5a200;
}

.contact_info_box .subway_txt .mark+span {
    color: #333333;
    font-weight: bold;
    font-size: 18px;
}

.contact .contact_info_wrap {
    margin-bottom: 75px;
}

.contact .contact_info_wrap:last-child {
    margin-bottom: 0;
}

.master_box {
    padding: 80px 58px 30px;
    background-color: #f2f3f8;
    position: relative;
    background-image: url(../images/master_course/top_bg.png);
    background-repeat: no-repeat;
    background-position: center -60px;
    border-top: 1px solid #6b6b6b;
}

.master_box:has(.guideline_links) {
    padding: 70px 65px;
}

.master_box::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: 120px;
    height: 30%;
    background-color: #fff;
    left: 0;
}

.master_box:has(.round_box_wrap)::before {
    display: none;
}

.master_box:has(.guideline_links)::before {
    display: none;
}

.master_box .title {
    text-align: center;
    margin-bottom: 60px;
}

.master_box .title .en {
    font-weight: bold;
    font-size: 30px;
    color: #9c1c1f;
}

.master_box .title .en.blue {
    color: #243a72;
}

.master_box .title .desc {
    font-size: 18px;
    color: #666666;
    margin-top: 14px;
}

.master_txt_box>ul {
    display: flex;
    gap: 25px;
    align-items: stretch;
    position: relative;
}

.master_txt_box>ul>li {
    flex: 1;
    background-color: #fff;
    padding: 70px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 4px 6px 10px 5px rgba(0, 0, 0, 0.1);
}

.master_txt_box>ul>li .tit {
    padding: 0 50px;
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    margin-bottom: 50px;
}

.master_txt_box>ul>li .tit span {
    border-bottom: 1px solid #666666;
    display: block;
}

.master_txt_box>ul>li .tit span b {
    display: inline-block;
    background-color: #fff;
    padding-bottom: 2px;
    position: relative;
    top: 1px;
    z-index: 1;
}

.master_txt_box .info_list {
    padding: 0 50px;
    margin-bottom: 70px;
}

.master_txt_box .info_list li {
    display: flex;
    gap: 6px;
    align-items: start;
    line-height: 1.5;
    margin-bottom: 40px;
}

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

.master_txt_box .info_list li p {
    flex: 1;
    font-size: 18px;
    color: #333333;
    word-break: keep-all;
}

.master_txt_box .info_list li span {
    position: relative;
    top: 3px;
}

.master_txt_box .down_list {
    display: flex;
    gap: 10px;
}

.master_txt_box .down_list .down_box {
    flex: 1;
    background-color: #f7f7f7;
    text-align: center;
    padding: 25px 12px 20px;
    box-sizing: border-box;
}

.master_txt_box .down_box .logo {
    width: 60px;
    height: 60px;
    background-color: #9999a0;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}

.master_txt_box .down_box .logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    height: 80%;
    object-fit: contain;
    object-position: center;
}

.master_txt_box .down_box>p {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}

.master_txt_box .down_box .down_file_box {
    display: flex;
    gap: 10px;
}

.master_txt_box .down_box .down_file_box.vertical a {
    flex-direction: column;
    padding: 15px 5px;
    gap: 5px;
}

.master_txt_box .down_box .down_file_box a {
    flex: 1;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 15px 4px;
    letter-spacing: -0.8px;
    box-sizing: border-box;
}

.master_txt_box .down_box .down_file_box a p {
    margin-bottom: 10px;
}

.master_txt_box .down_box .down_file_box a.red {
    color: #9c1c1f;
}

.master_txt_box .down_box .down_file_box a.blue {
    color: #243a72;
}

.master_txt_box .down_box .down_file_box a.gray {
    color: #999999;
}

.master_txt_box .down_box .down_file_box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}

.master_txt_box .down_box .down_file_box a p {
    margin-bottom: 0;
}
body:has(.china_font) .sub_pg_title{
 font-family: "Noto Sans SC", sans-serif !important;
 font-weight: 500;
}
body:has(.china_font) .m_nav *{
 font-family: "Noto Sans SC", sans-serif !important;
 font-weight: 500;
}
.china_font {
    font-family: "Noto Sans SC", sans-serif !important;
}

.china_font .sub_pg_title {
    font-family: "Noto Sans SC", sans-serif !important;
    font-weight: 500;
}

.china_info_title_list {
    margin-bottom: 70px;
}

.china_info_title_list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.china_info_title_list ul li {
    padding: 9px;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 1;
}

.china_info_title_list ul li:first-child {
    padding-left: 0;
}

.china_info_title_list ul li:last-child {
    padding-right: 0;
}

.china_info_title_list ul li>div {
    width: 170px;
    z-index: 1;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: relative;
}

.china_info_title_list ul li p {
    color: #ffffff;
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.china_info_title_list ul::after {
    content: "";
    display: inline-block;
    height: 1px;
    background-color: #666;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.china_info_title_list ul li:nth-child(1)>div {
    background-color: #636c94;
}

.china_info_title_list ul li:nth-child(2)>div {
    background-color: #6c6b8f;
}

.china_info_title_list ul li:nth-child(3)>div {
    background-color: #816883;
}

.china_info_title_list ul li:nth-child(4)>div {
    background-color: #9c6473;
}

.china_info_title_list ul li:nth-child(5)>div {
    background-color: #9c6473;
}

.china_info_title_list ul li:nth-child(6)>div {
    background-color: #ba6062;
}

.china_info_txt {
    color: #666666;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    padding-top: 15px;
    border-top: 1px solid #6b6b6b;
}

.china_info_sub {
    background-color: #f2f3f8;
    padding: 30px;
    margin-top: 20px;
}

.china_info_sub p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #666;
}

.china_info_sub p b {
    font-weight: bold;
    color: #000;
}

.china_info {
    margin-bottom: 70px;
}

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

.table_box .sub_title {
    border-bottom: 1px solid #6b6b6b;
    padding-bottom: 20px;
}

.table_box .table_list li {
    position: relative;
    font-weight: 500;
    gap: 4px;
    padding-left: 18px;
    font-size: 18px;
    color: #666666;
    margin-bottom: 12px;
    line-height: 1.4;
}

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

.table_box .table_list li span {
    color: #243a72;
    position: relative;
    padding-right: 10px;
    padding-left: 18px;
}

.table_box .table_list li span.center {
    align-items: center;
    display: flex;
}

.table_box .table_list li span.center::after,
.table_box .table_list li span.center::before {
    top: 50%;
    transform: translateY(-50%);
}

.table_box .table_list li::before {
    content: "·";
    position: absolute;
    left: 0;
    top: 0;
    color: #243a72;
}

.table_box .table_list li ul {
    margin-top: 10px;
}

.table_box .table_list li ul li::before {
    content: "-";
    color: #666666;
}

:not(.china_font) .table_box .table_list li {
    font-weight: 600;
}

.table_box .table_list {
    margin-bottom: 15px;

}

.table_box .table_list:has(span) {
    padding: 0;
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px 12px;
}

.table_box .table_list.gap_max:has(span) {
    gap: 34px 12px;
}

.table_list li:has(> span) {
    display: contents;
}
.table_list li:has(> span)::before{
    display: none;
}

.table_list li:not(:has(> span)) {
    grid-column: 1 / -1;
    /* 전체 너비 차지 */
    margin: 0;
}

.table_box .table_list li span::before {
    content: "·";
    color: #243a72;
    position: absolute;
    left: 0;
    top: 0;
}

.table_box .table_list li span::after {
    content: ":";
    position: absolute;
    right: 0;
    top: 0;
}

.table_box .table_list.no_span_width_auto {
    display: block;
}

.table_box .table_list.no_span_width_auto li {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.table_box .table_list.no_span_width_auto li span {
    padding-left: 0;

}

.table_box .table_list.no_span_width_auto li span:before {
    display: none
}

.table_box table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 2px solid #d3d7e6;
}

.table_box table+table {
    margin-top: 10px;
}

.table_box table td {
    border: 1px solid #d3d7e6;
    vertical-align: middle;
    font-weight: 500;
    color: #666666;
    text-align: center;
    font-size: 16px;
    padding: 14px 30px;
    line-height: 1.3;
}

.table_box table.min_table td {
    height: 70px;
    box-sizing: border-box;
}

.table_box table th {
    border: 1px solid #d3d7e6;
    background-color: #f2f3f8;
    color: #243a72;
    font-size: 18px;
    padding: 14px 0;
    font-weight: 500;
    text-align: center;
}

.table_box .table_caption {
    font-weight: 500;
    color: #666666;
    font-size: 16px;
    margin-top: 10px;
}

.table_box .table_caption p {
    margin-bottom: 8px;
}

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

.table_box .table_title span {
    display: inline-block;
    background-color: #d3d7e6;
    border-radius: 30px 30px 30px 0;
    color: #243a72;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 20px;
}

.table_box .table_title {
    margin-bottom: 18px;
    margin-top: 45px;
}

.table_box .table_list li p:has(.p_cate) {
    display: flex;
    gap: 8px;
    font-size: 16px;
    margin-top: 7px;
    align-items: center;
}

.table_box .table_list li .p_cate {
    height: auto;
    background-color: #ebebeb;
    border-radius: 30px;
    width: 66px;
    display: block;
    text-align: justify;
    max-height: 25px;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 25px;
}

.table_box .table_list li .p_s_txt {
    flex: 1;
}

.table_box .table_list li .p_cate::after {
    content: "";
    display: inline-block;
    width: 100%;
}

.down_box_v2 {
    background-color: #f2f3f8;
    padding: 20px;
}

.down_box_v2 ul {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.down_box_v2 ul li {
    flex: 1;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
}
.down_box_v2.gap_large ul li{
    gap: 30px;
    padding: 30px 0 36px;
}
.down_box_v2.gap_large ul li p{
    font-size: 18px;
    letter-spacing: -0.5px;
}
.down_box_v2.gap_large ul li .cate{
    width: 150px;
    padding: 0 10px;
}

.down_box_v2 ul li .ico {
    background-color: #636c94;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
}

.down_box_v2 ul li .ico img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}

.down_box_v2 ul li>p {
    font-weight: 600;
    color: #243a72;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
}

.down_box_v2 ul li>p.desc {
    font-weight: normal;
    color: #999999;
    font-size: 18px;
}

.down_box_v2 ul li .cate {
    background-color: #636c94;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    min-width: 150px;
    line-height: 45px;
    border-radius: 30px;
    display: inline-block;
    padding: 0 60px;
    box-sizing: border-box;
}
.down_box_v2 ul li .cate.visible_hidden{
    visibility: hidden
}
.down_box_v2 ul li>a {
    width: 170px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 0 20px;
    box-sizing: border-box;
}

.down_box_v2.grid ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.down_box_v2.grid ul li {
    justify-content: start;
    padding: 25px 10px;
}

.down_box_v2.grid ul li p {
    font-size: 18px;
    letter-spacing: -0.8px;
}

.down_box_v2.grid ul li .cate {
    width: 170px;
    padding: 0;
}

.down_box_v2 ul li.one_list {
    padding: 25px;
}

.down_box_v2 ul li.one_list ul {
    flex-direction: column;
    display: flex;
    align-items: start;
    justify-content: start;
}

.down_box_v2 ul li.one_list ul li {
    flex-direction: row;
    padding: 0;
    align-items: start;
}

.down_box_v2 ul li.one_list ul li p {
    flex: 1;
    word-break: keep-all;
    text-align: left;
    font-size: 18px;
    padding-top: 10px;
}

.down_box_v2 ul li.one_list ul li .cate {
    width: 160px;
    height: 40px;
    padding: 0;
}

.table_box:has(.down_box_v2) .sub_title {
    margin-bottom: 0;
}

.table_box {
    margin-bottom: 75px;
}

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

.table_box .left {
    text-align: left;
}

.faq_list {
    border-top: 1px solid #6b6b6b;
    margin-top: 50px;
}

.faq_list li {
    border-bottom: 1px solid #e1e1e1;
}

.faq_list li .q {
    background-color: #fff;
    padding: 20px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
    gap: 5px;
}

.faq_list li .en_ico {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    position: relative;
    border-radius: 50%;
}

.faq_list li .en_ico span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #243a72;
    font-size: 20px;
}

.faq_list li .title {
    display: flex;
    gap: 46px;
    align-items: center;
}

.faq_list li .a {
    background-color: #f8f8f8;

    display: none;
    padding: 20px 50px;
    line-height: 1.5;
    font-size: 18px;
    color: #333333;
    border-top: 1px solid #e1e1e1;
}

.faq_list li .a .txt_box {
    display: flex;
    gap: 46px;
}

.faq_list li .a .en_ico {
    background-color: #243a72;
    border-color: #243a72;
    color: #fff;
}

.faq_list li .a .en_ico span {
    color: #fff;
}

.faq_list li.active .q img {
    content: url('../images/news/open_arrow.png');
}

.paper_box {
    background-color: #f2f3f8;
    border-top: 1px solid #6b6b6b;
    padding: 80px 134px;
    background-image: url('../images/degree/paper_box_bg.png');
    background-position: center top -50px;
    background-repeat: no-repeat;
}

.paper_box ul {
    display: flex;
    gap: 80px;
}

.paper_box ul li {
    flex: 1;
    background-color: #fff;
    box-shadow: 4px 6px 10px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
}

.paper_box ul li img {
    width: 100%;
}

.down_box_v2.border_box {
    border-top: 1px solid #6b6b6b;
}

.round_box_wrap {
    display: flex;
    align-items: stretch;
}

.round_box_wrap .round_box {
    margin: 0 -16px;
    border-radius: 130px;
    text-align: center;
    color: #333;
    font-weight: bold;
    line-height: 1.6;
    font-size: 20px;
    min-width: calc((100% / 3) + 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

.round_box_wrap .round_box:nth-child(1) {
    background-color: rgba(99, 108, 148, 0.2);
}

.round_box_wrap .round_box:nth-child(2) {
    background-color: rgba(195, 179, 146, 0.2);
}

.round_box_wrap .round_box:nth-child(3) {
    background-color: rgba(186, 96, 98, 0.2);
}

.boxs .box {
    margin-bottom: 70px;
    border-top: 0;
    border-radius: 0;
    box-shadow: none;
}

.boxs .box:last-child {
    margin-bottom: 0;
}

.guideline_links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 45px;
}

.guideline_links li {
    background-color: #fff;
    box-shadow: 4px 6px 10px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 55px 20px;
}

.guideline_links li .link_box {
    display: flex;
    width: 340px;
    border: 1px solid #aaa;
    border-radius: 30px;
    justify-content: space-between;
    height: 43px;
    align-items: center;
    padding: 7px 20px 7px 7px;
    box-sizing: border-box;
    font-size: 20px;
    margin-bottom: 9px;
}

.guideline_links li .link_box:has(.link) {
    padding-right: 10px;
}

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

.guideline_links li .links_tit {
    display: flex;
    align-items: center;
    gap: 18px;
}

.guideline_links li .links_tit .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
}

.guideline_links li .links_tit .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.guideline_links li .red {
    border: 1px solid #cdb5ba;
    color: #94636d;
    font-weight: bold;
    background-color: #f8f2f4;
}

.guideline_links li .blue {
    font-weight: bold;
    color: #243a72;
    border: 1px solid #b5b9cd;
    background-color: #f2f3f8;
}

.guideline_links li .blue .links_tit .icon {
    background-color: #636c94;
}

.guideline_links li .red .links_tit .icon {
    background-color: #cdb5ba;
}

.guideline_links li .link {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 30px;
    font-weight: bold;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    box-sizing: border-box;
    width: 126px;
}

.guideline_links li>p {
    color: #243a72;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
}

.guideline_links.hori_list li {
    flex-direction: row;
    gap: 30px;
    padding-left: 0;
}

.guideline_links.hori_list .txt {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.guideline_links.hori_list .txt .desc {
    font-weight: bold;
    color: #333333;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.guideline_links.hori_list .txt .tit {
    font-weight: bold;
    color: #243a72;
    font-size: 30px;
    line-height: 1.3;
}

.guideline_links.hori_list .down_item {
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    color: #666666;
    font-weight: bold;
    font-size: 20px;
    width: auto;
    align-items: center;
    gap: 18px;
}

.guideline_links.hori_list .down_item .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #666666;
    position: relative;
    display: inline-block;
}

.guideline_links.hori_list .down_item .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.give_down_item {
    background-color: #f2f3f8;
    border: 1px solid #b5b9cd;
    border-radius: 30px;
    padding: 8px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    flex: auto;
    width: max-content;
}

.give_down_item .icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #636c94;
    position: relative;
    margin-right: 12px;
}

.give_down_item .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.give_down_item .txt {
    margin-right: 16px;
    font-weight: bold;
    font-size: 20px;
    color: #243a72;
}

.give_down_item a {
    border-radius: 30px;
    display: inline-block;
    background-color: #fff;
    color: #243a72;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    padding-left: 18px;
    padding-right: 22px;
    height: 30px;
    justify-content: space-between;
    gap: 54px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.bo_list {
    margin-top: 50px;
}

.bo_list_tab {
    display: flex;
    gap: 25px;
    align-items: center;
}

.bo_list_tab a {
    font-weight: bold;
    font-size: 20px;
    color: #666666;
}

.bo_list_tab a.active {
    color: #9c1c1f;
}

.bo_list ul {
    border-top: 1px solid #6b6b6b;
    margin-top: 15px;
}

.bo_list ul li {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.bo_list ul li .subject {
    flex: 1;
    overflow: hidden;
}

.bo_list ul li .subject a {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-right: 10px;
}
.bo_list ul li .subject a span{
        text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.bo_list ul li .notice {
    width: 10%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
}

.bo_list ul li .cate {
    width: 12%;
}

.bo_list ul li .date {
    width: 15%;
    color: #999999;
    font-size: 18px;
    font-weight: bold;
}

.board .cate span {
    border: 1px solid #aaa;
    border-radius: 30px;
    width: 102px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.board .cate span.ca_style_1 {
    border-color: #e6c0c7;
    color: #9c1c1f;
}

.board .cate span.ca_style_2 {
    border-color: #e6d4c0;
    color: #663300;
}

.board .cate span.ca_style_3 {
    border-color: #c0cce6;
    color: #003399;
}

.board .cate span.ca_style_4 {
    border-color: #e6c0c7;
    color: #9c1c1f;
}

.sound_only {
    display: none;
}

.paging_wrap .pg_wrap .pg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.paging_wrap .pg_wrap .pg strong,
.paging_wrap .pg_wrap .pg .pg_page {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.paging_wrap .pg_wrap .pg strong {
    background-color: #666666;
    color: #fff;
}

.paging_wrap .pg_wrap .pg .pg_start {
    font-size: 0;
    background-position: center;
    background-image: url('../images/common/first_ico.png');
    background-repeat: no-repeat;
}

.paging_wrap .pg_wrap .pg .pg_prev {
    font-size: 0;
    background-position: center;
    background-image: url('../images/common/prev_ico.png');
    background-repeat: no-repeat;
}

.paging_wrap .pg_wrap .pg .pg_next {
    font-size: 0;
    background-position: center;
    background-image: url('../images/common/next_ico.png');
    background-repeat: no-repeat;
}

.paging_wrap .pg_wrap .pg .pg_end {
    font-size: 0;
    background-position: center;
    background-image: url('../images/common/last_ico.png');
    background-repeat: no-repeat;
}

.board_sch_form .total_count {
    font-weight: bold;
    color: #666666;
    font-size: 16px;
}

.board_sch_form .total_count b {
    color: #000;
    font-size: 18px;
}

.bo_view {
    border-top: 1px solid #6b6b6b;
}

.bo_view .title_box {
    padding-top: 28px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e1e1e1;
}

.bo_view .title_box .title {
    font-weight: bold;
    font-size: 30px;
    color: #333333;
    text-align: center;
    padding: 0 20px;
    word-break: keep-all;
    margin-bottom: 30px;
}

.bo_view .title_box .info_box {
    display: flex;
    align-items: center;
    justify-content: center
}

.bo_view .title_box .info_box li {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    position: relative;
    font-size: 16px;
}

.bo_view .title_box .info_box li::after {
    position: absolute;
    content: "|";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #cccccc;
    font-weight: 300;
}

.bo_view .title_box .info_box li:last-child::after {
    display: none;
}

.bo_view .title_box .info_box li .tit {
    font-weight: bold;
    color: #666666;
}

.bo_view .title_box .info_box li .desc {
    font-weight: bold;
    color: #999999;
}

.bo_view .cont_box .cont {
    padding: 64px 70px 90px;
}

.bo_view .cont_box .cont img {
    max-width: 100%;
}

.bo_view .cont_box .file_box {
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
    padding: 30px 40px;
    border-radius: 8px;
}

.bo_view .cont_box .file_box li {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 15px;
}

.bo_view .cont_box .file_box li:last-child {
    margin-bottom: 0;
}

.bo_view .cont_box .file_box li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;

    border-bottom: 1px solid #9ab2cf;
    padding-bottom: 4px;
}

.bo_view .cont_box .file_box li a span {
    font-size: 16px;
    color: #333333;
}

.bo_view .cont_box .file_box li a img {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.bo_view .cont_box .file_box li>span {
    color: #243a72;
    font-weight: bold;
    font-size: 16px;
    align-items: center;
    gap: 10px;
    display: flex;
}

.bo_view .cont_box {
    padding-bottom: 54px;
    border-bottom: 1px solid #e1e1e1;
}

.bo_view .go_list {
    display: block;
    width: 150px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background-color: #243a72;
    margin: 50px auto 0;
}

.bo_list .no_list {
    text-align: center;
    padding: 50px 0;
    text-align: center;
    justify-content: center;
}

.cal_box {
    display: flex;
    border-top: 1px solid #6b6b6b;
    padding: 20px 0 0;
    align-items: stretch;

}

.cal_ui_box {
    margin-bottom: 66px;

}

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

.cal_box>div {
    flex: 1;
    padding: 20px 40px;
}

.cal_box .other-month {
    visibility: hidden
}

.cal_div {
    border-right: 1px solid #d3d7e6;
}

.cal_div .cal_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
}

.cal_div .cal_table th,
.cal_div .cal_table td {
    height: 50px;
    vertical-align: middle;
    color: #666666;
    font-weight: bold;
}

.cal_div .cal_table th {
    color: #000000;
}

.cal_div .cal_table th.sun,
.cal_div .cal_table td.sun {
    color: #e60012;
}

.cal_div .cal_table td.holiday {
    color: #e60012 !important;
}

.cal_div .cal_table th.sat,
.cal_div .cal_table td.sat {
    color: #0066cc;
}

.cal_list ul li {
    display: flex;
    gap: 45px;
    width: 100%;
    margin-bottom: 30px;
}

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

.cal_list ul li .date {
    font-weight: bold;
    font-size: 16px;
    color: #636c94;
    width: 140px;

}

.cal_list ul li .date_txt {
    flex: 1;
    font-weight: bold;
    color: #333333;
    font-size: 16px;
}
#content{
    overflow: hidden;
}
.cal_list ul li.red .date,
.cal_list ul li.red .date_txt {
    color: #e60012;
}
.step_form_wrap{
    overflow: hidden;
}
.step_form_wrap .step_box {
    margin-bottom: 54px;
}

.step_form_wrap .step_box ul {
    display: flex;
    align-items: center;
    gap: 65px;
    justify-content: center;
}

.step_form_wrap .step_box li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.step_form_wrap .step_box .ico {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #eeeff4;
    position: relative;
}

.step_form_wrap .step_box .ico img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.step_form_wrap .step_box .txt p:first-child {
    font-weight: bold;
    color: #999999;
    font-size: 24px;
    margin-bottom: 5px;
}

.step_form_wrap .step_box .txt p:last-child {
    color: #999999;
    font-weight: bold;
    font-size: 16px;
}

.step_form_wrap .step_box li.active .ico {
    background-color: #243a72;
}

.step_form_wrap .step_box li.active .txt p:first-child {
    color: #243a72;
}

.step_form_wrap .step_box li.active .txt p:last-child {
    color: #666666;
}

.step_form_title {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 30px 0;
    background-color: #eeeff4;
    line-height: 1.6;
}

.step_form_title p+p {
    margin-top: 20px;
}

.step_form_title span {
    color: #243a72;
}

.step_form_title span.line {
    text-decoration: underline;
}

.step_choice_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 115px;
    border: 1px solid #e1e1e1;
    padding: 14px 0;
    margin-top: 10px;
}

.step_form_wrap .radio {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

.step_form_wrap .radio input {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}

.step_form_wrap .radio span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #9b9b9b;
    background-color: #fff;
    position: relative;
}

.step_form_wrap .radio input:checked~span::after {
    content: "";
    width: 70%;
    height: 70%;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.step_form_wrap .check input {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}

.step_form_wrap .check span {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #9b9b9b;
    background-color: #fff;
    position: relative;
}

.step_form_wrap .check input:checked~span {
    background-image: url('../images/admission_guide/check_arrow.png');
    background-position: center;
    background-repeat: no-repeat;
}

.step_form_box {
    margin-top: 68px;
}

.step_form_box .box {
    border-top: 1px solid #6b6b6b;
    background-color: #f2f3f8;
    padding: 18px;
    box-sizing: border-box;
}

.step_form_box .box .txt {
    background-color: #fff;
    padding: 25px;
    box-sizing: border-box;
    color: #666666;
    font-size: 16px;
    line-height: 1.5;
    word-break: keep-all;
    max-height: 180px;
    overflow-y: auto;
}

.step_form_wrap .check {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}

.step_form_box .box .txt::-webkit-scrollbar {
    width: 3px;
}

.step_form_box .box .txt::-webkit-scrollbar-thumb {
    background: #ebebeb;

    border-radius: 10px;
    box-shadow: 0 0 0 2px #ebebeb;
}

.step_form_box .box .txt::-webkit-scrollbar-track {
    background: #ebebeb
}

.step_form_box .label_box {
    display: flex;
    align-items: center;
    gap: 58px;
    color: #666666;
    margin-top: 14px;
    font-size: 18px;
    font-weight: bold;
    padding: 25px 0;
    justify-content: center;
}

.step_form_box .label_box:has(>span) {
    align-items: start;
}

.step_form_box .label_box>span {
    line-height: 1.5;
}

.step_form_box table .label_box {
    margin-top: 0;
}

.step_form_box .step_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 2px solid #6b6b6b;
    table-layout: fixed;
}

.step_form_box .step_table th {
    color: #666;
    font-weight: bold;
    text-align: center;
    background-color: #f2f3f8;
    width: 230px;
    border: 1px solid #e1e1e1;
    padding: 25px 0;

}

.step_form_box .step_table th.middle {
    vertical-align: middle;
}

.step_form_box .step_table td {
    padding: 15px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    vertical-align: middle;

}

.step_form_box .step_table td>b {
    font-weight: bold;
    color: #000;
    font-size: 18px;
}

.step_form_box .step_table td input[type=text],
.step_form_box .step_table td input[type=password] {
    height: 48px;
    border-radius: 5px;
    max-width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    font-size: 18px;
    width: auto;
    min-width: 0;

}

.step_form_box .step_table td select {
    height: 48px;
    border-radius: 5px;
    max-width: 362px;
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    font-size: 18px;
    color: #666666;
    text-align: center;

}

.step_form_box .step_table td .info {
    color: #666;
    font-size: 18px;
    margin-left: 10px;
}

.step_form_box .step_table .required {
    position: relative;
    padding-left: 10px;
}

.step_form_box .step_table .required::before {
    content: "*";
    font-weight: bold;
    color: #9c1c1f;
    position: absolute;
    left: 0;
    top: -3px;
}

.step_form_box .step_table tr:first-child td,
.step_form_box .step_table tr:first-child th {
    border-top: 0;
}

.step_form_box .step_table tr th:first-child {
    border-left: 0;
}

.step_form_box .step_table tr td:last-child {
    border-right: 0;
}

.step_form_box .step_table .hp_box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.step_form_box .step_table .hp_box>* {
    width: 175px;
}

.formn_info_box {
    margin-top: 25px;
}

.formn_info_box .center {
    text-align: center;
}

.formn_info_box p {
    color: #666666;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.formn_info_box.blue p {
    color: #243a72;
}

.formn_info_box p.warning {
    color: #9c1c1f;
}

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

.step_form_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    gap: 5px;
}

.step_form_btn input,
.step_form_btn a {
    text-align: center;
    width: 120px;
    line-height: 40px;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
    display: block;
    border: 0;
    outline: 0;
    border-radius: 5px;
    cursor: pointer;
    height: 40px;
}

.step_form_btn input {
    background-color: #243a72;
}

.step_form_btn a {
    background-color: #666666;
}

.step_form_box #phone_num {
    display: none;
}

.step_form_table_tit {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 20px;
}

.step_form_table_tit .sub_title {
    margin-bottom: 0;
}

.step_form_table_tit .info {
    font-weight: bold;
    color: #9c1c1f;
    font-weight: bold;
    font-size: 18px;
}

.step_form_box .flex_box {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.step_form_box .flex_box span {
    color: #666666;
    font-size: 18px;
}

.step_form_box .name_box>div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.step_form_box .name_box>div input[type=text] {
    flex: 1;
    max-width: 160px;
    box-sizing: border-box;
}

.step_form_box .name_box {
    gap: 15px;
}

.step_form_box .name_box .bar {
    width: 1px;
    height: 48px;
    background-color: #e1e1e1;
    display: block;
}

.step_form_box .name_box>div {
    flex: 1;
}

.step_form_box .photo_box {
    display: flex;
    gap: 15px;
}

.step_form_box .bgimg {
    background-color: #f3f3f3;
    height: 120px;
    width: 95px;
    background-image: url('../images/admission_guide/img_ico.png');
    background-position: center;
    background-repeat: no-repeat;
}

.step_form_box .bgimg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
}

.step_form_box .file_txt_box .txt p {
    color: #666666;
    font-size: 18px;
    margin-bottom: 10px;
}

.step_form_box .file_txt_box .txt p:last-child {
    margin-bottom: 0;
}

.step_form_box .file_txt_box .txt p.red {
    color: #9c1c1f;
}

.step_form_box .file_btn {
    margin-top: 15px;
    display: flex;
    gap: 12px;
}

.step_form_box .file_btn .file_box {
    display: none;
}

.step_form_box .file_btn .file_up_btn {
    color: #666666;
    font-size: 16px;
    border-radius: 5px;
    background-color: #ececec;
    width: 120px;
    height: 48px;
    border: 0;
}

.step_form_box .file_btn .file_name {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 440px;
    color: #666;
    text-align: center;

}

.step_form_box .birth_boxs {
    display: flex;
    gap: 10px;
    align-items: center;
}

.step_form_box .select2 {
    min-width: 176px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    padding-block-end: 0;
}

.step_form_box .select2 .select2-selection {
    border: 0;
    height: 100%;
    padding: 0;
    padding-right: 20px;

}

.step_form_box .select2 .select2-selection__rendered {
    border: 0;
    height: 100%;
    padding: 0;
    color: #666666;
    font-size: 18px;
    margin-top: 0;
    text-align: center;
    line-height: 48px;
}

.step_form_box .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.step_form_box .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    width: 13px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../images/admission_guide/select_arrow.png');
    margin-left: 0;
    /* left: 15px; */
}

.step_form_box .add_box_wrap .add_btn {
    background-color: #ececec;
    border-radius: 5px;
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #666666;
}

.step_form_box .add_box_wrap .tb_add_box2 {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    width: 100%;
}

.step_form_box .add_box_wrap .tb_add_box2>div {
    flex: 1;
}

.step_form_box .add_box_wrap .tb_add_box2 input[type=text] {
    max-width: none;
    width: 100%;
}

.step_form_box .back_box_wrap {
    display: flex;
    gap: 45px;
}

.step_form_box .back_box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.step_form_box .back_name {
    flex: 1;
}

.step_form_box .back_box .select2,
.step_form_box .back_box input {
    flex: 1;
    min-width: 160px;
}

.step_form_box .step_table td:has(.in_table) {
    padding: 10px 0;
}

.step_form_box .in_table {
    table-layout: fixed;
    width: 100%;
}

.step_form_box .in_table th {
    background-color: transparent;
    font-weight: normal;
    border: 0;
    text-align: left;
    width: 134px;
    padding: 0 16px;
    box-sizing: border-box;
    vertical-align: middle;
}

.step_form_box .in_table td {
    border: 0;
    padding: 7px 0;
    width: calc(100% - 134px);
}

.step_form_box .date_wrap {
    display: flex;
    gap: 6px;
}

.step_form_box .date_wrap .date_box {
    flex: 1;
}

.step_form_box .date_wrap .date_box.year_box {
    flex: auto;
    max-width: 120px;
    width: 120px;
}

.step_form_box td .in_table .select2,
.step_form_box td .in_table input[type=text] {
    min-width: 100%;
    max-width: 100%;
}

.step_form_box .record_box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.select2-hidden-accessible{
    min-width: 0 !important;
}
.step_form_box td .record_box input[type=text] {
    flex: 1;
    min-width: 98px;
}

.step_form_box .in_table tr th:not(:first-child) {
    padding-left: 50px;
}

.step_form_box .in_table.china tr th:not(:first-child) {
    padding-left: 20px;
}

.step_form_box .in_table tr.in_three_row th:not(:first-child) {
    padding-left: 16px;
    text-align: right;
}

.step_form_wrap .flex_box .radio {
    font-weight: normal;
    color: #666666;
}

.step_form_wrap .flex_box:has(.radio + .radio) {
    gap: 75px;
}

.modal_modify_layout .step_form_wrap .flex_box:has(.radio + .radio) {
    gap: 50px;
}

.step_form_box .div_plus_box {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.step_form_box .div_plus_box button {
    width: 28px;
    height: 28px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    line-height: 28px;
    text-align: center;
    color: #666666;
    font-size: 24px;
    cursor: pointer;
}

.step_form_box .in_tb_hp_box .tb_hp_box {
    flex: 1;
    max-width: 33%;
}

.step_form_box .work_day {
    display: flex;
    gap: 40px;
    align-items: center;
}

.step_form_box .in_table .work_day input[type=text] {
    flex: 1;
    min-width: 0;

}

.step_form_box .in_table .work_day>div {
    flex: 1;
    min-width: 0;

}

.step_form_box .in_table .work_day>div.flex_box {
    flex: auto;
    max-width: 52%;
}

.step_form_box .in_table .file_txt_box input[type=text] {
    min-width: 0;
    flex: 1;
}

.step_form_box .support_text {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    width: 100%;
    height: 106px;
    resize: none;
}

.step_info_box ul {
    display: flex;
    gap: 15px;
}

.step_info_box ul li {
    flex: 1;
    background-color: #fff;
    padding: 28px 15px;
    text-align: center;
}

.china .step_info_box ul li {
    padding: 28px 30px;
}

.step_info_box ul li>span {
    border-radius: 50px;
    color: #fff;
    background-color: #636c94;
    min-width: 284px;
    line-height: 45px;
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 0 40px;
}

.step_info_box ul li>div {
    color: #333;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
}

.step_info_box ul li>.pro_txt {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.step_link_boxs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 21px;
}

.step_link_boxs .step_link {
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    border-radius: 50px;
    border: 1px solid #b5b9cd;
    padding: 6px;
    position: relative;
    color: #243a72;
    font-weight: bold;
    font-size: 20px;
    width: 240px;
}

.step_link_boxs .step_link .ico {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #636c94;
    position: relative;
}

.step_link_boxs .step_link .ico img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.step_link_boxs .step_link .ico2 {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.modal_modify_layout {
    max-width: 1240px;
    margin: 0 auto;
}

.form_title_box {
    text-align: center;
    margin-top: 25px;
    color: #000;

}

.form_title_box .tit {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 2px;
}

.form_title_box table {
    margin: 20px auto 0;
    border: 1px solid #000;
    vertical-align: middle;
    font-size: 18px
}

.form_title_box table td {
    vertical-align: middle;
    text-align: center;
    padding: 10px 20px
}

.form_title_box table td b {
    font-weight: bold;

}

.step_info_box_type2>p {
    color: #243a72;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.step_info_list_type2 li {
    display: flex;
    align-items: start;
    gap: 15px;
    margin-bottom: 25px;
}

.step_info_list_type2 li p {
    flex: 1;
    color: #333333;
    font-size: 20px;
    line-height: 1.5;
}

.step_info_list_type2 li span {
    color: #333333;
    font-size: 20px;
    text-align: center;
    width: 168px;
    border-radius: 30px;
    background-color: #d8dbe6;
    line-height: 45px;
}

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

.search_tit {
    margin-top: 50px;
}

.board_sch_form.full input {
    width: auto;
    flex: 1;
}

.search_tit {
    text-align: center;
    font-size: 30px;

}

.search_tit .search_word {
    border-bottom: 1px solid #243a72;
    color: #243a72;
    font-weight: bold;
}

.search_tit .count {
    border-bottom: 1px solid #e60012;
    color: #e60012;
    font-weight: bold;
}

.search_type_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6b6b6b;
    padding-bottom: 15px;
}

.search_type_tit .tit {
    font-weight: bold;
    font-size: 20px;
}

.search_type_tit .tit span {
    color: #e60012;
}

.search_type_tit .more {
    color: #9c1c1f;
    font-size: 18px;
    font-weight: bold;
}

.search_board_list ul li {
    padding: 30px 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    color: #333333;
    line-height: 1.7;
    font-weight: bold;
}

.search_board_list ul li .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.search_board_list ul li .tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.search_board_list ul li .search_menu {
    margin-top: 22px;
    display: flex;
    gap: 14px;
    font-weight: bold;
    color: #999999;
    font-size: 18px;
}

.search_board.board_box {
    margin-top: 70px;
}

.search_board.page_box {
    margin-top: 45px;
}

.search_board+.paging_wrap {
    margin-top: 30px;
}

.mo_v {
    display: none !important;
}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.title1{width:100%;}
/* 반응형 */
@media(max-width:1800px) {
    .wrap {
        padding: 0 30px;
        width: auto;
    }

    #banner .bn_txt .wrap .left .tit {
        font-size: 35px;
    }

    #banner .bn_txt .wrap .left .desc {
        font-size: 16px;
    }

    #header .menu_list>li>a {
        font-size: 18px;
    }

    #header .sub_menu ul li a {
        font-size: 16px;
    }

    #main_board .board .tit_box .tit {
        font-size: 30px;
    }

    #main_board .board .tit_box .notice_tab li {
        font-size: 14px;
    }

    #main_board .wrap {
        gap: 50px;
    }

    #main_board .notice .notice_list li a .tit {
        font-size: 15px;
    }

    #program .wrap .title_box .desc br {
        display: none;
    }

    #program .wrap .title_box .desc {
        word-break: keep-all;
    }

    #program .wrap .thumb_box .tit {
        font-size: 16px;
        padding-left: 10px;
        box-sizing: border-box;
        bottom: 15px;
    }

    #program .wrap .thumb_box .tit img {
        width: 12px;
    }
}

@media(max-width:1500px) {
    .sub_wrap {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .sub_pg_title_box {
        padding: 45px 20px;
    }

    .sub_pg_title {
        font-size: 40px;
    }

    .sub_title span {
        font-size: 22px;
    }

    .intrduce_goal .img_box {
        width: 100%;

    }

    .intrduce_goal .img_box img {
        max-width: 100%;
        width: 100%;
    }

    .intrduce_goal .img_box {}

    .intrduce_goal .img_box::after {
        display: none;
    }

    .intrduce_goal .txt {
        padding: 48px 20px 48px;
        border-bottom: 4px solid #e2e2e2;
    }

    .history_tab li {
        font-size: 18px;
        padding: 15px 0 10px;
    }

    .history_list .history_in_box {
        gap: 50px;
    }

    .history_list .history_box .left .year {
        font-size: 40px;
    }

    .history_list .history_box .left .desc {
        font-size: 15px;
    }

    .history_list .history_box .right>ul>li .year_txt {
        font-size: 22px;
    }

    .history_list .history_box .right>ul>li .info_list li .txt {
        font-size: 15px;
    }

    .history_list .history_box .right>ul>li .info_list {
        top: 0;
    }

    .history_list .history_box .right>ul>li .point {
        top: 0;
    }

    .history_list .history_box .right>ul>li .info_list {
        padding-bottom: 20px;
    }

    .history_list .history_box .right>ul>li {
        margin-bottom: 20px;
    }

    .history_list .history_box .right>ul>li .info_list li .month {
        font-size: 16px;
        position: relative;
        top: 6px;
    }

    .history_list .history_box .right>ul>li .info_list li .month::after {
        top: calc(50% - 2px);
    }

    .intrduce_goal_vertical .txt .title {
        font-size: 24px;
        line-height: 1.4;
        padding: 25px 0;
    }

    .intrduce_goal_vertical .txt .desc {
        padding-left: 40px;
    }

    .intrduce_goal_vertical .left .txt .desc {
        padding-right: 40px;
    }

    .intrduce_goal_vertical .img_box {
        width: 100%;

        height: 100%;
    }

    .intrduce_goal_vertical .img_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .intrduce_goal_vertical .txt .desc {
        font-size: 16px;
    }

    .intrduce_goal_vertical .label {
        line-height: 50px;
        padding: 0 10px;
        font-size: 12px;
    }

    .contact_info_box .way_box .address .tit {
        font-size: 20px;
    }

    .contact_info_box .way_box .address p {
        font-size: 16px;
        flex: 1;
    }

    .contact_info_box .way_box .address {
        gap: 10px;
    }

    .contact_info_box .way_as {
        padding: 40px;
    }

    .contact_info_box .way_as .title {
        font-size: 20px;
    }

    .contact_info_box .way_as .title img {
        width: 20px;
    }

    .contact_info_box .way_as .bus_list li p {
        font-size: 16px;
    }

    .contact_info_box .way_as .bus_list li span {
        font-size: 16px;
        padding: 7px 12px;
    }

    .contact_info_box .way_as .bus_list li {
        gap: 15px;
    }

    .contact_info_box .subway_txt .mark+span {
        font-size: 16px;
    }

    .contact_info_box .subway_txt .mark .txt span {
        font-size: 16px;
    }

    .contact_info_box .subway_txt .mark .txt {
        padding: 4px 18px;
    }

    .contact_info_box .subway_txt .mark .line {
        width: 200px;
    }

    .contact_info_box .way_as .title {
        margin-bottom: 25px;
    }

    .contact_info_box .way_box .address {
        padding: 20px 0 30px;
    }

    .contact .contact_info_wrap {
        margin-bottom: 45px;
    }
    .paper_box{
        padding: 60px;
    }
}

@media(max-width:1400px) {
    .step_info_box ul li>.pro_txt{
        gap: 10px;
        font-size: 16px;
    }
    .step_info_list_type2 li p{
        font-size: 14px;
    }
    .give_down_item .txt{
        font-size: 16px;
    }
    .down_box_v2.grid ul{
        grid-template-columns: repeat(2 , 1fr);
    }
    #banner .bn_txt .wrap {
        padding: 0 50px;
    }

    #top_header a {
        font-size: 13px;
        padding: 9px 14px;
    }

    #banner {
        height: 450px;
    }

    #banner .bn_txt .wrap .left .tit {
        font-size: 30px;
        margin-bottom: 20px;
    }

    #banner .bn_txt .wrap .left .desc {
        font-size: 14px;
    }

    #banner .bn_txt .sch_form .hash_box a {
        line-height: 25px;
        padding: 0 12px;
    }

    #banner .bn_txt .sch_form .sch_box input {
        height: 40px;
    }

    #banner .bn_txt .sch_form .sch_box button img {
        width: 25px;
    }

    #banner .bn_txt .right .bn_links {
        margin-top: 25px;
    }

    #banner .bn_txt .right .bn_links img {
        width: 35px;
    }

    #banner .bn_txt .right .bn_links a p {
        font-size: 14px;
        margin-top: 10px;
    }

    #banner .bn_txt .bn_btns button {
        width: 35px;
        height: 35px;
    }

    #banner .bn_txt .bn_btns {
        margin-top: 30px;
    }

    #main_board .board .tit_box .tit {
        font-size: 25px;
    }

    #main_board {
        padding: 50px 0;
    }

    #main_board .board .tit_box .cal_btns span {
        font-size: 16px;
    }

    #main_board .board .tit_box .notice_tab li {
        padding-bottom: 3px;
    }

    #main_board .board .tit_box .notice_tab ul {
        gap: 10px;
    }

    #main_board .calendar .board_con ul li .date {
        padding: 5px 10px;
        width: 113px;
        font-size: 14px;
    }

    #main_board .calendar .board_con ul li .bo_tit {
        font-size: 14px;
    }

    #main_board .calendar .board_con ul li {
        margin-bottom: 6px;
        padding-right: 15px;
    }

    #main_board .notice .notice_list li a .cate {
        font-size: 15px;
        width: 70px;
    }

    #main_board .calendar {
        width: auto;
    }

    #main_board .board .tit_box {
        margin-bottom: 15px;
    }

    #main_board .wrap {
        gap: 30px;
    }

    #main_board .notice .notice_list li {
        padding: 10px 0;
    }

    #main_board .notice .notice_list li a .date {
        font-size: 12px;
        margin-top: 4px;
    }

    #main_board .notice .notice_list li a .tit {
        font-size: 13px;
    }

    #main_board .calendar .scroll_box {
        max-height: 133px;
    }

    #program .wrap .title_box .desc {
        font-size: 16px;
    }

    #program .wrap .title_box .tit {
        font-size: 30px;
        margin-bottom: 15px;
    }

    #program {
        padding: 45px 0;
    }

    #program .wrap {
        gap: 10px;
    }

    #program .wrap .thumb_box .tit {
        font-size: 14px;
        gap: 10px;
    }

    #footer .wrap {
        gap: 30px;
        padding: 30px 15px;
    }

    #footer .wrap>img {
        width: 250px;
    }

    #footer .wrap .ft_text {
        font-size: 12px;
    }

    #footer .wrap .ft_links a {
        font-size: 13px;
    }

    .board_in_tab ul li {
        flex: auto;
    }

    .contact_info_list li .number {
        font-size: 20px;
    }

    .contact_info_list li .ci_list li {
        font-size: 16px;
    }

    .contact_info_box .ci_member>li .desc {
        font-size: 15px;
    }

    .contact_info_list li .title p {
        font-size: 16px;
    }

    .contact_info_list li .title .icon {
        width: 40px;
        height: 40px;
    }

    .contact_info_list li .ci_list li {
        margin-bottom: 10px;
    }

    .contact_info_box .ci_member>li .title {
        width: 115px;
    }

    .master_box {
        padding: 60px 30px 30px;
    }

    .master_txt_box>ul>li .tit {
        padding: 0 30px;
    }

    .master_txt_box>ul>li {
        padding: 40px 10px 10px;
    }

    .master_txt_box .info_list {
        padding: 0 20px;
    }

    .master_txt_box>ul>li .tit {
        margin-bottom: 30px;
        font-size: 20px;
    }

    .master_txt_box .info_list li p {
        font-size: 15px;
    }

    .master_txt_box .info_list li {
        margin-bottom: 20px;
    }

    .master_txt_box .info_list {
        margin-bottom: 30px;
    }

    .master_txt_box .down_box>p {
        font-size: 15px;
        line-height: 1.4;
    }

    .master_txt_box .down_list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .master_txt_box .down_list .down_box {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    }

    .master_txt_box .down_box>p {
        margin-bottom: 0;
    }

    .master_txt_box .down_box .logo {
        margin-bottom: 0;
    }

    .master_txt_box .down_box .down_file_box {
        flex: 1;
        display: flex;
        gap: 5px;
    }

    .master_txt_box .down_box .down_file_box.vertical a {
        flex-direction: row;
        font-size: 12px;
        gap: 3px;
        padding: 9px 5px;
    }

    .master_txt_box .down_box .logo {
        width: 40px;
        height: 40px;
    }
    .china_info_title_list ul li>div{
        width: 100px;
    }
    .china_info_title_list ul li p{
        font-size: 14px;
    }
    .china_info_txt{
        font-size: 16px;
    }
    .china_info_sub p{
        font-size: 14px;
    }
    .table_box .table_list li{
        font-size: 16px;
    }
    .table_box table th{
        font-size: 16px;
        vertical-align: middle;
    }
    .table_box table td{
        padding: 10px;
        font-size: 16px;
    }
    .table_box .table_caption{
        font-size: 14px;
    }
    .table_box .table_title span{
        font-size: 16px;
    }
    table.mo_v{
        display: table !important;
    }
    .round_box_wrap .round_box{
        font-size: 16px;
    }
    .down_box_v2 ul li>p{
        font-size: 16px;
        word-break: keep-all;
    }
    .down_box_v2 ul li>a{
       width: 100%;
       padding: 0 10px;
    }
    .down_box_v2 ul{
        gap: 10px;
    }
    .down_box_v2 ul li{
        padding: 25px 10px;
    }
    .step_form_wrap .step_box ul{
        gap: 15px;
    }
    .step_form_wrap .step_box .txt p:first-child{
        font-size: 18px;
    }
    .step_form_wrap .step_box .txt p:last-child{
        font-size: 14px;
    }
    .step_form_wrap .step_box .ico{
        width: 45px;
        height: 45px;
    }
    .step_form_wrap .step_box .ico img{
        width: 50%;
        height: 50%;
        object-fit: contain;
    }
    .step_form_title{
        font-size: 18px;
        padding: 20px 0;
    }
    .step_form_wrap .radio{
        font-size: 15px;
    }
    .step_choice_box{
        gap: 60px;
    }
    .step_form_box .box .txt{
        font-size: 14px;
    }
    .step_form_box .label_box{
        font-size: 14px;
        padding: 10px 0;
        gap: 10px;
    }
    .step_form_wrap .check{
        font-size: 14px;
    }
    .formn_info_box p{
        font-size: 13px;
    }
    .formn_info_box{
        margin-top: 10px;
    }
    .step_form_box .step_table td .info{
        font-size: 14px;
        display: block;
        margin-top: 10px;
    }
    .step_form_box .step_table th{
        width: 150px;
    }
    .step_form_box .label_box>span{
        flex: 1
        ;
    }
    .step_form_wrap .flex_box:has(.radio + .radio){
        gap: 20px;
    }
    .step_form_box .step_table th{
        font-size: 14px;
    }
    .step_form_box .file_txt_box .txt p{
        font-size: 14px;
    }
    .step_form_box .name_box{
        gap: 0;
    }
    .step_form_box td .record_box input[type=text]{
        min-width: 0;
    }

}

@media(max-width:1240px) {
    .step_form_box .in_table tr th:not(:first-child){
        padding-left: 10px;
    }
    .step_form_box .in_table colgroup{
        display: none;
    }
    .step_form_box .work_day{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .step_form_box .in_table .work_day>div.flex_box{
        max-width: 100%;
        flex-direction: column;
        align-items: start;
    }
    .step_form_box .in_table .work_day input[type=text]{
        flex:auto;
        width: 100%;
    }
    .step_form_box .step_table,
    .step_form_box .step_table tbody,
    .step_form_box .step_table tr,
    .step_form_box .step_table th,
    .step_form_box .step_table td{
        display:block;
        
    }
    .step_form_box .step_table th{
        width:100%;
        text-align:left ;
        padding:10px 10px
    }
    .step_form_box .step_table td{
        border-right:0;
        border-top:0;
        border-left:0;
        width:100%;
    }
    .step_form_box .flex_box{
    }
    .step_form_box .step_table td select{
        width: 100%;
        font-size: 14px;
    }
    .step_form_box .select2{
        min-width: 0;
        max-width: 100%;
    }
    .step_form_box .tb_em_box{
        flex: 1;
    }
    .step_form_box .select2 .select2-selection__rendered{
        font-size: 14px;
    }
    .step_form_box .add_box_wrap .add_btn{
        font-size: 14px;
    }
    .step_form_box .birth_box{
        flex: 1;
    }
    .step_form_box .step_table td input[type=text], .step_form_box .step_table td input[type=password]{
        width: 100%;
        font-size: 14px;
    }
    .step_form_box .file_btn .file_name{
        flex: 1;
        width: auto;
    }
    .step_form_box .photo_box{
        gap: 0;
    }
    .step_form_box .file_txt_box{
        flex: 1;
    }
    .step_form_box .flex_box span{
        font-size: 15px;
    }

    .step_form_box .in_table th{
        text-align:left ;
    }
    .round_box_wrap .round_box{
        font-size: 12px;
    }
    .down_box_v2 ul li>p{
        font-size: 14px;
    }
    #main_board .wrap {
        flex-direction: column;
    }

    #banner .bn_txt .sch_form .hash_box a {
        font-size: 10px;
        padding: 0 7px;
    }

    #banner .bn_txt .right {
        padding: 30px 0 0 18px;
    }

    #banner .bn_txt .wrap {
        padding: 0 20px;
    }

    #banner .bn_txt .right .bn_links img {
        width: 30px;
    }

    #banner .bn_txt .right .bn_links a p {
        font-size: 13px;
    }

    #program .wrap .thumb_box>a>img {
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 5px;
        overflow: hidden;
    }

    #program .wrap .thumb_box .tit {
        font-size: 12px;
        gap: 4px;
    }

    #program .wrap .thumb_box .tit img {
        width: 8px;
    }

    #footer .wrap .ft_text li {
        flex-wrap: wrap;
    }

    #footer .wrap .ft_links {
        gap: 10px;
    }

    #header .logo img {
        width: 150px;

    }

    #header .logo {
        margin-bottom: 20px;
        max-width: 180px;
    }
    .history_tab_slide.on {
    
        width: calc(100% - 220px);
}
    #header::before {
        width: 180px;
    }

    #header .menu_list>li>a {
        font-size: 16px;
        padding: 15px 0;
        width: 180px;

    }

    #header .sub_menu {
        padding: 15px 20px;
    }

    #header .sub_menu ul li a {
        font-size: 14px;
    }

    #header .sub_menu ul li {
        padding-right: 20px;
    }

    #header .sub_menu ul li::after {
        right: 6px;
    }

    #header .menu_close {
        top: 35px;
        right: 30px;
    }

    #header .menu_close img {
        width: 20px;
    }

    #header {
        padding-top: 35px;
    }

    #content {
        padding-left: 180px;
    }

    #footer {
        padding-left: 180px;
    }

    .intrduce_goal_vertical .img_box img {
        max-width: 300px;
    }

    .intrduce_goal_vertical .txt .title {
        font-size: 20px;
    }

    .intrduce_goal_vertical .txt .title {
        padding: 25px 15px;
        word-break: keep-all;
    }

    .intrduce_goal_vertical .txt .title br {
        display: none;
    }

    .intrduce_goal_vertical .txt .desc {
        padding-left: 30px;
        margin-top: 25px;
    }

    .intrduce_goal_vertical .left .txt .desc {
        padding-right: 30px;
    }

    .intrduce_goal_vertical .txt .desc p {
        margin-bottom: 10px;
    }

    .intrduce_goal_vertical>div:has(.txt) {
        padding-top: 20px;
    }

    .intrduce_goal .txt {
        margin-bottom: 0;
    }

    .intrduce_goal {
        padding-bottom: 110px;
    }

    .professor_list ul {
        gap: 30px 20px;
    }

    .professor_list ul li .txt .info {
        font-size: 14px;
    }

    .professor_list ul li .txt .cate {
        font-size: 13px;
    }

    .view_box .profile .info {
        font-size: 15px;
    }

    .view_box .profile .profile_info_list li p {
        font-size: 14px;
    }

    .view_box .profile .profile_info_list li span {
        font-size: 14px;
    }

    .view_box .profile .profile_info_list li {
        gap: 10px;
    }

    .view_box .profile .profile_info_list li span {
        gap: 7px;
    }

    .view_box .profile .name {
        font-size: 24px;
    }

    .view_box .profile .position {
        font-size: 16px;
    }

    .view_box .profile .profile_info_list {
        margin-top: 25px;
    }

    .view_box .profile .info {
        margin-top: 20px;
    }

    .view_box .profile .profile_img {
        width: 110px;
        height: 110px;
    }

    .view_box .profile .profile_info_list li {
        margin-bottom: 15px;
    }

    .view_box {
        gap: 30px;
    }

    .view_box .txt_list>ul>li>ul li {
        font-size: 14px;
    }

    .view_box .txt_list>ul>li {
        margin-bottom: 20px;
    }

    .contact_info_list>li {
        padding: 20px;
        gap: 20px;
    }

    .contact_info_list li .number {
        font-size: 18px;
    }

    .contact_info_list li .ci_list li {
        font-size: 16px;
    }

    .contact_info_box .way_box .address p {
        font-size: 14px;
        word-break: keep-all;
    }

    .contact_info_box .way_box .address .tit {
        font-size: 16px;
    }

    .contact_info_box .way_box .address {
        align-items: start;
    }

    .contact_info_box .way_as .title {
        font-size: 16px;
    }

    .contact_info_box .way_as {
        padding: 20px;
    }

    .contact_info_box .way_as .title {
        margin-bottom: 15px;
    }

    .contact_info_box .way_as .bus_list li span {
        font-size: 14px;
    }

    .master_box:has(.guideline_links){
        padding: 60px 45px;
        gap: 25px;
    }
    .guideline_links li>p{
        font-size: 22px;
    }
    .guideline_links li .link_box{
        font-size: 16px;
    }
    .guideline_links li>img{
        width: 110px;
    }
    .guideline_links li .link_box{
       width: 100%;
    }
    .guideline_links li .link{
        width: 106px;
    }
    .guideline_links li .links{
        width: 100%;
    }
    .guideline_links{
        gap: 25px;
    }

    .cal_list ul li{
        gap: 15px;
        align-items: center;
    }
    .cal_box>div{
        padding: 20px;
    }
    .cal_list ul li .date_txt{
        font-size: 15px;
        word-break: keep-all;
        line-height: 1.5;
    }
    .cal_list ul li .date{
        font-size: 15px;
    }

    .down_box_v2 ul li .cate{
        padding: 0 20px;
        font-size: 18px;
        line-height: 40px;
        min-width: 0;
    }
    .guideline_links.hori_list .txt .tit{
        font-size: 22px;
    }
    .guideline_links.hori_list .txt .desc{
        font-size: 15px;
    }
    .guideline_links.hori_list .down_item{
        font-size: 15px;
    }
    .guideline_links.hori_list li{
        gap: 10px;
    }
    .guideline_links.hori_list .down_item{
        gap: 8px;
    }
    .bo_list ul li .subject a{
        font-size: 15px;
    }
    .board .cate span{
        font-size: 14px;
        width: 82px;
        line-height: 28px;
    }
    .bo_list ul li .date{
        font-size: 14px;
    }
    .bo_list_tab a{
        font-size: 16px;
    }
    .bo_list ul li .notice{
        font-size: 14px;
    }
    .bo_list ul li .notice img{
        width: 30px;
    }
    .board_sch_form .total_count b{
        font-size: 15px;
    }
    .board_sch_form .total_count{
        font-size: 13px;
    }
    .search_board_list ul li{
        font-size: 15px;
    }
    .search_board_list ul li .search_menu{
        font-size: 13px;
        margin-top: 10px;
    }
    .search_board_list ul li{
        padding: 20px 0;
    }
    .search_type_tit .tit{
        font-size: 18px;
    }
    .search_type_tit .more{
        font-size: 16px;
    }
    .search_tit{
        font-size: 22px;
    }
 
}

@media(max-width:1024px) {
    .search_tit{
        font-size: 20px;
    }
    .guideline_links.hori_list .txt .table_list.gap_max:has(span){
        font-size: 18px;
    }
    .guideline_links.hori_list .txt .desc{
        gap:10px;
        font-size: 14px;
        word-break: keep-all;
    }
      .guideline_links.hori_list .txt .desc span{
        word-break: keep-all;
      }
    .guideline_links.hori_list .down_item .icon{
        width: 25px;
        height: 25px;
    }
    .guideline_links.hori_list .down_item>img{
        width: 14px;
    }
        .guideline_links.hori_list .down_item {
        font-size: 13px;
        padding: 5px 6px;
    }
    .guideline_links.hori_list .txt .desc{
        gap: 12px;
    }
    .master_box:has(.guideline_links){
        padding: 50px 20px;
    }
    .guideline_links{
        gap: 15px;
    }
    .guideline_links li .links_tit{
        gap: 8px;
        font-size: 13px;
    }
    .guideline_links li .link{
        padding: 84px;
        padding: 8px 10px;
        font-size: 11px;
    }
    .guideline_links li>p{
        font-size: 18px;
    }
    
    #banner .bn_txt .wrap {
        flex-direction: column;
    }

    #banner {
        height: auto;
    }

    #banner .bn_txt {
        position: relative;
        top: auto;
        transform: none;
        padding: 70px 0 50px;
    }

    #banner {
        padding-top: 32px;
    }

    #banner .bn_txt .right {
        padding: 0;
        margin-top: 30px;
    }

    #banner .bn_txt .right .bn_links {
        justify-content: center;
        gap: 25px;
    }

    #program .wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .professor_list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .board_sch_form input {
        width: 400px;
    }

    .board_in_tab ul {
        flex-wrap: wrap;
    }

    .board_in_tab ul li {
        font-size: 12px;
    }

    .view_box {
        flex-direction: column;
    }

    .view_box .profile {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .view_box .profile .profile_info_list {
        width: auto;
    }

    .contact_info_list>li {
        padding: 20px 10px;
    }

    .contact_info_list li .ci_list li {
        font-size: 14px;
        word-break: keep-all;
        margin-bottom: 4px;
    }

    .contact_info_box .ci_member>li .desc {
        word-break: keep-all;
        line-height: 1.4;
    }

    .contact_info_box .subway_txt .mark .txt {
        padding: 4px 10px;
    }

    .contact_info_box .subway_txt .mark .line {
        width: 180px;
    }

    .contact_info_box .subway_txt .mark .txt b {
        font-size: 12px;
    }

    .contact_info_box .subway_txt .mark .txt span {
        font-size: 14px;
    }

    .contact_info_box .subway_txt .mark .txt {
        gap: 8px;
    }

    .contact_info_box .subway_txt {
        gap: 8px;
    }

    .contact_info_box .subway_txt .mark+span {
        font-size: 14px;
    }

    .contact_info_box .way_as .bus_list li p {
        font-size: 14px;
    }
    .master_txt_box>ul{
        flex-direction: column;
    }
    .master_txt_box .down_list .down_box{
        flex-wrap: wrap;
        justify-content: start;
    }
    .master_txt_box .down_box .down_file_box{
        flex: none;
        width: 100%;
    }
    .china_info_title_list ul li>div{
        width: 70px;
    }
    .china_info_title_list ul li p{
        font-size: 11px;
    }
    .cal_list ul li{
        flex-direction: column;
        align-items: start;
    }
    .down_box_v2 ul li .cate{
        font-size: 16px;
        padding: 0 10px;
        line-height: 35px;
    }
    .down_box_v2 ul li{
        padding: 25px 3px;
    }
    .down_box_v2.gap_large ul li{
        gap: 20px;
    }
    .down_box_v2.grid_2_box ul li>p{
        font-size: 14px;
        word-break: keep-all;
    }
    .board_sch_form input{
        width: 200px;
    }
    .board_sch_form select{
        width: 120px;
    }
    .bo_list ul li .cate{
        width: auto;
    }
    .bo_list ul li{
        gap: 5px;
    }
    .bo_view .cont_box .cont{
        padding: 44px 20px 40px;
    }
   .bo_view .title_box .title{
    font-size: 24px;
    line-height: 1.4;
    word-break: keep-all;
    margin-bottom: 20px;
   }
   .bo_view .title_box .info_box li{
    padding: 0 10px;
    gap: 10px;
    font-size: 14px;
   }
     .step_form_wrap .step_box li .txt{
        flex: 1;
     }
     .step_form_wrap .step_box .ico{
        width: 38px;
        height: 38px;
     }
   .step_form_wrap .step_box .txt p:first-child{
    font-size: 16px;
   }
      .step_form_wrap .step_box li.arrow img{
    width: 9px;
   }
   .step_form_wrap .step_box ul{
    gap: 5px;
   }
   .step_form_title{
    font-size: 15px;
   }
   .step_form_title p+p{
    margin-top: 10px;
   }
   .china .step_info_box ul li{
    padding: 20px;
   }
   .step_info_box ul li>.pro_txt{
    gap: 10px;
   }
   .step_info_box ul{
    flex-direction: column;
   }
   .step_link_boxs{
    flex-direction: column;
   }
   .step_info_box ul li>div{
    font-size: 15px;
   }
   .step_info_box ul li>span{
    font-size: 15px;
   }
   .step_form_table_tit .info{
    font-size: 14px;
   }
   .step_form_box .back_box_wrap{
        flex-direction: column;
        gap: 10px;
    }
}

@media(max-width:768px) {
    .history_tab_slide.on{
        width: 100%;
        top: 61px;
    }
    #header .menu_list>li.active2>a {
    color: #66ffff;
    background-color: #000000;
}
    .hd_pops_con{
        max-width: 100%;
        width: 100% !important;
    }
    .step_form_box .name_box .bar{
        display: none;
    }
    .step_form_title{
        padding: 20px;
    }
    .step_form_title p{
        word-break: keep-all;
    }
    .step_info_list_type2 li{
        flex-direction: column;
    }
    .step_info_box ul li>span{
        width: 100%;
        min-width: 0;
        line-height: 1.4;
        padding: 10px;
    }
    .bo_view .title_box .info_box li:last-child{
    display: none;
   }

    .bo_view .cont_box .file_box li a{
        display: flex;
        width: 100%;
        overflow: hidden;
    }
    .bo_view .cont_box .file_box li a span{
        flex: 1;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .table_box .table_list.mo_grid_1{
        grid-template-columns: repeat( 1 , 1fr);
    }
    .table_box .table_list.mo_grid_1 li{
        display: flex;
        flex-direction: column;
    }
    .intrduce_goal .img_box::before {
        display: block;
    }

    #header.open {
        padding-top: 94px;
        width: 100%;
    }

    #header .menu_list>li {}

    #header .menu_list>li.active .sub_menu {
        background-color: transparent;
    }

    #header.open .sub_menu ul li a {
        font-size: 16px;
        padding: 15px 25px;
        text-align: left;
        color: #fff;
    }

    #header.open .sub_menu ul li a::after {
        content: "";
        display: block;
        width: 13px;
        height: 20px;
        background-image: url('../images/mobile/m_menu_arrow.png');
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%)
    }

    #header .sub_menu ul li {
        padding-right: 0;
        width: 100%;
    }
    #header .sub_menu ul li.active2{
        background-color: #1f2f4f;
    }
    #header .sub_menu {
        position: absolute;
        padding: 0;
        display: none;
        left: 180px;
        top: 0;
        width: calc(100% - 180px);
    }

    #header.open .menu_list li:first-child .sub_menu {
        display: block;
    }

    #header .sub_menu ul li::after {
        display: none;
    }

    #header .sub_menu ul {
        flex-direction: column;
    }

    body:has(#header.open) #top_header {
        border-top: 1px solid #d7d7d7;
        position: fixed;
        display: block;
        top: 61px;
        z-index: 9;
        background-color: #fff;
    }

    body:has(#header.open) #top_header .wrap {
        justify-content: center;
    }

    body:has(#header.open) #top_header a {
        color: #666666;
    }

    body:has(#header.open) #top_header a:not(:last-child)::after {
        font-weight: normal;
        color: #c2c2c2;
    }

    body:has(#header:not(.close)) {
        height: 100vh;
        overflow: hidden;
    }

    .pc_v {
        display: none !important;
    }

    .mo_v {
        display: inherit !important;
    }

    .m_bn_logo {
        text-align: center;
        margin-bottom: 30px;
    }

    .m_header .m_logo img {
        display: none;
    }

    .m_header .m_logo img {
        display: block;
        content: url('../images/mobile/m_logo_color.png');
    }

    #banner .bn_txt .wrap {
        flex-direction: column-reverse;
        gap: 100px;
    }

    #banner .bn_txt .sch_form .hash_box {
        justify-content: space-between;
    }

    #banner .bn_txt .sch_form .hash_box a {
        flex: 1;
    }

    #banner .bn_txt .right .bn_links {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #243a72;
        padding: 15px 20px;
        justify-content: space-between;
    }

    .m_menu_btn {
        position: relative;
        top: 0;
    }

    .m_header.on .m_menu_btn {
        top: 0;
    }

    #banner .bn_txt {
        padding: 20px 0 150px;
    }

    .m_header {
        display: flex;
    }


    .sub_pg_title_box .sub_nav {
        display: none;
    }

    #main_board .notice .notice_list {
        grid-template-columns: repeat(1, 1fr);
    }

    #main_board .board .tit_box .left {
        flex-direction: column;
        position: relative;
        align-items: start;
        width: 100%;
    }

    #main_board .board .tit_box {
        align-items: start;
        position: relative;
    }

    #main_board .board .tit_box .more_btn {
        position: absolute;
        right: 0;
        top: 0;
    }

    #main_board .board .tit_box .notice_tab {
        width: 100%;
        flex: 1;
    }

    #main_board .board .tit_box .notice_tab ul {
        width: 100%;
        justify-content: space-between;
    }

    #main_board .board .tit_box .notice_tab ul li {
        flex: 1;
        text-align: center;
        padding-bottom: 10px;
    }

    #main_board .notice .notice_list li a {
        flex-direction: column;
        align-items: start;
        padding: 0 15px;
        position: relative;
    }

    #main_board .notice .notice_list li a .txt {
        border-left: 0;
    }

    #main_board .notice .notice_list li a .cate {
        border-bottom: 1px solid #e9e9e9;
        width: 100%;
        text-align: left;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    #main_board .notice .notice_list li {
        padding: 15px 0;
    }

    #main_board .notice .notice_list li a .date {
        position: absolute;
        right: 15px;
        top: 0;
        font-size: 14px;
        margin-top: 0;
    }

    #main_board .notice .notice_list {
        gap: 6px;
    }

    #main_board .calendar .board_con ul li a {
        flex-direction: column;
        gap: 15px;
    }

    #main_board .calendar .board_con ul li .date {
        text-align: center;
    }

    #main_board .calendar .scroll_box {
        max-height: none;
        overflow: hidden;
    }

    .m_cal_slide {
        position: relative;
        min-height: 52px;
        padding: 0 25px;
    }

    .m_cal_slide_btn button {
        background-color: transparent;
        border: 0;
        outline: 0;
        z-index: 99;

    }

    #main_board .calendar .board_con ul li .bo_tit {
        font-size: 16px;
    }

    #main_board .calendar .board_con ul li .date {
        width: auto;
        font-size: 16px;
        padding: 8px 15px;
    }

    #main_board .calendar .board_con {
        padding: 25px 0;
    }

    .m_cal_slide_btn button.next {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .m_cal_slide_btn button img {
        height: 30px;
    }

    .m_cal_slide_btn button.prev {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    #main_board .notice .notice_list li a .tit {
        min-height: 0;
        font-size: 14px;
    }

    #main_board .notice .notice_list li a .txt {
        padding: 0;
    }

    #program .wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    #program .wrap .title_box {
        grid-column: 1;
    }



    #program .wrap .thumb_box a {
        display: block;
        position: relative;
        padding: 20px;
        background-color: #595959;
        border-radius: 10px
    }

    #program .wrap .thumb_box .tit {
        font-size: 18px;
        justify-content: space-between;
    }

    #program .wrap .thumb_box .tit img {
        width: auto;
    }

    #program .wrap .title_box .desc {
        display: none;
    }

    #program .m_program_logo {
        margin: 0 auto;
        width: 234px;
    }

    #program {
        padding-bottom: 15px;
    }

    #program .wrap .thumb_box>a>img {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        object-fit: cover;
        -webkit-mask-image: linear-gradient(to left,
                #595959 -10%,
                transparent 100%);
        mask-image: linear-gradient(to left,
                #595959 -10%,
                transparent 100%);
    }

    #program .wrap .thumb_box .tit {
        position: relative;
        bottom: 0;
    }

    #footer .wrap {
        flex-wrap: wrap;
    }

    #content {
        padding-left: 0;
    }

    #footer {
        padding-left: 0;
    }

    #footer .wrap .txt img {
        width: auto;
        width: 150px;
    }

    #footer .wrap .txt {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
        justify-content: center;
    }

    #banner .bn_txt .wrap .left .tit {
        font-size: 25px;
    }

    #footer .wrap .ft_text {
        text-align: center;
    }

    #footer .wrap .ft_text li {
        align-items: center;
        justify-content: center;
        display: block;
        line-height: 1.8;
    }

    #footer .wrap .ft_text li .bar {
        font-size: 0;
        display: block;
    }

    #header.close {
        left: -180px;
    }

    #top_header {
        border-bottom: 0;
        display: none;
    }

    #header .logo {
        display: none;
    }

    #header .menu_close {
        display: none;
    }

    .m_nav>ul {
        width: 100%;
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        display: flex;
    }

    .m_nav>ul>li {
        flex: 1;
        position: relative;
    }

    .m_nav>ul>li.on img {
        transform: rotate(-180deg);
    }

    .m_nav>ul>li>a {
        padding: 15px 20px;
        display: block;
        box-sizing: border-box;
        color: #666666;
        font-size: 14px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .m_nav>ul>li:first-child>a {
        padding-left: 30px;
    }

    .m_nav>ul>li:first-child::after {
        display: block;
        content: "";
        width: 1px;
        height: calc(100% - 30px);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: #d7d7d7;
    }

    .m_nav>ul>li>.depth2 {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 2;
        background-color: #fff;
        border: 1px solid #d7d7d7;
        display: none;
    }

    .m_nav>ul>li>.depth2 li a {
        color: #666666;
        font-size: 22px;
        padding: 15px 20px;
        display: block;
        font-size: 16px;
    }

    .m_nav>ul>li>.depth2 li {
        border-top: 1px solid #d7d7d7;
    }

    .m_nav>ul>li>.depth2 li:first-child {
        border-top: 0;
    }

    .m_nav>ul>li a br {
        display: none;
    }

    .m_nav>ul>li:first-child>.depth2 li a {
        padding-left: 30px;
    }

    .sub_pg_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sub_pg_title>a>img {
        width: 18px;
    }

    /* #header .menu_list>li {
        flex-direction: column;
    }

    #header .menu_list>li>a {
        width: 100%;
        background-color: #243a72;
        text-align: left;
        padding: 10px;
    }

    #header .sub_menu {
        padding: 15px 10px;
    }

    #header {
        padding-top: 65px;
    }

    #header .menu {
        height: calc(100vh - 65px);
        overflow-y: auto;
    }

    #header::before {
        display: none;
    } */

    .m_header.on {
        background-color: #fff;
    }

    .m_header .m_menu_btn i {
        background-color: #000;
    }
    .m_header.main .m_menu_btn i {
        background-color: #fff;
    }
    .m_header.main .m_logo{
        visibility:hidden
    }
    /* .m_header.on .m_menu_btn i{
            background-color:#000;
        }
        .m_header:not(.on) .m_logo{
        visibility:hidden
    } */
    /* body:has(.sub_pg_title) .m_header {
    background-color: #344f83;
} */

    .intrduce_goal .txt {
        font-size: 16px;
        padding: 38px 20px 38px;
        word-break: keep-all;
        margin: 0 30px 0;
    }

    .intrduce_goal .txt br {
        display: none;
    }

    .intrduce_goal .sub_wrap {
        padding: 0 0;
    }

    .intrduce_goal {
        padding: 30px 0 0;
        margin-bottom: 60px;
    }

    .intrduce_goal .img_box {
        position: relative;
        bottom: 0;
    }

    .sub_pg_title {
        font-size: 32px;
        margin-top: 0;
    }

    .history_tab li {
        flex: none;
        font-size: 16px;
    }

    .history_tab_slide {
        overflow: hidden;
        border-top: 1px solid #6b6b6b;
        position: relative;
        padding: 0 20px;
        background-color: #f2f3f8;
        box-sizing: border-box;
    }

    .sub_wrap:has(.history_wrap) {
        padding: 0;
    }

    .history_list {
        padding: 0 20px;
    }

    .history_tab {
        border-top: 0;
    }

    .history_tab_slide button {
        background-color: transparent;
        border: 0;
        outline: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .history_tab_slide button img {
        width: 14px;
    }

    .history_tab_slide .tab_prev {
        left: 5px;
    }

    .history_tab_slide .tab_next {
        right: 5px;
    }

    .history_list .history_in_box {
        flex-direction: column;
        gap: 25px;
    }

    .history_list .history_box .right>ul>li {
        gap: 15px;
        flex-wrap: wrap;
    }

    .history_list .history_in_box {
        padding: 30px 0;
    }

    .history_list .history_box .left .year {
        font-size: 25px;
    }

    .history_list .history_box .right>ul>li .year_txt {
        font-size: 16px;
    }

    .history_list .history_box .right>ul>li .point {
        width: 16px;
        height: 16px;
    }

    .history_list .history_box .right>ul>li .info_list {
        top: -5px;
        flex: none;
        width: 100%;
        padding-left: 35px;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .history_list .history_in_box {}

    .history_list .history_in_box:last-child {
        padding-bottom: 20px;

    }

    .history_list .history_box .right>ul>li .info_list li {
        gap: 25px;
    }

    .history_list .history_box .right>ul>li .info_list li .month::after {
        right: -17px;
    }

    .history_list .history_box .right>ul>li .info_list li .txt {
        font-size: 13px;
    }

    .history_list .history_box .right>ul>li .info_list li .month {
        font-size: 14px;
        padding-top: 0;
        top: 4px;
    }

    .intrduce_goal .goals_label {
        font-size: 12px;
        padding: 15px 10px;
        line-height: normal;
    }

    .intrduce_goal_vertical {
        flex-direction: column;
    }



    .intrduce_goal_vertical:last-child .right {
        margin-top: 30px;
    }

    .intrduce_goal_vertical .img_box img {
        max-width: none;
    }

    .intrduce_goal_vertical .right .txt .title::before {
        height: calc(100% + 4px);
        left: auto;
        right: 0;
        transform: translateX(100%);
        border-left: 0;
        border-right: 4px solid #e2e2e2;
        z-index: 1;
        width: 20px;
    }


    .intrduce_goal_vertical .right .txt .title {
        border-left: 4px solid #e2e2e2;
        border-right: 0;
    }

    .intrduce_goal_vertical .left .txt .title {
        border-right: 4px solid #e2e2e2;
        border-left: 0;
    }

    .intrduce_goal_vertical .left .txt .title::before {
        height: calc(100% + 4px);
        left: 0;
        right: auto;
        transform: translateX(-100%);
        border-right: 0;
        border-left: 4px solid #e2e2e2;
        z-index: 1;
        width: 20px;
    }

    .intrduce_goal_vertical .left .label {
        top: 0;
        bottom: auto;
        transform: none;
        right: 0;
        left: auto;
    }

    .intrduce_goal_vertical .right .label {
        top: 0;
        bottom: auto;
        transform: none;
        right: auto;
        left: 0;
    }

    .intrduce_goal_vertical .txt .desc p {
        margin-bottom: 20px;
    }


    .intrduce_goal_vertical .label {
        top: auto;
        bottom: 0;
        transform: translateY(calc(100% + 30px));
    }

    .intrduce_goal_vertical .txt .desc {
        padding-left: 0;
    }

    .intrduce_goal_vertical .left .txt .desc {
        padding-right: 0;
        margin-top: 0;
    }

    .intrduce_goal_vertical {
        margin-bottom: 20px;
    }

    .intrduce_goal_vertical>.left {
        display: flex;
        align-items: center;
    }

    .intrduce_goal_vertical>.right {
        display: flex;
        align-items: center;
    }

    .intrduce_goal_vertical>.left>div {
        flex: 1;
    }

    .intrduce_goal_vertical>.right>div {
        flex: 1;
    }

    .intrduce_goal_vertical .txt .desc {
        font-size: 15px;
    }

    .intrduce_goal .txt .p2 {
        font-size: 25px;
    }

    .intrduce_goal .txt .p1 {
        font-size: 16px;
    }

    .intrduce_goal .txt {
        padding: 25px 20px 10px;
        border-bottom: 0;
        font-weight: normal;
    }

    .intrduce_goal_vertical .right .txt .title {
        text-align: center;
        width: 100%;
    }

    .intrduce_goal_vertical .txt .title br {
        display: block
    }

    .people_name {
        font-size: 13px;
        margin-top: 20px;
    }

    .people_name .name {
        font-size: 18px;
    }

    #content:not(:has(#banner)) {
        padding-bottom: 100px;
        padding-top: 62px;
    }

    .intrduce_goal_vertical>div:has(.txt) {
        padding-top: 0;
    }

    .intrduce_goal_vertical .txt .title {
        display: flex;
        font-size: 18px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .board_sch_form {
        margin-top: 30px;
    }

    .board_tab a {
        font-size: 16px;
        width: auto;
        flex: 1;
        line-height: 35px;
    }

    .board_sch_form {
        padding: 10px;
        gap: 5px;
        flex-wrap: wrap;
        align-items: start;
                justify-content: start;
    }
    .bo_list_tab a{
        flex: 1;
        text-align: center;
    }
    .bo_list ul li{
        gap: 10px 5px;
        flex-wrap: wrap;
        position: relative;
        border-bottom: 1px solid #e1e1e1;
    }
    .bo_list ul li .notice{
        width: auto;
        font-size: 0;
    }
    .bo_list ul li .subject{
        width: 100%;
        flex: auto;
    }
    .bo_list ul li .date{
        position: absolute;
        font-size: 14px;
        right: 0;
        top: 30px;
        width: auto;
    }
    .bo_list_tab{
        gap: 0;
    }
    .paging_wrap{
        margin-top: 20px;
    }
    .paging_wrap .pg_wrap .pg{
        gap: 6px;
    }
    .board_sch_form input {
        width: auto;
        flex: 1;
        height: 35px;
    }
    .paging_wrap .pg_wrap .pg strong, .paging_wrap .pg_wrap .pg .pg_page{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .paging_wrap .pg_wrap .pg .pg_next,
    .paging_wrap .pg_wrap .pg .pg_prev,
    .paging_wrap .pg_wrap .pg .pg_end,
    .paging_wrap .pg_wrap .pg .pg_start {
        font-size: 0;
    }

    .board_sch_form select {
        width: 100%;
        height: 35px;
        background-position: right 15px center;
    }

    .board_sch_form .sch_btn {
        width: 35px;
        height: 35px;
    }

    .professor_list ul li .box {
        padding: 25px 10px 25px;
    }

    .professor_list ul li .thumb {
        width: 110px;
        height: 110px;
        left: 34px;
        transform: translate(0, -50%);
    }

    .professor_list ul li .txt {
        display: flex;
        align-items: start;
        position: relative;
        padding: 0 10px 0 24px;
        gap: 10px;
        flex-direction: row;
    }

    .professor_list ul li .txt .name_box {
        width: 112px;
        padding-top: 40px;
    }

    .professor_list ul li .txt .info_box {
        display: flex;
        flex: 1;
        flex-direction: column-reverse;
        align-items: start;
    }

    .professor_list ul li .txt a {
        font-size: 13px;
        width: 100px;
        margin: 0;
    }

    .professor_list ul li .thumb img {
    }

    .professor_list ul li .txt .cate {
        margin-top: 8px;
    }

    .professor_list ul li .txt .info {
        margin-top: 8px;
        text-align: left;
    }

    .professor_list ul li .txt .name {
        font-size: 20px;
    }

    .professor_list ul li .box {
        margin-bottom: 0;
    }

    .professor_list ul {
        gap: 20px 10px;
        grid-template-columns: repeat(1, 1fr);
    }

    .contact_info_list {
        flex-direction: column;
    }

    .contact_info_list>li {
        max-width: 100%;
        flex-direction: row;
    }

    .contact_info_list>li .title {
        width: 80px;
    }

    .contact_info_list li .ci_list {
        flex: 1;
    }

    .contact_info_list>li:has(.number) {
        gap: 20px;
    }

    .contact_info_list li .number {
        flex: 1;
        justify-content: start;
        text-align: left;
    }

    .contact_info_list li .ci_list li b {
        display: block;
    }

    .contact_info_box .ci_member>li .title {
        box-sizing: border-box;
        width: 90px;
        font-size: 14px;
    }

    .contact_info_list li .ci_list li {
        line-height: 1.5;
        font-size: 16px;
    }

    .contact_info_box .ci_member>li .desc {
        font-size: 14px;
    }

    .sub_wrap:has(.contact) {
        padding: 0;
    }

    .contact_info_box .ci_member>li>div {
        padding: 12px 0;
    }

    .contact_info_box .ci_member {
        background-position: right bottom -70px;
    }

    .contact_info_box .way_box .address {
        flex-direction: column;
    }

    .contact_info_box .way_as {
        flex-direction: column;
        gap: 25px;
    }

    .contact_info_box .way_as .title {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .contact_info_box .subway_txt {}

    .contact_info_box .way_as>li {
        width: 100%;
    }

    .contact_info_box #map {
        aspect-ratio: 1 / 1;
        height: auto;
    }

    .board_list {
        border-top: 20px;
    }

    .contact_info_box .subway_txt {}

    .contact_info_box .subway_txt .mark {
        flex: 1;
        padding: 0 20px;

    }

    .contact_info_box .subway_txt .mark .line {
        width: 160px;
    }
    .sub_wrap:has(.master_box){
        padding: 0;
    }
    .master_txt_box .info_list li{
        flex-direction: column;
    }
    .master_txt_box .info_list li span img{
        width: 25px;
    }
    .master_box::before{
        display: none;
    }
    #content:has(.master_box){
        padding-bottom: 0 !important;
    }
    .china_info_title_list{
        padding: 0 20px;
    }
    .china_info_title_list ul{
        gap: 10px;
        flex-direction: column;
    }
    .china_info_title_list ul::after{
        display: none;
    }
    .china_info_title_list ul li{
        padding: 0;
    }
    .china_info_title_list ul li p{
        transform: none;
        position: relative;
        font-size: 16px;
        width: 100%;
        left: 0;
        top: 0;
    }
    .china_info_title_list ul li{
        width: 100%;
    }
    .china_info_title_list ul li>div{
        aspect-ratio: unset;
        border-radius: 30px;
        width: 100%;
        padding: 10px 0;
    }
    .sub_wrap:has(.china_info_wrap ){
        padding: 0;
    }
    .china_info_txt{
        padding: 15px 20px 0;
    }
    .china_info_sub{
        margin: 20px 20px 0;
        padding: 20px;
    }
    .china_info_txt{
        font-size: 15px;
    }
    .sub_title span{
        font-size: 20px;
    }
    .sub_title>img{
        width: 23px;
    }
     .table_box table th{
        font-size: 14px;
        vertical-align: middle;
    }
    .table_box table td{
        padding: 10px;
        font-size: 14px;
    }
    .sub_wrap.m_padding_none{
        padding: 0;
    }
      .m_padding_none .table_box>*:not(.sub_title,.down_box_v2){
          margin-left : 20px;
          margin-right : 20px;
          max-width: calc(100%  - 40px);
      }
    .down_box_v2 ul{
        flex-direction: column;
    }
    .down_box_v2 ul li{
        padding: 15px 20px;
        flex-direction: row;
    }
    .down_box_v2 ul li>a{
        
    }
    .down_box_v2 ul li>p{
        flex: 1;
        text-align: left;
    }
    .down_box_v2 ul li .ico{
        width: 40px;
        height: 40px;
    }
    .down_box_v2 ul li>p{
        font-size: 18px;
    }
    .down_box_v2 ul li>a{
        width: 100px;
        padding: 0 10px;
    }
    .faq_list li .q{
        padding: 10px;
        font-size: 16px;
    }
    .faq_list li .title{
        gap: 15px;
    }
    .faq_list li .en_ico{
        width: 30px;
        height: 30px;
    }
    .faq_list li .en_ico span{
        font-size: 15px;
    }
    .faq_list li .q .en_ico span{
        top: 47%;
    }
    .faq_list li .q>img{
        width: 20px;
    }
    .faq_list li .a{
        padding: 10px;
        font-size: 16px;
    }
    .faq_list li .a .txt_box{
        gap: 15px;
    }
    .faq_list li .a .txt_box .txt{
        margin-top: 5px;
    }
    .faq_list li .txt{
        flex: 1;
    }
    .faq_list li .q p{
        flex: 1;
    }
    .sub_wrap:has(.paper_box){
        padding: 0;
    }
    .paper_box ul{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }
    .paper_box{
        background-size: 80%;
        padding: 40px;
        background-position: center top -20px;
    }
    .round_box_wrap{
        flex-direction: column;
    }
    .round_box_wrap .round_box{
        font-size: 14px;
        margin: -8px 0;
        padding: 30px 0;
    }
      .guideline_links{
        grid-template-columns: repeat(1, 1fr);
    }
    .cal_box{
        flex-direction: column;
    }
    .cal_div{
        border-right: 0;
        border-bottom: 1px solid #d3d7e6;
    }
   
    .sub_wrap:has(.cal_box){
        padding: 0;
    }
    .cal_list ul li{
        margin-bottom: 20px;
    }
    .cal_box{
        padding: 0;
    }
    .down_box_v2.grid_2_box ul{
        display: grid;
        grid-template-columns: repeat(2 , 1fr);
    }
    .down_box_v2.gap_large ul{
          grid-template-columns: repeat(1 , 1fr);
    }
     .down_box_v2.grid_2_box.gap_large ul li {
        gap: 20px;
     }
    .down_box_v2.grid_2_box.grid_2_box_1 ul{
        display: grid;
        grid-template-columns: repeat(1 , 1fr);
    }
    .down_box_v2.gap_large ul li .cate{
        width: 100px;
    }
    .down_box_v2.grid_2_box ul li{
        flex-direction: column;
        gap: 4px;
    }
    .down_box_v2.grid_2_box ul li .cate{
        font-size: 14px;
        line-height: 30px;
    }
    .down_box_v2.grid_2_box ul li>p{
        text-align: center;
    }
     .bo_view .cont_box .file_box li{
            flex-direction: column;
            align-items: start;
            gap: 20px;

    }
    .bo_view .cont_box .file_box{
        padding: 20px;
        margin: 0 20px;
    }
    .bo_view .go_list{
        width: calc(100% - 40px);
        border-radius: 5px;
        margin: 30px 20px 0;
    }
    .bo_view .title_box .title{
        font-size: 20px;
    }
    .bo_view .title_box .info_box li:nth-child(3)::after{
        display: none;
    }
    .down_box_v2 ul li.one_list ul li{
        flex-direction: column;
    }
    .down_box_v2 ul li.one_list ul li .cate{
        line-height: 30px;
        height: 30px;
    }
    .down_box_v2 ul li.one_list ul li p{
        font-size: 15px;
    }
    .table_box .table_list.gap_max:has(span){
        flex-direction: column;
        display: flex;
        gap: 10px;
    }
    .table_box .table_list.gap_max li:has(> span){
        display: block;
        padding-left: 0;
    }
   .table_box .table_list.gap_max li:has(> span) span{
    margin-bottom: 10px;
    display: inline-block;
   }
    .table_box .table_list li span{
        padding-left: 10px;
    }
    .give_down_item{
        display: flex;
    }
    .table_box .table_list li p:has(.p_cate){
        font-size: 13px;
    }
    .table_box .table_list li .p_cate{
        font-size: 13px;
    }
    .give_down_item .txt{
        font-size: 13px;
    }
    .give_down_item a{
        font-size: 13px;
        gap: 10px;
    }
    .give_down_item{
        gap: 5px;
    }
    
      .down_box_v2.grid_2_box ul.onelist_v2 li{
        padding: 25px;
      }
    .down_box_v2.grid_2_box ul.onelist_v2 li{
        align-items: start;
    }
      .down_box_v2.grid_2_box ul.onelist_v2 li p{
        text-align: left;
        font-size: 15px;
        padding-top:10px;
      }
      .step_form_wrap .step_box ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
       .step_form_wrap .step_box li.arrow{
        display:contents;
        display: none;
    }
    .step_form_wrap .step_box{
        margin-bottom: 34px;
    }
    .step_form_box .label_box{
        flex-wrap: wrap;
        justify-content: start;
    }
    .step_form_box .label_box>span{
        flex: auto;
        width: 100%;
    }
    .step_form_box{
        margin-top: 40px;
    }
    .step_choice_box{
        gap: 30px;
    }
   
    .step_form_btn{
        margin-top: 40px;
    }
    .step_form_box .flex_box{
        flex-wrap: wrap;
    }
    .step_form_box .name_box{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .step_form_box .flex_box span{

        
    }
    .step_form_box .name_box>div{
        width: 100%;
    }
    .step_form_box .name_box>div input[type=text]{
        max-width: 100%;
    }
    .step_form_box .file_txt_box{
        flex:auto;
        width: 100%;
    }
    .step_form_box .add_box_wrap .add_btn{
        flex: auto;
        width: auto;
        padding: 0 10px;
    }
    .step_form_box .user_prv_num{
        flex: 1;
    }
    .step_form_box .tb_hp_box{
        flex: 1;
    }
    .step_form_box .flex_box{
        gap: 5px;
    }
    .step_form_box .in_table tr.in_three_row th:not(:first-child){
        text-align: left;
        padding-left: 0;
    }
    .step_form_box .in_table.china tr th:not(:first-child){
        padding-left: 0;
    }
    .step_form_box .in_table th{
        padding-left: 0;
    }
}


@media(max-width:500px) {
    
    .sub_pg_title{
        font-size: 24px;
    }
    #banner .bn_txt .wrap .left .tit {
        font-size: 25px;
        word-break: keep-all;
    }

    #banner .bn_txt .right .bn_links {
        gap: 10px;
    }

    #main_board .calendar .board_con ul li a {
        gap: 10px;
    }



    #main_board .board .tit_box .cal_btns span {
        font-size: 14px;
    }

    .wrap {
        padding: 0 20px;
    }

    #main_board .calendar .board_con ul li .date {
        font-size: 12px;
        width: 110px;
    }

    #main_board .calendar .board_con ul li .bo_tit {
        font-size: 12px;
    }

    #main_board .calendar .scroll_box {
        max-height: 120px;
    }

    #program .wrap .title_box .tit {
        font-size: 25px;
    }

    #program .wrap .title_box .desc {
        font-size: 14px;
        ;
    }



    .professor_list ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .board_sch_form input {
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 14px;
    }

    .board_sch_form select {
        font-size: 14px;
    }

    .board_sch_form .sch_btn img {
        width: 18px;
    }

    .board_tab a {
        width: 110px;
    }

    .m_nav>ul>li>a {
        font-size: 13px;
        letter-spacing: -0.8px;
    }

    .m_nav>ul>li>a img {
        width: 14px;
    }

    .m_nav>ul>li .depth2 li a {
        font-size: 13px;
    }

    .m_nav>ul>li:first-child>a {
        padding-left: 10px;
    }

    .m_nav>ul>li:first-child>.depth2 li a {
        padding-left: 10px;
    }

    .m_nav>ul>li>.depth2 li a {
        padding: 10px;
    }

    .m_nav>ul>li>.depth2 li a {
        padding: 10px;
    }

    .m_nav>ul>li>a {
        padding: 15px 10px;
    }

    .view_box {
        padding: 25px;
    }

    .view_box .profile {
        padding: 20px;
    }

    .sub_pg_title>a>img {
        width: 14px;
    }

    .m_nav>ul>li:first-child::after {
        height: calc(100% - 20px);
    }

    .view_box .profile .profile_info_list li p {
        line-height: 1.4;
        word-break: keep-all;
    }

    .board_view {
        margin-top: 25PX;
    }

    #header .menu_list>li>a {
        font-size: 14px;
        width: 130px;
    }

    #header::before {
        width: 130px;
    }

    #header .sub_menu {
        width: calc(100% - 130px);
        left: 130px;
    }

    #header.open .sub_menu ul li a {
        font-size: 14px;
        padding: 15px 15px;
    }

    #header.open .sub_menu ul li a::after {
        background-repeat: no-repeat;
        width: 9px;
        height: 13px;
        background-size: contain;
        right: 15px;
    }

    #banner .bn_txt .wrap {
        gap: 50px;
    }

    .m_bn_logo img {
        width: 190px;
    }

    .m_bn_logo {
        margin-bottom: 0;
    }

    #banner .bn_txt .right .bn_links {
        gap: 10px;
    }

    #banner .bn_txt .wrap {
        gap: 50px;
    }

    .professor_list ul li .thumb {
        width: 100px;
        left: 24px;
        height: 100px;
    }

    .professor_list ul li .txt .name_box {
        width: 100px;
    }

    .professor_list ul li .txt {
        padding: 0px 10px 0 14px;
    }
    .master_box .title .en{
        font-size: 22px;
        line-height: 1.4;
    }
    .master_box .title .desc{
        font-size: 16px;
        word-break: keep-all;
        line-height: 1.4;

    }
    .master_box {
        padding: 40px 20px 30px;
        background-position: center -20px;
        background-size: 80%;
    }
    .master_txt_box .info_list{
        padding: 0 10px;
    }
    .master_txt_box .down_list .down_box{
        padding: 10px 12px;
    }
    .master_txt_box .down_box .logo{
        width: 34px;
        height: 34px;
    }
    .master_txt_box>ul>li .tit{
        padding: 0 10px;
    }
    .master_box .title{
        margin-bottom: 40px;
    }
      .table_box table th{
        font-size: 12px;
        vertical-align: middle;
    }
    .table_box table td{
        padding: 10px;
        font-size: 12px;
    }
    .table_box .table_caption{
        font-size: 12px;
    }
    .table_box .table_list li{
        font-size: 13px;
        padding-right: 8px;
    padding-left: 13px;
    }
    .table_box .table_list:has(span){
        gap: 8px 6px;
    }
    .down_box_v2 ul li>p{
        font-size: 13px;
    }
    .down_box_v2 ul li{
        padding: 10px;
        gap: 8px;
    }
    
    .down_box_v2 ul li .ico{
        width: 30px;
        height: 30px;
    }
    .down_box_v2 ul li>a{
        width: 90px;
        font-size: 12px;
        font-weight: bold;
    }
    .faq_list li .a{
        padding: 10px;
        font-size: 14px;
    }
    .faq_list li .q{
        font-size: 14px;
    }
    .faq_list li .q>img{
        width: 15px
    }
    #banner .bn_txt .sch_form .hash_box{
        gap: 8px;
    }
}