@charset "UTF-8";
/* ==========================================================================
 * Search CSS
========================================================================== */

/* 검색 결과 하이라이팅 */
body .contents em, #rcmdResult ul li a strong, a.gs-title b {
    color: #003378;
    font-weight: 700;
}
body .contents em.news{
    color: #d2814e
}

/*20240905 교구소개 상세보기 css 추가 - 레피아*/
.homepage {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    height: 20px;
    background: url(../assets/images/btn_link.png) no-repeat space;
    margin-left: 5px;
}

.search-popular > .title {font-size: 18px; letter-spacing: -0.5px; color: #000000; font-family: "Noto Medium"; margin-bottom: 15px;}
.search-popular-tab {padding-right: 20px; margin-bottom: 70px;}
.search-popular-tab ul li {float: left; width: 33.3%;}
.search-popular-tab ul li button {display: block; width: 100%; font-size: 14px; letter-spacing: -0.5px; color: #333333; font-family: "Noto DemiLight"; background: #F6F8FA; border: 1px solid #DDDDDD; border-left: 0; height: 35px; line-height: 35px; text-align: center;}
.search-popular-tab ul li:first-child button {border-left: 1px solid #ddd;}
.search-popular-tab ul li.on button {background: #fff; }

.search-popular-content ul li {margin-bottom: 7px; font-size: 16px; line-height: 20px; letter-spacing: -0.5px; font-family: "Noto DemiLight;"; color: #666666;}
.search-popular-content ul li a {display: inline-block; vertical-align: middle; line-height: 20px;}
.search-popular-content ul li .rank {display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 3px; text-align: center; line-height: 20px; font-size: 12px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Regular"; margin-right: 10px; background: #AEB9C2;}
.search-popular-content ul li.top-rank .rank {background: #252D3B;}

.search-popular-content .search-popular-inner {display: none;}
.search-popular-content .search-popular-inner.on {display: block;}

.search-main-inner .nodata {display: table; width: 100%; background: #F7F7F7 url("../assets/images/search_banner.png") no-repeat 35px center; padding-left: 200px; box-sizing: border-box;}
.search-main-inner .nodata .nodata-inner {display: table-cell; width: 100%; height: 250px; vertical-align: middle; padding: 0 30px;}
.search-main-inner .nodata .nodata-inner .title {font-size: 24px; line-height: 40px; letter-spacing: -0.5px; color: #000; font-family: "Noto Medium"; margin-bottom: 20px;}
.search-main-inner .nodata .nodata-inner .title span {font-family: "Noto Medium"; color: #2c6abe;}
.search-main-inner .nodata .nodata-inner .info {font-size: 18px; line-height: 30px; letter-spacing: -0.5px; color: #333333; word-break: keep-all;}
.search-main-inner .nodata .nodata-inner .info span {color: #2c6abe;}

.show {
  display: block;
}

.contents .line .img-list li .text .c-cts-icon {position:absolute; top:11; left:0; border:0; padding: 6px 5px 6px 22px; font-size:12px; font-weight: 600; }
.contents .line .img-list li .text .c-cts-icon.icon-blog {background: url("../images/sns_blog.png")no-repeat center;font-size: 0;width: 22px;height: 26px;background-size: 20px;}

.contents .img-list > li .text img.icon { width:20px; margin-top:4px; margin-right:4px }
.contents .img-list > li .text strong.sns { display:inline }

.contents .line .img-list-box {padding:10px 2.0%; display:flex}
.contents .line .img-list-box .img-list-box-item {display:flex; width:100%; flex-wrap:wrap; }
.contents .line .img-list-box .img-list-box-item > li {margin-bottom:10px; margin-right:5px; width: calc(100% / 4 - 5px)}
.contents .line .img-list-box .img-list-box-item > li > a {display:block}
.contents .line .img-list-box .img-list-box-item > li > a > div {width:100%; aspect-ratio:1.5; overflow: hidden}
.contents .line .img-list-box .img-list-box-item > li > a > div > img {max-width:100%; min-width:100%}
.contents .line .img-list-box .img-list-box-item > li > a strong {font-size:18px; color:#111; font-family:'Noto Regular'; font-weight:normal; display:block; margin-top:8px; margin-bottom:10px;}

/*
.gsc-positioningWrapper{display: none !important;}
.gsc-cursor-box {display: none !important; }
.gsc-above-wrapper-area{display: none !important; }
.gsc-result:nth-child(n+6) {display: none !important; }
*/

.bestcnList {border-top: 1px solid #cdcdcd;}

#bestcnTitleH2 {
    color: #003378;
    font-size: 17px;
    font-family: 'Noto Medium';
    display: block;
    margin-bottom: 20px;
    letter-spacing: -.5px;
    font-weight: normal;
}

#bestcnServiceList {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
    font-family: "Noto DemiLight;";
    color: #666666;
}

#bestcnServiceList li span {
	color: #2c6abe;
}

.loader {
  width: 30px;
  height: 30px;
  display: block;
  margin: 20px auto;
  position: relative;
  border: 3px solid #1B73CB;
  border-radius: 50%;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  width: 6px;
  height: 24px;
  background: #1B73CB;
  transform: rotate(-45deg);
  position: absolute;
  bottom: -20px;
  left: 30px;
}

@keyframes animloader {
  0% {
    transform: translate(-10px, -10px);
  }
  25% {
    transform: translate(-10px, 10px);
  }
  50% {
    transform: translate(10px, 10px);
  }
  75% {
    transform: translate(10px, -10px);
  }
  100% {
    transform: translate(-10px, -10px);
  }
}