.sub_container {padding-bottom: 200px;}
.sub_visual {padding: 100px 0;}
.sub_common {display: flex;align-items: center;justify-content: space-between;}
.sub_common h2 {font-size: 70px;font-weight: 800;color: #000;padding-right: 30px;}

.submenu-wrap {display: flex;height: 40px;}
.submenu-wrap > li {position: relative; display: flex;height: 100%;align-items: center;justify-content: center;width: 180px;padding: 0 20px;}
.submenu-wrap > li.nav_home {width: 40px;padding: 0;}
.submenu-wrap > li.short {width: 130px;}
.submenu-wrap > li.long {width: 240px;}
.nav_name {cursor: pointer;font-size: 16px;font-weight: 700;color: #000; position: relative;width: 100%; display: flex;align-items: center;}
.nav_name:after { position: absolute; right: 0; content: ""; background-image: url("/resources/img/sub/down_arrow.svg"); width: 20px; height: 20px; transition: all .3s ease;-webkit-transition: all .3s ease; -moz-transition: all .3s ease;}
.nav_menu.on .nav_name:after {transform: rotate(180deg);}
.submenu {display: none;position: absolute;left: 0;top: 40px;width: 100%;z-index: 3;}
.submenu li a {width: 100%;height: 50px;display: flex;align-items: center;background-color: #fff;border-bottom: 1px solid #ddd;padding: 0 20px;font-size: 15px;color: #000;font-weight: 700;}
.submenu li a.on,
.submenu li a:hover {background-color: #006CB8;color: #fff;}


/**게시판 상세**/
.view_tit_wrap {padding: 100px 0;background-color: #F8FAFD;}
.view_tit {font-size: 28px;font-weight: 700;color: #000;}
.view_con_wrap {padding: 100px 0;}
.view_con {color: #666;}
.viewCon,
.viewCon p,
.viewCon td,
.viewCon span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.list_btn {display: inline-flex; align-items: center;justify-content: center;width: 170px;height: 50px;background-color: #006CB8;font-size: 16px;font-weight: 700;color: #fff;}
.view_con .file {margin-bottom: 20px;}
.view_con .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.view_con .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 3px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}
.view_con img  {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.viewCon table {text-align: center !important;width: 100% !important;}
.view_con a {display: initial;}
/**게시판 상세**/

/**게시판 페이징**/
.page_wrap {text-align:center;margin-top: 60px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #006CB8;color: #fff;}
/**게시판 페이징**/

.box {background-color: #F8FAFD;padding: 100px 0;margin-bottom: 150px;}
.box_df {display: flex;align-items: center;}
.box_df > div {width: 50%;}
.box_left {padding-right: 80px;}
.box_t1 {font-size: 28px;font-weight: 700;color: #006CB8;margin-bottom: 25px;}
.box_t2 {font-size: 20px;font-weight: 500;color: #000;white-space: pre-line;}

.common_tit {font-size: 28px;font-weight: 700;color: #006CB8;}
.member_list { display: grid;grid-template-columns: repeat(2, 1fr); column-gap: 32px; row-gap: 50px;border-top: 3px solid #006CB8;padding-top: 40px;margin-top: 20px;}
.member_item {display: flex;gap: 50px;}
.member_cont .name {font-size: 30px;font-weight: 600;color: #000;margin-bottom: 20px;}
.member_cont .name span {font-size: 20px;margin-left: 10px;font-weight: 400;}
.member_cont .position {font-size: 18px;font-weight: 600;color: #999;margin-bottom: 30px;}
.member_cont .info {display: flex;gap: 60px;margin-bottom: 15px;}
.member_cont .info_tit {font-size: 18px;font-weight: 700;color: #006CB8;width: 65px;flex-shrink: 0;}
.member_cont .info_txt {font-size: 18px;color: #000;}
.homepage {display: inline-flex;padding: 12px 20px;justify-content: center;align-items: center;gap: 4px;background: #006CB8;font-size: 15px;font-weight: 700;color: #fff;margin-top: 35px;}
.mb30 {margin-bottom: 30px;}
.mb60 {margin-bottom: 60px;}
.mb100 {margin-bottom: 100px;}
.mb150 {margin-bottom: 150px;}

.research_tab {display: flex;gap: 36px;}
.research_tab li {background-color: #fff;width: 25%;height: 360px;align-content: center;} 
.tab_title {font-size: 28px;font-weight: 700;color: #000;text-align: center;margin-top: 65px;}

.cate_list {display: flex;gap: 20px;margin-top: 70px;margin-bottom: 40px;}

.cate_menu {border-radius: 30px;padding: 10px 20px;text-align: center;font-size: 16px;font-weight: 700;}
.cate_menu.cate1 {color: #222;border: 1px solid #222;}
.cate_menu.cate2 {color: #006CB8;border: 1px solid #006CB8;}
.cate_menu.cate3 {color: #00BC64;border: 1px solid #00BC64;}
.cate_menu.cate4 {color: #F4A700;border: 1px solid #F4A700;}
.cate_menu.cate5 {color: #00A2F4;border: 1px solid #00A2F4;}

.cate_list li.on .cate_menu.cate1 {background-color: #222;color: #fff;}
.cate_list li.on .cate_menu.cate2 {background-color: #006CB8;color: #fff;}
.cate_list li.on .cate_menu.cate3 {background-color: #00BC64;color: #fff;}
.cate_list li.on .cate_menu.cate4 {background-color: #F4A700;color: #fff;}
.cate_list li.on .cate_menu.cate5 {background-color: #00A2F4;color: #fff;}

.research_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 36px;}
.research_item {border: 1px solid #EAEAEA;height: 400px;padding: 40px;}
.research_item:hover {border-color: #006CB8;}
.research_item .cate {display: inline-block;border-radius: 30px;padding: 10px 20px;text-align: center;font-size: 16px;font-weight: 700;margin-bottom: 20px;color: #fff;}
.research_item .cate.cate1 {background-color: #006CB8;}
.research_item .cate.cate2 {background-color: #00BC64;}
.research_item .cate.cate3 {background-color: #F4A700;}
.research_item .cate.cate4 {background-color: #00A2F4;}
.research_item .tit {font-size: 28px;font-weight: 700;color: #000;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;word-break: break-word;margin-bottom: 20px;}
.research_item .txt {font-size: 18px;color: #666;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;word-break: break-word;margin-bottom: 50px;}
.research_item .date {font-size: 18px;color: #000;position: relative;}
.research_item .date:after {position: absolute;right: 0;top: 0;content: "";background-repeat: no-repeat;background-image: url("/resources/img/common/link_arrow.svg");width: 24px;height: 24px;}

.more_wrap {margin-top: 100px;text-align: center;}
.more_btn {display: inline-flex;flex-direction: column; align-items: center;justify-content: center;gap: 10px;}
.more_btn span {font-size: 18px;font-weight: 700;color: #000;}

.research_info {margin-top: 30px;display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 36px; row-gap: 10px;}   
.research_info li {padding: 30px 0;border-bottom: 1px solid #E0E0E0;}
.research_info li span {position: relative;font-size: 22px;font-weight: 500;color: #000;padding-left: 15px;}
.research_info li span:before {position: absolute;left: 0;top: 10px;content: "";width: 6px;height: 6px;background-color: #006CB8;}

#map {height: 700px;}
.df {display: flex;align-items: center;}
.location {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 30px;position: relative;padding-left: 34px;}
.location:before {position: absolute;left: 0;top: 0;content: "";width: 24px;height: 24px;-webkit-background-size: cover;
background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url("/resources/img/sub/location.svg");}
.location_info {display: flex;align-items: center;gap: 50px;}
.loinof1 {font-size: 18px;font-weight: 700;color: #000;margin-right: 10px;}
.loinof2 {font-size: 18px;color: #666;}
.between {justify-content: space-between;}

.journal_link {display: inline-flex;align-items: center;gap: 10px;font-size: 20px;font-weight: 700;color: #000;margin-top: 40px;}
.view_tit_top {margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;}
.view_tit_top .cate {display: inline-block;border-radius: 30px;padding: 10px 20px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;}
.view_tit_top .cate.cate1 {background-color: #006CB8;}
.view_tit_top .cate.cate2 {background-color: #00BC64;}
.view_tit_top .cate.cate3 {background-color: #F4A700;}
.view_tit_top .cate.cate4 {background-color: #00A2F4;}
.view_tit_info {font-size: 18px;color: #000;}
.mar {margin-right: 30px;}
.abstract {font-size: 28px;font-weight: 700;color: #006CB8;margin-bottom: 25px;}

.mid_tit {font-size: 22px;font-weight: 500;color: #000;}
.list-bar li {position: relative;font-size: 18px;color: #555;padding-left: 10px;line-height: 1.5;}
.list-bar li:before {position: absolute;left: 0;top: 13px;content: "";width: 5px;height: 1px;background-color: #555;}
.journal_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 36px;}
.journal_item {background-color: #F8FAFD;padding: 50px;}
.journal_tit {font-size: 28px;font-weight: 700;color: #000;}
.journal_date {font-size: 18px;color: #000;}

.collaboration_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 36px;}
.collaboration_item {border: 1px solid #EAEAEA;text-align: center;padding: 60px 0;}
.collaboration_icon {width: 120px;height: 120px;background-color: #F8FAFD;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;}
.collaboration_tit {margin-top: 25px;text-align: center;font-size: 20px;font-weight: 500;color: #000;}

.form_wrap {border-top: 3px solid #006CB8;}
.form_item {padding: 30px 20px;border-bottom: 1px solid #EAEAEA;width: 49%;display: inline-flex;align-items: center;gap: 45px;}
.form_item.full {width: 100%;}
.form_tit {font-size: 18px;font-weight: 700;color: #000;flex-basis: 65px;}
.form_item input,
.form_item select {width: 100%;height: 60px;border: 1px solid #ddd;padding: 0 20px;outline: none;background-color: #fff;}
.form_item textarea {width: 100%;height: 220px;border: 1px solid #ddd;padding: 20px;outline: none;background-color: #fff;resize: none;}
.form_submit {font-size: 20px;font-weight: 700;color: #fff;margin-top: 80px;text-align: center;cursor: pointer;background-color: #006CB8;border: none;outline: none;width: 150px;height: 50px;}

.filebox {position: relative;display: flex;flex: 0 0 auto;gap: 10px;}
.form_item input.file_input {background-color: #F8FAFD;}
.upfile {display: inline-flex;align-items: center;justify-content: center;width: 150px;height: 60px;background-color: #AFC2CF;font-size: 16px;font-weight: 700;color: #fff;}
.form_item input.upload-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: 0;clip: rect(0,0,0,0); border: 0;}

.news_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 36px;}
.news_item {background-color: #f8fafd;padding: 50px;height: 400px;}
.news_item a {display: block;height: 100%;position: relative;}
.news_date {font-size: 18px;color: #000;position: absolute;left: 0;bottom: 0;width: 100%;}
.news_date:after {position: absolute;right: 0;top: 0;content: "";background-repeat: no-repeat;background-image: url("/resources/img/common/link_arrow.svg");width: 24px;height: 24px;}
.news_item:hover {background: linear-gradient(to bottom right,#006cbb,#61bcea);}
.news_item:hover .news_tit,
.news_item:hover .news_txt,
.news_item:hover .news_date {color: #fff;}
.news_item:hover .news_date:after {filter: invert(1);}

.news_tit {font-size: 28px;font-weight: 700;color: #000;margin-bottom: 25px;display: -webkit-box;-webkit-line-clamp: 2; /* 원하는 줄 수 */  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;}
.news_txt {font-size: 18px;color: #666;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 4; /* 원하는 줄 수 */  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;word-break: break-word;}

.event_list li {padding: 20px 0;border-bottom: 1px solid #ddd;}
.event_list li:last-child {border-bottom: none;}
.event_item {display: flex;gap: 36px;}
.event_cont {width: 60%;}
.event_img {width: 40%;}
.event_date {font-size: 18px;color: #000;margin-bottom: 45px;}
.event_tit {font-size: 28px;font-weight: 700;color: #000;margin-bottom: 25px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.event_txt {font-size: 18px;color: #666;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 5; /* 원하는 줄 수 */  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;word-break: break-word;margin-bottom: 40px;}
.event_more {font-size: 20px;font-weight: 700;color: #000;display: inline-flex;gap: 20px;align-items: center;}
.abstract_cont {font-size: 16px;line-height: 1.5;color: #000;}

@media (max-width: 1560px) {
	.box_t2 {font-size: 20px;white-space: normal;}
	.box_left {padding-right: 60px;}
}
@media (max-width: 1499px) {
	.news_item {padding: 40px;}
}

@media (max-width: 1429px) {
	.news_tit {font-size: 24px;}
	.news_item {padding: 30px;}
}
@media (max-width: 1399px) {
	.journal_tit {font-size: 24px;}
	.sub_common h2 {font-size: 60px;}
}
@media (max-width: 1259px) {
	#map {height: 500px;}
}
@media (max-width: 1219px) {
	.sub_common h2 {font-size: 45px;}
	.member_cont .name {font-size: 25px;}
	.member_cont .name span {font-size: 18px;}
	.member_cont .position {font-size: 16px;}
	.member_cont .info_tit,.member_cont .info_txt {font-size: 16px;}
	.member_cont .info_tit {width: 50px;}
	.member_cont .info {gap: 30px;}
	.member_item {gap: 25px;}
	.box_t2 {font-size: 18px;}
	.box_t1 {font-size: 25px;}
	.common_tit {font-size: 25px;}
	.tab_title {font-size: 25px;margin-top: 45px;}
	.research_tab li {height: 300px;}
	.research_item {padding: 20px;height: 360px;}
	.research_item .tit {font-size: 24px;}
	.view_tit {font-size: 24px;}
	.research_info li span {font-size: 18px;}
	.event_tit {font-size: 24px;}
	.news_item {padding: 20px;height: 350px;}
	.news_tit {font-size: 20px;}
	.journal_tit {font-size: 20px;}
	.journal_item {padding: 30px;}
	.journal_date {font-size: 16px;}
}

@media (max-width: 991px) {
	.mb30 {margin-bottom: 15px;}
	.mb60 {margin-bottom: 30px;}
	.mb100 {margin-bottom: 50px;}
	.mb150 {margin-bottom: 75px;}
	.sub_container {padding-bottom: 100px;}
	.sub_visual {padding: 50px 0;}
	.sub_common h2 {font-size: 40px;}
	.box {padding: 50px 0;margin-bottom: 70px;}
	.box_t2 {font-size: 16px;}
	.box_t1 {font-size: 20px;margin-bottom: 15px;}
	.member_cont .name {font-size: 20px;}
	.member_cont .name span {font-size: 16px;} 
	.homepage {margin-top: 0;}
	.member_cont .position {margin-bottom: 15px;}
	.research_tab img {height: 48px;}
	.tab_title {font-size: 20px;margin-top: 30px;}
	.research_tab {gap: 18px;}
	.research_tab li {height: 180px;}
	.cate_menu {font-size: 14px;}
	.cate_list {margin-top: 35px;margin-bottom: 20px;gap: 10px;}
	.research_item .cate {font-size: 14px;margin-bottom: 10px;}
	.research_item .tit {font-size: 18px;margin-bottom: 10px;}
	.research_item .txt {font-size: 16px;margin-bottom: 25px;}
	.research_item .date {font-size: 16px;}
	.research_item {height: 270px;}
	.more_btn span {font-size: 16px;}
	.view_tit_wrap {padding: 50px 0;}
	.view_tit {font-size: 18px;}
	.view_tit_top .cate {font-size: 14px;}
	.view_tit_info {font-size: 16px;}
	.journal_link {font-size: 18px;margin-top: 20px;}
	.abstract {font-size: 25px;}
	.view_con_wrap {padding: 50px 0;}
	.research_tab li {width: 46%;}
	.research_tab {flex-wrap: wrap;}
	.tab_title {font-size: 18px;margin-top: 15px;}
	.research_list {grid-template-columns: repeat(1, 1fr);gap: 18px;}
	.cate_list {flex-wrap: wrap;}

	.research_item .txt {font-size: 14px;}
	.research_item {height: auto;}
	.more_wrap {margin-top: 50px;}
	.box_left {padding-right: 30px;}
	.research_info li span {font-size: 16px;}
	.research_info {margin-top: 15px;}
	.research_info li {padding: 20px 0;}
	.member_cont .info {gap: 10px;}
	.member_img {width: 100px;flex-shrink: 0;}
	.research_info li span:before {top: 6px;}
	.event_date {font-size: 16px;margin-bottom: 20px;}
	.event_tit {font-size: 18px;margin-bottom: 15px;}
	.event_txt {font-size: 16px;margin-bottom: 20px;}
	.event_more {font-size: 16px;}
	.news_tit {font-size: 18px;margin-bottom: 15px;}
	.news_txt {font-size: 16px;}
	.news_date {font-size: 14px;}
	.news_list {gap: 18px;grid-template-columns: repeat(2, 1fr);}
	.news_item {height: 300px;}
	.mid_tit {font-size: 18px;}
	.list-bar li {font-size: 16px;}
	.journal_list {gap: 18px;}
	.journal_tit {font-size: 18px;}
	.journal_date {font-size: 14px;}
	.journal_item {align-content: center;height: 200px;padding: 20px;}

	.location {font-size: 18px;margin-bottom: 15px;}
	.loinof1,.loinof2 {font-size: 16px;}
	.collaboration_tit {font-size: 18px;margin-top: 15px;}
	.collaboration_item {padding: 30px 0;}
	.collaboration_icon img {height: 50%;}
	.collaboration_list {gap: 18px;}
	.form_tit {font-size: 16px;flex-basis: 55px;}
	.form_item {gap: 20px;}
	.form_item input, .form_item select {height: 40px;}
	.form_item textarea {height: 150px;}
	.upfile {height: 40px;}
	.form_submit {margin-top: 40px;}
	.form_submit {font-size: 16px;}
	.submenu-wrap > li.long {width: 270px;}
}

@media (max-width: 767px) {
	.sub_common h2 {font-size: 30px;padding-right: 0;margin-bottom: 20px;}
	.box_df {flex-direction: column;gap: 20px;}
	.box_left {padding-right: 0;}
	.common_tit {font-size: 20px;}
	.member_list {grid-template-columns: repeat(1, 1fr);row-gap: 25px;}
	.member_item {gap: 10px;flex-direction: column;}
	.member_img {width: auto;}
	.member_img img {margin: 0 auto;}
	.member_cont .name {font-size: 18px;}
	.member_cont .info {gap: 15px;}
	.sub_common {align-items: baseline;flex-direction: column;}
	.submenu-wrap {height: auto;}
	.submenu-wrap > li {height: 40px;}
	.research_info {grid-template-columns: repeat(1, 1fr);gap: 18px;}
	.event_item {gap: 18px;flex-direction: column-reverse;}
	.event_img,.event_cont {width: 100%;}
	.event_date,.event_txt,.event_more {font-size: 14px;}
	.news_list {grid-template-columns: repeat(1, 1fr);}
	.news_item {height: auto;}
	.news_date {position: relative;left: auto;top: auto;margin-top: 30px;}
	.news_txt {font-size: 14px;}
	.journal_list {grid-template-columns: repeat(1, 1fr);}
	.mid_tit {font-size: 16px;}
	.list-bar li {font-size: 14px;}
	#map {height: 300px;}
	.location_info {flex-direction: column;gap: 20px;align-items: flex-start;}
	.collaboration_list {grid-template-columns: repeat(1, 1fr);}
	.collaboration_tit {font-size: 16px;}
	.form_item {width: 100%;flex-direction: column;align-items: flex-start;gap: 10px;padding: 20px 10px;}
	.form_item input, .form_item select {padding: 0 10px;}
	.form_tit {flex-basis: auto;}
	.submenu-wrap > li.long,.submenu-wrap > li {width: 100%;}
	.location {font-size: 16px;}
	.box_df > div {width: 100%;}
	.subnav {width: 100%;}
	.nav_name {font-size: 14px;}
	.submenu li a {font-size: 12px;}
	.member_cont {max-width: 100%;margin: 0 auto;}
	.submenu-wrap > li {padding: 0 10px;}
}

@media (max-width: 575px) {

}
@media (max-width: 425px) {
}