#product .product_bt_info {padding: 0 35px !important; color: #808080;}
#product .product_bt_info > ul > li:not(:last-child) {margin-bottom: 75px;}
#product .product_bt_info > ul > li .title {font-size: var(--font16); font-weight: var(--semi); margin-bottom: 30px;}
#product .product_bt_info > ul > li .content {font-size: var(--font14); padding-left: 15px; line-height: 1.2;}
#product .product_bt_info > ul > li .content p:not(:last-child) {margin-bottom: 25px;}
#product .product_bt_info > ul > li .content p.guide {display: flex; column-gap: 4px;}
#product .product_bt_info > ul > li .content p.guide::before {content: ""; display: inline-block;}
#product .product_bt_info > ul > li .content p.guide:nth-child(1)::before {content: "가.";}
#product .product_bt_info > ul > li .content p.guide:nth-child(2)::before {content: "나.";}
#product .product_bt_info > ul > li .content p.guide:nth-child(3)::before {content: "다.";}

#product .prd_search_bar {margin: 45px 0 35px auto; display: flex; justify-content: flex-end; position: relative;}
#product .prd_search_bar input { border: 0; border-bottom: 1px solid var(--black); width: 215px; height: 40px; padding: 0 40px 0 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; font-size: var(--font16);}
#product .prd_search_bar button { position: absolute; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

#product .productList {width: calc(100% + 44px); margin-left: -22px; overflow: hidden; display: flex; flex-wrap: wrap;}
#product .productList::after,
#product .productList li.product_item::after {content: ""; display: block; clear: both;}
#product .productList li.product_item {width: 25%; padding: 0 22px; margin-bottom: 180px; text-align: center;}
#product .productList li.product_item .thumbnail {margin-bottom: 40px; border: 1px solid #D9D9D9; box-sizing: border-box; overflow: hidden; position: relative; height: 0; padding-bottom: 100%;}
#product .productList li.product_item .thumbnail img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
#product .productList li.product_item .prd_name {font-size: var(--font22); font-weight: var(--semi); color: #2f2f2f; word-break: keep-all;}
#product .productList li.product_item .prd_sum {margin-top: 18px; font-size: var(--font18); color: #8e8e8e; word-break: keep-all;}

/* 상품 검색 결과 */
#product.search_result .search_top {padding: 150px 0 120px; margin-bottom: 85px; border-bottom: 1px solid #d9d9d9;}
#product.search_result .search_top #resultPageSearchBar {width: 510px; margin: 0 auto 20px; border-bottom: 2px solid #2D2D2D;}
#product.search_result .search_top #resultPageSearchBar .searchBox {display: flex; align-items: center;}
#product.search_result .search_top #resultPageSearchBar .searchBox input {width: calc(100% - 70px); height: 70px; font-size: var(--font24); border: 0; padding: 0;}
#product.search_result .search_top #resultPageSearchBar .searchBox button {width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;}
#product.search_result .search_top .hot_keyword {display: flex; justify-content: center; align-items: center; column-gap: 15px;}
#product.search_result .search_top .hot_keyword > span {font-size: var(--font18); color: #454545;}
#product.search_result .search_top .hot_keyword > ul {display: flex; align-items: center; column-gap: 3px;}
#product.search_result .search_top .hot_keyword > ul > li {font-size: var(--font16); color: #5c5c5c; background: #f1f1f1; padding: 10px 20px; border-radius: 40px; cursor: pointer;}

#product.search_result section.resultCategory:not(:last-child) {margin-bottom: 100px;}
#product.search_result section.resultCategory .section_cate_name {font-size: var(--font22); color: #adadad; margin-bottom: 30px;}
#product.search_result .productList {display: flex; flex-wrap: wrap; position: static !important; height: auto !important;}
#product.search_result .productList li.product_item {margin-bottom: 95px; position: static !important;}
#product.search_result .result_more_btn {width: 268px; height: 73px; border: 1px solid #adadad; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: var(--font22); font-weight: var(--semi); color: #adadad; margin: 0 auto; transition: all .3s;}
#product.search_result .result_more_btn:hover {border-color: #2f2f2f; color: #2f2f2f;}
#product.search_result section.resultCategory .noData {text-align: center; color: #aaa; font-size: 0.95em; padding: 20px; background: #f9f9f9;}



@media screen and (max-width: 1240px) {
    #product .prd_search_bar {margin: 35px 0 30px auto;}
}

@media screen and (max-width: 1024px) {
    #product .prd_search_bar {margin: 30px 0 30px auto;}
    #product .prd_search_bar input {width: 180px; height: 36px; padding-right: 36px;}
    #product .prd_search_bar button {width: 36px; height: 36px;}
    #product .prd_search_bar button img {width: 21px;}

    #product .productList {width: calc(100% + 20px); margin-left: -10px;}
    #product .productList li.product_item {padding: 0 10px; margin-bottom: 100px;}
    #product .productList li.product_item .thumbnail {margin-bottom: 30px;}
    #product .productList li.product_item .prd_name {font-size: var(--font20);}
    #product .productList li.product_item .prd_sum {font-size: var(--font16);}
}

@media screen and (max-width: 768px) {
    #product .prd_search_bar {margin: 15px 0 25px auto;}
    #product .prd_search_bar input {width: 150px; height: 32px; padding-right: 32px; font-size: var(--font14);}
    #product .prd_search_bar button {width: 32px; height: 32px;}
    #product .prd_search_bar button img {width: 18px;}

    #product .productList {width: calc(100% + 14px); margin-left: -7px;}
    #product .productList li.product_item {width: 33.3333%; padding: 0 7px; margin-bottom: 80px;}
    #product .productList li.product_item .thumbnail {margin-bottom: 20px;}
    #product .productList li.product_item .prd_name {font-size: var(--font18);}
    #product .productList li.product_item .prd_sum {margin-top: 15px; font-size: var(--font15);}

    #product .product_bt_info {padding: 0 20px !important;}
    #product .product_bt_info > ul > li:not(:last-child) {margin-bottom: 40px;}
    #product .product_bt_info > ul > li .title {margin-bottom: 15px;}
    #product .product_bt_info > ul > li .content {padding-left: 10px;}
    #product .product_bt_info > ul > li .content p:not(:last-child) {margin-bottom: 15px;}

    #product.search_result .search_top {padding: 100px 0 80px; margin-bottom: 60px;}
    #product.search_result .search_top #resultPageSearchBar {width: 350px;}
    #product.search_result .search_top #resultPageSearchBar .searchBox input {width: calc(100% - 35px); height: 45px; font-size: var(--font21);}
    #product.search_result .search_top #resultPageSearchBar .searchBox button {width: 35px; height: 45px;}
    #product.search_result .search_top #resultPageSearchBar .searchBox button img {height: 26px;}
    #product.search_result .search_top .hot_keyword > span {font-size: var(--font17);}
    #product.search_result .search_top .hot_keyword > ul > li {font-size: var(--font15); padding: 8px 16px;}

    #product.search_result section.resultCategory:not(:last-child) {margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #d9d9d9;}
    #product.search_result section.resultCategory .section_cate_name {font-size: var(--font20); margin-bottom: 25px; text-align: center;}
    #product.search_result .productList li.product_item {margin-bottom: 60px;}
    #product.search_result .result_more_btn {width: 180px; height: 45px; font-size: var(--font18);}
    #product.search_result section.resultCategory .noData {padding: 15px;}
}

@media screen and (max-width: 540px) {
    #product .prd_search_bar {margin: 10px 0 22px auto;}
    #product .prd_search_bar input {width: 128px; height: 28px; padding-right: 28px; font-size: var(--font13);}
    #product .prd_search_bar button {width: 28px; height: 28px;}
    #product .prd_search_bar button img {width: 16px;}

    #product .productList {width: calc(100% + 6px); margin-left: -3px;}
    #product .productList li.product_item {width: 50%; padding: 0 3px; margin-bottom: 50px;}
    #product .productList li.product_item .thumbnail {margin-bottom: 15px;}
    #product .productList li.product_item .prd_sum {font-size: var(--font14);}

    #product .product_bt_info {padding: 0 20px !important;}
    #product .product_bt_info > ul > li:not(:last-child) {margin-bottom: 35px;}
    #product .product_bt_info > ul > li .title {margin-bottom: 10px;}
    #product .product_bt_info > ul > li .content p.guide {column-gap: 3px;}

    /* #product.search_result .subBanner .banner_txt {color: var(--white);}
    #product.search_result .subBanner .banner_txt .serif {color: var(--white);} */
    #product.search_result .search_top {padding: 50px 0; margin-bottom: 40px;}
    #product.search_result .search_top #resultPageSearchBar {width: 200px; margin: 0 auto 15px;}
    #product.search_result .search_top #resultPageSearchBar .searchBox input {width: calc(100% - 30px); height: 40px; font-size: var(--font18);}
    #product.search_result .search_top #resultPageSearchBar .searchBox button {width: 30px; height: 40px;}
    #product.search_result .search_top #resultPageSearchBar .searchBox button img {height: 20px;}
    #product.search_result .search_top .hot_keyword > span {display: none;}
    #product.search_result .search_top .hot_keyword > ul {column-gap: 4px;}
    #product.search_result .search_top .hot_keyword > ul > li {font-size: var(--font13); padding: 6px 12px; border-radius: 30px;}

    #product.search_result section.resultCategory:not(:last-child) {margin-bottom: 40px; padding-bottom: 40px;}
    #product.search_result section.resultCategory .section_cate_name {font-size: var(--font18); margin-bottom: 20px;}
    #product.search_result .productList li.product_item {margin-bottom: 40px;}
    #product.search_result .result_more_btn {width: 145px; height: 35px; font-size: var(--font15);}
}