@charset "UTF-8";


.sub_content{
  width: 100%;
}


._flex{
  display: flex !important;
}
._alignCenter{
  align-items: center !important;
}
._justifyEnd{
  justify-content: flex-end !important;
}

/* 아이콘 시작 - d= 뒤 부터 이어 붙이기. */
/* 1:1 컨택 */
.icon_message{
  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='M2.54546 7.60976L0 9.65854V0.585366C0 0.26208 0.25584 0 0.571429 0H9.14286C9.45846 0 9.71429 0.26208 9.71429 0.585366V7.60976H2.54546ZM2.15018 6.43902H8.57143V1.17073H1.14286V7.24981L2.15018 6.43902ZM4 8.78049H9.84983L10.8571 9.59128V3.5122H11.4286C11.7442 3.5122 12 3.77428 12 4.09756V12L9.45457 9.95122H4.57143C4.25584 9.95122 4 9.68915 4 9.36585V8.78049Z' fill='%23746CC6'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
button.line:hover .icon_message{
  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='M2.54546 7.60976L0 9.65854V0.585366C0 0.26208 0.25584 0 0.571429 0H9.14286C9.45846 0 9.71429 0.26208 9.71429 0.585366V7.60976H2.54546ZM2.15018 6.43902H8.57143V1.17073H1.14286V7.24981L2.15018 6.43902ZM4 8.78049H9.84983L10.8571 9.59128V3.5122H11.4286C11.7442 3.5122 12 3.77428 12 4.09756V12L9.45457 9.95122H4.57143C4.25584 9.95122 4 9.68915 4 9.36585V8.78049Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 50%;
}
/* 1:1 컨택 */


/* 관심연구자 더보기 */
.ic_arrow_down{
  display: inline-block;
  width: 10px;
  height: 6px;
  background: url("../image/icon/ic_arrow_down.svg") no-repeat center;
}
.people_ul__btn_more:hover .ic_arrow_down{
  background-image: url("../image/icon/ic_arrow_down_white.svg");
}
/* 관심연구자 더보기 */

/* 코맨트 └ 더보기 */
.ic_comment{
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-top: 0px;
  background: url("../image/icon/ic_comment.svg") no-repeat center;
}
/* 코맨트 └ 더보기 */

/* 하트 아이콘 */
.ic_heart{
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-top: 0px !important;
  background: url("../image/icon/ic_heart.svg") no-repeat center;
}
.ic_heart{
  display: inline-block;
  width: 15px;
  height: 14px;
  background: url("../image/icon/ic_heart.svg") no-repeat center;
}
.view_comment__heart._active .ic_heart,
.list_btn__heart._active .ic_heart{
  background-image: url("../image/icon/ic_heart_purple.svg");
}
.icon_hart{
  margin-top: 0px;
}
/* 하트 아이콘 */

/* 회원가입 아이콘 */
.ic_personal{
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 22px;
  background: url("../image/icon/ic_personal.svg") no-repeat 50% 50%;
  /* filter: invert(0);
  transition: all 0.3s; */
}
button:hover .ic_company{
  /* filter: invert(1); */
}
.ic_company{
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 22px;
  background: url("../image/icon/ic_company.svg") no-repeat 50% 50%;
}
/* 회원가입 아이콘 */

/* 댓글 아이콘 */
.ic_comment_num{
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-right: 4px;
  background: url("../image/icon/ic_comment_num.png") no-repeat center;
}
.ic_comment_heart{
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-right: 4px;
  background: url("../image/icon/ic_comment_heart.png") no-repeat center;
}
.ic_comment_heart{
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-right: 4px;
  background: url("../image/icon/ic_comment_heart.png") no-repeat center;
}
/* 댓글 아이콘 */

/* 쪽지 아이콘 */
.icon_memo {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url('../image/icon/ic_memo.svg') no-repeat 50% 50%;
}
button.line:hover .icon_memo {
  background: url('../image/icon/ic_memo_white.svg') no-repeat 50% 50%;
}
/* 쪽지 아이콘 */

/* 아이콘 끝 */


.btn_more {
    position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  color: transparent;
  overflow: hidden;
  text-indent: -3000%;
}
.t {
    width: 100%;
  line-height: 130%;
  padding-top: 16px;
  color: #fff;
  font-size: 0.875rem;
  padding-left: 2px;
  box-sizing: border-box;
}


/* 컨텐츠 시작 */
.introduce_wrap{
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 90px;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  padding: 40px 40px 40px 50px;
  background-color: #fff;
}
.introduce_wrap._flexWrap{
  flex-wrap: wrap;
}
.introduce_wrap .label_list{
  flex: 1 1 70%;
  margin-bottom: 0px;
}
.label_list.views_num_list{
  justify-content: space-between;
}
.introduce_img{
  width: 160px;
  height: 160px;
  border-radius: 30px;
}
.introduce_img_wrap + .introduce_txt_group {
  padding-left: 40px;
}
.introduce_txt_group{
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0;
  position: relative;
}
.introduce_title_wrap{
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.introduce_title_wrap .data-select__top{
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
}
.introduce_title_wrap .data-select__top._flexEnd{
  flex: 0 0 35% !important;
  justify-content: end;
}
.introduce_title_wrap .data-select__top .btn-in.line + .btn-in.line,
button+button{
  margin-left: 4px;
}
.introduce_title{
  min-width: 180px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: -0.48px;
}
.introduce_title._width100p{
  flex: 1 1 100%;
}
.introduce_title._widthAuto{
  flex: 1 1 auto;
}
.introduce_txt{
  color: #666;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
  border-bottom: 0;
}
.introduce_ul_wrap{
  display: flex;
  flex-direction: column;
}
.introduce_ul_wrap._row_wrap{
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.introduce_ul_wrap._row_wrap .introduce_ul{
  flex-wrap: wrap;
  margin: 10px 0 0 0;
  margin-right: 40px;
}
.introduce_ul_wrap._row_wrap .introduce_ul li{
  min-width: auto;
}

.introduce_ul{
  display: flex;
  margin-bottom: 12px;
}
.introduce_ul:last-child{
  margin-bottom: 0px;
}
.introduce_ul li{
  margin-right: 50px;
}
.introduce_ul strong{
  display: inline-block;
  min-width: 65px;
  margin-right: 16px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
.introduce_ul span{
  color: #666;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.introduce_ul .introduce_interest_field{
  display: inline-block;
  margin-right: 4px;
  word-break: break-all;
}
.introduce_ul .introduce_interest_field:last-child{
  margin-right: 0px;
}
.introduce_ul .txt_purple{
  margin-right: 10px;
  color: #155CD6;
}
.introduce_ul .txt_date{
  font-size: 14px;
  line-height: 1.2; /* 116.667% */
}
.row.adjust.introduce_txt_group_btn_wrap{
  width: 100%;
  justify-content: flex-end;
}


.introduce_wrap .analysis_tool__img_box {
  min-width: 240px;
}
.introduce_wrap .analysis_tool__img_box .img-box {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  border: solid 1px #eaeaea;
  border-radius: 8px;
}
.introduce_wrap .analysis_tool__img_box .img-box .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.n-tab .tab_wrap li{
  margin: 5px 20px 14px 20px;
  padding: 0px;
}
.n-tab .tab_wrap li:last-child{
  margin-right: 0px;
}
.n-tab .tab_wrap .n-on{
  color: transparent;
  border: none;
  margin-bottom: 0px;
}
.n-tab .tab_wrap .n-on a{
  border-bottom: 3px solid #7569CA;
  padding-bottom: 7px;
  font-weight: 500;
}


.dl_box__body{
  position: relative;
}
.dl_box__body .introduce_txt{
  border-bottom: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.people_ul{
  display: flex;
  flex-wrap: wrap;
  padding: 0px 28px;
}
._flex .people_ul .people_ul__item,
.people_ul.people_ul__left .people_ul__item{
  flex: 0 0 220px;
}
.people_ul__item{
  flex: 0 0 25%;
  display: flex;
  align-items: center;
  padding: 20px 22px 20px 0;
}
.people_ul__item:nth-child(4n){
  margin-right: 0px;
}
.people_ul__item:nth-child(-n+4){
  margin-top: 0px;
}
.people_ul_title{
  margin-left: 12px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
}
.people_ul__btn_more{
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);

  border-radius: 60px;
  padding: 8px 24px;
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
  color: #000;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}

.people_scroll{
  overflow-y: auto;
  max-height: 352px;
}



/* 캐릭터 */
.img_character{
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 16px;
}
/* 캐릭터 */
.people_ul__btn_more:hover{
  color: #fff;
}

.view_comment_item{
  margin-bottom: 20px;
  border-bottom: 1px solid #DBDBE7;
  padding-bottom: 23px;
}
.view_comment_item:last-child{
  border-bottom: none;
  padding-bottom: 0px;
}
.view_comment_wrap{
  margin-bottom: 20px;
  border-bottom: 1px solid #DBDBE7;
  padding-bottom: 23px;
}
.view_comment_wrap .view_user_name{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
}
.view_comment_txt{
  margin: 15px 0px 12px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.view_comment_info_wrap{
  display: flex;
  align-items: center;
  color: #999;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}
.view_comment{
  margin-right: 10px;
  border-right: 1px solid #EEE;
  padding-right: 10px;

  color: #999;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}
.view_comment:last-child{
  margin-right: 0px;
  border-right: none;
  padding-right: 0px;
}
.view_comment__heart{
  display: flex;
  align-items: center;
  min-width: initial;
  height: initial;
  margin: 0px;
  border-right: none;
  border-radius: 0px;
  padding: 0px;
  background: transparent;
}
.view_comment__heart:hover{
  background-color: transparent;
}
.heart_num{
  color: #999;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}
.view_reply_wrap{
  padding-left: 35px;
}
.view_reply_wrap + .view_reply_wrap{
  margin-top: 20px;
}
.view_reply_wrap + .view_comment_wrap{
  margin-top: 20px;
}
.view_reply_wrap .view_user_name{
  position: relative;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
}
.view_reply_wrap .view_user_name::before{
  content: "";
  position: absolute;
  top: 0px;
  left: -19px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../image/icon/ic_reply.svg");
}
.view_user_name a{
  margin-left: 5px;
}
.view_user_name a:first-of-type{
  margin-left: 0px;
}
.view_user_name span+a{
  margin-left: 5px !important;
}
.view_reply_input_wrap{
  display: flex;
  align-items: flex-end;
  margin-top: 20px;
}
.view_reply_input_wrap .reply_textarea{
  width: 100%;
  min-height: 80px;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  padding: 20px;
  text-indent: 0px;

  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  letter-spacing: -0.28px;
  resize: none;
}
.view_reply_input_wrap .reply_textarea:focus{
  border-color: #000;
}
.view_reply_input_wrap .reply_textarea::placeholder{
  color: #AAA;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  letter-spacing: -0.28px;
}
.view_reply_input_wrap .btn_comment{
  display: flex;
  align-items: center;
  max-height: 34px;
  margin-left: 20px;
  padding: 5px 28px;
}

/* 신규 등록 */
.list_add_box{
  margin: 20px 0 25px;
  border: 1px solid #e5e5e8;
  border-radius: 8px;
  padding: 20px;
  background-color: #fff;
  text-align: center;
}
.list_add_title{
  margin-bottom: 20px;
  color: #666;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
.btn_plus_purple{
  border-radius: 4px;
  padding: 14px 35px;
  color: #FFF;
  font-family: Noto Sans KR;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
  letter-spacing: -0.32px;
}
/* 신규 등록 끝 */



/* 통계 시작 */
.statistics_wrap{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.by_select_wrap{
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-width: 190px;
  margin-right: 50px;
  width: 15%;
}
.by_select__item:last-child .by_select__link{
  border-right: 1px solid #DBDBE7;
}
.by_select__link{
  display: flex;
  border: 1px solid #DBDBE7;
  border-right: none;
  padding: 7px 17px;
  background: #fff;
  color: #999;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.by_select__link._active{
  color: #fff;
  border: 1px solid #00B255;
  background: #00B255;
}
.by_select{
  display: flex;
}
.by_select_box{
  display: flex;
  margin-bottom: 12px;
}
.by_select__year,
.by_select__month{
  min-width: 90px;
}
.by_select__month{
  margin-left: 10px;
}
.statistics_view_wrap{
  display: flex;
  justify-content: center;
  width: 65%;
}
.statistics_chart_img{
  width: 670px;
  height: 242px;
}
.statistics_chart_img2{
  width: 300px;
  height: 300px;
}
.statistics_wrap+.tit-depth-01{
  margin-top: 70px;
}
.dl_box__body .tit-depth-01{
  margin-bottom: 30px;
}
.statistics_txt{
  margin-bottom: 34px;
  padding-left: 24px;
  color: #999;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  letter-spacing: -0.28px;
}
.statistics_wrap .stats-count{
  margin-top: 0px;
  padding: 0px 70px;
}
.statistics_wrap .stats-count .count-info{
  width: 30%;
  padding: 35px 30px 30px 35px;
  border-radius: 12px;
  border: 1px solid #DBDBE7;
  background-color: #fff;
}
.statistics_wrap .stats-count .count-info h3{
  padding-bottom: 12px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  letter-spacing: -0.28px;
}
.statistics_wrap .stats-count .count-info p{
  color: #333;
  text-align: right;
  font-family: Noto Sans KR;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 107.143% */
  letter-spacing: -0.56px;
}
.statistics_wrap .stats-count .count-info p span{
  color: #00BE6E;
  text-align: right;
  font-family: Noto Sans KR;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px; /* 105% */
  letter-spacing: -0.8px;
}


.statistics_view_title{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
}
.statistics_left_wrap{
  margin-right: 80px;
}
.statistics_left_wrap .view_num_box{
  min-width: 200px;
  padding: 20px 34px 40px 20px;
}
.statistics_left_wrap .view_num_list .view_num_list__item{
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
  border: none;
  padding-top: 0px;
}
.statistics_left_wrap .view_num_list .view_num_list__item:first-child{
  margin-top: 20px;
}
.statistics_left_wrap .view_num_box .view_num_list__num{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  margin: 12px 0px 0px 0px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.36px;
}
.statistics_left_wrap .view_num_box .view_num_list__num .view_num_list__data{
  color: #155CD6;
  text-align: right;
  font-family: Noto Sans KR;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 107.143% */
  letter-spacing: -0.56px;
}
.statistics_right_wrap{
  flex: 0 0 920px;
}
.statistics_subtitle{
  margin-bottom: 22px;
  border-bottom: 1px solid #DBDBE7;
  padding-bottom: 13px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
}
.statistics_right_wrap .by_select_wrap{
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin-right: 0px;
  margin-bottom: 42px;
}
.statistics_right_wrap .by_select_wrap .by_select_box + .by_select {
  margin-left: 12px;
}
.statistics_right_wrap .by_select_wrap .by_select_box{
  margin-bottom: 0px;
}
.statistics_right_wrap .statistics_view_wrap{
  width: 100%;
}
.statistics_right_wrap.statistics_right_chart_wrap .statistics_view_wrap{
  justify-content: flex-start;
}
.statistics_left_chart_wrap{
  flex: 0 0 322px
}
.statistics_right_chart_wrap{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.statistics_chart__title{
  margin-bottom: 30px;
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 114.286% */
}
.statistics_date_wrap{
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.statistics_date_wrap .by_select_box{
  margin-bottom: 0px;
}
.statistics_date__title{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
.statistics_date__title .node_time{
  color: #746CC6;
  font-weight: 700;
}
.chart_wrap{
  width: 100%;
}
.chart_wrap>div,
.chart_wrap>p{
  max-width: 670px;
  width: 100%;
  height: auto;
}
/* 통계 끝 */

/* 자체개발분석도구 시작 */
.analysis_tool_wrap{

}
.analysis_tool_txt_wrap{
  margin-top: 20px;
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.text_indent_10{
  text-indent: 10px;
}
.analysis_tool_group{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.analysis_tool_con_warp{
  margin-top: 30px;
}
.analysis_tool__img_box{
  margin-right: 40px;
}
.analysis_tool__img_box img{
  width: 240px;
  height: 240px;
  border-radius: 20px;
  border: 1px solid #DBDBE7;
}
.analysis_tool_list {
  width: 50%;
  padding: 0 15px;
  margin-top: 30px;
}
.analysis_tool_item{
  display: flex;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  padding: 32px 40px;
  background-color: #fff;
  height: 100%;
}
.analysis_tool__title{
  margin-bottom: 15px;
  color: #000;
  font-family: Noto Sans KR;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 125% */
}
.analysis_tool__txt{
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.analysis_tool__link{
  display: inline-block;
  margin-top: 20px;
  color: #0E66FC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
/* 자체개발분석도구 끝 */

/* 컨텐츠 끝 */


/* pc - 상세페이지 시작 */
.list_group_button_wrap .btn_doi{
  border: 1px solid #7569CA;
  padding: 9px 15px;
  font-size: 14px;
  line-height: inherit;
}
/* pc - 상세페이지 끝 */



/* 버튼 */
button.btn_cancel{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #EBEEFC;
  border-radius: 4px;
  background-color: #EBEEFC;
  color: #72707A;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
button.btn_cancel:hover{
  color: #72707A;
  border-color: #EBEEFC;
  background-color: #EBEEFC;
}
button.btn_cancel::before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background: url("../image/icon/ic_cancel.svg") no-repeat center;
}
button.btn_save{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #746CC6;
  background-color: #746CC6;
  color: #fff;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
button.btn_save::before{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background: url("../image/icon/ic_save.svg") no-repeat center;
}
/* 버튼 */







/* 추가 */
.community_wrap{
  width: 100%;
}
.view_num_box{
  padding: 20px;
}
.view_num_box._sticky{
  position: sticky;
  top: 150px;
}
.view_num_box .view_num_list__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.view_num_box .view_num_list__item:first-child{
  padding-top: 0;
}
.view_num_box .view_num_list__item:last-child{
  padding-bottom: 0;
}
.view_num_box .view_num_list__title{
  min-width: 92px;
  margin-bottom: 0px;
}
.view_num_box .view_num_list__num{
  margin-left: 10px;
}
.view_num_box.view_num_box_samll .view_num_list__item{
  margin-top: 30px;
}
.view_num_box.view_num_box_samll .view_num_list__item:first-child{
  margin-top: 0px;
}
.view_num_list .view_num_list__item{
  border-top: 1px solid #DBDBE7;
  padding: 20px 15px;
  justify-content: space-between;
}
.view_num_list .view_num_list__item:first-child{
  border-top: none;
}
.view_num_list .view_num_list__item > a{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.view_num_box.view_num_box_samll .view_num_list__title{
  margin-bottom: 4px;
  color: #999;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
}
.view_num_box.view_num_box_samll .view_num_list__num{
  margin-left: 0px;
  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;
}

.list_group_subtitle{
  margin-top: 5px;
  color: #00A34B;
  font-size: 14px;
  line-height: 2;
}
.list_group_subtitle span + span {
  margin-left: 8px;
}
.list_group_subtitle + .list_group_text,
.list_group__comment + .list_group_text{
  margin-top: 10px;
}


.view_title_group._flex_column{
  flex-direction: column;
}
.view_title_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view_title_item button {
  min-width: 110px;
}
._flex_column .introduce_ul_wrap._row_wrap .introduce_ul{
  margin-right: 0px;
}


.inline_list .inline_form .inline_form__item:first-of-type{
  flex: 0 0 47%;
}


.row.adjust.radius_box{
  background-color: #fff;
}
.radio_group__item{
  position: relative;
}
.radio_group.radio_group_pb{
  padding-bottom: 70px;
}


/* 등록 - 자원요청 버튼 */
.radio_group__request_btn{
  position: absolute;
  bottom: -62px;
  left: 50%;
  margin: 0;
  border-radius: 4px;
  border: 1px solid #B3B0C4;
  padding: 8px 10px;
  color: #888;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
  letter-spacing: -0.24px;
  background-color: #fff;
  transform: translateX(-50%);
}
.radio_group__request_btn strong{
  color: #72707A;
  font-weight: 700;
}
.radio_group__request_btn:hover,
.radio_group__request_btn:hover strong{
  background-color: #fff;
}


/* 메인 아이콘 */
.main-q-icon .n-icon-list ul li{
  width: 16%;
  height: 200px;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
  box-sizing: border-box;
  box-shadow: initial;
}
.main-q-icon .n-icon-list ul li:hover{
  background-color: transparent;
  margin-top: 0px;
}
.main-q-icon .n-icon-list ul li a{
  width: 100%;
  height: 200px;
  background-color: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  box-sizing: border-box;
  -webkit-box-shadow: 5px 5px 15px rgba(177, 180, 201, 0.2);
  -moz-box-shadow: 5px 5px 15px rgba(177, 180, 201, 0.2);
  box-shadow: 5px 5px 15px rgba(177, 180, 201, 0.2);
}
.main-q-icon .n-icon-list ul li a:hover{
  margin-top: -10px;
  background-color: #FAFDFF;
  color: #7569CA;
}

.modal-body .form_center_box.w-100 .input_form__head{
  flex: 0 0 20%;
}

.list_group{
  min-width: 1073px;
}
.list_group_button._spaceBetween{
  align-items: center;
  justify-content: space-between;
}
.list_group__comment{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 6px 11px;
  border-radius: 30px;
  background: #F1F5F9;
  color: #666;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
}
.list_group_button.list_group__btn_label{
  justify-content: space-between;
}
.list_group__comment .list_btn__heart{
  display: flex;
  align-items: center; 
  min-width: initial;
  height: initial;
  margin: 0px;
  border-radius: 0px;
  padding: 3px;
  background: transparent;
}
.list_btn__heart:hover{
  background-color: transparent;
}
.list_btn__heart .ic_heart{
  width: 16px;
  background: url("../image/icon/ic_heart2.svg") no-repeat center;
}
.list_btn__heart .heart_num{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 30px;
  background: #F1F5F9;
  color: #666;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.28px;
}


.view_comment__heart{
  display: flex;
  align-items: center;
  min-width: initial;
  height: initial;
  margin: 0px;
  border-radius: 0px;
  padding: 0px;
  background: transparent;
}
.view_comment__heart:hover{
  background-color: transparent;
}
.view_group .form_center_box{
  width: 100%;
}
/* 추가 끝 */




/* 회원가입 시작 */
.wrap.sign_up_wrap{
  height: initial;
  display: flex;
  justify-content: center;
  padding: 80px 0px;
  background-color: #FAFBFC;
}
.sign_up_wrap .sign-wrap{
  width: 824px;
  margin: 0;
  border-radius: 30px;
  border: 1px solid #EFEEFB;
  padding: 20px 45px 50px;
  background-color: #fff;
}
.sign_hd_title{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 125% */
  letter-spacing: -0.48px;
}
.sign_hd_subtitle{
  margin: 20px 0px 45px;
  color: #858585;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: -0.28px;
}

.sign_up_wrap .step-g{
  z-index: 0;
}
.sign_up_wrap .step-g::before{
  content: "";
  position: absolute;
  top: 50%;
  width: 120px;
  height: 1px;
  z-index: -1;
  background-color: #EFEEFB;
}

.sign_up_wrap .sign-cont{
  margin-top: 57px;
}
.sign_cont_wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sign_cont_box{
  width: 372px;
}
.sign_cont_box.sign_cont_TermsofUse{
  width: 460px;
}
.sign_cont__title{
  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;
}
.signUp_select_btn_wrap{
  display: flex;
  margin-top: 16px;
}
.signUp_select_btn_wrap button{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 45px 53px;
  color: #FFF;
  text-align: center;
  font-family: Noto Sans CJK KR;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 100% */
}
.btn_sign_personal,
.btn_sign_personal:hover{
  margin-left: 0;
  background-color: #746CC6;
}
.btn_sign_company,
.btn_sign_company:hover{
  background-color: #5095ED;
}
.sign_cont__txt{
  margin-top: 24px;
}
.btn_sign_wrap{
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.btn_sign_next{
  margin-left: 0px;
  border-radius: 4px;
  border: 1px solid #AAA;
  padding: 17px 40px;
  color: #999;
  background-color: #fff;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
.btn_sign_next:hover{
  background-color: #fff;
  color: #999;
}

.sign_up_wrap .sign-info{
  padding:0px 0px 16px;
  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;
}
.signup_info_wrap{
  height: 100%;
  border-radius: 12px;
  border: 1px solid #DBDBE7;
  padding: 24px 4px 24px 20px;
}
.signup_info_wrap+.btn-check{
  margin-top: 12px;
}
.sign_up_wrap .signup-info{
  height: 465px;
  padding: 0px;
  padding-right: 20px;
  background-color: #FFF;
}
.sign_up_wrap .signup-info::-webkit-scrollbar { 
  width: 6px;
}
.sign_up_wrap .signup-info::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: #F1F5F9;
}
.sign_up_wrap .signup-info::-webkit-scrollbar-track {
  background-color: #fff;
}
.sign_up_wrap .signup-info section{
  color: #666;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.sign_up_wrap .signup-info section li{
  padding-left: 15px;
}
.sign_up_wrap .signup-info section li:before{
  content: "";
  width: 5px;
  height: 5px;
  background-color: #666;
  border-radius: 11px;
  font-size: 5px;
  text-align: center;
  line-height: 13px;
  vertical-align: 1px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 8px;
}


.sign_cont_wrap.sign_input_wrap{
  flex-direction: row;
  align-items: flex-start;
}
.sign_input_left_wrap,
.sign_input_right_wrap{
  flex: 1 1 50%;
}
.sign_input_left_wrap{
  margin-right: 80px;
}
.sign_input_title{
  margin-bottom: 30px;
  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;
}
.sign_input_box{
  display: flex;
  align-items: center;
}
.sign_input_box input{
  border-radius: 4px;
  border: 1px solid #DBDBE7;
}
.sign_input_wrap .sign_input_box .btn-sign-up{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: initial;
  margin-left: 8px;
  border-radius: 4px;
  padding: 8px 10px;
  background: #E7E7F9;
  color: #6F6C83;
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
  letter-spacing: -0.24px;
}
.btn_sign_join_embership{
  max-width: 460px;
  margin-left: 0;
  line-height: initial;
}
/* 회원가입 끝 */




/* 마이페이지 시작 */

.my_page_wrap{
  width: 100%;
}
/* 마이페이지 - 유저 타이틀 */
.my_page__user_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 20px;
  border: 1px solid #DBDBE7;
  border-radius: 8px;
  padding: 28px 90px 28px 40px;
  background-color: #fff;
}
.my_page__user_neme{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 100% */
  letter-spacing: -0.48px;
}
.my_page__user_date{
  flex: 0 0 160px;
  color: #999;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}

/* 마이페이지 - 마켓플레이스 등록 수, 과제 및 성과물 */
.my_page__participation_wrap{
  display: flex;
  width: 100%;
}
.participation_left_wrap,
.participation_right_wrap{
  flex: 0 0 49%;
  border: 1px solid #DBDBE7;
  border-radius: 8px;
  padding: 20px 15px;
  background-color: #fff;
}
.participation_left_wrap{
  margin-right: 20px;
}
.participation_title{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.36px;
}
.participation_txt{
  margin-left: 16px;
  color: #666;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
  letter-spacing: -0.24px;
}

/* 참여 : 마켓플레이스 */
.participatio_wrap{
  margin-top: 24px;
}
.participatio__group{
  display: flex;
}
.participatio__item{
  width: 18.5%;
  margin-right: 10px;
  border-radius: 20px;
  padding: 15px 5px;
  background: #E2F6EA;
}
.participatio__item:last-of-type{
  margin-right: 0px;
}
.participatio__title{
  display: flex;
  flex-direction: column;
  color: #666;
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.24px;
}
.participatio__title::after{
  content: "";
  display: inline-block;
  width: 18px;
  margin: 10px auto;
  border-bottom: 1px solid #DBDBE7;
}
.participatio__num{
  color: #00A34B;
  text-align: center;
  font-family: Noto Sans KR;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 100% */
  letter-spacing: -0.56px;
}

.participation_right_wrap .participatio__item{
  background: #F8F8F8;
}
.participation_right_wrap .participatio__num{
  color: #72707A;
}

.my_page__alert_wrap{
  margin-top: 20px;
  border: 1px solid #DBDBE7;
  border-radius: 8px;
  padding: 20px 15px;
  background-color: #fff;
}
.my_page__alert_wrap .my-noti-wrap{
  margin-top: 0px;
}
.my_page__alert_wrap .my-noti-wrap .btn-my-prev,
.my_page__alert_wrap .my-noti-wrap .btn-my-next{
  background-color: #999;
  margin: 0 !important;
}
.my_page__alert_wrap .my-noti-wrap .btn-my-prev.disable,
.my_page__alert_wrap .my-noti-wrap .btn-my-next.disable{
  background-color: #e0e0e0;
}

.my_page__alert_wrap .my-noti-wrap .btn-my-prev{
  left: -20px;
}
.my_page__alert_wrap .my-noti-wrap .btn-my-next{
  right: -20px;
}
.my_page__alert_wrap .my-noti-wrap > div{
  height: 205px;
}

.my_alert_none_con{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid rgb(220, 229, 236);
  border-radius: 10px;
  background-color: rgb(242, 246, 250);
}
.noalert_wrap{
  margin-top: -40px;
  padding-top: 150px;
  background: url("../image/icon/ic-noalert.png") no-repeat center;
}

.my_page__notice_wrap{
  display: flex;
  width: 100%;
  margin-top: 20px;
}
.notice_left_wrap,
.notice_right_wrap{
  flex: 0 0 49%;
  width: 49%;
  min-height: 264px;
  max-height: 264px;
  border-radius: 8px;
  border: 1px solid #DBDBE7;
  padding: 20px 30px;
  background: #FFF;
  overflow-y: hidden;
}
.notice_left_wrap{
  margin-right: 20px;
}
.notice__wrap{
  height: 190px;
  overflow-y: hidden;
}
.notice__title_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #DBDBE7;
}
.notice__title{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
  letter-spacing: -0.36px;
}
.btn_plus{
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  background: url("../image/icon/ic_plus.svg") no-repeat center;
}
.btn_plus:hover{
  background-color: transparent;
  color: transparent;
}
.btn-in.line.btn_doi{
  min-width: initial;
  padding: 0px 12px;
  font-size: 14px;
}
.notice__item{
  border-top: 1px solid #DBDBE7;
  padding: 16px 0px;
}
.notice__item:first-of-type{
  border-top: none;
}
.notice___link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.notice__link_title{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
}
.notice__date{
  min-width: 65px;
  margin-left: 5px;
  color: #999;
  text-align: right;
  font-family: Noto Sans KR;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
  letter-spacing: -0.24px;
}
.notice___none_data{
  color: #333;
  font-family: Noto Sans KR;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  letter-spacing: -0.28px;
}
/* 마이페이지 끝 */





/* 리스트 - 관심수, 조회수 추가 */
.views_num_wrap{
  display: flex;
  align-items: center;
  color: #666;
  font-size: 14px;
}
.views_num{
  display: flex;
  align-items: center;
  margin-left: 5px;
  border-left: 1px solid #ccc;
  padding-left: 5px;
}
.views_num:first-of-type{
  margin-left: 0px;
  border-left: none;
  padding-left: 0px;
}
.list_group_content .list_group_button{

}
.view_user_group ._flex .view_user_name{
  margin-right: 10px;
}
/* 리스트 - 관심수, 조회수 추가 */





/* NTIS 연계 시작 */
.modal-content .tb-list thead th{
  white-space: initial !important;
}
/* NTIS 연계 끝 */


/* 키워드 */
.check_select__text{
  word-break: break-all;
}
/* 키워드 */










._hidden{
  display: none !important;
}
._block{
  display: block !important;
}
._relative{
  position: relative !important;
}
._txt_break{
    word-break: break-all;
}

.tb-view.tb-view2 td p span{
  display: initial !important;
}

/* 미리보기 */
.preview_wrap{
  min-width: 975px;
  width: 975px;
  max-width: 100%;
  height: 600px;
  overflow-y: auto;
  overflow-x: auto;
}
.preview_wrap img{
  max-width: 100%;
}
.preview_wrap .tb-list{
  table-layout: auto;
}
.preview_wrap .tb-list th{
  white-space: nowrap;
}



/* 첨부파일 시작 */
.file_border{
  border: 3px dotted #DBDBE7;
}
.file_upload .file-group a{
  font-size: 14px;
}
.file_upload_largeCapacity{
  margin-top: 30px;
  padding-top: 30px;
}
.file_attach.file_attach2{
  min-width: 130px;
}
.file_attach_largeCapacity{
  background-color: #226426;
}
.file_attach_largeCapacity:hover{
  background-color: #19571d;
}
.file_attach2.btn-file::after,
.file_attach_largeCapacity.btn-file::after{
  right: -80%;
}

.file_attach2.btn-file::after{
  display: block;
  right: inherit !important;
  top: 45px;
  text-align: center;
}
/* 첨부파일 끝 */

.tox .tox-toolbar__group{
  flex-shrink: 1;
  flex-wrap: wrap !important;
}

/* 에디터 시작 */
.popupgjsh div,
.popupgjsh p,
.popupgjsh span{
  font-weight: 400;
}

.popupgjsh strong{
  font-weight: 600 !important;
}
/* 에디터 끝 */



.footer{
  margin-top: 10px;
}




.m_off{
  display: block !important;
}
.m_on{
  display: none !important;
}



#examplePop .pop_box {
  max-width: 1200px;
  width: 100%;
}
.pop_wrap .e-box {
  padding: 20px;
  margin-bottom: 240px;
  position: relative;
}
.pop_wrap .e-box > .tit {
  margin-bottom: 28px;
}
.pop_wrap .e-box .tit h3 {
  font-size: 18px;
  font-weight: 600;
}
.pop_wrap .e-box .tit h3 span {
  color: #00A34B;
  padding-right: 12px;
  margin-right: 12px;
  position: relative;
}
.pop_wrap .e-box .cont {
  position: relative;
}
.pop_wrap .e-box .cont .img-box {
  background-color: #F5F5F9;
  padding: 40px 40px 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop_wrap .e-box .cont .img-box img {
  max-width: 100%;
}
.pop_wrap .e-box .cont .txt-box {
  max-width: 1000px;
  width: 100%;
  position: absolute;
  bottom: -150px;
  background-color: #fff;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.pop_wrap .e-box .cont .txt-box .tit {
  background-color: #313131;
  padding: 12px 20px;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pop_wrap .e-box .cont .txt-box .tit p {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.pop_wrap .e-box .cont .txt-box .desc {
  padding: 20px 20px 28px;
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pop_wrap .e-box .cont .txt-box .desc p {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.4px;
}
.pop_wrap .e-box + .e-box {
  padding-top: 80px;
  margin-bottom: 180px;
}
.pop_wrap .e-box + .e-box::after {
  content: '';
  border-top: dashed 1px #d4d4d4;
  max-width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.pop_wrap .e-box + .e-box .txt-box {
  bottom: -78px;
}
.pop_wrap .e-box .cont .txt-box::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 52px;
  background: url('../image/image/example-guide-img02.png') no-repeat center / cover;
  left: 50%;
  transform: translateX(-50%);
  top: -70px;
}

.pop_wrap.st02 .pop_body {
  padding: 40px 80px;
  position: relative;
}
.pop_wrap.st02 .js-pop-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  min-width: auto;
  border-radius: 50%;
  background: url('../image/icon/ic-close-popup.svg') no-repeat center / 20px;
  transition: 0.3s;
}
.pop_wrap.st02 .js-pop-close:hover {
  background-color: #F4F6FB;
}
.pop_wrap.st02 .pop-tit p {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.pop_wrap.st02 .pop-tit p span {
  font-size: 24px;
  font-weight: 700;
}
.pop_wrap.st02 .search-box {
  padding: 0;
  border: 0 !important;
  margin: 40px 0 !important;
}
.pop_wrap.st02 .board-top .total {
  padding: 0 20px;
}
.pop_wrap.st02 .board-top .point {
  font-size: 14px;
  color: #666;
}


.pop_wrap.st03 {
  z-index: 1099;
}
.pop_wrap.st03 .pop_box {
  position: relative;
}
.pop_wrap.st03 .pd_wrap {
  padding: 0 40px;
}
.pop_wrap.st03 .pd_wrap+.pd_wrap {
  border-top: 0;
  padding-top: 40px;
}
.pop_wrap.st03 .pd_wrap:last-child {
  padding-bottom: 60px;
}
.pop_wrap.st03 .pop_header {
  background-color: #F4F6FB;
  border-color: #e1e7f1;
  padding: 20px;
}
.pop_wrap.st03 .pop_header .pop_title {
  color: #111;
  font-weight: 600;
}
.pop_wrap.st03 .title_box {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 40px;
}
.pop_wrap.st03 .title_box::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: dashed 1px #d4d4d4;
  height: 1px;
  width: calc(100% - 80px);
}
.pop_wrap.st03 .guide_tit h3 {
  color: #00A34B;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 12px;
}
.pop_wrap.st03 .guide_tit p {
  font-size: 16px;
  line-height: 140%;
}
.pop_wrap.st03 .guide_link_list {
  margin-top: 40px;
}
.pop_wrap.st03 .guide_link {
  font-size: 14px;
  color: #00A34B;
  padding: 10px 24px;
  border-radius: 100px;
  background-color: #fff;
  border: solid 1px #00A34B;
  transition: 0.3s;
  margin: 0;
}
.pop_wrap.st03 .guide_link:hover {
  background-color: #F4F6FB;
}
.pop_wrap.st03 .guide_link::before {
  display: none;
}
.pop_wrap.st03 .guide_link + .guide_link {
  margin-left: 12px;
}
.pop_wrap.st03 .guide_link.point {
  background-color: #00A34B;
  color: #fff;
  border-color: #00A34B;
}
.pop_wrap.st03 .border_tit {
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #e1e7f1;
  padding: 12px 20px;
}
.pop_wrap.st03 .border_tit p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}
.pop_wrap.st03 .border_tit + .border {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pop_wrap.st03 .border {
  padding: 20px;
  border-radius: 8px;
  background-color: #F5F5F9;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.pop_wrap.st03 .pd_wrap img {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.pop_wrap.st03 .label-box + .label-box {
  margin-top: 20px;
}
.pop_wrap.st03 .label-tit {
  padding: 12px 20px;
  border-radius: 8px;
  background-color: #313131;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pop_wrap.st03 .label-tit p {
  font-size: 16px;
  color: #fff;
  letter-spacing: -1.4px;
  line-height: 1.25;
}
.pop_wrap.st03 .label-cont {
  background-color: #fff;
  padding: 20px 20px 28px;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
}
.pop_wrap.st03 .label-cont li {
  font-size: 16px;
  line-height: 160%;
  position: relative;
  padding-left: 15px;
}
.pop_wrap.st03 .label-cont li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #313131;
  border-radius: 50%;
  top: 11px;
}
.pop_wrap.st03 .label-cont .border {
  margin-top: 20px;
}
.pop_wrap.st03 .label-cont .box + .box {
  border-top: dashed 1px #d4d4d4;
  margin-top: 20px;
  padding-top: 20px;
}
.pop_wrap.st03 .label-cont .point-box {
  background-color: #F5F5F9;
  border-radius: 8px;
  padding: 12px 20px;
  margin-top: 20px;
}
.pop_wrap.st03 .label-cont .point-box li {
  padding-left: 20px;
}
.pop_wrap.st03 .label-cont .point-box li + li {
  margin-top: 8px;
}
.pop_wrap.st03 .label-cont .point-box li::before {
  background: url('../image/icon/ic-check-ok.svg') no-repeat center / cover;
  width: 20px;
  height: 20px;
  top: 2px;
}
.pop_wrap.st03 .label-cont .point-box li p {
  font-size: 16px;
}
.pop_wrap.st03 .line-tit {
  display: flex;
  align-items: center;
}
.pop_wrap.st03 .line-tit p {
  font-size: 16px;
  font-weight: 600;
}
.pop_wrap.st03 .line-tit span {
  font-size: 16px;
  color: #555;
  padding-left: 12px;
  margin-left: 12px;
  position: relative;
}
.pop_wrap.st03 .line-tit span::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 80%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #B3AFDF;
}
.pop_wrap.st03 .file_download {
  margin-top: 20px;
}
.pop_wrap.st03 .file_download a {
  padding: 12px;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #555;
}
.pop_wrap.st03 .file_download i {
  background: url('../image/icon/ico-download.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.pop_wrap.st03 .top-btn {
  position: absolute;
  bottom: 38px;
  right: 38px;
}

.pop_wrap.st03 .top-btn a {
  background: url('../image/icon/ic-topbtn.svg') #111 no-repeat center / 24px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.pop_wrap.st03 .border .img-txt {
  margin: 8px 0 40px;
  text-align: center;
  color: #555;
  font-size: 14px;
}


.pop_wrap.st03 .inner {
  padding: 20px;
}
.pop_wrap.st03 .cooperation-list {
  margin-bottom: 40px;
}
.pop_wrap.st03 .cooperation-list ul {
  background-color: #fcfcfc;
  border: solid 1px #e0e0e0;
  padding: 0 20px;
  border-radius: 4px;
}
.pop_wrap.st03 .cooperation-list li {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pop_wrap.st03 .cooperation-list li:first-child {
  border-bottom: solid 1px #e0e0e0;
}
.pop_wrap.st03 .cooperation-list li .txt {
  display: flex;
}
.pop_wrap.st03 .cooperation-list li .txt p {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  color: #555;
  position: relative;
  align-items: center;
}
.pop_wrap.st03 .cooperation-list li .txt p::after {
  content: '';
  background: url('../image/icon/ic-arrow-right03.svg') no-repeat center / cover;
  width: 24px;
  height: 24px;
  display: block;
  margin-left: 8px;
}
.pop_wrap.st03 .cooperation-list li .txt strong {
  color: #333;
  font-weight: 700;
  font-size: 20px;
  word-break: break-all;
  line-height: 1.25;
}
.pop_wrap.st03 .cooperation-list a {
  color: #fff;
  padding: 10px 20px;
  background-color: #00A34B;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pop_wrap.st03 .cooperation-list a p {
  font-size: 14px;
  font-weight: 600;
}
.pop_wrap.st03 .cooperation-list a p:last-child {
  font-size: 12px;
  font-weight: 400;
  padding-left: 12px;
  margin-left: 12px;
  position: relative;
}
.pop_wrap.st03 .cooperation-list a p:last-child::before {
  content: '';
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.pop_wrap.st03 .cooperation-list a strong {
  font-size: 16px;
  font-weight: 600;
}
.pop_wrap.st03 .cooperation-list.st02 {
  background-color: #fcfcfc;
  border: solid 1px #e0e0e0;
  padding: 0 20px 20px;
  border-radius: 4px;
  text-align: right;
}
.pop_wrap.st03 .cooperation-list.st02 ul {
  border: 0;
  background-color: transparent;
  padding: 10px 0;
  border-bottom: solid 2px #e0e0e0;
  margin-bottom: 20px;
  text-align: left;
}
.pop_wrap.st03 .cooperation-list.st02 li {
  padding: 10px 0;
}
.pop_wrap.st03 .cooperation-list.st02 li:first-child {
  border-bottom: 0;
}


.pop_wrap.st03 .search-box {
  padding: 0;
  border: 0;
}
.pop_wrap.st03 .search-box .search-tag {
  width: 100%;
  padding-left: 0;
}
.pop_wrap.st03 .pop-board-list {
  margin-top: 4px;
}
.pop_wrap.st03 .pop-board-list li {
  padding: 28px 20px;
  border-bottom: solid 2px #e0e0e0;
}
.pop_wrap.st03 .pop-board-list li .tit p {
  font-size: 16px;
  font-weight: 600;
  color: #111;
}
.pop_wrap.st03 .pop-board-list li .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
}
.pop_wrap.st03 .pop-board-list li .desc span {
  font-size: 14px;
  color: #555;
  margin-right: 12px;
  padding-right: 12px;
  position: relative;
}
.pop_wrap.st03 .pop-board-list li .desc span::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #d4d4d4;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  position: absolute;
}
.pop_wrap.st03 .pop-board-list li .desc span.point {
  color: #155CD6;
  font-weight: 600;
}
.pop_wrap.st03 .pop-board-list li .desc span.point::before {
  display: none;
}
.pop_wrap.st03 .pop-board-list li .desc span.point::after {
  width: 200%;
  min-width: 200px;
}
.pop_wrap.st03 .pop-board-list li .pubmed-link {
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 600;
  border: solid 1px #d4d4d4;
  color: #555;
  min-width: 130px;
}
.pop_wrap.st03 .pop-board-list li .pubmed-link:hover {
  background-color: #f5f5f9;
}


.pop_wrap.st03 .btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.pop_wrap.st03 .btn-box .btn {
  border-radius: 100px;
  padding: 12px;
  min-width: 148px;
  font-size: 16px;
}
.pop_wrap.st03 .btn-box .btn + .btn {
  margin-left: 20px;
}



.pop_wrap.st04 .pop_box {
  box-shadow: 0 10px 15px -3px rgba(46, 46, 46, 0.10), 0 4px 12px -2px rgba(46, 46, 46, 0.05);
  border: 0;
  padding: 0 20px;
  min-height: auto;
  border-radius: 12px;
}
.pop_wrap.st04 .pop_header {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #D8D9DF;
  text-align: center;
}
.pop_wrap.st04 .pop_title {
  font-size: 14px;
}
.pop_wrap.st04 .popup_body {
  padding: 20px 0;
}
.pop_wrap.st04 .popup_body p {
  color: #111;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}
.pop_wrap.st04 .pop_bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}
.pop_wrap.st04 .scroll-box {
  border: solid 1px #D8D9DF;
  border-radius: 12px;
  background-color: #fff;
  padding: 16px;
  font-size: 14px;
  margin-bottom: 0;
}
.pop_wrap.st04 .privacy-txt strong {
  display: block;
  margin-bottom: 4px;
} 
.pop_wrap.st04 .privacy-txt p {
  line-height: 1.25;
  text-align: left;
} 
.pop_wrap.st04 .pop_bottom .btn02 + .btn02 {
  margin-left: 8px;
}



@media (max-width: 1400px){
  .statistics_right_wrap {
    flex: unset;
  }

  .analysis_tool__img_box img {
    width: 180px;
    height: 180px;
  }
}


@media (max-width: 1200px){
  .input-example {
    display: none;
  }

  .statistics_left_wrap {
    margin-right: 20px;
  }
  .statistics_wrap .stats-count {
    padding: 0;
  }

  .analysis_tool_item {
    padding: 16px;
  }
  .analysis_tool__img_box {
    margin-right: 20px;
  }
  .analysis_tool__img_box img {
    width: 150px;
    height: 150px;
  }
}


@media (max-width: 1024px){
  .statistics_wrap {
    flex-direction: column;
  }
  .statistics_left_wrap {
    width: 100%;
    margin: 0 0 20px;
  }
  .statistics_wrap .stats-count .count-info p span {
    font-size: 32px;
  }
  .statistics_wrap .stats-count .count-info p {
    font-size: 20px;
  }

  .analysis_tool_item {
    flex-direction: column;
  }
  .analysis_tool__img_box {
    margin: 0 auto 20px;
  }

  .my_page__participation_wrap {
    flex-direction: column;
  }
  .participation_left_wrap {
    margin: 0 0 20px;
  }
}



/* media 768px start - 모바일 시작 */
@media (max-width: 768px){
  .m_off{
    display: none !important;
  }
  .m_on{
    display: block !important;
  }
  html{
    min-width: initial !important;
  }

  /* 메인 */
  .main-q-icon .n-icon-list ul li{
    width: 49%;
    height: auto;
  }
  .main-q-icon .n-icon-list ul li a{
    height: initial;
  }

  /* 모바일 용 가이드 팝업 없애기 */
  .mk_guide_fix_wrap{display: none !important;}

  /* 미리보기 테이블 */
  .preview_wrap{
    min-width: 100%;
    width: 100%;
  }
  .preview_wrap .tb-list th{
    display: table-cell;
  }
  .preview_wrap .tb-list td{
    display: table-cell;
  }


  .container.sub .sub_content .search-box,
  .list_add_box{
    margin-top: 90px;
  }
  .sub_tit{
    font-size: 18px;
  }
  .sub_tit_griup{
    margin: 30px 0px 12px 0px;
  }

  .list-group{
    width: 100%;
  }
  .select-group{
    width: 100%;
    flex: 0 0 auto;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .select-group.mr-40{
    margin-right: 0px !important;
  }

  .search_sub_box{
    padding: 0;
    margin: 10px 0;
  }
  .search_sub_box .btn_search_link{
    margin: 10px 0 0 0;
  }

  .search_sub_box ._text{
    flex: 0 0 100%;
    text-align: center;
  }
  .container.sub .sub_content .search-box .search_sub_box ._text{
    flex: 0 0 100%;
  }

  .sub_content .select-group{
    flex: 0 0 100%;
    margin-right: 0px;
  }
  .sub_content .check_select__list,
  .sub_content .check_select__scroll_row15{
    display: flex;
    flex-wrap: wrap;
    max-height: 70px;
  }
  .sub_content .check_select__scroll_row15 .check_select__item{
    margin-right: 10px;
  }


  .list_content_group{
    width: 100%;
  }
  .list_content_group+.view_num_group{
    display: none;
  }
  .list_group{
    min-width: initial;
    width: 100%;
    padding: 20px 20px 0px 20px;
  }
  .list_top{
    flex-direction: column;
    height: initial;
    align-items: flex-start;
  }
  .list_top__txt{
    display: none;
    margin-bottom: 5px;
  }
  .list_group_title{
    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;
    font-size: 16px;
  }



  .list_select_group{
    display: flex;
    width: 100%;
  }
  .list_select_group select{
    flex: 1 1 100%;
  }
  .list_select_group label{
    display: none;
  }




  .moon_list_radius_box .swiper{
    width: 90%;
  }
  .moon_list__text_box{
    margin-left: 0px;
  }
  .moon_list__item{
    flex-direction: column;
  }
  .moon_list__image_box{
    display: none;
  }
  .moon_list__item .list_group_button{
    position: relative;
  }
  .moon_list__text_box .list_group_text{
    font-size: 12px;
  }
  .moon_list__item .list_group_text.ellipsis4{
    max-height: initial;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }

  /* 오른쪽 메뉴 */
  .view_num_group{
    flex: none;
    margin-left: 0px;
  }
  .view_num_box{
    margin-top: 20px;
  }
  .view_num_box._sticky{
    position: initial;
  }
  .view_num_list__num{
    font-size: 18px;
  }


  /* 리스트 */
  .list_group_button{
    flex-direction: column;
    align-items: flex-start !important;
  }
  .list_group_button .line{
    min-width: initial;
    padding: 7px 20px;
    margin-left: 0px;
    margin-top: 10px;
    font-size: 12px;
  }
  .label_list{
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .label_type{
    min-width: 32px;
    margin-left: 0px;
    margin-right: 5px;
  }
  .list_group__item{
    margin-top: 0px;
  }
  .list_group__item:first-of-type{
    margin-top: 0px;
  }
  .list_group__item:first-of-type .list_group_content:first-of-type{
    padding-top: 0px;
  }


  .list_group.st02 .list_group_content .list_group_button {
    width: 100%;
  }
  .list_group.st02 .board_item {
    position: relative;
    top: unset;
    transform: unset;
    right: unset;
    margin-top: 10px;
    max-width: 100%;
    justify-content: center;
    height: 80px;
  }


  input[type=checkbox].chk_text + label{
    height: 16px;
  }

  .search-box .sch-group .sch-input{
    display: flex;
    flex-direction: column;
  }


  .search-box .sch-group .sch-input label{
    width: 100%;
    margin: 5px 0;
    padding: 3px 0 0 20px;
    display: block;
  }
  .search-box .sch-group .sch-input .btn-in{
    display: inline-block;
    width: 100%;
  }
  .search-box .sch-group .sch-input .btn-in span{
    display: inline-block;
    margin-left: 10px;
  }

  .search-box .sch-group .sch-input.w-50{
    width: 100% !important;
  }
  .tb-list td{
    padding: 5px;
  }
  .myPlace-home .search-box .sch-group .sch-input label{
    display: block;
  }
  .myPlace-home .search-box .sch-group{
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .myPlace-home .tb-list td a{
    white-space: wrap;
  }
  .myPlace-home .tb-list td{
    
  }

  .main-bg-wrap .stats-count .count-info{
    width: 100%;
  }

  /* 신규등록 */
  .radius_box{
    padding: 20px;
  }
  .sub-noti-write-wrap{
    width: 100%;
  }

  .sub_edit_page .radio_group__item{
    height: initial !important;
    padding-bottom: 20px;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: row;
  }
  .sub_edit_page .inline_form__item._flex{
    display: block !important;
  }
  .sub_edit_page .inline_form__item._flex .input_form__txt{
    line-height: 26px;
  }

  .radio_group__item{
    height: initial !important;
    padding-bottom: 20px;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }
  .radio_group__item:last-of-type{
    padding-bottom: 0px;
  }
  .radio_group__request_btn{
    position: static;
    margin-top: 10px;
    transform: none;
  }
  .form_center_box{
    width: 100%;
  }
  .input_form__head{
    justify-content: flex-start;
    flex: 0 0 auto;
  }
  .inline_form{
    flex-direction: column;
    align-items: flex-start;
  }
  .inline_form__item{
    margin-left: 0px;
  }
  .form_center_box{
    width: 100%;
  }
  .check_box{
    flex-direction: column;
    flex: 0 0 100%;
  }
  .check_box .check_box_dp1{
    flex: 0 0 auto;
    border-right: none;
    border-bottom: 1px solid #DBDBE7;
    padding: 10px;
  }
  .check_box .check_box_dp2{
    padding: 10px;
  }
  .check_select__item{
    padding: 0px;
  }



  /* 자체개발분석도구 */
  .analysis_tool_item{
    flex-direction: column;
    flex: 0 0 100%;
    margin-right: 0px;
    margin-bottom: 30px;
    padding: 20px;
  }


  .analysis_tool_list {
    width: 100%;
  }
  .analysis_tool__img_box img {
    width: 100%;
    height: 100%;
  }


  /* 상세페이지 */
  .sub-noti-view-wrap{
    flex-direction: column;
  }
  .view_user_group{
    margin-bottom: 0px;
  }
  .view_group{
    padding: 20px;
  }
  .view_title_item{
    flex-direction: column;
    align-items: flex-start;
  }
  .list_group_title{
    font-size: 16px;
  }
  .btn-in.line,
  .data-select__top button{
    min-width: initial;
    margin-top: 5px;
    padding: 5px 10px;
    font-size: 12px;
  }
  .introduce_ul_wrap{
    width: 100%;
  }
  .introduce_ul{
    flex-direction: column;
  }
  .introduce_ul li{
    margin-right: 0px;
  }
  .introduce_ul strong{
    min-width: 50px;
  }
  .introduce_interest_field{
    word-break: break-all;
  }
  .dl_box__head{
    padding: 16px;
  }
  .dl_box__body{
    padding: 20px;
    flex-direction: column;
  }
  .dl_box__body .img-wrap {
    width: 100%;
    margin-right: 0;
  }
  .dl_box__body .img-wrap .img-box {
    padding-bottom: 50%;
  }
  .dl_box__body .img-wrap + .file_upload {
    width: 100%;
    margin-top: 10px;
  }
  .add_list__item{
    padding: 0px;
  }
  .add_list__title{
    font-size: 14px;
  }
  .btn_download, .btn_preview{
    min-width: initial;
    width: 100%;
    max-width: 70px;
    margin-left: 0px;
    padding: 15px 10px;
    font-size: 0px;
    background-position: center !important;
  }
  .tb-view td{
    font-size: 14px;
  }
  .view_reply_input_wrap .btn_comment{
    min-width: initial;
    padding: 5px 18px;
    font-size: 14px;
  }
  .people_ul{
    padding: 0px 10px;
  }

  /* 마이플레이스 */
  .introduce_wrap{
    flex-direction: column;
    padding: 20px 20px 30px 20px;
    margin-top: 20px;
  }
  .introduce_title_wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .introduce_title{
    margin-bottom: 10px;
    font-size: 18px;
  }
  .data-select__top {
    position: relative;
  }
  .introduce_img_wrap + .introduce_txt_group {
    padding: 10px 0 0;
  }
  .introduce_txt_group {
    padding-left: 0px;
    padding-top: 0;
  }
  .data-select__top button{
    margin-left: 0px;
    margin-top: 5px;
  }
  .view_reply_input_wrap{
    flex-direction: column;
  }
  .view_reply_input_wrap .btn_comment{
    margin-left: 0px;
    margin-top: 20px;
  }

  /* 나의 관심분야 -키워드 */
  .tag_list.pl-180{
    padding-left: 0px;
  }

  /* dl list */
  .check_select__list{
    display: flex;
    flex-wrap: wrap;
  }
  .check_select__scroll_row15{
    max-height: 70px;
  }
  .check_select__item{
    margin-right: 10px;
    padding: 5px 0;
  }
  .check_select__item:last-of-type{
    margin-right: 0px;
  }

  /* 마이페이지 */
  .container.my{
    width: 100%;
  }
  .my-area-right.home{
    width: 100%;
  }
  .my_page__user_wrap{
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }
  .my_page__user_neme{
    font-size: 20px;
  }
  .my_page__user_date{
    flex: 0 0 auto;
    margin-top: 10px;
  }
  .my_page__participation_wrap{
    flex-direction: column;
  }
  .participation_left_wrap{
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .participation_title{
    display: flex;
    flex-direction: column;
  }
  .participation_txt{
    margin-left: 0px;
    margin-top: 10px;
  }
  .participatio__group{
    flex-wrap: wrap;
  }
  .participatio__item{
    margin-bottom: 10px;
  }
  .my_page__notice_wrap{
    flex-direction: column;
  }
  .notice_left_wrap,
  .notice_right_wrap{
    flex: 0 0 100%;
    width: 100%;
    padding: 20px;
  }
  .notice_left_wrap{
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .tb-scroll-x .viewBtn{
    margin-left: 0px;
  }

  .n-tab.myPlace-topMenu ol{
    flex-wrap: wrap;
  }
  .n-tab.myPlace-topMenu .tab_wrap li{
    margin: 5px;
  }
  .n-tab.myPlace-topMenu .tab_wrap li a{
    font-size: 12px;
  }
  .n-tab.myPlace-topMenu .tab_wrap .n-on a{
    border-bottom: 2px solid #7569CA;
    padding-bottom: 5px;
  }

  /* 등록페이지 */
  .input_form{
    flex-direction: column;
    margin-top: 20px;
  }
  .radio_group{
    flex-wrap: wrap;
  }
  .radio_group.radio_group_pb{
    flex-direction: column;
    padding-bottom: 0px;
  }

  /* 수정 페이지 */
  .category_box{
    flex-direction: column;
  }
  .tag_box .tag_list{
    margin-top: 10px;
  }
  .tag_box .tag_list.pl-60{
    padding-left: 0px !important;
  }
  .tag_list__item{
    min-width: 140px;
    height: 32px;
    margin-right: 10px;
  }
  .tag_list__item+.tag_list__item{
    margin-right: 10px;
  }
  .dl_box__body._list .form_center_box{
    padding-left: 0px;
  }


  /* 미리보기 */
  .preview_wrap{
    height: 600px;
  }


  /* 통계 - 모바일 */
  .statistics_wrap{
    display: block;
  }
  .by_select_wrap{
    display: block;
    margin-right: 0px;
    margin-bottom: 20px;
    width: 100%;
  }
  .statistics_wrap .stats-count{
    padding: 0px;
    flex-wrap: wrap;
  }
  .statistics_wrap .stats-count .count-info{
    width: 100%;
  }
  .statistics_left_wrap{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .statistics_left_wrap .view_num_list{
    display: flex;
    flex-wrap: wrap;
  }
  .statistics_left_wrap .view_num_list .view_num_list__item{
    width: 100%;
  }
  .statistics_left_wrap .view_num_box{
    width: 100%;
  }
  .statistics_right_wrap{
    flex: auto;
    width: 100%;
  }
  .statistics_right_wrap .by_select_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .statistics_right_wrap .by_select_wrap .by_select_box + .by_select {
    margin-left: 0;
  }
  .statistics_right_wrap .by_select{
    margin-bottom: 10px;
  }
  .statistics_right_wrap .by_select_wrap .by_select_box{
    width: 100%;
    margin-bottom: 12px;
  }
  .by_select__year+.by_select__year{
    margin-left: 10px;
  }
  .statistics_view_wrap{
    display: block;
    width: 100%;
  }
  .chart_wrap>div,
  .chart_wrap>p{
    width: 100%;
    height: auto;
  }
  .dl_box__body .n_tg_chart{
    padding: 0px;
  }


  /* 상세 */
  .add_list__sub{
    word-break: break-all;
  }


  /* 페이지네이션 */
  .pagenation > ul{
    margin: 0px;
    margin: 0px 5px;
  }
  .pagenation > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .paging li a {
    font-size: 12px;
  }
  /* .paging li:nth-child(n + 6):nth-child(-n + 10){
    display: none;
  } */
  .pagenation > a.btn-first,
  .pagenation > a.btn-prev,
  .pagenation > a.btn-next,
  .pagenation > a.btn-last{
    width: 30px;
    height: 30px;
  }



  /* swiper */
  .swiper-button-next,
  .swiper-button-prev{
    width: 45px !important;
    height: 45px !important;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after{
    background-size: cover;
  }


  .pop_wrap .e-box {
    padding: 0;
    margin-bottom: 30px;
  }
  .pop_wrap .e-box .tit h3 {
    font-size: 16px;
  }
  .pop_wrap .e-box .tit h3 span {
    display: block;
    margin-bottom: 5px;
  }
  .pop_wrap .e-box .cont .img-box {
    padding: 20px;
  }
  .pop_wrap .e-box .cont .txt-box {
    position: relative;
    bottom: 0;
    margin-top: 15px;
  }
  .pop_wrap .e-box .cont .txt-box::after {
    display: none;
  }
  .pop_wrap .e-box .cont .txt-box .tit p {
    font-size: 14px;
  }
  .pop_wrap .e-box .cont .txt-box .desc p {
    font-size: 14px;
  }
  .pop_wrap .e-box + .e-box {
    padding-top: 20px;
    margin-bottom: 50px;
}


.pop_wrap.st03 .pop_header {
  padding: 20px;
}
.pop_wrap.st03 .title_box {
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
}
.pop_wrap.st03 .title_box::after {
  width: calc(100% - 40px);
}
.pop_wrap.st03 .guide_tit h3 {
  font-size: 24px;
}
.pop_wrap.st03 .pd_wrap+.pd_wrap {
  padding: 20px;
}
.pop_wrap.st03 .guide_link_list {
  margin-top: 8px;
  flex-direction: column;
}
.pop_wrap.st03 .guide_link {
  padding: 8px 12px;
}
.pop_wrap.st03 .guide_link + .guide_link {
  margin: 4px 0 0 0;
}
.pop_wrap.st03 .label-cont li {
  font-size: 14px;
}
.pop_wrap.st03 .line-tit {
  flex-direction: column;
  align-items: flex-start;
}
.pop_wrap.st03 .line-tit span {
  font-size: 14px;
  padding: 0;
  margin: 8px 0 0;
}
.pop_wrap.st03 .line-tit span::before {
  display: none;
}
.pop_wrap.st03 .top-btn a {
  width: 40px;
  height: 40px;
  background-size: 16px;
}
.pop_wrap.st03 .border_tit p {
  font-size: 16px;
}
.pop_wrap.st03 .label-tit p {
  font-size: 14px;
}
.pop_wrap.st03 .label-cont .point-box li p {
  font-size: 14px;
}


.search-section .tag-box {
  display: none;
}
.search-wrap .search-sub {
  padding-top: 50px;
  flex-direction: column;
}
.search-wrap .search-sub a {
  margin: 5px 0 0;
}
.search-section .select-detail-cont {
  padding: 20px;
  top: -5px;
}
.search-section .select-detail-cont .select-cont {
  flex-direction: column;
}
.search-section .select-detail-cont .check-detail {
  width: 100% !important;
  flex-direction: column;
}
.search-section .select-detail-cont .check-detail + .check-detail {
  margin-top: 20px;
}
.search-section .select-detail-cont .check-detail .mcategory-box {
  display: flex;
}
.search-section .select-detail-cont .check-detail .mcategory-box li + li {
  margin: 0 0 0 8px;
}
.search-section .select-detail-cont .check-detail .check-cont {
  flex-direction: column;
}
.search-section .select-detail-cont .check-detail .radio-box {
  width: 100%;
}
.search-section .select-detail-cont .check-detail .radio-box ul {
  max-height: 120px;
  overflow-y: auto;
}
.search-section .select-detail-cont .check-detail .radio-box .check-detail {
  margin-top: 0;
}
.search-section .select-detail-cont .check-detail .check-box {
  width: 100%;
  margin: 10px 0 0;
}
.search-section .select-detail-cont .check-detail .check-box ul {
  max-height: 110px;
  overflow-y: auto;
}
.search-section .search-box.column {
  flex-direction: column;
}
.search-section .search-box.column .b-select {
  width: 100%;
  background-position-x: 95%;
}
.search-section .search-box.column .flex {
  width: 100%;
  margin-top: 10px;
}
.search-section .search-box select {
  height: 45px;
  min-width: 90px;
}
.search-section .search-box .search-tag {
  padding-left: 10px;
}
.search-section .search-box input {
  height: 45px;
  padding-right: 70px;
}
.search-section .search-box button {
  top: 5px;
  right: 5px;
  height: 35px;
  min-width: 60px;
  margin: 0;
}


.search-section .radio-btn-box {
  width: 100%;
  padding-right: 0;
}
.search-section .radio-btn-box .border-box ul {
  max-height: 150px;
}


.radio-btn-box + .btn-list-box {
  width: 100%;
  margin-top: 12px;
}
.radio-btn-box + .btn-list-box ul {
  max-height: 150px;
}


.search-wrap .search-add-btn {
  margin-top: 20px;
}
.search-wrap .search-add-btn a {
  height: 45px;
  font-size: 16px;
  width: 150px;
}
.search-section .detail-box {
  padding-top: 10px;
}
.search-section .detail-box .detail-btn {
  top: 0;
  position: relative;
}
.search-section .detail-box.active .detail-btn {
  height: 50px;
}


.search-wrap.st02 .search-section .search-box select {
  min-width: 90px;
}
.search-wrap.st02 .search-section .detail-box {
  padding-top: 12px;
}
.search-wrap.st02 .search-section .detail-box .detail-btn {
  top: 0;
}
.search-wrap.st02 .search-section .detail-box .s-inner ul {
  flex-wrap: wrap;
}
.search-wrap.st02 .search-section .detail-box .s-inner li {
  width: 100%;
}
.search-wrap.st02 .search-section .detail-box .s-inner li + li {
  margin-top: 20px;
}
.search-wrap.st02 .search-section .detail-box .s-inner li label {
  width: 100%;
  margin-bottom: 10px;
}
.search-wrap.st03 {
  margin-top: 20px;
}
.search-wrap.st03 .select-detail-cont .box {
  flex-direction: column;
  margin-bottom: 15px;
}
.search-wrap.st03 .select-detail-cont .cont {
  width: 100%;
  margin-top: 10px;
  flex-direction: column;
}
.search-wrap.st03 .select-detail-cont .cont .list.mb-h {
  border: solid 1px #d4d4d4;
  max-height: 200px;
  overflow-y: auto;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 0;
}
.search-wrap.st03 .select-detail-cont .cont .list > li {
  margin-bottom: 6px;
}
.search-wrap.st03 .select-detail-cont .cont .search-box {
  margin-right: 0;
}
.search-wrap.st03 .select-detail-cont .cont .search-box + .w-100 {
  margin-top: 4px;
}
.search-wrap.st03 .select-detail-cont .cont .search-box select {
  width: 100%;
  height: 40px;
  background-position: 95%;
}
.search-wrap.st03 .select-detail-cont .input-select input {
  height: 40px;
  padding-left: 28px;
  letter-spacing: -1.25px;
}
.search-wrap.st03 .select-detail-cont .input-select::before {
  top: 8px;
}
.search-wrap.st03 .select-detail-cont .tit p {
  margin-top: 0;
}
.search-wrap.st03 .select-detail-cont .tit a {
  padding: 10px;
  height: 28px;
  margin-top: 5px;
  max-width: 100%;
}

.search-wrap.st03 .select-detail-cont .cont .list .input-radio + label {
  font-size: 15px;
  padding: 5px 32px;
}
.search-wrap.st03 .select-detail-cont .search-box + .input-select {
  margin-top: 4px;
}
.search-wrap.st03 .select-detail-cont .btn-box {
  margin-top: 20px;
}
.search-wrap.st03 .select-detail-cont .cont .radio-btn-box {
  width: 100%;
  padding-right: 0;
}
.search-wrap.st03 .select-detail-cont .cont .radio-btn-box + .btn-list-box {
  width: 100%;
}


.search-btn {
  margin-top: 0;
  height: 35px;
}


.search-section .detail-box.inner {
  padding-top: 0;
}
.search-section .detail-box.inner .select-detail-cont {
  padding: 10px;
}
.search-section .detail-box.inner .select-detail-cont .tit p,
.search-section .detail-box.inner h4 {
  font-size: 14px;
}
.search-section .detail-box.inner .txt-btn {
  margin-top: 0;
  min-width: auto;
  padding: 10px;
  font-size: 12px;
}
.search-section .detail-box.inner .input-select::before {
  display: none;
}
.search-section .detail-box.inner .input-select input {
  padding: 0 80px 0 0;
}
.search-section .detail-box.inner .input-select input::placeholder {
  font-size: 12px;
}


.board-top {
  padding-left: 16px;
  flex-direction: column;
}
.board-top .total {
  font-size: 14px;
  margin-bottom: 8px;
  width: 100%;
}
.board-top .select-box {
  width: 100%;
}
.board-top .select-box li:first-child {
  margin: 0;
}
.board-top .select-box li select {
  min-width: 110px;
  height: 35px;
  line-height: 35px;
}
.board-list-wrap .board-list-box {
  padding: 20px;
}
.board-list-wrap .board-list-box .detail-cont {
  border: 0;
  padding-left: 0;
}
.board-list-wrap .board-list-box .detail-cont .desc-box {
  flex-direction: column;
}
.board-list-wrap .board-list-box .detail-cont .desc-box .img-box {
  padding-bottom: 40%;
  margin: 10px 0 0;
  width: 100%;
}
.board-list-wrap .board-list-box .detail-cont .desc-box .desc {
  -webkit-line-clamp: 3;
  font-size: 14px;
}


.board-list-wrap.st02 > ul {
  margin-bottom: -20px;
}
.board-list-wrap.st02 .board-list-box {
  width: 100%;
  margin-bottom: 20px;
}
.board-list-wrap.st02 .board-list-box .box,
.board-list-wrap .board-list-box > a {
  padding: 20px;
}
.board-list-wrap.st02 .board-list-box .box .txtimg {
  flex-direction: column-reverse;
}
.board-list-wrap.st02 .board-list-box .box .img-box {
  width: 100%;
  padding-bottom: 25%;
  margin-bottom: 12px;
}
.board-list-wrap.st02 .board-list-box .category {
  margin-bottom: 20px;
}
.board-list-wrap .board-list-box .tit h5 {
  font-size: 16px;
  min-height: auto;
}
.board-list-wrap.st02 .board-list-box .label-box {
  margin-top: 20px;
}


.board-table-wrap table th {
  font-size: 14px;
  padding: 20px 3px;
}
.board-table-wrap table td {
  font-size: 13px;
  padding: 15px 3px;
}
.board-table-wrap table td .pop-btn {
  font-size: 13px;
}


.pop_wrap.st02 .pop_body {
  padding: 60px 20px;
}
.pop_wrap.st02 .search-box {
  margin: 30px 0 20px !important;
}


.board-pager,
.board-pager.pagenation {
  margin-top: 30px;
}



.map-wrap .search-section {
  flex-direction: column;
}
.map-wrap #map {
  height: 300px;
}



.tab-menu-cont > ul {
  flex-direction: column;
}
.tab-menu-cont > ul > li {
  width: 100%;
}
.tab-menu-cont > ul > li + li {
  margin-top: 12px;
}
.tab-menu-cont > ul > li .tit {
  min-height: auto;
  margin-bottom: 4px;
}
.tab-menu-cont > ul > li .tit p {
  font-size: 14px;
}
.tab-menu-cont > ul > li .input-box {
  height: 40px;
}
.tab-menu-cont > ul > li .input-box::after {
  width: calc(100% - 2px);
}
.tab-menu-cont > ul > li .input-box p {
  padding: 12px 16px;
}
.tab-menu-cont .cont.active .input-box::after {
  background-color: #f5f5f5;
  height: 40px;
  border-radius: 4px;
}
.tab-menu-cont .radio-btn-box .border-box li {
  width: 100%;
}


.tab-menu-cont li.active .tab-content .cont {
  display: block;
}

.tab-content {
  margin-top: 0;
}
.tab-content .cont.active {
  flex-direction: column;
  display: none;
}

.point-txt {
  font-size: 12px;
}



.top-btn {
  right: 5%;
  bottom: 7%;
}

.popup_hd_closer {
  margin-top: 0;
}

.pop_wrap.st03 .pop_box {
  max-width: 90%;
  max-height: 90%;
}
.pop_wrap.st03 .inner {
  padding: 0;
}
.pop_wrap.st03 .cooperation-list {
  margin-bottom: 20px;
}
.pop_wrap.st03 .cooperation-list li {
  flex-direction: column;
}
.pop_wrap.st03 .cooperation-list li .txt {
  flex-direction: column;
  width: 100%;
}
.pop_wrap.st03 .cooperation-list li .txt p {
  font-size: 15px;
}
.pop_wrap.st03 .cooperation-list li .txt p::after {
  display: none;
}
.pop_wrap.st03 .cooperation-list li .txt strong {
  font-size: 16px;
  margin-top: 4px;
}
.pop_wrap.st03 .cooperation-list a {
  margin-top: 8px;
  flex-direction: column;
  width: 100%;
}
.pop_wrap.st03 .cooperation-list a p:last-child {
  margin: 4px 0 0;
  padding-left: 0;
}
.pop_wrap.st03 .cooperation-list a p:last-child::before {
  display: none;
}
.pop_wrap.st03 .search-box {
  margin-bottom: 20px;
}
.pop_wrap.st03 .board-top {
  padding-left: 0;
}
.pop_wrap.st03 .pop-board-list li {
  padding: 10px;
}
.pop_wrap.st03 .pop-board-list li .tit p {
  line-height: 1.25;
}
.pop_wrap.st03 .pop-board-list li .txt {
  flex-direction: column;
  margin-top: 8px;
}
.pop_wrap.st03 .pop-board-list li .txt .desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: right;
}
.pop_wrap.st03 .pop-board-list li .desc span {
  margin-right: 0;
  padding-right: 0;
}
.pop_wrap.st03 .pop-board-list li .desc span + span {
  margin-top: 4px;
}
.pop_wrap.st03 .pop-board-list li .desc span::before {
  display: none;
}
.pop_wrap.st03 .pop-board-list li .desc span.point::after {
  width: 100%;
}
.pop_wrap.st03 .pop-board-list li .pubmed-link {
  padding: 8px 16px;
  font-size: 13px;
  margin-top: 8px;
  margin-left: auto;
  min-width: auto;
}

  .participatio__item {
    width: 17%;
  }

} /* media 768px end */



/* html{
  min-width: 1500px;
} */



/* 2024.02.07 */
nav .gnb > ul > li > a._active{
  color: #7569CA;
}
nav .gnb > ul > li > a._active::after{
  width: 100%;
  left: 0;
}
header.active .gnb > ul > li > a._active{
  color: #fff;
}
header.active h1.logo a{
  background: url("../../resources/image/n-logo2.svg") center center/contain no-repeat;
}
.sub-visual-wrap .visual-area.sub-03{
  background-image: url("../image/bg/bg-visual-sub-03.png");
}


/* 2024.02.08 */
.keyword_wrap{
  display: flex;
}
.keyword_wrap input.w85p{
  width: 85%;
}
.btn_keyword{
  min-width: 120px;
  height: 35px;
  padding: 5px 10px;
  line-height: 1;
}

/* 2024.02.15 */
.mk_header_wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background-color: #fff;
}
.mk_header_wrap > ul{
  margin: 0px;
}
.mk_header_wrap .logo{
  padding-left: 30px;
}
.mk_header_wrap .logo a{
  display: block;
  width: 137px;
  height: 60px;
  background: url("/resources/image/n-logo.svg") center center / contain no-repeat;
}

.mk_wrap .con-wrap{
  margin-top: 60px;
}


.modal-backdrop{
  display: none;
}
.modal-backdrop.show{
  display: block;
}
.modal.show{
  display: flex;
  align-items: center;
  justify-content: center;
}


.mk_guide_fix_wrap{
  position: fixed;
  bottom: 60px;
  right: 0px;
  z-index: 100;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}
.btn_fix{
  display: flex;
  width: 100px;
  height: 60px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 10px 0 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}
.btn_fix:hover{
  width: 120px;
}

.btn_fix._type01{
  background-color: #111;
}
.btn_fix._type02{
  background-color: #E0670E;
}





.btn_fix_100{
  position: fixed;
  bottom: 100px;
  right: 40px;

  min-width: initial;
  width: 50px;
  min-height: initial;
  height: 50px;
  margin-left: 0px;
  border-radius: 50%;

  font-size: 10px;
  color: #fff;
  background-color: #111;
  line-height: 1;
  z-index: 100;
}

.mk_guide_wrap{
  position: fixed;
  bottom: 125px;
  right: 5px;
  display: none;
}
.mk_guide_wrap.show{
  display: block;
}
.mk_guide_ul{
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 10px;
  background-color: #111;
}
.btn__guide{
  min-width: initial;
  min-height: initial;
  width: 100%;
  margin-left: 0px;
  background-color: transparent;
  font-size: 14px;
}




/* 가이드 팝업 */
.popup-open{
  overflow: hidden;
}
.pop_wrap{
  background-color: rgba(0,0,0,0.6);
}
.pop_header{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DBDBE7;
  border-radius: 8px 8px 0px 0px;
  background-color: #DBDBE7;
}
.pop_title{
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.popup_hd_closer{
  position: absolute;
  right: 10px;
  top: 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  min-width: initial;
  width: 40px;
  min-height: initial;
  height: 40px;
  margin-left: 0px;
  border-radius: 50%;
  padding: 10px;

  color: transparent;
  font-size: 30px;
  line-height: 1;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 20;
}
.popup_hd_closer:hover{
  background-color: #f0f2f6;
}
.popup_hd_closer::before{
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../../resources/image/btn/btn-pop-close.svg") center no-repeat;
  background-size: cover;
}

.pop_body.p0{
  padding: 0px;
}
.pop_content_wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pop_scroll{
  max-height: 740px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1900px){
  .pop_scroll{
    max-height: 600px;
  }
}

.pd_wrap{
  padding: 30px;
}
.pd_wrap img{
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 20px;
}
.pd_wrap+.pd_wrap{
  border-top: 1px solid #ECEBF2;
}
.guide_title{
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.guide_txt{
  margin-top: 12px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}

.guide_ul_title{
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px; /* 200% */
  letter-spacing: -0.36px;
}
.guide_ul_wrap{
  margin-top: 14px;
  padding-left: 34px;
}
.guide_ul_item{
  margin-top: 16px;
}
.guide_ul_item:first-of-type{
  margin-top: 0px;
}
.guide_ul_dot_wrap{
  padding-left: 25px;
}
.guide_ul_dot_item{
  position: relative;
  /* display: flex;
  align-items: flex-start; */
}
.guide_ul_dot_item::before{
  content: "";
  position: absolute;
  top: 17px;
  left: -15px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #333;
}
.guide_ul_item__title{
  min-width: 70px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.32px;
}
.guide_ul_item__txt{
  margin-left: 4px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.32px;
}
.pd_wrap .view-file{
  padding: 15px;
}
.pd_wrap .file-group{
  margin-bottom: 0px;
}
.pd_wrap .file-group{
  display: flex;
  align-items: center;
}
.pd_wrap .file__link{
  display: inline-block;
  width: 100%;
}

.file_link_group{
  margin: 5px 0;
}
.file_link_group__item{
  font-size: 14px;
  line-height: 1.425;
}
.file_link{
  color: #0E66FC;
}


.guide_link_list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.guide_link{
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  border-radius: 8px;
  border: 1px solid #746CC6;
  padding: 8px 16px;
  color: #6457B9;
  font-size: 14px;
  line-height: 16px; /* 114.286% */
  background: #F8F8FB;
  transition: 0.5s;
}
.guide_link::before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url("../image/bg/ic_clip.svg") no-repeat center;
  transition: 0.5s;
}
.guide_link:hover{
  color: #fff;
  background-color: #746CC6;
}
.guide_link:hover::before{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background: url("../image/bg/ic_clip_white.svg") no-repeat center;
}

.guide_ul_num_title{
  display: flex;
  align-items: center;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px; /* 200% */
  letter-spacing: -0.36px;
}
.guide_ul_num_title__num{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 6px;
  background: #F33859;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px; /* 100% */
  letter-spacing: -0.28px;
}
.guide_ul_num_title__txt{
  line-height: 1;
}
.guide_index_ol_list_wrap{

}
.guide_index_ol_list_item{
  margin: 40px 0px;
}
.guide_index_ol_list_item:first-of-type{
  margin-top: 0px;
}
.guide_index_ol_list_item:last-of-type{
  margin-bottom: 0px;
}
.guide_img_box{
  margin-top: 20px;
}

.preview_wrap{
  width: inherit;
  overflow: auto !important;
  max-width: 900px;
}
.preview_table{
  width: 100%;
  table-layout: auto;
  overflow: auto;
}
.preview_table th{
  white-space: nowrap !important; 
}




#OTP_popup .pop_box {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 10px 15px -3px rgba(46, 46, 46, 0.10), 0px 4px 12px -2px rgba(46, 46, 46, 0.05);
}
#OTP_popup .pop_header {
  background-color: #F4F6FB;
  border-bottom: solid 1px #e0e0e0;
}

.otp_main {
  padding: 40px;
  text-align: center;
}
.otp_title {
  font-size: 36px;
  color: #091152;
  font-weight: 800;
  margin-bottom: 20px;
}
.otp_info_txt {
  font-size: 20px;
  color: #313131;
  line-height: 1.4;
  font-weight: 700;
  z-index: 1;
  position: relative;
}
.otp_info_txt span {
  color: #007F33;
  position: relative;
}
.otp_info_txt span::after {
  content: '';
  background-color: #D7D5EE;
  border-radius: 100px;
  width: 110%;
  height: 15px;
  position: absolute;
  left: 50%;
  z-index: -1;
  bottom: -2px;
  transform: translateX(-50%);
}
.otp_qr_box {
  border-top: solid 1px #E0E0E0;
  margin-top: 40px;
  padding: 40px 0;
}

.otp_btn {
  position: relative;
}
.otp_btn .btn_pin_input {
  border: solid 1px #E0E0E0;
  border-radius: 100px;
  height: 64px;
  padding: 8px 160px 8px 32px;
  font-size: 16px;
  color: #191919;
}
.otp_btn .btn_pin_input::placeholder {
  color: #555;
}
.otp_btn .btn_otp {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 148px;
  height: 48px;
  right: 8px;
  border-radius: 100px;
  background-color: #00A34B;
  font-weight: 600;
}




.mypage-id ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.mypage-id .list {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
}
.mypage-id .list .mp-box {
  padding: 20px;
  box-shadow: 0px 4px 6px -1px rgba(46, 46, 46, 0.10), 0px 2px 4px -1px rgba(46, 46, 46, 0.06);
  background-color: #fbfbfd;
}
.mypage-id .list .tit {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #E0E0E0;
}
.mypage-id .list .tit span {
  color: #00A34B;
  font-size: 14px;
  font-weight: 600;
}
.mypage-id .list .tit p {
  margin-top: 4px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}
.mypage-id .list .btn-box {
  display: flex;
  flex-direction: column;
}
.mypage-id .list .btn-box li {
  display: flex;
  align-items: center;
}
.mypage-id .list .btn-box li + li {
  margin-top: 12px;
}
.mypage-id .list .btn-box .delete_btn {
  margin-left: 8px;
  font-size: 14px;
  background-color: #B50000;
  color: #fff;
  min-width: 45px;
  height: 40px;
  padding: 0;
  font-weight: 500;
}
.mypage-id .list .btn-box .renewal_btn {
  margin-left: 8px;
  font-size: 14px;
  background-color: #2B273D;
  color: #fff;
  min-width: 45px;
  height: 40px;
  padding: 0;
  font-weight: 500;
}
.mypage-id .list .btn-box .mp-btn {
  width: 100%;
  padding: 0 20px;
  border-radius: 100px;
  height: 52px;
  text-align: left;
  border: solid 1px #B3AFDF;
  display: flex;
  align-items: center;
  transition: 0.3s;
  margin: 0;
  background: url('../image/icon/ico-arrow-right-black.svg') no-repeat 97% 50% #fff;
}
.mypage-id .list .btn-box .mp-btn p {
  color: #00A34B;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
}
.mypage-id .jupyter_time {
  display: flex;
  align-items: center;
}
.mypage-id .jupyter_time span {
  background-color: #E1E7F1;
  padding: 4px 12px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  margin-left: 12px;
}
.mypage-id .jupyter_time span.gpu {
  color: #fff;
  background-color: #00A34B;
  border: 1px solid rgba(255, 255, 255, 0.20);
}
.mypage-id .jupyter_time span.cpu {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.20);
  background-color: #1C96A8;
}
.mypage-desc {
  border: dashed 1px #B3AFDF;
  background-color: #F4F6FB;
  border-radius: 4px;
  padding: 8px 8px 8px 20px;
  margin-top: 8px;
  margin-bottom: 20px;
}
.mypage-desc p {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}
.mypage-desc p + .title {
  margin-top: 8px;
}
.mypage-desc b {
  color: #b50000;
  font-weight: 700;
}
.mypage-desc .title {
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  margin-bottom: 4px;
}
.mypage-desc .title::before {
  content: '*';
  position: absolute;
  color: #B50000;
  font-size: 13px;
  top: 2px;
  left: -9px;
}

.mypage-id .list .btn-box .mp-btn:hover {
  background-color: #007F33;
  border-color: #007F33;
  background-image: url('../image/icon/ico-arrow-right-white.svg');
}
.mypage-id .list .btn-box .mp-btn:hover p {
  color: #fff;
}

.mypage-id .list .btn-box .mp-btn:disabled {
  background-color: #D4D4D4;
  border-color: #D4D4D4;
  background-image: url('../image/icon/ico-arrow-right-gray.svg');
  cursor: default;
}
.mypage-id .list .btn-box .mp-btn:disabled p {
  color: #555;
}




.gpucpu-box {
  padding: 20px;
}
.gpucpu-box ul {
  display: flex;
  margin: 0 -10px;
}
.gpucpu-box li {
  flex: 1;
  padding: 0 10px;
}
.gpucpu-box li .btn {
  height: 108px;
  width: 100%;
  margin: 0;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  transition: 0.3s;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}
.gpucpu-box li .btn.gpu-btn {
  background: #00A34B;
}
.gpucpu-box li .btn.gpu-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #00A34B;
}
.gpucpu-box li .btn.cpu-btn {
  background: #1C96A8;
}
.gpucpu-box li .btn.cpu-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1C96A8;
}
.gpucpu-box li .btn.disabled, .gpucpu-box li .btn.disabled:hover {
  background: #D4D4D4;
  cursor: default;
  box-shadow: none;
}.gpucpu-box li .btn.disabled .num {
  color: #555;
}
.gpucpu-box li .btn .desc {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  background-color: #fff;
  border-radius: 100px;
  padding: 4px 12px;
  bottom: 12px;
  right: 12px;
  display: flex;
  align-items: center;
}
.gpucpu-box li .btn .txt {
  color: #555;
}
.gpucpu-box li .btn .num {
  font-size: 14px;
  color: #007F33;
  font-weight: 600;
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
}
.gpucpu-box li .btn .num::before {
  content: '';
  width: 1px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.20);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.gpucpu-box .desc {
  margin-top: 20px;
  background-color: #F4F6FB;
  border: dashed 1px #B3AFDF;
  border-radius: 4px;
  padding: 8px;
}
.gpucpu-box .desc p {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  line-height: 1.4;
  padding-left: 10px;
}
.gpucpu-box .desc p::before {
  content: '*';
  font-size: 13px;
  font-weight: 500;
  color: #B50000;
  position: relative;
  top: 3px;
}
.gpucpu-box .desc p + p {
  margin-top: 8px;
}
.gpucpu-box .desc b {
  color: #B50000;
  font-weight: 700;
}


.lottie-pop-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 30px;
}
.lottie-pop-cont #lottie-pop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lottie-pop-cont #lottie-pop p {
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.4;
  color: #111;
  letter-spacing: -0.4px;
}
.lottie-pop-cont #lottie-pop p + p {
  margin-top: 12px;
}
.lottie-pop-cont #lottie-pop p b {
  color: #B50000;
  font-weight: 700;
}


.jupyterDelfail-cont {
  padding-top: 28px;
  text-align: center;
  font-size: 14px;
  color: #313131;
  line-height: 1.4;
}
.jupyterDelfail-cont b {
  font-weight: 700;
}
.jupyterDelfail-cont .btn-box .btn {
  border-radius: 100px;
  background-color: #00A34B;
  font-size: 14px;
  padding: 10px 24px;
  display: inline-flex;
  margin-top: 32px;
}



@media (max-width: 768px) {
  .otp_main {
    padding: 40px 20px;
  }
  .otp_title {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .otp_info_txt {
    font-size: 16px;
  }
  .otp_qr_box {
    padding: 20px 0;
  }
  .otp_qr__item {
    width: 60%;
    margin: 0 auto;
  }
  .otp_qr__item img {
    max-width: 100%;
  }
  .otp_btn .btn_pin_input {
    height: 50px;
    padding: 8px 120px 8px 8px;
  }
  .otp_btn .btn_otp {
    width: 100px;
    height: 36px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
  }



  .mypage-id .list {
    width: 100%;
  }
  .mypage-id .list .btn-box .mp-btn {
    height: 45px;
  }
  .mypage-id .list .btn-box .mp-btn p {
    font-size: 15px;
  }
  .mypage-id .jupyter_time span {
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 4px;
  }

  .mypage-id .list .btn-box .delete_btn,
  .mypage-id .list .btn-box .renewal_btn {
    min-width: 40px;
    height: 35px;
    margin-left: 4px;
  }
}