/*검색페이지*/
.search-page { width:100%; }
.search-page .search-page-tit{font-size: 20px;font-weight: bold;text-align: center;}
.search-page .search-box.list-search { justify-content:center; margin-bottom:40px } 
.search-page .search-box.list-search div { width:calc(100% - 40px); max-width:952px; margin: 0 auto; position: relative;} 
.search-page .search-box input { width: 100%;font-size:20px; min-height:60px; padding: 0 60px 0 12px; border: 2px solid #EEEEEE;} 
.search-page .search-box input::placeholder { font-size:20px; } 
.result-box { margin-top:60px } 
.result-box .txt-hlight { background: yellow; }
.result-box > .search-tit{display: flex;justify-content: space-between;padding: 12px 0 0 12px;}
.result-box > .search-tit .search-tit-wrap strong{display: block;font-size: 24px;font-weight: bold;}
.result-box > .search-tit .search-tit-wrap .related-list{display: flex;align-items: center;}
.result-box > .search-tit .search-tit-wrap .related-list *{font-size: 18px;color: #656565;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.result-box > .search-tit .search-tit-wrap .related-list span b{font-weight: 600;}
.result-box > .search-tit .search-tit-wrap .related-list span:not(:last-child)::after{content: '>';margin: 0 4px;font-size: 14px;color: #656565;}
.result-box > .search-tit .switch-wrap{border: 0;margin-bottom: 0;padding-bottom: 0;}
.tab-type01 + .result-box { margin-top:0px } 
.result-box .tit-wrap { width:100%; border-bottom:solid 1px #222; padding-bottom:12px; padding-left:12px; display: flex; align-items: center; justify-content: space-between;} 
.result-box .tit-wrap h4 { font-size:28px; font-weight:700; } 
.result-box .tit-wrap h4 span {font-size: 24px; font-weight: 700;}
.result-box .tit-wrap > a {font-size: 20px;}
.result-box .result-list > li { padding:20px 12px 12px; border-bottom:solid 1px #ddd } 
.result-box .result-list > li a {width: 100%;} 
.result-box .result-list > li a > div {display:flex;}
.result-box .result-list > li a .search-info{width: 100%;display:block;}
.result-box .result-list > li a .thum-img { margin-right:20px;max-width: 164px; width: 100%;} 
.result-box .result-list > li a .thum-img img { width:100%; object-fit:cover; /*position:relative; top:50%; transform:translateY(-50%)*/ } 
.result-box .result-list > li a .thum-img + .search-info {width:calc(100% - 164px);}
.result-box .result-list > li a .search-info h5 {font-size: 20px; font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; color: #222;} 
.result-box .result-list > li a .search-info p { margin:4px 0 12px;color: #656565;font-size: 18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.result-box .result-list > li a .search-info span { font-size:18px; color:#656565; } 
.result-box .result-list > li a .search-info span:not(:last-child)::after { content:">"; margin:0 4px }

.result-box .result-list > li > .product-list > li{margin-top: 16px;display: flex;}
.result-box .result-list > li > .product-list > li .thum-img{background-color: #fff;margin-right: 16px;}
.result-box .result-list > li > .product-list > li .thum-info h5{font-weight: 600;}
.result-box .result-list > li > .product-list > li .thum-info p{margin: 4px 0;font-size: 14px;}
.result-box .result-list > li > .product-list > li .thum-info p span{font-weight: 600;font-size: 14px;}
.search-page .no-result { width:100%; max-width:800px; min-height:0; margin:0 auto; margin-top:80px; margin-bottom:60px; text-align:center; } 
.search-page .no-result::before { display:none } 
.search-page .no-result strong { display:inline-block; width:100%; text-align:center; font-size:24px; font-weight:700; margin:24px 0 16px; white-space:nowrap } 
.search-page .no-result p { text-align:center; font-size:16px }
.search-page .search-recommend-list { width:100%; max-width:600px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center } 
.search-page .search-recommend-list li { display:inline-block; width:auto; margin:0 6px; margin-bottom:18px } 
.search-page .search-recommend-list li a { display:flex;align-items: center;justify-content: center;height: 46px; padding:0 20px; background:#FFF; font-size:18px; font-weight:500; color:#aaa; border:solid 1px #aaa; border-radius:40px; } 
.search-page .search-recommend-list li:hover a { background:#E02112; border:solid 1px #E02112; color:#fff; font-weight:500 }
.search-page .search-recommend-list li a.active { background:#E02112; border:solid 1px #E02112; color:#fff; font-weight:500 } 
.search-page .search-recommend-list li a::before { content:"#"; } 

.submit-btn {width: 24px; height: 24px;position: absolute; transform: translateY(-50%); right: 24px; top:50%;}
.submit-btn img {display: block;}
.submit-btn span {text-indent: -999999px;display: inline-block;}

.tab-menu-pc .tab-menu-list li a {padding: 0 8%;}

/*결과 없을 경우*/
.search-page.no-result {margin-bottom:0;}
.search-page.no-result .sub-visual-wrap{margin-bottom:0;}
.search-page.no-result .search-box {margin-bottom:0;}
.search-page.no-result .visual-tab-menu{ display: none;}
.search-page.no-result .result-box {margin-top:0;}
.search-page.no-result .result-box .no-result {margin-top:0;}

@media (max-width: 768px){
    .result-box > .search-tit{flex-direction: column-reverse;}
    .result-box .result-list li > .product-list > li{margin-top: 24px;flex-direction: column;gap: 4px;}
    .result-box .result-list li > .product-list > li:first-child{margin-top: 20px;}
}