@charset "UTF-8";

.w230{
  width: 230px !important;
}

.pl-60{
  padding-left: 60px;
}

.data-select-list{
  display: flex;
  flex-wrap: wrap;
}
.data-select__top{
  flex: 1 1 auto;
  
  display: flex;
  justify-content: end;
  margin-bottom: 12px;
}
.data-select__top .btn-primary{
  padding: 7px 15px;
}


.data-select__top button{
  font-size: 14px;
}

.introduce_txt_group > .data-select__top {
  position: absolute;
  right: 0;
}

.select-group{
  flex: 0 0 320px;
  margin-right: 40px;
}
.list-group{
  flex: 1;
}

.list_top{
  display: flex;
  height: 36px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.list_top__txt{
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
}
.list_select_group{
  display: flex;
  align-items: center;
}
.list_select_group label{
  margin-right: 12px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
}
.list_select_group select{
  margin-right: 5px;
}
.list_select_group select:last-of-type{
  margin-right: 0;
}




.dl_box{
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  background: #FFF;
  margin-top: 23px;
}
.dl_box + .content-wrap {
  margin-top: 60px;
}
.dl_box:first-child{
  margin-top: 0;
}
.dl_box__head{
  height: 52px;
  padding: 16px 32px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.32px;
  background-color: #F4F4F4;
  border-radius: 8px 8px 0 0;
}
.dl_box__head_sub_txt{
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
}

.content_between{
  display: flex;
  justify-content: space-between;
}
.dl_box__body {
  padding: 22px 32px;
}
.dl_box__body .img-wrap {
  width: 20%;
  margin-right: 20px;
  height: 100%;
}
.dl_box__body .img-wrap .img-box {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.dl_box__body .img-wrap .img-box > .img {
  width: 100%;
  height: 100%;
}
.dl_box__body .img-wrap + .file_upload {
  width: calc(80% - 20px);
  height: 100%;
}
.dl_box__body .btn-in{
  margin: 0;
}
.dl_box__body ._arrow{
  color: #AAA;
  margin: 15px 0 15px 0;
}
.dl_box__body._list{
  border-top: 1px solid #DBDBE7;
}
.dl_box__body._list .form_center_box{
  padding-left: 180px;
}

#commentDiv .dl_box__body {
  display: block;
}

.container.my .dl_box__body {
  display: flex;
  align-items: center;
}

.btn-wrap.right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 15px;
}

.dl_box__head.content_between{
  align-items: center;
}

.select-group._accordion .dl_box{
  margin: 0;
  border-radius: 0;
  border-top: 0;
}
.select-group._accordion .dl_box.-open{
  
}
.select-group._accordion .dl_box.-open .dl_box__head{
  background: url("../image/icon/icon_accordion_arrow02.png") no-repeat right 20px top 50%;
}
.select-group._accordion .dl_box.-open .dl_box__body{
  display: block;
  border-top: 1px solid #E0E0E0;
}

.select-group._accordion .dl_box:first-child{
  border-top: 1px solid #DBDBE7;
}
.select-group._accordion .dl_box__head{
  border-radius: 0;
  background: url("../image/icon/icon_accordion_arrow01.png") no-repeat right 20px top 50%;
}
.select-group._accordion .dl_box__body{
  display: none;
}


.sign-wrap #keywordArea .tag_list {
  margin-top: 10px;
}
.sign-wrap #keywordArea .tag_list .tag_list__item {
  width: 45%;
  min-width: auto;
}



.tox.tox-tinymce {
  height: 500px !important;
}
















.check_select__scroll_row5,
.check_select__scroll_row10,
.check_select__scroll_row15{
  overflow-y: auto;
}
.check_select__scroll_row5{
  max-height: 180px;
}
.check_select__scroll_row10{
  max-height: 360px;
}
.check_select__scroll_row15{
  max-height: 540px;
}

.check_select__list.inline{
  display: flex;
  flex-wrap: wrap;
}
.check_select__list.inline .check_select__item{
  margin-right: 15px;
  padding: 0;
}
.check_select__item{
  padding: 10px 0;
}
.check_select__text{
  font-size: 14px;
  color: #333;
}

.list_radius_box{
  flex: 1 1 auto;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  background: #FFF;
}
.list_group{
  display: flex;
  flex-direction: column;
  padding: 20px 50px 0 50px;
}
.list_group._add_list{
  padding: 0;
}
.list_group._add_list .list_group__item{
  border-bottom: 1px solid #DBDBE7;
}
.list_group._add_list .list_group__item:last-of-type{
  border-bottom: 0;
}
.list_group._add_list .list_group_content{
  border: 0;
}


.list-group .list_group_content {
  position: relative;
}
.list-group .st02 .list_group_text {
  margin: 0;
}
.list-group .st02 .list_group_text + .list_group_text {
  margin: 10px 0;
}
.list_group.st02 .board_item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  max-width: 120px;
  height: 120px;
  padding: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.list_group.st02 .list_group_content .list_group_button {
  width: calc(100% - 150px);
}


.list_group__item{
  display: flex;
  margin-top: 20px;
  word-break: normal;
  /* border-bottom: 1px solid #DBDBE7; */
}
.list_group__item:first-child{
  margin-top: 0;
}
.list_group__item:last-child .list_group_content{
  border-bottom: 0;
}

.list_group_check{
  display: flex;
  flex-direction: column;
  flex: 0 0 24px;
  padding: 53px 35px 0 0;
  box-sizing: border-box;
}
.list_group_check .size24+label{
  padding-left: 24px;
}
.list_group_check .size24+label::before{
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
}
.list_group_content{
  flex: 1 1 auto;
  border-bottom: 1px solid #DBDBE7;
  padding: 20px 0;
}
/* .list_group_content .list_group_button{
  margin-top: -35px;
} */



.list_group_content._none{
  border: none;
  padding: 0;
}

.list_group_content__ntis{
  color: #000;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  line-height: 28px; /* 133.333% */
  padding: 92px 0 57px 0;
}

.label_list{
  display: flex;
  margin-bottom: 8px;
}
.label_type{
  display: inline-flex;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
  margin-left: 10px;
}
.label_type:first-child{
  margin-left: 0;
}
.label_type__type{
  color: #938FAF;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #938FAF;
}
.label_type__date {
  color: #333;
  background-color: #E2F6EA;
}
.label_type__stat{
  color: #fff;
  background-color: #00A34B;
}
.label_type__open{
  color: #fff;
  background-color: #343781;
}
.label_type__doi{
  color: #7569CA;
  background-color: #fff;
  border: 1px solid #7569CA;
}


.list_group_title{
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
}
.list_group_text{
  color: #666;
  font-size: 14px;
  line-height: 2;
  margin-top: 36px;
  word-break: break-word;
}
.list_group_text.ellipsis4{
  /* width: calc(100% - 150px); */
}

.list_group_button{
  display: flex;
  justify-content: end;
  margin-top: 10px;
}
.list_group_button .line{
  font-size: 14px;
  color: #72707A;
  line-height: inherit;
  border: 1px solid #72707A;
}

.sub-noti-view-wrap{
  margin-top: 20px;
}

.view_group{
  width: 100%;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  background: #FFF;
  padding: 40px 50px;
}
.view_title_group{
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.view_user_group{
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}

.view_group .dl_box{
  width: 100%;
}
.view_group .dl_box__body{
  /* min-height: 370px; */
  min-height: 150px;
}

.btn_download,
.btn_preview{
  color: #72707A;
  font-size: 14px;
  line-height: 1.14; /* 114.286% */
  letter-spacing: -0.28px;
  border-radius: 4px;
  border: 1px solid #72707A;
  background-color: #fff;
  text-align-last: left;
  padding: 8px 5px 8px 35px;
}
.btn_download:hover,
.btn_preview:hover{
  color: #fff;
}

.btn_preview{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M8.00002 0C11.9873 0 15.3045 3.01759 16 7C15.3045 10.9824 11.9873 14 8.00002 14C4.01269 14 0.695474 10.9824 0 7C0.695474 3.01759 4.01269 0 8.00002 0ZM8.00002 12.4444C11.1321 12.4444 13.8122 10.1516 14.4906 7C13.8122 3.84847 11.1321 1.55556 8.00002 1.55556C4.86787 1.55556 2.18777 3.84847 1.50935 7C2.18777 10.1516 4.86787 12.4444 8.00002 12.4444ZM8.00002 10.5C6.16222 10.5 4.6724 8.93301 4.6724 7C4.6724 5.067 6.16222 3.5 8.00002 3.5C9.83774 3.5 11.3276 5.067 11.3276 7C11.3276 8.93301 9.83774 10.5 8.00002 10.5ZM8.00002 8.94444C9.021 8.94444 9.84869 8.07388 9.84869 7C9.84869 5.92612 9.021 5.05556 8.00002 5.05556C6.97904 5.05556 6.15133 5.92612 6.15133 7C6.15133 8.07388 6.97904 8.94444 8.00002 8.94444Z" fill="%2372707A"/></svg>');
  background-repeat: no-repeat;
  background-position: 14px 50%;
}
.btn_preview:hover{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M8.00002 0C11.9873 0 15.3045 3.01759 16 7C15.3045 10.9824 11.9873 14 8.00002 14C4.01269 14 0.695474 10.9824 0 7C0.695474 3.01759 4.01269 0 8.00002 0ZM8.00002 12.4444C11.1321 12.4444 13.8122 10.1516 14.4906 7C13.8122 3.84847 11.1321 1.55556 8.00002 1.55556C4.86787 1.55556 2.18777 3.84847 1.50935 7C2.18777 10.1516 4.86787 12.4444 8.00002 12.4444ZM8.00002 10.5C6.16222 10.5 4.6724 8.93301 4.6724 7C4.6724 5.067 6.16222 3.5 8.00002 3.5C9.83774 3.5 11.3276 5.067 11.3276 7C11.3276 8.93301 9.83774 10.5 8.00002 10.5ZM8.00002 8.94444C9.021 8.94444 9.84869 8.07388 9.84869 7C9.84869 5.92612 9.021 5.05556 8.00002 5.05556C6.97904 5.05556 6.15133 5.92612 6.15133 7C6.15133 8.07388 6.97904 8.94444 8.00002 8.94444Z" fill="%23fff"/></svg>');
}
.btn_download{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"><path d="M0 12.5263H13V14H0V12.5263ZM7.22222 8.23171L11.6069 3.75826L12.6283 4.80032L6.5 11.0526L0.371742 4.80032L1.39312 3.75826L5.77778 8.23171V0H7.22222V8.23171Z" fill="%2372707A"/></svg>');
  background-repeat: no-repeat;
  background-position: 14px 50%;
}
.btn_download:hover{
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"><path d="M0 12.5263H13V14H0V12.5263ZM7.22222 8.23171L11.6069 3.75826L12.6283 4.80032L6.5 11.0526L0.371742 4.80032L1.39312 3.75826L5.77778 8.23171V0H7.22222V8.23171Z" fill="%23fff"/></svg>');
}

.icon_preview{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M8.00002 0C11.9873 0 15.3045 3.01759 16 7C15.3045 10.9824 11.9873 14 8.00002 14C4.01269 14 0.695474 10.9824 0 7C0.695474 3.01759 4.01269 0 8.00002 0ZM8.00002 12.4444C11.1321 12.4444 13.8122 10.1516 14.4906 7C13.8122 3.84847 11.1321 1.55556 8.00002 1.55556C4.86787 1.55556 2.18777 3.84847 1.50935 7C2.18777 10.1516 4.86787 12.4444 8.00002 12.4444ZM8.00002 10.5C6.16222 10.5 4.6724 8.93301 4.6724 7C4.6724 5.067 6.16222 3.5 8.00002 3.5C9.83774 3.5 11.3276 5.067 11.3276 7C11.3276 8.93301 9.83774 10.5 8.00002 10.5ZM8.00002 8.94444C9.021 8.94444 9.84869 8.07388 9.84869 7C9.84869 5.92612 9.021 5.05556 8.00002 5.05556C6.97904 5.05556 6.15133 5.92612 6.15133 7C6.15133 8.07388 6.97904 8.94444 8.00002 8.94444Z" fill="%2372707A"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 4px;
}

.icon_comment{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M3.34091 11.4872L0 14V0.717949C0 0.32144 0.33579 0 0.75 0H14.25C14.6642 0 15 0.32144 15 0.717949V10.7692C15 11.1658 14.6642 11.4872 14.25 11.4872H3.34091ZM2.82211 10.0513H13.5V1.4359H1.5V11.0457L2.82211 10.0513ZM6.75 5.02564H8.25V6.46154H6.75V5.02564ZM3.75 5.02564H5.25V6.46154H3.75V5.02564ZM9.75 5.02564H11.25V6.46154H9.75V5.02564Z" fill="%23999999"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 4px;
}

.icon_download{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none"><path d="M0 12.5263H13V14H0V12.5263ZM7.22222 8.23171L11.6069 3.75826L12.6283 4.80032L6.5 11.0526L0.371742 4.80032L1.39312 3.75826L5.77778 8.23171V0H7.22222V8.23171Z" fill="%2372707A"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 4px;
}
.icon_hart{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.875 3C16.1532 3 18 4.89189 18 7.54054C18 12.8378 12.375 15.8649 10.5 17C8.625 15.8649 3 12.8378 3 7.54054C3 4.89189 4.875 3 7.125 3C8.51998 3 9.75 3.75676 10.5 4.51351C11.25 3.75676 12.48 3 13.875 3ZM11.2004 14.8083C11.8616 14.3881 12.4575 13.9696 13.0162 13.5211C15.2503 11.7277 16.5 9.76805 16.5 7.54054C16.5 5.75517 15.3472 4.51351 13.875 4.51351C13.0681 4.51351 12.1945 4.94419 11.5606 5.58373L10.5 6.65395L9.43935 5.58373C8.80551 4.94419 7.93192 4.51351 7.125 4.51351C5.66929 4.51351 4.5 5.76708 4.5 7.54054C4.5 9.76805 5.7497 11.7277 7.98385 13.5211C8.5425 13.9696 9.13837 14.3881 9.79957 14.8083C10.0234 14.9506 10.2458 15.0876 10.5 15.2407C10.7542 15.0876 10.9766 14.9506 11.2004 14.8083Z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 4px;
}

.icon_users{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0 12C0 9.47526 2.0467 7.42857 4.57143 7.42857C7.09617 7.42857 9.14286 9.47526 9.14286 12H8C8 10.1065 6.46497 8.57143 4.57143 8.57143C2.67788 8.57143 1.14286 10.1065 1.14286 12H0ZM4.57143 6.85714C2.67714 6.85714 1.14286 5.32286 1.14286 3.42857C1.14286 1.53429 2.67714 0 4.57143 0C6.46571 0 8 1.53429 8 3.42857C8 5.32286 6.46571 6.85714 4.57143 6.85714ZM4.57143 5.71429C5.83429 5.71429 6.85714 4.69143 6.85714 3.42857C6.85714 2.16571 5.83429 1.14286 4.57143 1.14286C3.30857 1.14286 2.28571 2.16571 2.28571 3.42857C2.28571 4.69143 3.30857 5.71429 4.57143 5.71429ZM9.30497 7.83017C10.8939 8.54634 12 10.144 12 12H10.8571C10.8571 10.608 10.0276 9.40977 8.83589 8.87263L9.30497 7.83017ZM8.91212 1.37898C10.0539 1.84973 10.8571 2.97349 10.8571 4.28571C10.8571 5.92583 9.6024 7.27154 8 7.41577V6.26549C8.96954 6.12697 9.71429 5.29371 9.71429 4.28571C9.71429 3.49677 9.25806 2.81487 8.59486 2.48934L8.91212 1.37898Z' fill='%23746CC6'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

button.line:hover .icon_users{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M0 12C0 9.47526 2.0467 7.42857 4.57143 7.42857C7.09617 7.42857 9.14286 9.47526 9.14286 12H8C8 10.1065 6.46497 8.57143 4.57143 8.57143C2.67788 8.57143 1.14286 10.1065 1.14286 12H0ZM4.57143 6.85714C2.67714 6.85714 1.14286 5.32286 1.14286 3.42857C1.14286 1.53429 2.67714 0 4.57143 0C6.46571 0 8 1.53429 8 3.42857C8 5.32286 6.46571 6.85714 4.57143 6.85714ZM4.57143 5.71429C5.83429 5.71429 6.85714 4.69143 6.85714 3.42857C6.85714 2.16571 5.83429 1.14286 4.57143 1.14286C3.30857 1.14286 2.28571 2.16571 2.28571 3.42857C2.28571 4.69143 3.30857 5.71429 4.57143 5.71429ZM9.30497 7.83017C10.8939 8.54634 12 10.144 12 12H10.8571C10.8571 10.608 10.0276 9.40977 8.83589 8.87263L9.30497 7.83017ZM8.91212 1.37898C10.0539 1.84973 10.8571 2.97349 10.8571 4.28571C10.8571 5.92583 9.6024 7.27154 8 7.41577V6.26549C8.96954 6.12697 9.71429 5.29371 9.71429 4.28571C9.71429 3.49677 9.25806 2.81487 8.59486 2.48934L8.91212 1.37898Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.icon_cancel{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 1.125C8.6925 1.125 10.875 3.3075 10.875 6C10.875 8.6925 8.6925 10.875 6 10.875C3.3075 10.875 1.125 8.6925 1.125 6C1.125 3.3075 3.3075 1.125 6 1.125ZM6 12C9.31359 12 12 9.31359 12 6C12 2.68641 9.31359 0 6 0C2.68641 0 0 2.68641 0 6C0 9.31359 2.68641 12 6 12ZM4.10156 4.10156C3.88125 4.32188 3.88125 4.67812 4.10156 4.89609L5.20312 5.99766L4.10156 7.09922C3.88125 7.31953 3.88125 7.67578 4.10156 7.89375C4.32188 8.11172 4.67812 8.11406 4.89609 7.89375L5.99766 6.79219L7.09922 7.89375C7.31953 8.11406 7.67578 8.11406 7.89375 7.89375C8.11172 7.67344 8.11406 7.31719 7.89375 7.09922L6.79219 5.99766L7.89375 4.89609C8.11406 4.67578 8.11406 4.31953 7.89375 4.10156C7.67344 3.88359 7.31719 3.88125 7.09922 4.10156L5.99766 5.20312L4.89609 4.10156C4.67578 3.88125 4.31953 3.88125 4.10156 4.10156Z" fill="%2372707A"/></svg>') no-repeat 0 0;
}
.btn_cancel:hover{
  color: #fff;
}
.btn_cancel:hover .icon_cancel{
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M6 1.125C8.6925 1.125 10.875 3.3075 10.875 6C10.875 8.6925 8.6925 10.875 6 10.875C3.3075 10.875 1.125 8.6925 1.125 6C1.125 3.3075 3.3075 1.125 6 1.125ZM6 12C9.31359 12 12 9.31359 12 6C12 2.68641 9.31359 0 6 0C2.68641 0 0 2.68641 0 6C0 9.31359 2.68641 12 6 12ZM4.10156 4.10156C3.88125 4.32188 3.88125 4.67812 4.10156 4.89609L5.20312 5.99766L4.10156 7.09922C3.88125 7.31953 3.88125 7.67578 4.10156 7.89375C4.32188 8.11172 4.67812 8.11406 4.89609 7.89375L5.99766 6.79219L7.09922 7.89375C7.31953 8.11406 7.67578 8.11406 7.89375 7.89375C8.11172 7.67344 8.11406 7.31719 7.89375 7.09922L6.79219 5.99766L7.89375 4.89609C8.11406 4.67578 8.11406 4.31953 7.89375 4.10156C7.67344 3.88359 7.31719 3.88125 7.09922 4.10156L5.99766 5.20312L4.89609 4.10156C4.67578 3.88125 4.31953 3.88125 4.10156 4.10156Z" fill="%23fff"/></svg>') no-repeat 0 0;
}
.icon_reset{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M9.29961 4.28596H9.48279C9.76941 4.28596 10 4.04716 10 3.75033V0.893588C10 0.677101 9.87501 0.4807 9.68105 0.398122C9.4871 0.315545 9.26513 0.360181 9.11643 0.514178L8.21992 1.44262C6.33209 -0.487913 3.29131 -0.481217 1.41426 1.46494C-0.471419 3.41778 -0.471419 6.58252 1.41426 8.53536C3.29993 10.4882 6.3558 10.4882 8.24147 8.53536C8.51086 8.25639 8.51086 7.80332 8.24147 7.52435C7.97209 7.24537 7.53462 7.24537 7.26523 7.52435C5.91832 8.91924 3.73525 8.91924 2.38834 7.52435C1.04143 6.12945 1.04143 3.86861 2.38834 2.47372C3.72879 1.08553 5.89462 1.07883 7.24368 2.4514L6.35795 3.37092C6.20926 3.52491 6.16615 3.75479 6.24589 3.95565C6.32563 4.15652 6.51527 4.28596 6.72431 4.28596H9.29961Z" fill="%23746CC6"/></svg>') no-repeat 0 0;
}
.icon_btn_file{
  display: inline-block;
  width: 14px;
  height: 11px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path d="M9.33394 11H10.5007C10.7778 11 11.033 10.8527 11.1716 10.6096L13.894 5.89531C14.0349 5.65223 14.0349 5.35268 13.8964 5.10714C13.7578 4.86161 13.5026 4.71429 13.2231 4.71429H3.50023C3.22313 4.71429 2.9679 4.86161 2.82935 5.10469L1.16674 7.98237V1.57143C1.16674 1.35536 1.34175 1.17857 1.55566 1.17857H4.41174C4.51383 1.17857 4.61349 1.22031 4.68642 1.29397L5.33055 1.94464C5.841 2.46027 6.53376 2.75 7.25568 2.75H10.1118C10.3257 2.75 10.5007 2.92679 10.5007 3.14286V3.92857H11.6674V3.14286C11.6674 2.27612 10.9698 1.57143 10.1118 1.57143H7.25568C6.84246 1.57143 6.44625 1.40692 6.15457 1.11228L5.51043 0.459152C5.21874 0.164509 4.82254 0 4.40931 0H1.55566C0.697615 0 0 0.704687 0 1.57143V9.42857C0 10.2953 0.697615 11 1.55566 11H9.33394Z" fill="%2372707A"/></svg>') no-repeat 0 0;
}
.icon_temporary {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 11 13" fill="none"><path d="M7.58333 8.86667L7.05833 8.34167C6.95139 8.23472 6.81528 8.18125 6.65 8.18125C6.48472 8.18125 6.34861 8.23472 6.24167 8.34167C6.13472 8.44861 6.08125 8.58472 6.08125 8.75C6.08125 8.91528 6.13472 9.05139 6.24167 9.15833L7.75833 10.675C7.875 10.7917 8.01111 10.85 8.16667 10.85C8.32222 10.85 8.45833 10.7917 8.575 10.675L10.0917 9.15833C10.1986 9.05139 10.2521 8.91528 10.2521 8.75C10.2521 8.58472 10.1986 8.44861 10.0917 8.34167C9.98472 8.23472 9.84861 8.18125 9.68333 8.18125C9.51806 8.18125 9.38194 8.23472 9.275 8.34167L8.75 8.86667V7.01458C8.75 6.84931 8.694 6.71086 8.582 6.59925C8.47 6.48764 8.33156 6.43164 8.16667 6.43125C8.00178 6.43086 7.86333 6.48686 7.75133 6.59925C7.63933 6.71164 7.58333 6.85008 7.58333 7.01458V8.86667ZM6.41667 11.6667H9.91667C10.0819 11.6667 10.2206 11.7227 10.3326 11.8347C10.4446 11.9467 10.5004 12.0851 10.5 12.25C10.4996 12.4149 10.4436 12.5535 10.332 12.6659C10.2204 12.7783 10.0819 12.8341 9.91667 12.8333H6.41667C6.25139 12.8333 6.11294 12.7773 6.00133 12.6653C5.88972 12.5533 5.83372 12.4149 5.83333 12.25C5.83294 12.0851 5.88894 11.9467 6.00133 11.8347C6.11372 11.7227 6.25217 11.6667 6.41667 11.6667ZM1.16667 10.5C0.845833 10.5 0.571278 10.3859 0.343 10.1576C0.114722 9.92931 0.000388889 9.65456 0 9.33333V1.16667C0 0.845833 0.114333 0.571278 0.343 0.343C0.571667 0.114722 0.846222 0.000388889 1.16667 0H4.76875C4.92431 0 5.07267 0.0291667 5.21383 0.0875001C5.355 0.145833 5.47886 0.228472 5.58542 0.335417L8.41458 3.16458C8.52153 3.27153 8.60417 3.39558 8.6625 3.53675C8.72083 3.67792 8.75 3.82608 8.75 3.98125V4.68125C8.75 4.84653 8.694 4.98497 8.582 5.09658C8.47 5.20819 8.33156 5.26419 8.16667 5.26458C8.00178 5.26497 7.86333 5.20897 7.75133 5.09658C7.63933 4.98419 7.58333 4.84575 7.58333 4.68125V4.08333H5.54167C5.29861 4.08333 5.09211 3.99836 4.92217 3.82842C4.75222 3.65847 4.66706 3.45178 4.66667 3.20833V1.16667H1.16667V9.33333H4.08333C4.24861 9.33333 4.38725 9.38933 4.49925 9.50133C4.61125 9.61333 4.66706 9.75178 4.66667 9.91667C4.66628 10.0816 4.61028 10.2202 4.49867 10.3326C4.38706 10.445 4.24861 10.5008 4.08333 10.5H1.16667Z" fill="%2372707A"/></svg>') no-repeat 0 0;
}
.icon_temporary_load {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3.49992 12.8334C3.1905 12.8334 2.89375 12.7105 2.67496 12.4917C2.45617 12.2729 2.33325 11.9762 2.33325 11.6667V2.33342C2.33325 2.024 2.45617 1.72725 2.67496 1.50846C2.89375 1.28967 3.1905 1.16675 3.49992 1.16675H8.16659C8.35124 1.16645 8.53413 1.20268 8.70473 1.27337C8.87532 1.34405 9.03025 1.44778 9.16059 1.57858L11.2536 3.67158C11.3847 3.80196 11.4888 3.95703 11.5597 4.12784C11.6305 4.29865 11.6669 4.48182 11.6666 4.66675V11.6667C11.6666 11.9762 11.5437 12.2729 11.3249 12.4917C11.1061 12.7105 10.8093 12.8334 10.4999 12.8334H3.49992Z" stroke="%2372707A" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.16667 1.16675V4.08341C8.16667 4.23812 8.22812 4.3865 8.33752 4.49589C8.44692 4.60529 8.59529 4.66675 8.75 4.66675H11.6667M7 7.00008V10.5001M7 7.00008L8.75 8.75008M7 7.00008L5.25 8.75008" stroke="%2372707A" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
}
button.btn_file_upload:hover{
  color: #fff;
}
button.btn_file_upload:hover .icon_btn_file{
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path d="M9.33394 11H10.5007C10.7778 11 11.033 10.8527 11.1716 10.6096L13.894 5.89531C14.0349 5.65223 14.0349 5.35268 13.8964 5.10714C13.7578 4.86161 13.5026 4.71429 13.2231 4.71429H3.50023C3.22313 4.71429 2.9679 4.86161 2.82935 5.10469L1.16674 7.98237V1.57143C1.16674 1.35536 1.34175 1.17857 1.55566 1.17857H4.41174C4.51383 1.17857 4.61349 1.22031 4.68642 1.29397L5.33055 1.94464C5.841 2.46027 6.53376 2.75 7.25568 2.75H10.1118C10.3257 2.75 10.5007 2.92679 10.5007 3.14286V3.92857H11.6674V3.14286C11.6674 2.27612 10.9698 1.57143 10.1118 1.57143H7.25568C6.84246 1.57143 6.44625 1.40692 6.15457 1.11228L5.51043 0.459152C5.21874 0.164509 4.82254 0 4.40931 0H1.55566C0.697615 0 0 0.704687 0 1.57143V9.42857C0 10.2953 0.697615 11 1.55566 11H9.33394Z" fill="%23fff"/></svg>') no-repeat 0 0;
}
button.btn_file_upload:hover .icon_temporary {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="13" viewBox="0 0 11 13" fill="none"><path d="M7.58333 8.86667L7.05833 8.34167C6.95139 8.23472 6.81528 8.18125 6.65 8.18125C6.48472 8.18125 6.34861 8.23472 6.24167 8.34167C6.13472 8.44861 6.08125 8.58472 6.08125 8.75C6.08125 8.91528 6.13472 9.05139 6.24167 9.15833L7.75833 10.675C7.875 10.7917 8.01111 10.85 8.16667 10.85C8.32222 10.85 8.45833 10.7917 8.575 10.675L10.0917 9.15833C10.1986 9.05139 10.2521 8.91528 10.2521 8.75C10.2521 8.58472 10.1986 8.44861 10.0917 8.34167C9.98472 8.23472 9.84861 8.18125 9.68333 8.18125C9.51806 8.18125 9.38194 8.23472 9.275 8.34167L8.75 8.86667V7.01458C8.75 6.84931 8.694 6.71086 8.582 6.59925C8.47 6.48764 8.33156 6.43164 8.16667 6.43125C8.00178 6.43086 7.86333 6.48686 7.75133 6.59925C7.63933 6.71164 7.58333 6.85008 7.58333 7.01458V8.86667ZM6.41667 11.6667H9.91667C10.0819 11.6667 10.2206 11.7227 10.3326 11.8347C10.4446 11.9467 10.5004 12.0851 10.5 12.25C10.4996 12.4149 10.4436 12.5535 10.332 12.6659C10.2204 12.7783 10.0819 12.8341 9.91667 12.8333H6.41667C6.25139 12.8333 6.11294 12.7773 6.00133 12.6653C5.88972 12.5533 5.83372 12.4149 5.83333 12.25C5.83294 12.0851 5.88894 11.9467 6.00133 11.8347C6.11372 11.7227 6.25217 11.6667 6.41667 11.6667ZM1.16667 10.5C0.845833 10.5 0.571278 10.3859 0.343 10.1576C0.114722 9.92931 0.000388889 9.65456 0 9.33333V1.16667C0 0.845833 0.114333 0.571278 0.343 0.343C0.571667 0.114722 0.846222 0.000388889 1.16667 0H4.76875C4.92431 0 5.07267 0.0291667 5.21383 0.0875001C5.355 0.145833 5.47886 0.228472 5.58542 0.335417L8.41458 3.16458C8.52153 3.27153 8.60417 3.39558 8.6625 3.53675C8.72083 3.67792 8.75 3.82608 8.75 3.98125V4.68125C8.75 4.84653 8.694 4.98497 8.582 5.09658C8.47 5.20819 8.33156 5.26419 8.16667 5.26458C8.00178 5.26497 7.86333 5.20897 7.75133 5.09658C7.63933 4.98419 7.58333 4.84575 7.58333 4.68125V4.08333H5.54167C5.29861 4.08333 5.09211 3.99836 4.92217 3.82842C4.75222 3.65847 4.66706 3.45178 4.66667 3.20833V1.16667H1.16667V9.33333H4.08333C4.24861 9.33333 4.38725 9.38933 4.49925 9.50133C4.61125 9.61333 4.66706 9.75178 4.66667 9.91667C4.66628 10.0816 4.61028 10.2202 4.49867 10.3326C4.38706 10.445 4.24861 10.5008 4.08333 10.5H1.16667Z" fill="%23fff"/></svg>') no-repeat 0 0;
}
button.btn_file_upload:hover .icon_temporary_load {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3.49992 12.8334C3.1905 12.8334 2.89375 12.7105 2.67496 12.4917C2.45617 12.2729 2.33325 11.9762 2.33325 11.6667V2.33342C2.33325 2.024 2.45617 1.72725 2.67496 1.50846C2.89375 1.28967 3.1905 1.16675 3.49992 1.16675H8.16659C8.35124 1.16645 8.53413 1.20268 8.70473 1.27337C8.87532 1.34405 9.03025 1.44778 9.16059 1.57858L11.2536 3.67158C11.3847 3.80196 11.4888 3.95703 11.5597 4.12784C11.6305 4.29865 11.6669 4.48182 11.6666 4.66675V11.6667C11.6666 11.9762 11.5437 12.2729 11.3249 12.4917C11.1061 12.7105 10.8093 12.8334 10.4999 12.8334H3.49992Z" stroke="%23fff" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.16667 1.16675V4.08341C8.16667 4.23812 8.22812 4.3865 8.33752 4.49589C8.44692 4.60529 8.59529 4.66675 8.75 4.66675H11.6667M7 7.00008V10.5001M7 7.00008L8.75 8.75008M7 7.00008L5.25 8.75008" stroke="%23fff" stroke-width="1.16667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 0 0;
}


.btn_remove_icon{
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"><rect x="0.5" y="0.5" width="33" height="33" rx="3.5" fill="%23F1F5F9" stroke="%23DBDBE7"/><path d="M21 12.2H25V13.8H23.4V24.2C23.4 24.6418 23.0418 25 22.6 25H11.4C10.9582 25 10.6 24.6418 10.6 24.2V13.8H9V12.2H13V9.8C13 9.35818 13.3582 9 13.8 9H20.2C20.6418 9 21 9.35818 21 9.8V12.2ZM21.8 13.8H12.2V23.4H21.8V13.8ZM14.6 16.2H16.2V21H14.6V16.2ZM17.8 16.2H19.4V21H17.8V16.2ZM14.6 10.6V12.2H19.4V10.6H14.6Z" fill="%23BCBCCA"/></svg>') no-repeat 0 0;
}

.icon_user_name{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../image/bg/bg_user_name.svg") no-repeat 50% 50%;
}

/* 연구자 */
.icon_04{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16 18H14.5V16.4762C14.5 15.2138 13.4927 14.1905 12.25 14.1905H7.75C6.50736 14.1905 5.5 15.2138 5.5 16.4762V18H4V16.4762C4 14.3723 5.67894 12.6667 7.75 12.6667H12.25C14.321 12.6667 16 14.3723 16 16.4762V18ZM10 11.1429C7.51472 11.1429 5.5 9.09615 5.5 6.57143C5.5 4.0467 7.51472 2 10 2C12.4853 2 14.5 4.0467 14.5 6.57143C14.5 9.09615 12.4853 11.1429 10 11.1429ZM10 9.61905C11.6568 9.61905 13 8.25458 13 6.57143C13 4.88827 11.6568 3.52381 10 3.52381C8.34314 3.52381 7 4.88827 7 6.57143C7 8.25458 8.34314 9.61905 10 9.61905Z" fill="%23999999"/></svg>') no-repeat 50% 50%;
  margin-right: 4px;
}

/* 데이터셋 */
.icon_01{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M4.66667 10C4.66667 10.2639 5.05084 10.7229 5.94206 11.1731C7.09504 11.7557 8.73064 12.1053 10.5 12.1053C12.2693 12.1053 13.9049 11.7557 15.0579 11.1731C15.9492 10.7229 16.3333 10.2639 16.3333 10V8.17154C14.9583 9.03006 12.8561 9.57895 10.5 9.57895C8.14394 9.57895 6.04163 9.03006 4.66667 8.17154V10ZM16.3333 12.3821C14.9583 13.2406 12.8561 13.7895 10.5 13.7895C8.14394 13.7895 6.04163 13.2406 4.66667 12.3821V14.2105C4.66667 14.4744 5.05084 14.9334 5.94206 15.3837C7.09504 15.9662 8.73064 16.3158 10.5 16.3158C12.2693 16.3158 13.9049 15.9662 15.0579 15.3837C15.9492 14.9334 16.3333 14.4744 16.3333 14.2105V12.3821ZM3 14.2105V5.78947C3 3.69661 6.35787 2 10.5 2C14.6422 2 18 3.69661 18 5.78947V14.2105C18 16.3034 14.6422 18 10.5 18C6.35787 18 3 16.3034 3 14.2105ZM10.5 7.89474C12.2693 7.89474 13.9049 7.5452 15.0579 6.96264C15.9492 6.51234 16.3333 6.05341 16.3333 5.78947C16.3333 5.52554 15.9492 5.06661 15.0579 4.61631C13.9049 4.03375 12.2693 3.68421 10.5 3.68421C8.73064 3.68421 7.09504 4.03375 5.94206 4.61631C5.05084 5.06661 4.66667 5.52554 4.66667 5.78947C4.66667 6.05341 5.05084 6.51234 5.94206 6.96264C7.09504 7.5452 8.73064 7.89474 10.5 7.89474Z" fill="%23999999"/></svg>') no-repeat 50% 50%;
  margin-right: 4px;
}

/* 분석도구 */
.icon_02{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10.9304 2.77195L13.4582 7.11594C13.6729 7.48504 13.5454 7.957 13.1734 8.17009L12.1627 8.74817L12.9409 10.0855L11.5937 10.8572L10.8155 9.51986L9.80556 10.0993C9.43354 10.3124 8.95786 10.186 8.74311 9.81689L7.31371 7.36097C5.71742 7.8415 4.55556 9.31305 4.55556 11.0538C4.55556 11.5364 4.64484 11.9982 4.80792 12.4241C5.41049 12.0447 6.12389 11.8255 6.88889 11.8255C8.19873 11.8255 9.35732 12.468 10.062 13.4527L16.0419 10.0278L16.8196 11.3644L10.6921 14.8744C10.7482 15.1355 10.7778 15.4063 10.7778 15.684C10.7778 15.9485 10.7509 16.2067 10.6999 16.4562L17 16.4557V17.9991L3.7782 18C3.28957 17.3549 3 16.553 3 15.684C3 14.9067 3.23164 14.1831 3.63016 13.5774C3.2277 12.8247 3 11.9657 3 11.0538C3 8.74238 4.46324 6.76997 6.52082 5.99879L6.21531 5.47288C5.78576 4.73469 6.04068 3.79077 6.78469 3.36457L8.80541 2.20703C9.54943 1.78084 10.5008 2.03376 10.9304 2.77195ZM6.88889 13.3689C5.60023 13.3689 4.55556 14.4054 4.55556 15.684C4.55556 15.9545 4.60233 16.2142 4.6883 16.4556H9.08946C9.17548 16.2142 9.22222 15.9545 9.22222 15.684C9.22222 14.4054 8.17755 13.3689 6.88889 13.3689ZM9.58319 3.54364L7.56246 4.70118L9.70133 8.37687L11.7221 7.21933L9.58319 3.54364Z" fill="%23999999"/></svg>') no-repeat 50% 50%;
  margin-right: 4px;
}

/* 기타서비스 */
.icon_03{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 2L17 6V14L10 18L3 14V6L10 2ZM10 3.68073L4.47368 6.83863V13.1614L10 16.3193L15.5263 13.1614V6.83863L10 3.68073ZM10 12.9091C8.37221 12.9091 7.05263 11.6066 7.05263 10C7.05263 8.39335 8.37221 7.09091 10 7.09091C11.6278 7.09091 12.9474 8.39335 12.9474 10C12.9474 11.6066 11.6278 12.9091 10 12.9091ZM10 11.4545C10.8139 11.4545 11.4737 10.8033 11.4737 10C11.4737 9.19665 10.8139 8.54545 10 8.54545C9.18608 8.54545 8.52632 9.19665 8.52632 10C8.52632 10.8033 9.18608 11.4545 10 11.4545Z" fill="%23999999"/></svg>') no-repeat 50% 50%;
  margin-right: 4px;
}

/* 협업커뮤니티 */
.icon_05{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.88896 2.40085C10.6797 1.87662 11.707 1.86575 12.5087 2.37313L15.8329 4.47679H17.2C17.6418 4.47679 18 4.83298 18 5.27236V12.4325C18 12.8718 17.6418 13.228 17.2 13.228H15.9842C16.0318 13.9817 15.6748 14.7478 14.9565 15.1764L10.8818 17.6077C10.3674 17.9146 9.7288 17.9074 9.22519 17.6017C8.66495 18.0944 7.80254 18.1486 7.17688 17.6597L3.06423 14.4463C2.4511 13.9673 2.29605 13.1488 2.61264 12.4999C2.22599 12.1984 2 11.7367 2 11.2478V5.2724C2 4.83303 2.35818 4.47683 2.80001 4.47683H6.75759L9.88896 2.40085ZM3.73813 11.3547L4.29176 10.873C5.27594 10.0165 6.76838 10.1014 7.64806 11.0637L9.80984 13.4284C10.5054 14.1894 10.6323 15.3073 10.1264 16.2027L14.1333 13.812C14.3584 13.6777 14.4399 13.4092 14.356 13.183L10.8142 8.25222C10.6153 7.97524 10.2612 7.85481 9.93336 7.95262L7.94514 8.54578C7.09945 8.79805 6.18275 8.56821 5.55843 7.94739L5.32421 7.71447C4.8698 7.26258 4.75228 6.61945 4.94351 6.06797H3.60002V11.2478L3.73813 11.3547ZM11.6498 3.71552C11.3825 3.54639 11.0401 3.55001 10.7765 3.72476L6.45559 6.58937L6.68981 6.82229C6.89791 7.02924 7.20348 7.10584 7.48538 7.02174L9.47359 6.42858C10.4571 6.13516 11.5195 6.49646 12.1163 7.32738L15.2117 11.6369H16.4V6.06793H15.8329C15.5286 6.06793 15.2306 5.98164 14.9739 5.81918L11.6498 3.71552ZM5.34538 12.0704L4.05276 13.1952L8.16541 16.4086L8.72855 15.4286C8.90055 15.1293 8.85911 14.7538 8.62591 14.4987L6.46415 12.134C6.17092 11.8132 5.67344 11.7849 5.34538 12.0704Z" fill="%23999999"/></svg>') no-repeat 50% 50%;
  margin-right: 4px;
}


.sub-noti-view-wrap{
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
.view_num_group{
  flex: 0 0 240px;
  margin-left: 40px;
}

.view_num_box{
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  background: #FFF;
  /* padding: 33px 40px; */
}
.view_num_list{
}
.view_num_list__item{
  /* margin-top: 40px; */
}
.view_num_list__item:first-child{
  margin-top: 0;
}
.view_num_list__title{
  color: #999;
  font-size: 14px;
  line-height: 1.14; /* 114.286% */
  letter-spacing: -0.28px;
  margin-bottom: 14px;
  
  display: flex;
  align-items: center;
}
.view_num_list__num{
  display: block;
  color: #333;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.06; /* 106.25% */
  letter-spacing: -0.64px;
  margin-left: 24px;
}

.view_num_list__txt{
  display: block;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 111.111% */
  letter-spacing: -0.36px;
}


.view_user_name{
  display: flex;
  align-items: center;
  
  color: #333;
  font-size: 14px;
  line-height: 1.2; /* 114.286% */
}
.view_user_name i{
  margin-right: 8px;
}

.sub-noti-write-wrap{
  flex: 1 1 100%;
}

.input_form_group{
  display: flex;
}
.input_form_group .input_form{
  margin-top: 0;
}

.input_form{
  display: flex;
  margin-top: 40px;
}
.input_form:first-of-type{
  margin-top: 0;
}
.input_form__head{
  flex: 0 0 180px;

  display: flex;
  justify-content: end;
  padding-right: 20px;
}
.input_form__head._vcenter{
  align-items: center;
}
.input_form__label{
  color: #333;
  font-size: 14px;
  line-height: 34px;
  letter-spacing: -0.28px; 
  text-align: right;
}
.input_form__body{
  flex: 1 1 100%;
  line-height: 30px;
}
.input_form__txt{
  color: #666;
  font-size: 12px;
  line-height: 1.2; /* 116.667% */
  letter-spacing: -0.24px;
  margin-top: 4px;
}
.input_form__txt._red {
  color: #E40009;
}



.input-example {
  position: absolute;
  left: 10px;
  background-color: #F8F9FB;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 12px;
  max-width: 250px;
  z-index: 1;
}
.input-example .tit {
  background-color: #F8F9FB;
  border-radius: 8px 8px 0 0;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -36px;
  height: 36px;
  border-bottom: 0;
}
.input-example .tit p {
  color: #111;
  font-size: 15px;
  font-weight: 600;
}
.input-example .cont {
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 12px 12px 28px;
  height: 470px;
  overflow-y: auto;
}
.input-example .cont p {
  color: #333;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}
.input-example .cont span {
  color: #A5A5A5;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 13px;
}
.input-example .num-list > li {
  position: relative;
  list-style: decimal;
}
.input-example .num-list > li + li {
  margin-top: 20px;
}
.input-example .alpha-list {
  padding-left: 28px;
  margin-top: 8px;
}
.input-example .alpha-list > li {
  list-style: lower-alpha;
}
.input-example .alpha-list > li + li {
  margin-top: 8px;
}



.radio_group{
  display: flex;
  justify-content: center;
}
.radio_group__item{
  padding-left: 64px;
  margin: 0 60px;
}
.radio_group._child_m40 .radio_group__item{
  margin: 0 40px;
}

.radio_group__item._type01,
.radio_group__item._type02,
.radio_group__item._type03,
.radio_group__item._type04,
.radio_group__item._type05,
.radio_group__item._type06{
  height: 54px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.radio_group__item._type01{background-image: url(../image/bg/bg_type01.png);}
.radio_group__item._type02{background-image: url(../image/bg/bg_type02.png);}
.radio_group__item._type03{background-image: url(../image/bg/bg_type03.png);}
.radio_group__item._type04{background-image: url(../image/bg/bg_type04.png);}
.radio_group__item._type05{background-image: url(../image/bg/bg_type05.png);}
.radio_group__item._type06{background-image: url(../image/bg/bg_type06.png);}

.radio_group__label{
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25; /* 125% */
  letter-spacing: -0.32px;
  padding: 0 0 24px 0 !important;
  margin-top: 10px;
}
.radio_group__label::before{
  top: inherit !important;
  left: 50% !important;
  bottom: 0 !important;
  margin: 0 0 0 -8px !important;
}

.file_upload{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.file_upload__dd{
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25; /* 125% */
  letter-spacing: -0.32px;
}
.file_upload__or{
  color: #AAA;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42; /* 142.857% */
  letter-spacing: -0.28px;
  margin: 12px 0 16px 0;
}
.file_upload__txt{
  color: #999;
  font-size: 12px;
  line-height: 1.6; /* 166.667% */
  letter-spacing: -0.24px;
  margin-top: 20px;
}


.btn_cancel{
  color: #72707A;
  font-size: 14px;
  line-height: 1.14; /* 114.286% */

  border-radius: 4px;
  background: #EBEEFC;
}
.btn_file_upload{
  display: inline-block;
  color: #72707A;
  font-size: 14px;
  line-height: 1.14; /* 114.286% */
  letter-spacing: -0.28px;

  border-radius: 4px;
  border: 1px solid #72707A;
  background-color: #fff;
}
.btn_group{
  width: 100%;
  display: flex;
}

.sub-tit{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px; /* 100% */
}

.sub_tit_griup{
  margin: 50px 0 18px 0;
}
.sub_tit{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px; /* 100% */
}

.type_search{
  border-radius: 4px;
  border: 1px solid #DBDBE7;
  background: #FFF;

  display: flex;
}
.type_search__dp1{
  
}
.type_search__dp2{
  padding: 20px;
  border-left: 1px solid #DBDBE7;
}
.type_search__dp2_title{
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25; /* 125% */
  letter-spacing: -0.32px;
  margin-bottom: 40px;
}
.type_search_box{
  border-bottom: 1px solid #DBDBE7;
  padding: 10px;
}
.type_search__input{
  border: 1px solid #f00 !important;
}
.type_search_tree{
  padding: 20px;
}
.type_search_title{
  color: #333;
  font-size: 14px;
  line-height: 1.2; /* 114.286% */
  letter-spacing: -0.28px;
  margin-bottom: 30px;
}

.tree_list{

}
.tree_list__item{

}
.tree_list__link{
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 1; /* 100% */
  letter-spacing: -0.28px;
  padding: 10px 0;
}

.check_list{

}
.check_list__item{
  color: #666;
  font-size: 13px;
  line-height: 1.2; /* 115.385% */
  letter-spacing: -0.26px;
  padding: 6px 0;
}

.form_center_box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 1125px;
  margin: 0 auto;
}


.pop_wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0,0,0,0.3);
  
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop_box{
  background-color: #fff;
  min-height: 400px;
  border: 1px solid #999;
  border-radius: 8px;

  display: flex;
  flex-direction: column;
}
.pop_header{
  padding: 20px;
  border-bottom: 1px solid #999;
}
.pop_body{
  padding: 20px;
  flex: 1 1 100%;
}
.pop_body .scroll-box p{
  margin-bottom: 3px;
}
.pop_footer{
  padding: 20px;
  
  display: flex;
  justify-content: end;
  border-top: 1px solid #999;
}

.row .dl_box{
  margin: 20px 10px 0;
  flex: 1 1 100%;
}

.server_list{
  display: flex;
  justify-content: center;
}
.server_list__item{
  display: block;
  border: 1px solid #AAA;
  padding: 10px 40px;
  margin: 0 10px;
  border-radius: 8px;
}
.server_list__item.on{
  border: 1px solid #7569CA;
  background-color: #7569CA;
  color: #fff;
}

.inline_form{
  display: flex;
  align-items: center;
}
.inline_form__item{
  width: 100%;
  margin-left: 20px;
}
.inline_form__item:first-of-type{
  margin-left: 0;
}

.add_list{
  
}
.add_list__item{
  display: flex;
  padding:30px 10px;
  border-top: 1px solid #DBDBE7;
}
.add_list__item:first-child{
  border-top: 0;
}
.add_list_group{
  flex: 1 1 auto;
}
.remove_list{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 40px;
}

.add_list__st{
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
  padding: 4px 0;
}
.add_list__st_item{
  margin-right: 12px;
}


.add_list__title{
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px; /* 111.111% */
  letter-spacing: -0.36px;
  padding: 4px 0;
}
.add_list__sub{
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
  letter-spacing: -0.24px;
  padding: 4px 0;
}

.radius_box{
  padding: 45px 60px;
  border: 1px solid #E5E5E8;
  border-radius: 8px;
}

.tag_list_box {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 12px 12px 4px;
}

.tag_list{
  display: flex;
  flex-wrap: wrap;
}

.tag_list .tag_list__item{
  margin-bottom: 8px;
}

.tag_list.__column .tag_list__item{
  margin-right: 8px;
  margin-bottom: 8px;
}
.tag_list__item{
  display: flex;
  justify-content: space-between;
  align-items: center;

  min-width: 240px;
  min-height: 50px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #155CD6;
  padding: 0 0 0 24px;

  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}

.tag_list__remove{
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 24px;

  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8" fill="none"><path d="M4.00003 3.11114L7.11112 0L8 0.88889L4.88891 4.00003L8 7.11112L7.11112 8L4.00003 4.88891L0.88889 8L0 7.11112L3.11114 4.00003L0 0.88889L0.88889 0L4.00003 3.11114Z" fill="white"/></svg>') no-repeat 50% 50%;
}

[hidden]{
  display: none;
}

.pl-180{
  padding-left: 180px;
}

.category_box{
  width: 100%;
  display: flex;
}
.check_box{
  display: flex;
  flex: 0 0 736px;
  border: 1px solid #DBDBE7;

}
.check_box .check_box_dp1 {
  flex: 0 0 50%;
  padding: 0 20px;
  border-right: 1px solid #DBDBE7;
  height: 250px;
  overflow-y: auto;
}
.check_box .check_box_dp2 {
  flex: 0 0 50%;
  padding: 0 20px;
  max-height: 250px;
  overflow-y: auto;
}

.search_sub_box{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10%;
}
.search_sub_box ._text{
  flex: 0 0 50%;
  color: #999;
  font-size: 14px;
  line-height: 14px; /* 100% */
  letter-spacing: -0.28px;
  text-align: left;
}
.search_sub_box.tag_box ._text {
  flex:0 0 60%;
}
.search_sub_box.tag_box ._text .tag {
  margin-bottom: 20px;
}
.search_sub_box.tag_box ._text .tag li + li {
  margin-left: 12px;
}
.search_sub_box.tag_box ._text .tag li a {
  color: #155CD6;
}

.btn_search_link{
  display: inline-flex;
  justify-content: center;
  align-items: center;

  width: 80px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #746CC6;
  padding-right: 10px;
  margin-left: 8px;

  color: #746CC6;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px; /* 133.333% */

  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none"><path d="M1 1L4 4L1 7" stroke="%23746CC6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 12px top 50%;
}

.moon_list{
  /* margin-top: 30px; */
}
.moon_list__item{ 
  position: relative;

  width: 100%;
  display: flex;
}
.moon_list__item .list_group_button{
  position: absolute;
  right: 0;
  bottom: 0;
}

.moon_list__image_box{
  flex: 0 0 250px;
}
.moon_list__img{
  flex: 0 0 300px;
}
.moon_list__text_box{
  flex: 1 1 100%;
  margin-left: 30px;
}
.moon_list__text_box .list_group_text{
  margin-top: 2px;
}
.moon_list_radius_box{
  position: relative;
  
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  background: #FFF;
  padding: 30px;
}

.flex_box{
  display: flex;
}

._flex_col{
  flex-direction: column;
}
.list_content_group{
  flex: 1 1 100%;

  display: flex;
  flex-direction: column;
}

.swiper{
  width: 970px;
}

.mt_home_right{
  margin-top: 92px;
}

.swiper-button-next,
.swiper-button-prev{
  display: block !important;
  width: 68px;
  height: 68px;
}
.swiper-button-next{
  left: var(--swiper-navigation-sides-offset,-20px)
}
.swiper-button-prev{
  right: var(--swiper-navigation-sides-offset, 0px);
}

.swiper-button-next:after{
  content:'' !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("../../resources/image/btn/swiper_right.png") no-repeat 50% 50%;
}
.swiper-button-prev:after{
  content:'' !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("../../resources/image/btn/swiper_left.png") no-repeat 50% 50%;
}

.inline_list .inline_form{
  padding: 5px 10px;
  border-top: 1px solid #dbdbe8;
}
.inline_list .inline_form:last-of-type{
  border-bottom: 1px solid #dbdbe8;
}
.inline_list .inline_form .inline_form__item{
  flex: 1 1 100%;
}
.inline_list .inline_form .input_form__txt{
  display: inline;
  margin-bottom: 5px; 
}

.inline_list .inline_form .btn_remove_icon{
  flex: 0 0 34px;
}

/* text 생략 */
.ellipsis{
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.ellipsis2{
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;

	white-space: normal;
	line-height:1.2;
	max-height:2.4em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ellipsis3{
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;

	white-space: normal;
	line-height:1.54;
	max-height:4.62em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ellipsis4{
	max-width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
  
	white-space: normal;
	line-height:1.54;
	max-height:6.16em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.view_reply_input_wrap.js-target-write,
.view_reply_input_wrap.js-target-modify{
  display: none;
  margin: 10px 0;
}

.sub-lnb ul li{
  /* display: block; */
  padding: 10px;
}

.my-area-right .form_center_box{
  width: 100% !important;
}
.my-area-right .check_box{
  flex: 0 0 60%;
}
.my-area-right #bioCodeView{
  padding-left: 30px !important;
}
.my-area-right .tag_list__item{
  min-width: 220px !important;
}

.form_center_box.rsltList{
  padding-left: 0 !important;
}


.mypage_scroll{
  overflow-y: auto;
  max-height: 100px;
}
.mypage_scroll::-webkit-scrollbar { 
  width: 6px;
}
.mypage_scroll::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #b0b0b0;
}
.mypage_scroll::-webkit-scrollbar-track {
  background-color: #fff;
}


.point-txt {
  font-size: 13px;
  color: #B60000;
  display: inline-block;
  position: relative;
  border: solid 1px #B50000;
  border-radius: 100px;
  padding: 2px 8px;
  margin-top: 4px;
}
.point-txt::before {
  content: '*';
}


.my-noti-list > li > div:first-of-type > p {
  max-height: 3.4em;
}
.my-noti-list > li > div:first-of-type > span {
  font-size: 14px;
  line-height: 1.25;
  color: #555;
  margin-top: 10px;
}



/* 240830 글쓰기 - 분야(주제) */
.category_dl .check_box {
  border: 0;
}
.category_dl .check_box > section {
  padding: 0;
  overflow: initial;
  height: auto;
}
.category_dl .check_box > section p {
  color: #333;
  font-size: 14px;
  line-height: 34px;
  letter-spacing: -0.28px;
}
.category_dl .check_box > section ul {
  padding: 0 20px;
  border: 1px solid #DBDBE7;
  height: 250px;
  overflow-y: auto;
  position: relative;
}
.category_dl .check_box .check_box_dp1 {
  border-right: 0;
}
.category_dl .check_box .check_box_dp1 ul {
  border-right: 0;
}


.category_dl .tag_list {
  display: block;
}



.toggle-box + .input_form__txt {
  margin-left: 8px;
}



.researcherSwiper {
  width: auto !important;
}
.researcherSwiper .swiper-slide.board-list-box {
  padding: 0;
  margin: 0;
}

.swiper-ico-box .swiper-ico {
  width: 40px;
  height: 40px;
  transition: 0.3s;
}
.swiper-ico-box .swiper-ico::after {
  display: none;
}
.swiper-ico-box .swiper-ico.swiper-button-prev {
  background: url('../image/icon/ico-swiper-left.png') no-repeat center / cover;
}
.swiper-ico-box .swiper-ico.swiper-button-prev:hover {
  background: url('../image/icon/ico-swiper-left-hover.png') no-repeat center / cover;
}
.swiper-ico-box .swiper-ico.swiper-button-next {
  background: url('../image/icon/ico-swiper-right.png') no-repeat center / cover;
}
.swiper-ico-box .swiper-ico.swiper-button-next:hover {
  background: url('../image/icon/ico-swiper-right-hover.png') no-repeat center / cover;
}




.mypage-container-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}



.profile-img-content {
  display: flex;
}
.profile-img-content .img-view-box {
  margin-right: 24px;
}
.profile-img-content .img-choice-box {
  margin-top: 30px;
}
.profile-img-content .img-choice-list + .img-choice-list {
  margin-top: 12px;
}
.profile-img-content .img-border-box {
  border: 1px solid #DBDBE8;
  border-radius: 2px;
  height: 156px;
  overflow-y: auto;
  margin-top: 8px;
}
.profile-img-content .img-list-box {
  display: flex;
  flex-wrap: wrap;
}
.profile-img-content .img-list {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 30px;
}
.profile-img-content .img-list .img-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  min-width: 48px;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
}
.profile-img-content .img-list .img-btn.active {
  outline: 2px solid #00A34B;
  box-shadow: 0 4px 6px -1px rgba(46, 46, 46, 0.10), 0 2px 4px -1px rgba(46, 46, 46, 0.06);
}
.profile-img-content .img-list .img-btn img {
  max-width: 100%;
}



.thum-img-box {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.thum-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}



@media (max-width: 1200px) {
  .mypage-container-wrap {
    padding: 15px;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .select-group {
    flex: 0 0 220px;
    margin-right: 16px;
  }

  .dl_box__body {
    padding: 16px;
  }

  .view_num_group {
    display: none;
  }
}

@media (max-width: 768px) {
  .mypage-container-wrap {
    padding: 0;
  }

  
  .profile-img-content {
    flex-direction: column;
  }
  .profile-img-content .img-view-box {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}