@charset "utf-8";

/* ------------------------------------------------------ 영문 공통 줄바꿈 ------------------------------------------------------ */
#Greeting, #Purpose, #Organ, #Members,
#Greeting *, #Purpose *, #Organ *, #Members *{word-break:normal; overflow-wrap:break-word;}

/* ------------------------------------------------------ 상단메뉴 드롭다운 폭 ------------------------------------------------------ */
#cssmenu > ul > li > ul,
#cssmenu > ul > li:nth-child(2) > ul,
#cssmenu > ul > li:nth-child(3) > ul,
#cssmenu > ul > li:nth-child(5) > ul{width:auto; min-width:180px;}
#cssmenu > ul > li > ul a{white-space:nowrap;}

/* ------------------------------------------------------ 전체메뉴 서브메뉴 폭 ------------------------------------------------------ */
@media (min-width:769px){
    .allmenu .allmenuwrap .boxwrap > ul{max-width:calc(100% - 270px);}
}
@media (min-width:769px) and (max-width:1440px){
    .allmenu .allmenuwrap .boxwrap > ul{max-width:calc(100% - 220px);}
}
@media (min-width:769px) and (max-width:1280px){
    .allmenu .allmenuwrap .boxwrap > ul{max-width:calc(100% - 200px);}
}
@media (min-width:769px) and (max-width:1024px){
    .allmenu .allmenuwrap .boxwrap > ul{max-width:calc(100% - 180px);}
}
@media (min-width:769px) and (max-width:860px){
    .allmenu .allmenuwrap .boxwrap > ul{max-width:calc(100% - 170px);}
}

/* ------------------------------------------------------ 메인 세부 아젠다 카드 ------------------------------------------------------ */
@media (min-width:981px){
    .agenda-card:nth-child(n){min-height:auto;}
    .agenda-card{padding-top:80px;}
    .agenda-card .tit{flex:0 0 auto;}

    .agenda-card .ico{margin-top:50px; height:70px;}
    .agenda-card .more{margin-top:50px; height:70px; padding:0 18px;}

    .agenda-card .tit-horz{top:0;}
    .agenda-card .desc{bottom:0;}
}

.agenda-card .tit-vert{font-size:28px; letter-spacing:0; line-height:1.3; white-space:nowrap;}

.agenda-card .tit-horz i{font-size:46px; letter-spacing:-.01em; line-height:1.14;}
.agenda-card .desc i{font-size:17px;}

@media (max-width:1600px){
    .agenda-card .tit-vert{font-size:26px;}
    .agenda-card .tit-horz i{font-size:38px;}
    .agenda-card .desc i{font-size:16px;}
}
@media (max-width:1440px){
    .agenda-card .tit-vert{font-size:23px;}
    .agenda-card .tit-horz i{font-size:33px;}

    .agenda-card .desc{display:none;}
    .agenda-card .tit-horz{top:50%; transform:translateY(-50%);}
}
@media (max-width:1280px){
    .agenda-card .tit-vert{font-size:19px;}
    .agenda-card .tit-horz i{font-size:29px;}
}
@media (max-width:1024px){
    .agenda-card .tit-vert{font-size:16px;}
    .agenda-card .tit-horz i{font-size:23px;}
}

@media (max-width:980px){
    .agenda-card .tit-vert{writing-mode:horizontal-tb; text-orientation:mixed; white-space:normal; text-align:center; font-size:16px;}
    .agenda-card .tit-horz i{font-size:20px;}
}
@media (max-width:860px){
    .agenda-card .tit-horz i{font-size:18px;}
}

@media (max-width:768px){
    .agenda-card .tit-vert{font-size:22px; letter-spacing:-.01em;}
}
@media (max-width:640px){
    .agenda-card .tit-vert{font-size:20px;}
}
@media (max-width:550px){
    .agenda-card .tit-vert{font-size:21px;}
}
@media (max-width:450px){
    .agenda-card .tit-vert{font-size:19px;}
}

/* ------------------------------------------------------ eng1_2 사업 목적 및 아젠다 ------------------------------------------------------ */
#Purpose .map{--c1:190px; --c2:232px;}

#Purpose .pps-fill .fill-line:nth-child(6){--d:2s;}

@media (max-width:1024px){
    #Purpose .map{--c2:220px; --c1:170px;}
}

#Purpose .flow-arrow{background:none; -webkit-clip-path:none; clip-path:none;}
#Purpose .flow-arrow::before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(238,238,238,0) 0%, rgba(238,238,238,.45) 30%, rgba(238,238,238,.8) 64%, rgba(238,238,238,1) 100%); -webkit-clip-path:polygon(0 0, 100% 0, 50% 100%); clip-path:polygon(0 0, 100% 0, 50% 100%);}
#Purpose .flow-arrow span{z-index:1; white-space:nowrap;}

/* ------------------------------------------------------ eng1_3 조직구성 ------------------------------------------------------ */
#Organ .org-box{letter-spacing:0;}
#Organ .org-teams .org-box b{line-height:1.35;}

/* ------------------------------------------------------ eng1_4 연구단 사람들 ------------------------------------------------------ */
#Members .tab-btn{letter-spacing:0; flex:1 1 auto;}
#Members .mem-table td{letter-spacing:0;}

@media (max-width:1200px){
    #Members .tab-list{flex-wrap:wrap; row-gap:6px; padding:8px; border-radius:14px;}
    #Members .tab-btn{flex:0 0 33.333%; padding:0 8px; border-radius:12px;}
    #Members .tab-ink{border-radius:12px;}
}

@media (max-width:640px){

    #Members .tab-list{flex-wrap:wrap;}
    #Members .tab-btn{flex:1 1 calc(50% - 6px); min-width:0; white-space:normal; line-height:1.25;}
}

/* ------------------------------------------------------ eng2_1~2_6 세부 아젠다 ------------------------------------------------------ */
.agd-redesign .hero-tit{font-size:clamp(40px,6.4vw,98px); letter-spacing:-.01em;}

.agd-redesign .agenda-tabs a{min-width:210px;}

.agd-redesign .relv-quote,
.agd-redesign .intro-statement,
.agd-redesign .vcard h3,
.agd-redesign .tl-card h4{letter-spacing:0;}

.agd-redesign .relv-kw{flex-wrap:wrap;}

@media (max-width:1024px){
    .agd-redesign .agenda-tabs a{min-width:200px;}
}
@media (max-width:768px){
    .agd-redesign .agenda-tabs a{min-width:180px;}
}

.agd-redesign i.lb{font-style:italic;}

.agd-redesign p,
.agd-redesign li,
.agd-redesign h3,
.agd-redesign h4,
.agd-redesign span{word-break:normal; overflow-wrap:break-word;}

/* ------------------------------------------------------ 푸터 ------------------------------------------------------ */
#footer .family-list a{line-height:1.5;}
#footer .ft-copy p{word-break:normal; overflow-wrap:break-word;}