@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

.width-fixed{width:1400px;margin:0 auto ;position:relative;}
.width-fixed-sub{width:1200px;margin:0 auto ;position:relative;}

.main_top{height:100vh;width:100%;background:url('../img/main_top_bg.jpg') center / cover no-repeat;display: flex;align-items: center;}
.main_top .txt h2{font-size:var(--fs-72);line-height: 1.2;color:#fff;font-weight:bold;word-break: keep-all}
.main_top .txt p{margin-top:35px;font-size: var(--fs-18);color:#fff;font-weight:500;line-height: 1.5;word-break: keep-all}

.main_sec{background:#111111;padding:100px 0;position: relative;overflow: hidden}
.main_sec .sec_box{width:816px;height:816px;margin:0 auto;display:flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 50%;position:relative;text-align: center;}
.main_sec .sec_box:before{content:"";width:100%;height:100%;background:url('../img/sec_box_circle.svg') center / contain no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation: story_ani 10s infinite}
.main_sec .sec_box > span{font-size:var(--fs-65);color:#fff;font-weight: bold;}
.main_sec .sec_box > span > span{color:#D49F00}
.main_sec .sec_box > #trig{color:#fff;font-size:var(--fs-20);font-weight:500;line-height: 1.5;margin-top:50px;}

@keyframes story_ani {
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100%{
        transform: translate(-50%,-50%) rotate(360deg);
    }
}

.main_sec .core_right_top{position:absolute;right:0;top:25%;width:800px;z-index: 0;}
.main_sec .core_right_top img{width:100%;}
.main_sec .core_right_btm{position:absolute;right:0;top:75%;width:800px;z-index: 0;}
.main_sec .core_right_btm img{width:100%;}
.main_sec .core_left_top{position:absolute;left:0;top:0;width:800px;z-index: 0;}
.main_sec .core_left_top img{width:100%;}
.main_sec .core_left_btm{position:absolute;left:0;top:50%;width:800px;z-index: 0;}
.main_sec .core_left_btm img{width:100%;}

.core_box{width:1300px;display:grid;margin:200px auto 0 auto;gap:100px;}
.core_box > div{position:relative;border:1px solid #fff;padding:50px;border-radius: 30px;}
.core_box > div:hover{background:rgba(255,255,255,.1);backdrop-filter: blur(10px);}
.core_box > div span:first-child{font-size:var(--fs-20);color:#D49F00;font-weight:bold}
.core_box > div h5{margin:35px 0;font-size:var(--fs-40);word-break: keep-all;color:#fff;}
.core_box > div p{font-size:var(--fs-18);word-break: keep-all;color:#fff;}
.core_box > div img{width:60%;margin-top:60px;}
.core_box > div:first-child{grid-column:1 / 2;grid-row:1 / 3;width:100%;max-width:600px;}
.core_box > div:first-child img{width:80%;}
.core_box > div:nth-child(2){grid-column:2 / 3;grid-row:2 / 4;width:100%;max-width:600px;margin-top:50px;}
.core_box > div:nth-child(3){grid-column:1 / 2;grid-row:3 / 5;width:100%;max-width:600px;margin-top:50px;}
.core_box > div:last-child{grid-column:2 / 3;grid-row:4 / 6;width:100%;max-width:600px;margin-top:50px;}


.main_research{padding:100px 0 0 0;text-align: center;position: relative;}
.main_research .img {text-align: center;width:992px;height:593px;background:url('../img/featured_bg.svg') center / contain no-repeat;margin:0 auto;}
.main_research .txt {text-align: center;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);}
.main_research .txt h3{font-size:var(--fs-72);color:#fff;font-weight:bold;}
.main_research .txt span{display: block;font-size:var(--fs-20);color:#fff;font-weight:500;margin-top:15px;}
.research_box{width:100%;position: relative;display: flex;justify-content: space-between;margin-top:80px;}
.research_box > div{width:516px;height:516px;border-radius: 50%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;position:relative;}
.research_box > div strong{color:#fff;text-align: center;font-size:var(--fs-28);display: block;font-weight:bold;}
.research_box > div span{color:#fff;text-align: center;font-size:var(--fs-18);display: block;font-weight:500;margin-top:30px;}
.research_box > div:after{content:"";position:absolute;top:-10px;left:-12px;width:536px;height:536px;display: block;background: url('../img/research_point.svg') center / contain no-repeat;}
.research_box > div:first-child:after{animation: rotate_ani 30s infinite linear;}
.research_box > div:nth-child(2):after{animation: rotate_ani2 30s infinite linear;}
.research_box > div:last-child:after{animation: rotate_ani3 30s infinite linear;}
.research_box > div:nth-child(2){position:absolute;left:50%;top:0;transform:translateX(-50%) !important;}


@keyframes rotate_ani {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes rotate_ani2 {
    0%{
        transform: rotate(60deg);
    }
    100%{
        transform: rotate(420deg);
    }
}
@keyframes rotate_ani3 {
    0%{
        transform: rotate(-60deg);
    }
    100%{
        transform: rotate(300deg);
    }
}


.main_latest{padding:100px 0 0;}

.main_contact{background:#111111;padding:0;display: flex;}
.main_contact #map{width:50%;height:764px;}
.main_contact .map_info{width:50%;border-top:1px solid #C8C8C8;border-bottom:1px solid #C8C8C8;padding:65px;display: flex;justify-content: center;flex-direction: column;}
.main_contact .map_info h3{font-size:var(--fs-72);color:#fff;font-weight:bold;margin-bottom:65px;}
.main_contact .map_info > div + div{margin-top:27px;}
.main_contact .map_info > div span{color:#D49F00;font-size:var(--fs-16);font-weight:500;display: block;margin-bottom:12px;}
.main_contact .map_info > div p{font-size:var(--fs-20);color:#fff;line-height: 1.5;font-weight:500;word-break: keep-all}
.main_contact .map_info > div p:nth-child(2){font-weight:bold;}

.main_links{background:#111111;padding:100px 0;}
.main_links > div {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:30px;}
.main_links > div > div{border:1px solid #707070;height:100px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .4s;width:100%;}
.main_links > div > div img{width:100%;}
.main_links > div > div:hover{border:1px solid #fff}


.sub_container{padding:100px 0;min-height:400px;}

.sub_top{height:400px;background:url('../img/sub_top_bg.jpg') center / cover no-repeat;}
.sub_top > div{height:100%;}
.sub_top .sub_top_tit{display: flex;align-items: center;justify-content: center;height:100%;padding-top:130px;}
.sub_top .sub_top_tit h3{font-size:var(--fs-40);color:#fff;font-weight:bold;}


.all_menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.7);z-index: -1;opacity: 0;transition: all .4s;}
.all_menu > div{width:420px;background:#fff;position:absolute;right:0;top:0;height:100vh;}
.all_menu > div .logo{text-align: center;padding:30px 30px 0 30px;}
.all_menu > div .close_btn{position:absolute;left:-60px;width:50px;top:20px;height:50px;}
.all_menu > div .close_btn span{width:115%;height:3px;background:#fff;display: block;position:absolute;top:50%;left:50%;border-radius: 3px;}
.all_menu > div .close_btn span:first-child{transform:translate(-50%,-50%) rotate(-45deg)}
.all_menu > div .close_btn span:last-child{transform:translate(-50%,-50%) rotate(45deg)}
.all_menu > div ul {padding:30px;}
.all_menu > div ul li a{display: block;padding:15px;font-size:var(--fs-20);border-bottom:1px solid #ddd;font-weight:bold;}
.all_menu > div ul li:first-child a{border-top:1px solid #ddd;}

.sub_con_tit {text-align: center;padding:0 0 25px 0;border-bottom:1px solid #CCCDD0;}
.sub_con_tit h3 {font-size:var(--fs-40);color:#000;font-weight:bold;}


.research_wr .top{padding:50px 0;}
.research_wr .top p{font-size:var(--fs-18);color:#000;line-height: 1.5;word-break: keep-all;text-align: justify}
.research_wr .research_items{padding-top:100px;}
.research_wr .top + .research_items{border-top:2px solid #CCCDD0;}
.research_wr .research_items .it_top{text-align: center;}
.research_wr .research_items .it_top h4{font-size:var(--fs-24);color:var(--main-color);word-break: keep-all}
.research_wr .research_items .it_top span{font-size:var(--fs-18);color:#828282;display: block;margin-top:15px;word-break: keep-all;text-align: justify;width:100%;}
.research_wr .research_items .it_img{margin-top:50px;width:100%;border:1px solid #CCCDD0;padding:30px;}
.research_wr .research_items .it_img img{width:100%;}

.professor_wr {}
.professor_wr > div + div {margin-top:50px;}
.professor_wr .top{padding:50px 0 ;display: flex;align-items: center;gap:100px;}
.professor_wr .top .img{width:262px;position:relative;}
.professor_wr .top .img:before{content:"";position:absolute;top:30px;left:30px;width:226px;height:250px;background:#FFF4D5;display:block;z-index:-1;}
.professor_wr .top .txt > span{font-size:var(--fs-16);color:var(--main-color);}
.professor_wr .top .txt .name{font-size:var(--fs-34);font-weight:600;color:#000;margin:10px 0 40px 0;}
.professor_wr .top .txt ul li {display: flex;gap:10px;}
.professor_wr .top .txt ul li + li {margin-top:5px;}
.professor_wr .top .txt ul li span{font-size:var(--fs-18);display: block;word-break: keep-all}
.professor_wr .top .txt ul li span:first-child{color:#828282;width:72px;}
.professor_wr .top .txt ul li span:last-child{color:#000;width:calc(100% - 82px);}
.professor_wr .li_div{display: flex;gap:100px;align-items: flex-start;}
.professor_wr .li_div .tit{width:262px;position:sticky;top:40px;}
.professor_wr .li_div .tit strong{font-size:var(--fs-24);color:var(--main-color);font-weight:600;letter-spacing: -1px;}
.professor_wr .li_div .txt {width:calc(100% - 362px);position:relative;z-index: 11;}
.professor_wr .li_div .txt ul li {display:flex;gap:20px;font-size:var(--fs-18);word-break: keep-all;color:#828282;line-height:1.7}
.professor_wr .li_div .txt ul li span{min-width:80px;}
.professor_wr .li_div .txt ul li span:first-child{font-family: "Escoredream",dotum,sans-serif;}
.professor_wr .li_div .txt ul li span:first-child{min-width:165px;}

.member_wr .mem_position{color:var(--main-color);font-size:var(--fs-24);font-weight:bold;display: block;margin-bottom:20px;margin-top:80px;}
.member_wr .it{display: flex;align-items: center;gap:50px;}
.member_wr .it + .it{margin-top:50px;}
.member_wr .it .img{width:180px;height:200px;border:1px solid #ddd;background:#eee url('../img/logo.svg') center / 80% no-repeat;}
.member_wr .it .txt{width:calc(100% - 180px);}
.member_wr .it .txt .mtype{font-size:var(--fs-15);color:#828282;display: block;margin-bottom:10px;}
.member_wr .it .txt .name{font-size:var(--fs-34);color:#000;margin-bottom:35px;font-weight:600;}
.member_wr .it .txt .research{font-size:var(--fs-18);line-height: 1;word-break: keep-all;font-weight:300;}
.member_wr .it .txt .email{font-size:var(--fs-18);line-height: 1;word-break: keep-all;margin-top:25px;font-weight:300;}

.public_wr .years{font-size:var(--fs-24);color:var(--main-color);font-weight:bold;display: block;margin-bottom:20px;margin-top:80px;}
.public_wr .years + .con{border-top:1px solid #828282;}
.public_wr .con{border-bottom:1px solid #828282;padding:30px 0;font-size:var(--fs-20);line-height: 1.7;}
.public_wr .con .num{color:var(--main-color);font-weight:bold;font-size:0.9em;display: block;margin-bottom:10px;}
.public_wr .con sub{font-size:0.6em;color:#000;font-weight:bold;margin-bottom:0.4em;}
.public_wr .con be{margin-top:10px;}
.public_wr .con p{word-break: keep-all}
.public_wr .con a{font-weight:bold;color:var(--main-color)}
.public_wr .con a b{font-weight:bold;}

.contact_wr {padding:50px 0;}
.contact_wr #map{width:100%;height:650px;}
.contact_wr .map_info{padding:50px 0 0;}
.contact_wr .map_info > div + div{margin-top:27px;}
.contact_wr .map_info > div span{color:var(--main-color);font-size:var(--fs-16);font-weight:500;display: block;margin-bottom:12px;}
.contact_wr .map_info > div p{font-size:var(--fs-20);color:#000;line-height: 1.5;font-weight:500;word-break: keep-all}
.contact_wr .map_info > div p:nth-child(2){font-weight:bold;}