@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


/* Intro */
.intro {text-align:center;}
.intro .art {font-size:18px;}
.intro .art_t {font-size:26px;font-weight:700;margin:30px 0 10px;padding:30px 0; border-top:1px solid #ddd;
    color:#0a0a0a;}
.intro .art_b {padding:30px 0;font-size:22px;font-weight:600;color:#0a0a0a;}
.intro .art_a {font-size:36px;font-weight:700;color:#226e93;padding:20px 0;}
.intro .ul_t {font-size:16px;margin:30px 0 10px;font-weight:600;}
.intro ul {display:flex;flex-direction:column;gap:10px;}
.intro ul li {font-size:16px;list-style:inside;}
.intro .blue {color:#0035ff;font-weight:600;}
.intro .bold {font-weight:700;}


/* Projects */
.proj {}
.proj .ul_t {text-align:center;font-size:30px;font-weight:700;font-style:italic;color:#0a0a0a;}
.proj .ul_t:nth-last-child(2) {margin-top:50px;}
.proj .proj_ul {display:flex;flex-direction:column;gap:60px;padding:50px 0;border-bottom:1px solid #ddd;}
.proj .proj_ul > li {overflow:hidden;}
#ctt_con .proj .proj_ul img {width:240px;float:left;margin-right:30px;}
.proj .proj_ul p {color:#226e93;font-size:26px;font-weight:700;margin:0 0 15px;}
.proj .proj_ul .cont_ul {display:flex;flex-direction:column;gap:5px;}
.proj .proj_ul .cont_ul li {font-size:18px;list-style:inside;}
.proj .proj_ul .cont_ul li span {font-weight:700;}



/* Publications */
.publications {display:flex;flex-direction:column;gap:30px;}
.publications li {}
.publications .year {padding:10px;line-height:36px;font-size:24px;font-weight:700;color:#0A4A9B;
    border-bottom:1px solid #0A4A9B;}
.publications .cont_wrap {padding:25px 10px;display:flex;flex-direction:column;gap:20px;}
.publications .cont_wrap p {font-size:16px;line-height:24px;color:#0A0A0A;word-break:auto-phrase;
    position:relative;padding-left:30px;}
.publications .cont_wrap p::before {content:'';position:absolute;top:8px;left:8px;width:5px;height:5px;
    border-radius:100vw;background:#0a0a0a;}



/* Lectures */
.Lectures {}
.Lectures .ul_1 {display:flex;flex-direction:column;gap:60px;}
.Lectures .p1 {text-align:center;font-size:28px;font-weight:700;font-style:italic;color:#0a0a0a;
    padding:30px 0;}
.Lectures .ul_2 {display:flex;flex-direction:column;gap:15px;}
.Lectures .ul_1 > li .ul_2 > li {display:flex;}
.Lectures .ul_1 > li .ul_2 > li::before {content:'';display:block;width:5px;height:5px;
    border-radius:100vw;background:#0a0a0a;margin:10px 15px 0;}
.Lectures .ul_1 .p2 {font-size:18px;font-weight:500;max-width:calc(100% - 35px);}



/* Extracurriculars */
.Extracurriculars {}
.Extracurriculars .ul_1 {display:flex;flex-direction:column;gap:60px;}
.Extracurriculars .p1 {text-align:center;font-size:28px;font-weight:700;font-style:italic;color:#0a0a0a;
    padding:30px 0;}
.Extracurriculars .ul_2 {display:flex;flex-direction:column;gap:15px;}
.Extracurriculars .ul_1 .p2 {font-size:18px;font-weight:500;max-width:calc(100% - 35px);}
.Extracurriculars .ul_1 li.ECA .ul_2 {gap:60px;}
.Extracurriculars .ul_2 .img_box {display:flex;gap:20px;margin:0 0 10px;}
.Extracurriculars .ul_2 .img_box img {min-width:0;object-fit:cover;}
.Extracurriculars .ul_2 .txt_box {display:flex;flex-direction:column;gap:15px;}
.Extracurriculars .ul_2 .txt_box > p {font-size:30px;font-weight:500;color:#226e93;margin:0 0 5px;}
.Extracurriculars .ul_2 .txt_box span {font-size:18px;font-weight:500;}
.Extracurriculars .ul_2 .txt_box span.bold {font-weight:700;}
.Extracurriculars .ul_2 .txt_box span.blue {color:#0035ff;font-weight:700;}
.Extracurriculars .ul_2 .ul_3 {display:flex;flex-direction:column;gap:15px;}
.Extracurriculars .ul_2 .ul_3 li {display:flex;}
.Extracurriculars .ul_2 .ul_3 li::before {content:'';display:block;width:5px;height:5px;
    border-radius:100vw;background:#0a0a0a;margin:10px 15px 0;}
.Extracurriculars .ul_2 .ul_3 li .p2 {max-width:calc(100% - 35px);}
.Extracurriculars .ul_1 li>.EATED .ul_2 {gap:60px;}

.Extracurriculars .ul_2 li:first-child .img_box img:first-child {max-width:290px!important;}










@media (max-width:640px) {
    .intro .art_a {font-size:32px;line-height:40px;}

    .proj .ul_t {font-size:22px;}
    .proj .proj_ul {gap:30px;padding:40px 0;}
    #ctt_con .proj .proj_ul img {width:200px;float:none;margin-right:0;margin-bottom:10px;}
    .proj .proj_ul p {font-size:18px;line-height:26px;margin:0 0 5px;}
    .proj .proj_ul .cont_ul li {font-size:16px;}

    .publications {gap:20px;}
    .publications .year {font-size:20px;line-height:26px;}
    .publications .cont_wrap {padding:15px 5px;}
    .publications .cont_wrap p {font-size:15px;line-height:22px;padding-left:20px;}
    .publications .cont_wrap p::before {left:2px;}

    .Extracurriculars .ul_2 .img_box {gap:10px;}
    .Extracurriculars .ul_2 li:first-child .img_box img:first-child {max-width:160px!important;}
}