@charset "utf-8";

/* 검색 헤더 */
.sch-head {margin-bottom: 60px;text-align: center;}
.sch-head h2 {font-size: 28px;line-height: 38px;font-weight: 700;color: #111;letter-spacing: -0.05em;word-break: keep-all;text-align: center;}
.sch-head h2 strong {color: #111;}
.sch-head p {margin-top: 10px;font-size: 15px;line-height: 22px;color: #888;letter-spacing: -0.03em;}
.sch-head p em {font-style: normal;font-weight: 700;color: #111;}

.sch-form {position: relative;width: 560px;max-width: 100%;margin: 30px auto 0;}
.sch-form legend {display: none;}
.sch-form fieldset {position: relative;}
.sch-form fieldset .inp {display: block;width: 100%;height: 56px;padding: 0 64px 0 26px;box-sizing: border-box;border: 2px solid #111;border-radius: 56px;background: #fff;font-size: 16px;color: #111;letter-spacing: -0.03em;outline: none;}
.sch-form fieldset .inp::placeholder {color: #aaa;}
.sch-form fieldset .sbm {position: absolute;top: 0;right: 6px;width: 56px;height: 56px;border: none;background: transparent;color: #111;font-size: 18px;text-indent: -999em;cursor: pointer;}
.sch-form fieldset .sbm:after {content: '\f002';position: absolute;top: 0;left: 0;width: 100%;font-family: 'Font Awesome 5 Free';font-weight: bold;line-height: 56px;text-align: center;text-indent: 0;transition: color 0.2s;}
.sch-form fieldset .sbm:hover:after {color: #666;}

/* 영역 */
.sch-box {position: relative;margin-bottom: 70px;}
.sch-tit {position: relative;padding-bottom: 16px;border-bottom: 2px solid #111;}
.sch-tit h3 {font-size: 20px;line-height: 28px;font-weight: 700;color: #111;letter-spacing: -0.05em;}
.sch-tit h3 em {display: inline-block;vertical-align: middle;margin: -3px 0 0 6px;padding: 0 9px;line-height: 22px;border-radius: 22px;background: #f1f1f1;font-size: 13px;font-style: normal;font-weight: 600;color: #555;letter-spacing: 0;}
.sch-tit .more {position: absolute;right: 0;top: 0;padding: 0 16px;line-height: 30px;border: 1px solid #ddd;border-radius: 30px;font-size: 13px;color: #555;text-decoration: none;transition: all 0.2s;}
.sch-tit .more:after {content: '\f054';display: inline-block;margin-left: 6px;font-family: 'Font Awesome 5 Free';font-weight: bold;font-size: 10px;vertical-align: 1px;}
.sch-tit .more:hover {border-color: #111;background: #111;color: #fff;text-decoration: none;}

/* 일반 결과 (게시판, 콘텐츠) */
.sch-result > li {padding: 26px 0;border-bottom: 1px solid #eee;}
.sch-result > li .sbj {display: block;margin-bottom: 8px;font-size: 18px;line-height: 26px;font-weight: 700;color: #111;letter-spacing: -0.05em;text-decoration: none;transition: color 0.2s;}
.sch-result > li .sbj:hover {color: #666;text-decoration: none;}
.sch-result > li .txt {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 15px;line-height: 24px;color: #666;letter-spacing: -0.03em;word-break: break-all;text-decoration: none;}
.sch-result > li .txt:hover {color: #333;text-decoration: none;}
.sch-result .inf {margin-top: 12px;font-size: 0;}
.sch-result .inf li {display: inline-block;vertical-align: middle;font-size: 13px;line-height: 18px;color: #999;letter-spacing: -0.03em;}
.sch-result .inf li + li:before {content: '';display: inline-block;vertical-align: middle;width: 3px;height: 3px;margin: -2px 10px 0;border-radius: 50%;background: #ccc;}

/* 쇼핑몰 결과 (mod-shop 쇼핑몰 리스트와 같은 디자인) */
.sch-shop .shop_list {display: flex;flex-wrap: wrap;margin: -20px;margin-top: 10px;}
.sch-shop .shop_list li {position: relative;margin: 20px;width: calc((100% / 4) - 40px);}
.sch-shop .shop_list li > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;text-indent: -999em;overflow: hidden;}
.sch-shop .shop_list li .tmb {position: relative;padding-bottom: 100%;overflow: hidden;border-radius: 10px;}
.sch-shop .shop_list li .tmb img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.sch-shop .shop_list li:hover .tmb img {transform: scale(1.05);}
.sch-shop .shop_list li .tmb:before {content: '';position: absolute;top: 0;left: 0;z-index: 1;display: block;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0.08);border-radius: 10px;box-sizing: border-box;}
.sch-shop .shop_list li .icons {position: absolute;top: 15px;left: 15px;z-index: 2;}
.sch-shop .shop_list li .icons .icon {display: block;width: 38px;margin-bottom: 5px;line-height: 38px;border: 2px solid #272727;border-radius: 38px;background: #fff;text-align: center;font-size: 13px;font-weight: bold;color: #222;letter-spacing: -1px;}
.sch-shop .shop_list li .icons .icon.soldout {background: #272727;color: #fff;}
.sch-shop .shop_list li.soldout .tmb img {opacity: 0.5;}
.sch-shop .shop_list li .info {margin-top: 20px;}
.sch-shop .shop_list li .badges {display: block;margin-bottom: 4px;font-size: 0;}
.sch-shop .shop_list li .badge {display: inline-block;vertical-align: top;margin: 0 4px 4px 0;padding: 0 7px;line-height: 20px;border: 1px solid transparent;border-radius: 3px;font-size: 12px;white-space: nowrap;}
.sch-shop .shop_list li .info .title {display: block;font-size: 18px;line-height: 24px;font-weight: bold;color: #000;}
.sch-shop .shop_list li .info .summary {display: block;margin-top: 5px;font-size: 14px;line-height: 20px;color: #666;}
.sch-shop .shop_list li .info .price {display: block;margin-top: 10px;font-size: 16px;line-height: 22px;}
.sch-shop .shop_list li .info .price strong {font-weight: 700;color: #111;}
.sch-shop .shop_list li .info .price del {margin-left: 4px;font-size: 0.85em;color: #aaa;}

/* 결과 없음 */
.search-no-data {padding: 70px 20px;border-radius: 12px;background: #f7f7f7;text-align: center;}
.search-no-data strong {display: block;font-size: 18px;line-height: 26px;color: #111;letter-spacing: -0.05em;}
.search-no-data p {margin-top: 8px;font-size: 14px;line-height: 20px;color: #888;letter-spacing: -0.03em;word-break: keep-all;}

/* for mobile */
@media screen and (max-width: 1000px){

    .sch-head {margin-bottom: 40px;}
    .sch-head h2 {font-size: 20px;line-height: 28px;}
    .sch-head p {margin-top: 6px;font-size: 13px;line-height: 20px;}

    .sch-form {margin-top: 20px;}
    .sch-form fieldset .inp {height: 46px;padding: 0 50px 0 18px;font-size: 14px;}
    .sch-form fieldset .sbm {right: 2px;width: 46px;height: 46px;font-size: 15px;}
    .sch-form fieldset .sbm:after {line-height: 46px;}

    .sch-box {margin-bottom: 40px;}
    .sch-tit {padding-bottom: 12px;}
    .sch-tit h3 {font-size: 16px;line-height: 26px;}
    .sch-tit h3 em {padding: 0 7px;line-height: 20px;font-size: 12px;}
    .sch-tit .more {padding: 0 12px;line-height: 26px;font-size: 12px;}

    .sch-result > li {padding: 18px 0;}
    .sch-result > li .sbj {margin-bottom: 6px;font-size: 15px;line-height: 22px;}
    .sch-result > li .txt {font-size: 13px;line-height: 20px;}
    .sch-result .inf {margin-top: 8px;}
    .sch-result .inf li {font-size: 12px;}

    .sch-shop .shop_list {margin: -5px;margin-top: 10px;}
    .sch-shop .shop_list li {margin: 5px;width: calc((100% / 2) - 10px);}
    .sch-shop .shop_list li .tmb,
    .sch-shop .shop_list li .tmb:before {border-radius: 5px;}
    .sch-shop .shop_list li .icons {top: 10px;left: 10px;}
    .sch-shop .shop_list li .icons .icon {width: 30px;line-height: 30px;border-radius: 30px;font-size: 11px;}
    .sch-shop .shop_list li .info {margin-top: 15px;}
    .sch-shop .shop_list li .badge {padding: 0 5px;line-height: 18px;font-size: 11px;}
    .sch-shop .shop_list li .info .title {font-size: 16px;line-height: 20px;}
    .sch-shop .shop_list li .info .summary {font-size: 13px;line-height: 18px;}
    .sch-shop .shop_list li .info .price {margin-top: 6px;font-size: 14px;}

    .search-no-data {padding: 40px 20px;}
    .search-no-data strong {font-size: 15px;line-height: 22px;}
    .search-no-data p {font-size: 13px;}

}