body {font-family: 'SUIT', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'SUIT', sans-serif}
input, button {margin:0;padding:0;font-family: 'SUIT', sans-serif;}
textarea, select {font-family: 'SUIT', sans-serif;}

/* ------------------------------------------- 메인 ------------------------------------------- */
/* Visual */
#visual a.quick-menu {font-family: 'SUIT'; text-transform: uppercase; font-weight: 500;}



/* About */
#about {padding: 130px 0 150px;}
#about .about-txt h3 {font-family: 'SUIT'; font-weight: 800; font-size: 36px;}
#about .about-txt h4 {line-height: 1.4; font-weight: 600; font-size: 22px;}
#about .about-txt p {line-height: 1.5; font-size: 20px; margin-top: 20px;}


#about .box-con h3 {font-family: 'SUIT'; font-weight: 700; margin-bottom: 18px;}
#about .box-con .txt p {line-height: 1.3; font-size: 19px;}
#about .box-con .txt b {font-size: 22px;}
#about .box-con .txt p + p {margin-top: 10px;}


@media (max-width: 1500px) {
    #about {padding: 100px 0 120px;}
    #about .about-txt h3 {font-size: 32px;}
    #about .about-txt h4 {font-size: 20px; margin-top: 32px;}
    #about .about-txt p {font-size: 19px;}
}

@media (max-width: 1280px) {
    #about {padding: 80px 0;}
    #about .about-txt h3 {font-size: 27px;}
    #about .about-txt h4 {font-size: 19px; margin-top: 28px;}
    #about .about-txt p {font-size: 18px;}

    #about .box-con .txt p {font-size: 18px;}
    #about .box-con .txt b {font-size: 19px;}
    #about .box-con .txt p + p {margin-top: 7px;}
}

@media (max-width: 767px) {
    #about {padding: 65px 0;}
    #about .about-txt h3 {font-size: 23px;}
    #about .about-txt h4 {font-size: 18px;}

    #about .box-con .txt p {font-size: 17px;}
    #about .box-con .txt b {font-size: 18px;}
    #about .box-con .txt p + p {margin-top: 5px;}
}
/* ------------------------------------------- footer ------------------------------------------- */
#footer .ftop .ftxt li {font-family: 'SUIT'; font-size: 17px; font-weight: 500;}
#footer .select_f_btn {font-family: 'SUIT'; font-weight: 700;}
#footer .select_footer ul li a {font-family: 'SUIT'; font-weight: 500; font-size: 15px;}


@media (max-width: 1080px) {
    #footer .ftop .ftxt li {font-size: 16px;}
}

/* ------------------------------------------- 서브 ------------------------------------------- */
/* 서브 공통 */
#sloca .loc > li {font-family: 'SUIT'; font-size: 18px;}
#sloca {margin-left: 5px;}
.subTitle {left: 11%; transform: initial;}
.subTitle .uTit {font-family: 'SUIT'; font-size: 56px; font-weight: 800; line-height: 1.1; margin-top: 18px; width: 50%;}
.lnb .lnb_map li.depth {line-height: 1.5;}
.lnb .lnb_map li.depth a {display: flex; align-items: center;}
.lnb .lnb_map li.depth a span {line-height: inherit; font-weight: 600;}
.lnb .lnb_map li.depth ul li a {height: auto; line-height: initial; padding: 17.5px 15px;}

.subTit {font-family: 'SUIT'; font-weight: 800;}
.subTit-s {font-family: 'SUIT'; font-size: 30px; font-weight: 700;}
.subTit-s:before {top: 15px;}

.eng-cont .cont + .cont {margin-top: 100px; padding-top: 90px; border-top: 1px dashed #ddd;}
.eng-cont .txt-box {padding: 30px; border: 2px solid #e1e1e1; margin: 25px 0 40px; border-radius: 8px;}
.eng-cont .txt-box p {font-size: 19px; color:#444; line-height: 1.6; font-weight:400; word-break: keep-all;}
.eng-cont .txt-box p + p {margin-top: 18px;}

.eng-cont .img-box {margin-top: 20px;}
.eng-cont .img-box img {max-width: 100%;}


@media (max-width: 1500px) {
	.subTitle .uTit {font-size: 48px; margin-top: 12px;}

    .subTit-s {font-size: 26px;}
    .subTit-s:before {top: 13px;}

    .eng-cont .cont + .cont {margin-top: 80px; padding-top: 70px;}

    .eng-cont .txt-box p {font-size: 18px; line-height: 1.5;}
}

@media (max-width: 1280px) {
    #sloca {margin-left: 0; margin-bottom: 10px;}

    .subTitle {left: 60px;}
    .subTitle .uTit {font-size: 36px;}
    #sloca .loc > li {font-size: 16px;}

    .lnb .lnb_map li.depth a span {line-height: 1.25;}

    .subTit-s {font-size: 22px;}
    .subTit-s:before {top: 11px;}   

    .eng-cont .txt-box {padding: 24px; margin: 20px 0;}
    .eng-cont .txt-box p {font-size: 17px;}
}

@media (max-width: 860px) {
    .subTitle {bottom: 70px; left: 6%;}
    .subTitle .uTit {font-size: 26px; width: 90%;}
    #sloca .loc > li {font-size: 15px;}

    .lnb .lnb_map li.depth i {right: 10px;}

    .subTit-s {font-size: 20px;}
    .subTit-s:before {top: 9px;}

    .eng-cont .cont + .cont {margin-top: 60px; padding-top: 50px;}
}


/* eng1_3: Mission */
.eng-cont .con-list {display: flex; flex-wrap: wrap; gap: 20px; background: #F8FBFF; padding: 40px; border-radius: 8px;}
.eng-cont .con-list li {width: 100%; font-size: 19px; font-weight: 500; color: #07193b; line-height: 1.4; background: #fff; border-radius: 10px; padding: 30px 40px; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(193, 214, 255, 0.10) inset, 2px 2px 12px 0px rgba(110, 158, 248, 0.28); display: flex; align-items: center; word-break: keep-all;}
.eng-cont .con-list li span {width: 30px; height: 30px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(101deg, rgb(165 234 255 / 61%) 0%, rgb(42 62 205 / 95%) 100%); color: #fff; font-size: 0.7em; font-weight: 800; margin-right: 10px; flex-shrink: 0;}

.eng-cont .color-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.eng-cont .color-list li { width: calc((100% - 20px * 4) / 5); border: 2px solid #d5e4f7; display: flex; flex-direction: column; padding: 30px; border-radius: 8px; text-align: center;}
.eng-cont .color-list li .color {font-size: 22px; line-height: 1.2; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 80px; color: #333; background: linear-gradient(113deg, #59b0d9 0%, #152889 130.39%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; color: transparent;}
.eng-cont .color-list li p {font-size: 18px; color:#444; font-weight: 500; line-height: 1.4; font-weight:400; word-break: keep-all; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ddd;}
.eng-cont .color-list li p + p {border-top: 0; margin-top: 15px; padding-top: 0;}

.eng-cont .color-list.list2 li {width: calc((100% - 20px * 3) / 4); border: 2px solid #b6e7da;}
.eng-cont .color-list.list2 li .color {background: linear-gradient(113deg, #65ddcd 0%, #109967 130.39%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; color: transparent;}

@media (max-width: 1440px) {
    .eng-cont .con-list li {font-size: 18px;}

    .eng-cont .color-list li {padding: 25px 20px;}
    .eng-cont .color-list li .color {font-size: 20px;}
    .eng-cont .color-list li p {font-size: 17px;}

    .eng-cont .color-list.list2 li {padding: 25px 20px;}
}

@media (max-width: 1200px) {
    .eng-cont .con-list {padding: 30px; gap: 18px;}
    .eng-cont .con-list li {font-size: 17px; padding: 20px 15px; padding-right: 20px;}
    .eng-cont .con-list li span {width: 27px; height: 27px; font-size: 0.6em;}

    .eng-cont .color-list {gap: 15px;}
    .eng-cont .color-list li {width: 32.1%;}
    .eng-cont .color-list li .color {font-size: 18px;}
    .eng-cont .color-list li p {font-size: 16px; margin-top: 15px; padding-top: 15px;}
    .eng-cont .color-list li p + p {margin-top: 6px;}

    .eng-cont .color-list.list2 li {width: 48.7%;}
}

@media (max-width: 860px) {
    .eng-cont .con-list {padding: 24px;}

    .eng-cont .color-list li {width: 48%;}
    
}

@media (max-width: 650px) {
    .eng-cont .color-list {gap: 10px;}
    .eng-cont .color-list li {width: 100%; padding: 20px;}
    .eng-cont .color-list.list2 li {width: 100%; padding: 20px;}
}


/* eng1_4: Location */
#contact .cont_add .cont_con h5 {font-family: 'SUIT'; font-weight: 800;}
#contact .cont_add .cont_con .cont_box dl dt {font-weight: 600;}

/* eng2_1: Participants */
#agent.eng-cont .box:nth-of-type(1) {margin-top: 0;}

/* eng2_2: Organization */
.organ-table .orlist .orbox {width: 100%;}
.organ-table .or-top .orbox h4 {font-family: 'SUIT'; font-size: 22px; font-weight: 800;}
.organ-table .mid .orbox h4 {font-family: 'SUIT'; font-size: 22px; font-weight: 800;}
.organ-table .orlist .orbox h4 {font-family: 'SUIT'; font-size: 21px; font-weight: 700;}

.organ-table .mid .orbox dl dd ul {display: flex; flex-direction: column;}
.organ-table .orlist .orbox dl dd ul {display: flex; flex-direction: column;}

@media (max-width: 1440px) {
    .organ-table .or-top .orbox h4 {font-size: 20px;}
    .organ-table .mid .orbox h4 {font-size: 20px;}
    .organ-table .orlist .orbox h4 {font-size: 19px;}
}

@media (max-width: 1200px) {
    .organ-table .or-top .orbox h4 {font-size: 19px;}
    .organ-table .mid .orbox h4 {font-size: 19px;}
    .organ-table .orlist .orbox h4 {font-size: 18px;}
}


/* eng3_1: Research Areas */
.eng-cont .rsh-list {display: flex; flex-wrap: wrap; gap: 30px; margin: 25px 0 40px;}
.eng-cont .rsh-list li { width: 100%; border: 2px solid #d5e4f7; display: flex; flex-direction: column; padding: 35px; border-radius: 8px;}
.eng-cont .rsh-list li .tit {display: flex; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #ddd;}
.eng-cont .rsh-list li .tit span {width: 30px; height: 30px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background: linear-gradient(101deg, rgb(165 234 255 / 61%) 0%, rgb(42 62 205 / 95%) 100%); color: #fff; font-size: 0.7em; font-weight: 800; margin-right: 10px; flex-shrink: 0;}
.eng-cont .rsh-list li .tit p {font-size: 24px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(113deg, #59b0d9 0%, #152889 130.39%); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; color: transparent; word-break: keep-all;}

.eng-cont .rsh-list li .txt::after {content: ""; display: block; clear: both;}
.eng-cont .rsh-list li .txt p {font-size: 18px; color:#444; font-weight: 500; line-height: 1.4; font-weight:400; word-break: keep-all;}
.eng-cont .rsh-list li .txt p + p {margin-top: 15px;}
.eng-cont .rsh-list li .txt img {max-width: 100%; float: right; margin-left: 20px; margin-bottom: 20px; border-radius: 5px;}

@media (max-width: 1440px) {
    .eng-cont .rsh-list li .tit span {width: 27px; height: 27px; font-size: 0.6em;}
    .eng-cont .rsh-list li .tit p {font-size: 22px;}
    .eng-cont .rsh-list li .txt p {font-size: 17px; line-height: 1.5;}
}

@media (max-width: 1200px) {
    .eng-cont .rsh-list li {padding: 30px;}
    .eng-cont .rsh-list li .tit {margin-bottom: 20px; padding-bottom: 20px;}
    .eng-cont .rsh-list li .tit p {font-size: 20px;}
}

@media (max-width: 860px) {
    .eng-cont .rsh-list {gap: 20px;}
    .eng-cont .rsh-list li {padding: 24px;}
    .eng-cont .rsh-list li .tit {padding-bottom: 16px; flex-direction: column;}
    .eng-cont .rsh-list li .tit p {justify-content: flex-start; margin-top: 6px;}
    .eng-cont .rsh-list li .txt img {float: none; margin-left: 0; margin-bottom: 15px;}
}


/* eng4_2: Admission */
.tabLinks {display:flex; flex-wrap: wrap; gap: 10px; margin-bottom: 50px;}
.tabLinks li {width: calc((100% - 10px * 2) / 3); padding:22px 10px; text-align: center; color: #444; font-weight: 500; background: #f5f5f5; font-size: 20px; cursor:pointer; transition: all 0.2s; border-radius: 80px; display: flex; align-items: center; justify-content: center;}
.tabLinks li.active {background: #222; color: #fff; font-weight: 700;}
.tabLinks li:hover {background: #222; color: #fff;}

.tab-content{display:none;}
.tab-content.active{display:block;}

#admission .txt {margin: 20px 0 40px;}
#admission .txt p {font-size: 19px; color:#444; line-height: 1.6; font-weight:400; word-break: keep-all;}
#admission .txt .inTxt {margin: 10px 0; padding-left: 16px;}
#admission .txt .inTxt li {font-size: 18px; color:#444; line-height: 1.5; font-weight:400; word-break: keep-all;}
#admission .txt .inTxt li + li {margin-top: 5px;}

#admission .txt .web {font-size: 17px; display: block; margin-top: 20px; position: relative; border-left: 3px solid #d3d3d3; padding-left: 8px;}
#admission .txt .web a {color: #0091c1; transition: all 0.3s; word-break: break-all;}
#admission .txt .web a:hover {text-decoration: underline;}

#admission .table tbody td {padding: 24px 12px;}
#admission .table tbody td p {line-height: 1.4; font-size: 17px;}
#admission .table tbody td p + p {margin-top: 5px;}

@media (max-width: 1440px) {
    .tabLinks li {font-size: 18px; padding: 20px 40px;}

    #admission .txt p {font-size: 18px;}
    #admission .txt .inTxt li {font-size: 17px; line-height: 1.4;}
    
}

@media (max-width: 1200px) {
    .tabLinks li {font-size: 17px; padding: 18px 40px;}

    #admission .txt {margin: 15px 0 30px;}
    #admission .txt p {font-size: 17px; line-height: 1.5;}
    #admission .txt .inTxt {padding-left: 10px;}
    #admission .txt .inTxt li {font-size: 16px;}
    #admission .txt .web {font-size: 16px;}

    #admission .table tbody td p {font-size: 16px;}
    #admission .table tbody td p + p {margin-top: 7px;}
}

@media (max-width: 860px) {
    .tabLinks {gap: 8px;}
    .tabLinks li {font-size: 16px; width: 100%; padding: 15px 20px;}

    #admission .txt .inTxt {padding-left: 6px;}

    #admission .table tbody td p {font-size: 15px;}
}