/* ========== search_sse.html 의 사용자 정의 css : Edit by yds@ntrex on 2025.09.19 ========== */
    *{margin:0; padding:0}
    .scroll { position:relative;}
    .scrollcontent{display:none;position:fixed;top:0;left:0;width:100%;height:55px;background:#0f66f9;overflow:hidden; z-index:99;-ms-transform: translateY(-160px);transition: transform .6s ease;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);}
    .scrollcontent .scroll_warp { width:1200px; margin:auto; text-align:left; padding-top:7px;position:relative;}
    .scroll_warp .top_scroll {     float: left; width:210px;}
    .scroll_warp .top_scrool_seach {float: left; margin-left:20px; border:0; padding:0; position:relative;}
    .scroll_warp .top_scrool_seach #goodsSearchForm {border:0;}
    .scroll_warp .top_scrool_seach .gsf-category-title { border:0; padding:0}

    .scroll_warp .top_scrool_seach .gsfc-td {float: left; width: 420px; height: 35px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.23); background-color: #fff; position: relative;margin-top: 3px;}
    .scroll_warp .top_scrool_seach .search_text_sub {box-sizing: border-box; font-size: 17px; font-weight:bold; color:#333; padding-left:5px;outline: none; height:32px; width:385px;    float: left; border:0}
    .scroll_warp .top_scrool_seach .btn_search{ position:relative; background:url(/data/skin/fruit_puro_gls/img/search/search_btn.png) no-repeat 0 4px  #FFFFFF;float: left; border:0; text-indent:-9999em; width:35px; height:32px; cursor:pointer; display:block}
    .scroll_warp .top_scrool_seach  .gsfc_ser{ color:#FFFFFF; margin-left:20px; margin-top:5px}
    .scroll_warp .top_scrool_seach  .gsfc_text { padding-top:10px; line-height:28px}
    /*240703 search페이지 상단 카테고리 none처리*/.category_depth {display: none !important}

    /*[속도 개선] 검색어 관련 추천 상품용 css : Edit by yds@ntrex on 2019.09.17*/
    #recommendGuide { padding-bottom: 40px; padding-top: 0px !important; display:none; margin-top: 30px;}
    #recommendList { align-items: center }
    .divdiv_del_wqrp .sale_price { letter-spacing:-.5px; font-family:Roboto-Medium,sans-serif; vertical-align:middle; font-size:16px; color:#212121; font-weight:700; }
    .dev_new_prod.rnd {
        -webkit-border-radius: 10px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
        -moz-border-radius: 10px; /* Firefox 1-3.6 */
        border-radius: 10px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    }
    #recommentItemGuide { width:199px; height:290px; float:left; position:relative; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
    .recommentItemName {
        overflow:hidden; text-overflow:ellipsis; white-space:normal; height:53px; line-height:1.2; text-align:left; word-wrap:break-word;
        display:-webkit-box;
        -webkit-line-clamp:3; /* 웹킷 전용: 3줄 제한 */
        -webkit-box-orient:vertical;
    }
    .recommentExpandBtn {
        height: 24px;
        display: inline-block;
        position: absolute;
        margin: 5px 5px;
        min-width: 15px;
        border: 1px solid #9c9a9a;
        background: #9c9a9a;
    }
    .recommentExpandBtn:hover {
        border: 1px solid #b4c702;
        background: #b4c702;
    }

    .goods_list_top.newstyle {
        position: relative; margin-bottom:30px !important; padding:0 !important; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #999999;
        margin-left: auto; margin-right: auto;
    }
    span.hitListExpendBtn {
        width: 35px; height: 35px; background: url(/data/skin/fruit_puro_gls/img/btn_arr.png) 0 -57px no-repeat; display: inline-block;
        transform: rotate(180deg);
    }
    span.hitListExpendBtn.up { 
        transform: rotate(0deg);
    }
    #arrExpendBtn { width:100%; height: 35px; padding: 0px; border: 0px solid white !important; background-color: #e2e2e2; text-align:center; cursor:pointer; }
    #arrExpendBtn:hover { background-color: #efefef; }

    .blog_list {
        width: 1200px;
        margin: auto;
        border: 1px solid #e1e1e1;
        border-top: 2px solid #36383f;
        display: block;
        overflow: hidden;
    }
    .blog_item {
        border: 0;
        vertical-align: middle;
    }
    .blog_item_list {
        float: left;
    }
    .blog_target {
        /* 한 줄 자르기 */
        width: 200px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        /* 여러 줄 자르기 추가 스타일 */
        line-height: 1.6em;
        height: 6.1em;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 4; /* 웹킷 전용: 4줄 제한 */
        -webkit-box-orient: vertical;
        padding-top: 5px;
    }
    .blog_spane_s{
        height: 20px;
        width: 200px;
    }
    .main_new_line { border-top:1px solid #ebebeb; }
    .goodsDisplayItemWrap_n .tx_num{ background:url(/data/skin/fruit_puro_gls/img/main/discount_bg.png) no-repeat; width:51px; height:40px; position:absolute; top:0; left:0; color:#FFFFFF; text-align:center; line-height:22px;}
    .goodsDisplayItemWrap_n .tx_num  em { color:#FFFFFF;font-size: 20px; letter-spacing: -1px;  margin-right: 3px; font-weight:600; }

    .search-paging .pagination {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
    }

    .page-item:first-child .page-link {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }

    .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
        border-color: #d000;
    }

    .page-link {
        font-size:14px;
        position: relative;
        display: block;
        color: #000;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #00000033;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        padding: .375rem .75rem;
        cursor: pointer;
    }

    .page-link:hover {
        z-index: 3;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }
    .page-item:not(:first-child) .page-link {
        margin-left: -1px;
    }

    .justify-content-center {
        justify-content: center !important;
    }	

    #goodsSearchForm .gsf-category-list > li {width:25%;}
    #goodsSearchForm ul.gsfm-brands > li {width:25%;}
    .search_result { font-weight:bold; color:#515151; clear:both;font-size:18px; line-height:25px;}
    .search_result .keyword { display:inline-block; color:#000000; font-size:18px; font-weight:bold; margin-right:5px;}
    .search_result .bar { margin:0 5px;display:inline-block; font-weight:normal;}
    .search_result  strong { color:#d62d00; margin-left:5px;}
    .seacrh_warp { width:1200px; margin:auto;   overflow:hidden; position:relative}
    .search_title h3 {font-weight: normal; font-size: 30px; line-height: 36px;text-align: center; margin: 0px 180px 28px 180px;}
    .seacrch_cate { position: absolute; bottom: 11px; right: 0;  font-size: 14px; line-height: 18px; color: #666;}
    .seacrch_cate strong {    color: #ed1c24;}
    /*검색결과내*/
    .gsf-category-title {border: 1px solid #dbdbdb; display:block; border-bottom:none; padding:10px}

    .searchCateCnt { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; }
    .searchCateCnt_tr:nth-child(odd)  {background-color: #F3F3F3; }
    .searchCateCnt_td_l, .searchCateCnt_td_r { line-height: 1; padding: 10px 10px; }
    .searchCateCnt_td_l { width: 208px; border-right: 1px solid #DCDCDC; font-weight: bold; font-size: 14px;}
    .searchCateCnt_td_r { width: 960px; }
    .search_cate_cnt_r_cont { padding: 0px 10px 0px 0px;}

    .gsfc_ser {
    position: relative;
    padding-left: 28px; cursor: pointer; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

    .gsfc_ser input {
    position: absolute;
    opacity: 0;
    cursor: pointer; left:0; top:0
    }

    .gsfc_check {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px; border:1px solid #c3c3c3;
    }


    .gsfc_ser input:checked ~ .gsfc_check {
    background-color: #333; /* enabled + checked box background color */
    }

    .gsfc_check:after {
    content: "";
    position: absolute;
    display: none;
    }

    .gsfc_ser input:checked ~ .gsfc_check:after {
    display: block;
    }

    .gsfc_ser .gsfc_check:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    #goodsSearchForm .gsf-category-list li a.searchCateCnt_a {
    display: inline-block;
    margin: 0px;
    border-bottom: 0px solid #fff;
    padding: 0px;
    height: 22px;
    line-height: 22px;
    font-weight: normal;
    color: #333;
    font-size:13px;
    }
    #goodsSearchForm .gsf-category-list li a.searchCateCnt_a:hover {
    text-decoration: underline;
    }
    #goodsSearchForm .gsf-category-list li td.searchCateCnt_td_l a.searchCateCnt_a {
    font-weight: bold;
    cursor: default;
    }

    /*브랜드체크박스*/
    .search_brand { position:relative}

    .search_bcek { display: block;
    position: relative;
    padding-left: 35px; 
    cursor: pointer; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

    .search_bcek input { position: absolute;  opacity: 0; cursor: pointer;    top: 0; left:0}
    .checkmark {position: absolute;top:10px; left: 0;height: 20px; width: 20px; border:1px #CCCCCC solid; cursor:pointer}
    .search_bcek input:checked ~ .checkmark {background-color: #2196F3;border:1px #2196F3 solid;}
    .checkmark:after {  content: ""; position: absolute; display: none;}
    .search_bcek input:checked ~ .checkmark:after { display: block;}
    .search_bcek .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
    .search_brand  .bold {    color: #2196f3;}

    .goods_search_form{margin-top: 0px; margin-bottom: 0px !important;}
    #goodsSearchForm .gsf-category-title .gsfc-td input[name='search_text'] { border-right: 1px solid #333; }
    #holdon-overlay {
        /* IE */
        filter: alpha(opacity=100) !important;
        opacity: 1.0 !important;
        background-color:rgba(0, 0, 0, 0.7) !important;
    }
    #holdon-message { text-shadow:1px 1px 0px #0c4ca3; color:#009fff; font-size:20px; font-weight:bold; }
    #holdon-message img { border-radius:8px; width:280px; height:70px; object-fit:cover; }

    /* 상품보기 버튼 : Add by yds@ntrex on 2024.08.28 */
    .icon_goods_view {
    width:130px;
    display: inline-block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    background: #fd5b45;
    border: 1px solid #fd5b45;
    border-radius: 3px;
    box-shadow: 0 2px 0 #d9dee8;
    color:white;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    }
    .icon_goods_view > a { color:white; }


/* ========== sphinx_result_handlebars.html 의 사용자 정의 css : Edit by yds@ntrex on 2025.09.19 ========== */
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .detail_title {font-size: 21px;color: #222;padding: 20px 0 10px 10px;margin: 0}
    .cdtl_cont_info {width: 100%;display: block;}
    .cdtl_cont_info table {width: 100%;border-top: 2px solid #666;padding: 0;margin: 0}
    .cdtl_cont_info table th {font-size: 14px;color: #222;text-align: left;background: #f9f9f9;width: 230px;padding: 10px 10px 10px 20px;margin: 0;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef}
    .cdtl_cont_info table td {font-size: 14px;color: #222;text-align: left;background: #fff;padding: 10px 10px 10px 20px;margin: 0;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef}
    .v_data_link a {color: #FFFFFF;text-decoration: none;display: inline-block;height: 20px;padding: 0 15px;border: 1px solid #ff0000;border-radius: 2px;background: #ff6060;font-family: dotum, "돋움";font-size: 12px;line-height: 18px;color: #FFFFFF;text-align: center;box-sizing: border-box;}
    .pr_list_v:hover {background-color: #f5f5f5}
    .categorySubDepth, .categorySubDepths_II{width:100% !important;}
    .category_left{margin-bottom: 0 !important;}
    .categorySub{height:490px !important;}
    .categorySubItems, .categorySubItems_II {height:490px !important;}
    .main_menu_so2{padding-bottom:5px;}
    li.list_btn_warp {width:165px !important;}	/* 아코디언 항목이 벌어져 강제로 지정 함*/
    .tab_divs li {float:left;}
    .barcode {color:#000000}

    #autozoom {
        position:absolute;
        top:0px;
        left:0px;
        width:450px;
        height:450px;
        z-index:98;
        display:none;
    }
    #autozoom > img {
        height:auto;
        width:450px;
        border:1px solid black;
        background-color:royalblue;
    }

    #vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #333;z-index: 9999;box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
    .vtip { width:80px;     float: right;}
    /* #left_banner { display:none } */

    /* 검색 결과 */	
    .devicemart_top_bar {
        width:1200px !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: 1px solid #dfdfdf;
    }
    .devicemart_top_bar { padding:0 !important; width:1200px !important;}
    .devicemart_top_bar .tmpl_viewtype { font-size:16px !important; color:#FFF !important}
    .devicemart_top_bar .tmpl_sort li span { font-size:23px !important;color:#FFF !important}
    .devicemart_top_bar .tmpl_sort {color:#FFF; font-size:16px}
    .devicemart_top_bar #totalcount {color:#fff25d}
    .devicemart_top_bar .tmpl_sort,.normal_war .search-list-icon { position:relative}
    .apilogo { position:absolute; left:10px; width:56px}
    .devicemart_top_bar .tmpl_sort_wrap{margin-top: 0; border-top: 0; background: #0f66f9; padding: 10px 0px !important; display:flex; align-items:center;}

    /* btn_stock 수직 중앙 정렬 */
    .devicemart_top_bar .tmpl_viewtype { display:flex; align-items:center; }
    .devicemart_top_bar .tmpl_viewtype .btn_stock { display:flex; align-items:center; }
    .devicemart_top_bar .tmpl_viewtype .btn_stock ul { display:flex; align-items:center; gap:12px; }
    .devicemart_top_bar .tmpl_viewtype .btn_stock li { display:flex; align-items:center; }

    /* tmpl_sort_wrap 내부에서 우측 정렬: handlebars_sphinx.html 18~47 대응 */
    .tmpl_sort_wrap { display:flex; align-items:center; }
    .tmpl_sort_wrap .tmpl_sort { display:flex; align-items:center; }
    .tmpl_sort_wrap .tmpl_viewtype { margin-left:auto; display:flex; align-items:center; }
    .tmpl_sort_wrap .tmpl_viewtype .btn_stock { display:flex; align-items:center; }
    .tmpl_sort_wrap .tmpl_viewtype .btn_stock ul { display:flex; align-items:center; gap:12px; }

    .lr-fixed {
        width: 1px;
        height:100%;
        padding: 0px;
        box-sizing: border-box;
        position:absolute;  cursor: pointer;
        z-index: 98;
    }

    .left-fixed { left:0px; border-bottom-left-radius: 5px;}
    .right-fixed { right:0px; border-bottom-right-radius: 5px;}
    .left-fixed-btn, .right-fixed-btn {
        position:absolute;
        width:25px;
        height:55px;
        top:50px;
        background-color:rgb(180 223 251 / 30%);
        border:1px solid #dedede; 
        
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: flex;             /* NEW, Spec - Chrome, Firefox, Opera, Safari, IE 11+ */

        -webkit-box-align: center; /* OLD - iOS 6-, Safari 3.1-6 */
        -ms-flex-align: center;    /* TWEENER - IE 10 */
        align-items: center;       /* NEW, Spec - Chrome, Firefox, Opera, Safari, IE 11+ */

        -webkit-box-pack: center;  /* OLD - iOS 6-, Safari 3.1-6 */
        -ms-flex-pack: center;     /* TWEENER - IE 10 */
        justify-content: center;   /* NEW, Spec - Chrome, Firefox, Opera, Safari, IE 11+ */
        
        color: #5996ff;
        font-weight: 900;
        font-size: 23px; /* 원하는 크기로 설정하세요 */
        padding: 3px;
        line-height: 1;    cursor: pointer
    }

    .left-fixed-btn:hover, .right-fixed-btn:hover { background-color: #5996ff; }
    .left-fixed-text {left:0px; border-top-right-radius: 2px;  border-left: none;}
    .right-fixed-text {right:0px; border-top-left-radius: 2px;   border-right: none; } 

    .left-fixed-text:hover::before{
        border-top: 5px solid #fff; /* 선 두께 */
        border-right: 5px solid #fff; /* 선 두께 */
        }
    .right-fixed-text:hover::before{
        border-top: 5px solid #fff; /* 선 두께 */
        border-right: 5px solid #fff; /* 선 두께 */
        }	
    .left-fixed-text::before {
        position: absolute;
        left: 10px; 
        top: 20px; 
        content: '';
        width: 15px; /* 사이즈 */
        height: 15px; /* 사이즈 */
        border-top: 5px solid #5996ff; /* 선 두께 */
        border-right: 5px solid #5996ff; /* 선 두께 */
        transform: rotate(225deg); /* 각도 */}
        
    .right-fixed-text::before {
        position: absolute;
        right: 10px; 
        top: 20px; 
        content: '';
        width: 15px; /* 사이즈 */
        height: 15px; /* 사이즈 */
        border-top: 5px solid #5996ff; /* 선 두께 */
        border-right: 5px solid #5996ff; /* 선 두께 */
        transform: rotate(45deg); /* 각도 */ }	

    .page-item:last-child .page-link {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
    }

/* ========== handlebars_sphinx.html 의 상세 사용자 정의 css : Edit by yds@ntrex on 2025.09.22 ========== */
    .ck_v_img { min-height: 92px; margin-bottom: 5px; }
    #results_sphinx { margin-top: 20px; }
    .cunit_lst_v .pr_img {
        margin-left: 10px;
        width: 60px !important;
        height: 60px !important;
        background: #ffffff;
        /* border: 1px solid #eee; */
    }
    .cunit_lst_v .pr_list_v { padding: 0px; }
    .moq_warp { padding-top: 0px !important; }
    .blind {
        width: 120px;
        text-align: right;
        padding-right: 30px;
    }
    .handlebars-summary {
        display:inline-block; max-width:545px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom;
    }
    .popup_bt .pop_new_bom { max-width: 210px; }