@charset "UTF-8";



/* topBanner */
.topBanner { padding-top: 60px; position: relative; margin-bottom: 120px;} 
.topBanner-cont{align-items: flex-end; margin-bottom: 40px;}
.topBanner-eng{color: var(--color-primary); font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.topBanner-tit strong { color: #0F172A; font-size: 56px; font-weight: 700;letter-spacing: -1.68px; } 

/* loca */
.loca { margin-top: 20px; } 
.loca-ul1 { display: flex; align-items: center; justify-content: center; } 
.loca-li1 a { color: #64748B; } 
.loca-li1:not(:last-child) { margin-right: 12px; padding-right: 26px; position: relative; } 
.loca-li1:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: url('../../images/ico/ico-lnb_arr.svg') no-repeat 50% / cover; } 
.loca-item { font-size: 18px; font-weight: 500; } 
.loca-home a i { font-size: 0; } 
.ico-home{ width: 24px; height: 24px; background: url('../../images/ico/ico-home_w.svg') no-repeat 50% / cover; filter: brightness(0) saturate(100%) invert(48%) sepia(10%) saturate(1015%) hue-rotate(176deg) brightness(90%) contrast(85%);} 

/* research */
.sect-research-list{display: flex;flex-wrap: wrap;gap: 24px;align-items: stretch;}
.sect-research-list > li{width: calc(50% - 12px)}
.sect-research-item{padding: 32px;border-radius: 24px;border: 1px solid #E2E8F0;background: #FFF;height: 100%;}
.sect-research-img{width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin-bottom: 24px;}
.sect-research-img img{width: 100%; height: 100%; object-fit: cover;}
.sect-research-tit .tit { color: #0F172A;font-size: 28px;font-weight: 600;line-height: 1.45; } 
.sect-research-tit p { color: var(--color-primary);font-size: 22px;font-weight: 500;line-height: 1.45; } 
.sect-research-item .cont {margin-top: 32px; color: #475569;font-style: normal;font-weight: 400;line-height: 1.45; } 
.research-imgBox{margin-top: 64px; padding: 24px; border-radius: 24px; background: var(--color-secondary);}
.sect-research .research-imgBox img {
    max-width: 100%;
}

/* bbs */
.sch-select select {color: #1E293B;font-size: 18px;font-weight: 500;padding: 16px;padding-right: 52px !important;height: 53px;border-radius: 12px;border: 1px solid rgba(30, 41, 59, 0.15);background-image: url(../../images/ico/ico-dropDown.svg);background-position: center right 16px;background-repeat: no-repeat;background-size: 20px 20px;min-width: 100px;} 
.sch-input{position: relative;width: 100%;}
.sch-input button, .sch-input a{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;padding: 0;display: flex;align-items: center;justify-content: center;}
.sch-input input{color: #1E293B; font-size: 18px; font-weight: 500; padding: 16px; padding-right: 52px; height: 53px; border-radius: 12px; border: 1px solid rgba(30, 41, 59, 0.15);}
.sch-input input::placeholder{color: #94A3B8; font-size: 18px; font-weight: 500;}
.ico-search{width: 20px; height: 20px; background: url("../../images/ico/ico-search.svg") no-repeat 50% / cover;}
.bbsBar{margin-bottom: 40px;}
.bbsList.type-list{border-top: 2px solid #0F172A;}
.bbsList.type-list > ul > li{padding: 40px 0; border-bottom: 1px solid #E2E8F0;}
.bbsList:not(.type-list) .bbs-item,
.member-item { border-radius: 24px;border: 1px solid #E2E8F0;background: #FFF;padding: 32px;display: flex;align-items: stretch;gap: 32px; } 
.type-list .bbs-item{position: relative;display: flex;align-items: flex-start;width: 100%;/* padding-right: 48px; */}
.type-photo .bbs-item{flex-direction: column;height: 100%;}
.bbs-num{min-width: 100px; flex: none;}
.bbs-icon{transition: opacity 0.3s ease, visibility 0.3s ease;display: none;width: 48px;height: 48px;border-radius: 50%;/* display: flex; */align-items: center;justify-content: center;/* position: absolute; *//* right: 0; *//* top: 0; */z-index: 2;background: var(--color-primary);}
.bbs-icon .ico-link_arr{width: 40px; height: 40px; background: url("../../images/ico/ico-link_right.svg") no-repeat 50% / cover;}
.bbs-item:hover .bbs-icon{opacity: 1;visibility: visible;display: flex;}
.bbs-num{color: #334155; font-size: 24px; font-weight: 400; line-height: 1.45;}
.bbs-cont{flex: 1;}
.bbs-cont .tit {color: #0F172A;font-size: 24px;font-weight: 500;line-height: 1.45;} 
.bbs-cont .cont {color: #64748B;font-size: 20px;font-weight: 400;line-height: 1.45;margin-top: 12px;word-break: break-all;} 
.bbsList.type-photo > ul{display: flex;align-items: stretch;flex-wrap: wrap;gap: 24px;}
.bbsList.type-photo li{width: calc(33.3333% - 16px);}
.type-photo .bbs-img{width: 100%; aspect-ratio: 386.67/217.50; border-radius: 4px; overflow: hidden;}
.type-photo .bbs-img img{width: 100%; height: 100%; object-fit: cover;}
.type-photo .bbs-cont .date{color: #64748B; font-size: 18px; font-weight: 400; line-height: 1.45; margin-top: 16px;}
.bbsBar-btn .btn{gap: 16px; display: flex; align-items: center; justify-content: center; color: #1E293B; font-size: 18px; font-weight: 500; padding: 16px; height: 53px; border-radius: 12px; border: 1px solid rgba(30, 41, 59, 0.15);}
.bbsBar-btn i{width: 22px; height: 16px; filter: brightness(0) saturate(100%) invert(20%) sepia(4%) saturate(4705%) hue-rotate(177deg) brightness(96%) contrast(82%);}
.bbsBar-btn.flex-h-c{gap: 12px;}
.type-photo .bbs-cont .tit{min-height: 66px;font-size: 22px;font-weight: 600;}

.bbsView{border-top: 2px solid #0F172A; border-bottom: 1px solid #E2E8F0;  padding-bottom: 40px;}
.bbsView-top{padding: 40px 0;border-bottom: 1px solid #E2E8F0;text-align: center;}
.bbsView-top .info{display: flex;align-items: center;justify-content: center;margin-top: 16px;}
.bbsView-top .info li{font-size: 14px; color: #757575;}
.bbsView-top .info li:not(:last-child){position: relative;display: flex;align-items: center;}
.bbsView-top .info li:not(:last-child):after{content: 'ㅣ'; margin: 0 4px; color: #E4E4E4;}
.bbsView-tit { color: #0F172A; text-align: center; font-size: 28px; font-weight: 600; line-height: 145%; /* 40.6px */
 display: block; } 
.bbsView-top .info span { color: #64748B; text-align: center; font-size: 18px; font-weight: 400; line-height: 145%; /* 26.1px */}
.bbsView-top .info span.info-tit { font-weight: 600; margin-right: 8px; } 
.bbsView-detail { padding: 40px 0; } 
.bbsView-detail .cont * {color: #0F172A;font-size: 18px;font-weight: 400;line-height: 145%; /* 26.1px */} 
.bbsView-detail img,
.bbsView-detail video,
.bbsView-detail iframe {max-width: 100%;height: auto !important;border-radius: 4px;overflow: hidden;margin-bottom: 24px;} 
.bbsView-file .bbsView-file-text {color: #0F172A;font-size: 24px;font-weight: 600;line-height: 145%; /* 34.8px */margin-bottom: 12px;} 
.bbsView-file__cont { /* background: rgba(182, 0, 129, 0.05); *//* border-radius: 10px; */ } 
.bbsView-file__cont > ul > li {padding: 16px;display: flex;align-items: center;border-radius: 16px;background: var(--color-secondary);} 
.bbsView-file__cont > ul > li > a {font-size: 16px;font-weight: 500;line-height: 1.5;color: #334155;font-size: 18px;font-weight: 400;line-height: 145%; /* 26.1px */margin-right: 20px;} 
.bbsView-file__cont > ul > li:before { content: ''; width: 22px; height: 22px; flex: none; margin-right: 10px; background: no-repeat 50% / cover; background-image: url("../../images/ico/ico-file.svg"); } 
.bbsView-file__cont > ul > li:not(:last-child) { margin-bottom: 10px; } 
.ico-down{width: 20px; height: 20px; background: url("../../images/ico/ico-down.svg") no-repeat 50% / cover;}
.btn-download{margin-left: auto;display: flex;align-items: center;justify-content: center;color: #334155;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 400;line-height: 145%; /* 23.2px */flex: none;}

.bbsPaging{display: flex; align-items: center; justify-content: center; margin-top: 64px;}
.bbsPaging .prev,
.bbsPaging .next { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } 
.bbsPaging .prev i,
.bbsPaging .next i { width: 11px; height: 18px; background: url('../../images/ico/ico-page_btn.svg') no-repeat 50% / cover; } 
.bbsPaging .prev,
.bbsPaging .first { transform: scaleX(-1); } 
.bbsPaging .first,
.bbsPaging .last { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; } 
.bbsPaging .first i,
.bbsPaging .last i { width: 21px; height: 18px; background: url('../../images/ico/ico-page_btn2.svg') no-repeat 50% / cover; } 
.bbsPaging .first{margin-right: 10px;}
.bbsPaging .last{margin-left: 10px;}
.bbsPaging a:not(.first, .prev, .next, .last) {display: inline-block;font-size: 16px;font-weight: 500;color: #334155;/* border: 1px solid var(--g-black2); */background-color: #fff;border-radius: 0;vertical-align: top;width: 48px;height: 48px;border-radius: 50%;line-height: 48px;margin-right: 10px;display: flex;align-items: center;justify-content: center;} 
.bbsPaging .num-group {display: inline-block;font-size: 0; margin: 0 16px;}
.bbsPaging .num { display: inline-block; } 
.bbsPaging .num a{}
.bbsPaging .num.on a{background-color: var(--color-primary);color: #fff;font-weight: 700;}
.bbsPaging a[aria-disabled="true"]{cursor: default;}
.bbsPaging a[aria-disabled="true"] i{filter: brightness(0) saturate(100%) invert(95%) sepia(2%) saturate(3484%) hue-rotate(183deg) brightness(94%) contrast(88%);}

.member-area + .member-area{margin-top: 64px; padding-top: 64px; border-top: 1px solid #E2E8F0}
.member-tit { color: #0F172A;font-size: 28px;font-weight: 600;line-height: 1.45;margin-bottom: 64px; } 
.member-list { display: flex; flex-wrap: wrap; gap: 24px; } 
.member-list > li { width: calc(50% - 12px) } 
.member-info .list { display: flex; gap: 8px; } 
.member-info .list + .list { margin-top: 8px; } 
.member-info .tit { color: #0F172A;font-size: 28px;font-weight: 600;line-height: 1.45;margin-bottom: 24px; } 
.member-info .list-tit { display: flex; align-items: center; gap: 4px; color: var(--color-primary);font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 500;line-height: 1.45; } 
.member-info .list-tit .ico { width: 20px; height: 20px; } 
.ico-tel { background: url("../../images/ico/ico-tel.svg") } 
.ico-mail { background: url("../../images/ico/ico-mail.svg") } 
.member-info dd { color: #334155;font-size: 18px;font-weight: 400;line-height: 1.45; } 
.member-img {width: 212px;height: 280px;border-radius: 4px;overflow: hidden;} 
.member-img img { width: 100%; height: 100%; object-fit: cover; } 

.map-cont{height: 600px;border-radius: 24px;overflow: hidden;position: relative;width: 100%;font-size: 0;}
.map-cont .root_daum_roughmap{width: 100%; height: 100%;}
.map-cont .wrap_controllers.hide{display: none;}
.root_daum_roughmap .map_border {border: 0 !important; background-color: transparent !important;}
.map-info{width: 440px; position: absolute; top: 64px; left: 64px; border-radius: 24px; background: #FFF; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10); padding: 32px;}
.map-info__top .tit {color: #0F172A;font-size: 28px;font-weight: 600;line-height: 1.45; } 
.map-info__top { padding-bottom: 24px; border-bottom: 1px solid #E2E8F0; } 
.map-info__item { margin-top: 28px; } 
.map-info__item dt { color: #0F172A;font-size: 18px;font-weight: 500;line-height: 1.45;margin-bottom: 6px; } 
.map-info__item dd { color: #64748B;font-size: 18px;font-weight: 400;line-height: 1.45; } 


.tab-menu__wrap { margin-bottom: 64px; border-bottom: 1px solid var(--g-black2); display: flex; align-items: center; } 
.tab-menu__wrap > li { flex: 1; height: 100%; } 
.tab-menu__wrap > li > a, 
.tab-menu__wrap > li > button { font-size: 20px; font-weight: 500; color: var(--g-black4); text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; padding: 14px 0; } 
.tab-menu__wrap a.active,
.tab-menu__wrap button.active { color: var(--color-primary); font-weight: 700; position: relative; } 
.tab-menu__wrap a.active::after,
.tab-menu__wrap button.active::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--color-primary); } 
.ico-people{width: 20px; height: 20px; background: url("../../images/ico/ico-people.svg") no-repeat 50% / cover;}

.member-history{padding: 32px; border-radius: 24px; border: 1px solid #E2E8F0; background: var(--g-black1); margin-top: 30px;}
.member-history-list li{display: flex; align-items: flex-start; gap: 32px; line-height: 1.45; margin-bottom: 24px;}
.member-history-list li:last-child{margin-bottom: 0;}
.member-history-date{color: var(--color-primary); font-size: 18px; font-weight: 500; flex: none;}
.member-history-item{flex: 1; color: #334155; font-size: 18px; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}



@media screen and (min-width: 1201px){
}

/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media (max-width: 1200px) {
    .topBanner .topBanner-cont { gap: 16px; }
    .topBanner-tit .topBanner-eng { font-size: 15px; }
    .topBanner-tit strong { font-size: 30px; }
    .topBanner-img img {height: 360px;object-fit: cover;width: 100%;}
    .loca .loca-ul1 { gap: 8px; }
    .sect-research-list {}
    .sect-research-item { padding: 16px; }
    .sect-research-tit .tit { font-size: 18px; }
    .sect-research-tit p { font-size: 14px; }
    .sect-research-item .cont { font-size: 14px; line-height: 1.6; }
    .research-imgBox img { width: 100%; height: auto; }

    .sect-bbs .bbsBar { margin-bottom: 16px; }
    .bbsList.type-list .bbs-item {}
    .bbsList.type-list .bbs-num { width: 80px; }
    .bbsList.type-list .bbs-cont .tit {font-size: 20px;}
    .bbsList.type-list .bbs-cont .cont {font-size: 16px;}

     .member-area { margin-bottom: 28px; }
    .member-tit { font-size: 20px; margin-bottom: 16px; }
    .member-list > li {width: 100%;}
    .member-item { padding: 16px; }
    .member-info .tit { font-size: 16px; }

    .map-cont { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10); height: auto; } 
    .map-info { border-radius: 10px; position: static; width: 100%; box-shadow: none; } 
    .map-info__item dt, .map-info__item dd { font-size: 14px; } 

    .bbsList.type-photo ul { } 
    .bbsList.type-photo li { width: calc(50% - 16px); } 
    .bbsList.type-photo .bbs-item { border-radius: 12px; overflow: hidden; padding: 26px; } 
    .bbsList.type-photo .bbs-cont .tit { font-size: 20px; } 

     .bbsView-top { gap: 16px; }
    .bbsView-top .bbsView-tit {font-size: 20px;}
    .bbsView-top .info { gap: 12px; }
    .bbsView-detail .cont img { max-width: 100%; height: auto; }

}

@media (max-width: 768px) {

    .topBanner { padding-top: 20px; margin-bottom: 48px; } 
    .topBanner .topBanner-cont { flex-direction: column; align-items: flex-start; gap: 12px; } 
    .topBanner-tit .topBanner-eng { font-size: 14px; } 
    .topBanner-tit strong { font-size: 26px; } 
    .topBanner-img img { height: 280px; } 
    .loca .loca-ul1 { flex-wrap: wrap; gap: 6px; } 
    .sect-research-list { } 
    .sect-research-item { padding: 12px; } 
    .sect-research-img img { width: 100%; height: auto; } 
    .sect-research-tit .tit { font-size: 16px; } 
    .sect-research-tit p { font-size: 13px; } 
    .sect-research-item .cont { font-size: 13px; } 
    .research-imgBox { margin-top: 16px; } 
    .sect-research-list > li { width: 100%; } 

    .sect-bbs .bbsBar { flex-wrap: wrap; gap: 10px; } 
    .bbsList.type-list ul { display: grid; gap: 12px; } 
    .bbsList.type-list > ul > li { padding: 20px 0; } 
    .bbsList.type-list .bbs-item { } 
    .bbsList.type-list .bbs-num { display: none; } 
    .bbsList .bbs-icon { display: none; } 
    .bbsPaging .num-group { gap: 6px; } 

    .member-list > li { width: 100%; } 
    .member-item { padding: 12px; flex-direction: column; } 
    .member-img{}
    .member-img img { width: 100%; height: 100%; } 
    .member-info .list { display: grid; grid-template-columns: 100px 1fr; } 


    .bbsList.type-photo ul { } 
    .bbsList.type-photo li { width: 100%; } 
    .bbsList.type-photo .bbs-cont { } 
    .bbsList.type-photo .bbs-cont .date { font-size: 16px; } 

    .bbsBar .bbsBar-btn { width: 100%; display: flex; justify-content: space-between; } 
    .bbsView-top { flex-direction: column; padding: 20px 0; } 
    .bbsView-top .info { display: flex; gap: 8px; } 
    .bbsView-file { padding: 12px; } 
    .atchfile li { display: grid; grid-template-columns: 1fr auto; gap: 8px; } 

    .sch-select select { min-width: 100%; } 
    .sch-select { width: 100%; } 
    .bbsBar-btn .btn { flex: 1; } 

    .bbsView-file__cont > ul > li > a { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 


    .bbsBar-sch .input-group { flex-direction: column; gap: 10px; width: 100%; } 

    .bbsBar-sch { width: 100%; } 

    .tab-menu__wrap { width: 100%; margin-bottom: 36px;} 
    .tab-menu__wrap > li > a { font-size: 12px;} 
        
    .member-history{padding: 12px;border-radius: 16px;}
    .member-history-list li{flex-direction: column;gap: 5px;margin-bottom: 12px;}
    .member-history-date{font-size: 16px;}
    .member-history-item{font-size: 16px; -webkit-line-clamp: 3;}
}