article.point-search-section { padding: 80px 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: 35px; height: auto; z-index: 9999;}
.list-wrap .box .box-tit-area .circle { position: absolute; padding: 35px; background: #fff; right: 22px; border-radius: 50px; top: 20px;}
.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; }
.list-wrap .box.research .box-btn:hover { text-decoration: underline; }




/* 기능 */
.function { display: block; }
.function .func-group { display: flex; gap: 20px; flex-wrap: wrap; }
.function .func-group:not(:last-child) { margin-bottom: 40px;}
.function .func-group .func-title { width: 100%; font-size: 2rem; background: #f0f0f0; padding: 10px 0; border-radius: 20px 20px 0 0; text-align: center; border:1px solid #ddd; }
.function .func-group .func-title strong { font-weight: 600; }
.function .func-group.func1 .func-title { background: #F6F3FF; border-color: #D7CFEC;}
.function .func-group.func2 .func-title { background: #FFFAEF; border-color: #E9DAC4;}
.function .func-group.func3 .func-title { background: #EDF8FF; border-color: #C1DFF0;}
.function .func-group.func4 .func-title { background: #FFF3F8; border-color: #F2CADA;}

.function .func-group .cont-item { flex: 0 1 calc(33% - 15px); position: relative; padding: 25px; border-radius: 10px; background: #fff; border: 1px solid #3000BA; transition: background 0.2s;}
.function .func-group .cont-item .tit { font-size: 1.9rem; font-weight: 700; padding: 10px 0 5px;}
.function .func-group .cont-item .txt { font-size: 1.5rem; font-weight: 300; }
.function .func-group .cont-item .label { padding: 3px 15px; background: #eee; border-radius: 30px; display: inline-block; font-weight: 500; }
.function .func-group .cont-item .type1 { color: #376FFF; background: #EAF0FF;}
.function .func-group .cont-item .type2 { color: #00AB6D; background: #E5F9F2;}
.function .func-group .cont-item .type3 { color: #D038B8; background: #FFEBFC;}
.function .func-group .cont-item .more-btn { position: absolute; top: 20px; right: 20px;}
.function .func-group .cont-item .more-btn .icon { display: block; width: 40px; height: 40px;}
.function .func-group .cont-item .more-btn .icon.icon-b { display: block;}
.function .func-group .cont-item .more-btn .icon.icon-w { display: none;}
.function .func-group .cont-item:hover { background: #3000BA;}
.function .func-group .cont-item:hover .label { background: rgba(255, 255, 255, 0.2); color: #fff;}
.function .func-group .cont-item:hover .txt,
.function .func-group .cont-item:hover .tit { color: #fff;}
.function .func-group .cont-item:hover .more-btn .icon { display: block; }
.function .func-group .cont-item:hover .more-btn .icon.icon-b { display: none; }
.function .func-group .cont-item:hover .more-btn .icon.icon-w { display: block; }

@media (max-width: 1920px) {
  .function .func-group:not(:last-child) { margin-bottom: 30px; }
  .function .func-group .func-title { padding: 6px 0; }
  .function .func-group .cont-item .tit { font-size: 1.7rem; }
  .function .func-group .cont-item .txt { font-size: 1.4rem; }
  .function .func-group .cont-item .more-btn .icon { width: 35px; height: 35px; }
}
@media (max-width: 1250px) {
  .function .func-group .cont-item { flex: 0 1 calc(33% - 11px); padding: 20px; }
  .function .func-group .cont-item .top { font-size: 1.1rem; letter-spacing: -1px; gap: 10px; }
  .function .func-group .cont-item .top .label { padding: 3px 10px; }
  .function .func-group .cont-item .tit { font-size: 1.6rem;}
  .function .func-group .cont-item .more-btn .icon { width: 25px; height: 25px; }
}
@media (max-width: 768px) {
  .function .func-group { gap: 10px 6px;}
  .function .func-group .cont-item { flex: 0 1 calc(50% - 3px); padding: 15px; border-radius: 7px; }
  .function .func-group .cont-item .label { text-align: center; font-size: 1.1rem; padding: 0 15px; }
  .function .func-group .cont-item .tit { font-size: 1.4rem; padding-top: 12px; }
  .function .func-group .cont-item .txt { font-size: 1.2rem; }
  .function .func-group .cont-item .more-btn { top: 8px; right: 7px; }
}
@media (max-width: 475px) {
  .function .func-group .cont-item { padding: 12px; }
  .function .func-group .func-title { font-size: 1.7rem; }
  .function .func-group .cont-item .label { text-align: center; font-size: 1.1rem; padding: 0 10px; }
}





@media (max-width: 1380px) {
  article.point-search-section { padding: 60px 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% - 5px); padding: 15px; }
  .list-wrap .box.research { flex-basis: 100%;}
  .list-wrap .box.research .box-tit-area .box-tit { padding-bottom: 10px;}
  .list-wrap .box .box-tit-area .box-tit { font-size: 2rem;}
  .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;}
}