article.point-search-section { padding: 80px 0 0 0;}
.point-search-section .section-title  { text-align: center;}
.point-search-section .section-title .label { display: block;}





.result-type-select ul { display: flex; justify-content: center; overflow: hidden; border-bottom: 1px solid var(--line-color); gap: 30px;}
.result-type-select ul li a { padding: 12px 30px; display: block; font-weight: 600; letter-spacing: 0; position: relative; font-size: 2.4rem; text-align: center; color: #A2A6B0; font-family: 'nixgonfonts';}
.result-type-select ul li.select a { color: #3000BA; font-weight: 800;}
.result-type-select ul li.select a:after { position: absolute; content: '' ; width: 100%; left: 0; bottom: 0; height: 4px; background: #3000BA;}
.result-type-select ul li.no-data a { color: #b2b2b2; cursor: no-drop;}

.result-type-select.paper ul li.select a { color: #00BA13;}
.result-type-select.paper ul li.select a:after {background: #00BA13;}
.result-type-select.software ul li.select a { color: #BA0000;}
.result-type-select.software ul li.select a:after {background: #BA0000;}



.list-wrap { display: flex; flex-wrap: wrap; grid-gap: 30px; gap: 30px; padding-top: 20px;}
.list-wrap .box {flex-basis: calc(33% - 16px); position: relative; padding: 35px 40px 30px; background: #F6F3FF; border: 1px solid #D7CFEC; border-radius: 10px; }
.list-wrap .box.sky { background: #EDF8FF; border: 1px solid #C1DFF0;}
.list-wrap .box.blue { background: #EEF3FF; border: 1px solid #D2DDF8;}
.list-wrap .box.yellow { background: #FFFAEF; border: 1px solid #E9DAC4;}
.list-wrap .box.pink { background: #FFF3F8; border: 1px solid #F2CADA;}
.list-wrap .box.red { background: #FFEEEF; border: 1px solid #FFCACC;}


.list-wrap .box .box-tit-area { display: flex; justify-content: space-between;}
.list-wrap .box .box-tit-area .box-tit { font-size: 3.6rem; font-weight: 600; font-family: 'nixgonfonts'; }
.list-wrap .box .box-tit-area .box-icon { width: 50px; height: auto; z-index: 9999;}
.list-wrap .box .box-tit-area .circle { position: absolute; padding: 25px; background: #fff; right: 30px; border-radius: 30px; top: 40px;}
.list-wrap .box .box-content-area { padding-bottom: 28px;}
.list-wrap .box .box-content-area .box-content { font-size: 1.8rem; font-weight: 400; color: #444444;}
.list-wrap .box .box-content-area .box-content.ellipsis {   overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }
.list-wrap .box .box-content-area .box-content span { font-weight: 800;}
.list-wrap .box .box-btn { display: flex; gap: 10px; opacity: 0.5; font-size: 1.5rem; font-weight: 500; cursor: pointer;}


.list-wrap .box.research {  position: relative; padding: 40px 40px 30px 40px; background: #ffffff; border: 4px solid #D9E0EA; border-radius: 15px; text-align: center;}
.list-wrap.paper .box.research .box-tit-area .sub-tit { color: #00BA13;}
.list-wrap.software .box.research .box-tit-area .sub-tit { color: #BA0000;}
.list-wrap .box.research .box-tit-area  { display: block;}
.list-wrap .box.research .box-tit-area .sub-tit { font-size: 1.7rem; font-weight: 400; font-family: 'nixgonfonts'; color: #3000BA; padding-bottom: 15px;}
.list-wrap .box.research .box-tit-area .sub-tit span { font-weight: 600; }
.list-wrap .box.research .box-tit-area .box-tit { font-size: 2.1rem; font-weight: 600; padding-bottom: 20px; font-family: 'Noto Sans KR';}
.list-wrap .box.research .box-content-area { padding-bottom: 25px; }
.list-wrap .box.research .box-content-area .box-content {position: relative; text-align: left; font-size: 1.6rem; font-weight: 400; letter-spacing: -1px; color: #404040; line-height: 1.6;}
.list-wrap .box.research .box-content-area .box-content.ellipsis { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: keep-all; }
.list-wrap .box.research .box-content-area .box-content .content-circle { position: absolute; padding: 2px; background: #404040; top: 10px; left: -14px; border-radius: 30px;}
.list-wrap .box.research .box-btn { color: #6c6c6c; opacity: 1; position: relative; justify-content: center; }











@media (max-width: 1380px) {
  article.point-search-section { padding: 60px 30px 0 30px; }
  .list-wrap { gap: 10px; grid-gap: 10px;}
  .list-wrap .box { flex-basis: 48%;}
}

@media (max-width: 810px) {

  .result-type-select ul li a { font-size: 1.9rem;}

  .list-wrap .box { flex-basis: calc(50% - 15px); padding: 25px 30px 25px; }
  .list-wrap .box .box-tit-area .box-tit { font-size: 2.4rem;}
  .list-wrap .box .box-content-area .box-content { font-size: 1.5rem;}
  .list-wrap .box .box-tit-area .box-icon {width: 40px;}
  .list-wrap .box .box-tit-area .circle { padding: 20px; right: 34px;}
  .list-wrap .box .box-btn { font-size: 1.3rem;}

  .list-wrap .box.research { padding: 30px 35px 30px 35px;}
  .list-wrap .box.research .box-tit-area .box-tit { font-size: 1.8rem;}
  .list-wrap .box.research .box-tit-area .sub-tit { font-size: 1.5rem;}
  .list-wrap .box.research .box-content-area .box-content { font-size: 1.4rem;}
  
}

@media (max-width: 768px) {
  .section-title .title .tit { font-size: 2.2rem; }
}

@media (max-width: 688px) { 

  .result-type-select ul li a { font-size: 1.7rem; padding: 12px 25px;}
  .result-type-select ul li.select .tab:after { height: 3px;}


  .list-wrap .box .box-tit-area .box-icon { display: none;}
  .list-wrap .box .box-tit-area .circle { display: none;}

  
}


@media (max-width: 600px) {
  .list-wrap .box { flex-basis: calc(50% - 15px);}
  .list-wrap .box.research { flex-basis: 100%;}
  .list-wrap .box .box-tit-area .box-tit { font-size: 1.8rem;}
  .list-wrap .box .box-content-area .box-content { font-size: 1.3rem;}
}

@media (max-width: 410px) {
  .result-type-select ul li a { font-size: 1.7rem; padding: 12px 5px;}
}