.search_preview_box {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10;
    width: 100%;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    height: 0;
    transition: all .5s;
    overflow: hidden;
}

.search_preview_box.active {
    visibility: visible;
}

.search_preview_box .search_preview_list {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ddd;
    /*height: 430px;*/
    height: auto;
    position: relative;
}

.search_preview_box .search_preview_list .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    font-style: oblique;
}

/* .search_preview_box .search_preview_list li {display: flex; align-items: center; padding: 10px 15px 10px 19px; cursor: pointer; transition: all .5s;} */
.search_preview_box .search_preview_list li:hover {
    background: #f7f7f7;
}

.search_preview_box .search_preview_list li:last-child a {
    padding: 10px 15px 16px 19px;
}

.search_preview_box .search_preview_list li + li {
    border-top: 1px solid #eee;
}

.search_preview_box .search_preview_list li a {
    display: flex;
    align-items: center;
    padding: 10px 15px 10px 19px;
    cursor: pointer;
    /*transition: all .5s;*/
}

.search_preview_box .search_preview_list li .left {
    width: 50px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 12px;
}

.search_preview_box .search_preview_list li .right {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 50px);
}

.search_preview_box .search_preview_list li .right .preview_title {
    font-size: 13px;
    font-weight: 400;
    color: var(--main-point-color);
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.search_preview_box .search_preview_list li .right .preview_title .search_keyword {
    font-weight: 700;
}

.search_preview_box .search_preview_list li .right .preview_price {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-point-color);
    margin-top: 8px;
}

.search_preview_box .search_preview_list li .right .real_price {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
    margin-left: 2px;
}

/*.search_preview_box .search_preview_list li.empty {height:362px;}*/
.search_preview_box #pc_search_box {
    display: block;
}
@media (max-width: 991px) {
    .search_preview_box {
        display: none;
        border-radius: 0;
        top: 45px;
        width: calc(100% + 42.5px);
        border: none;
        background-color: #fff;
        height: 100vh;
        visibility: visible;
    }

    .search_preview_box .search_preview_list {
        height: auto;
        border: none;
        background-color: transparent;
    }

    .search_preview_box .search_preview_list li {
        padding: 12.25px 15px;
    }

    .search_preview_box .search_preview_list li a {
        padding: 0;
    }

    .search_preview_box .search_preview_list li:last-child a {
        padding: 0;
    }

    .m_header .container_fix .right_menu .right_list .search_preview_list li {
        color: #666;
    }

    .m_header .container_fix .right_menu .right_list .search_preview_list li + li {
        margin-left: 0;
        border-top: 1px solid #f5f5f5;
    }

    .m_header .container_fix .right_menu .right_list .search_preview_list li span.b {
        font-weight: 500;
    }

    .search_preview_box .search_preview_list li:last-child {
        padding: 12.25px 15px;
    }
}

#pc_search_box{display: none;}
#pc_search_box * {font-family: 'Pretendard';}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top {display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 20px 12px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .preview_top_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_top .recommend_top_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color); text-align: left; padding: 25px 20px 12px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .all_delete_btn {border: none; width: auto; white-space : nowrap; background-color: transparent; position: relative; top: 9px; right: 0; color: #b1b1b1; font-size: 13px;}
.at-header .search_drop #pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_top .all_delete_btn{top: 3px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list{padding: 0 15px; display: flex; flex-wrap : wrap; gap: 6px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li {padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li:hover {background-color: transparent;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li a {display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border: none; background-color: #f5f5f5; border-radius: 16px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li + li {border-top: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li + li a {margin-left: 0px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .left { width: auto; overflow: visible; border-radius: 0; margin-right: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .left p { font-size: 14px; font-weight: 400; color: #444; line-height: 32px; white-space : nowrap;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .preview_list li .right{background-color: transparent; border: none; margin-left: 9px; position: relative; top: 0; right: 0; transform: none; width: 10px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list {display: flex; flex-wrap : wrap; gap: 6px; padding: 0 15px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li {display: block; height: 33px; padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li:hover {background-color: #fff;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li + li {border: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_recommend_mid .recommend_list li a {display: block; font-size: 14px; font-weight: 400; color: #ff4c01; line-height: 32px; padding: 0 11px; background-color: #ffe3d8; border-radius: 16.5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .more_keyword .more_keyword_btn button {border: 1px solid #e1e1e1; background-color: #fff; border-radius: 16.25px; width: 87.5px; height: 32.5px; margin: 15px auto 0; font-size: 11px; color: #333; line-height: 30.5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .more_keyword .more_keyword_btn .arrow {display: inline-block; font-family: 'SUIT', sans-serif; font-weight: 500; transform: rotate(90deg); margin-left: 2px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .list_off{color: #999999; font-size: 13px; font-weight: 400; padding: 0 5px; text-align: left;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .list_off img{display: block; margin: 0 auto 15px; width: 41px; height: 41px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot{padding-bottom: 20px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .keyword_rank_box_title {font-size: 15px; line-height: 1.2; font-weight: 700; color: var(--main-point-color); text-align: left; padding: 30px 20px 5px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot > p {font-size: 10px; font-weight: 400; color: #999; text-align: left; padding-left: 15px; margin: 10px 0 10px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list {padding: 0 20px;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li {padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li:hover{background-color: #fff;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li + .rank_li {margin-left: auto; border: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li + .rank_li a {margin-left: auto; border-top: none;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a {font-size: 15px; line-height: 30px; font-weight: 400; display: flex; align-items: center; width: 100%; padding: 0;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .num {font-family: "Open Sans", sans-serif; font-weight: 700; width: 20px; text-align: left; color: var(--main-point-color)  !important; transition: 0.2s;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a:hover .num {color: #ff4c01 !important;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .keyword {color: #666;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a:hover .keyword {color: #ff4c01;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status {margin-left: auto; position: relative;}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_up:before {content: ""; border-bottom: 5.5px solid #f86e78; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_down:before {content: ""; border-top: 5.5px solid #aaa; border-left: 4.5px solid rgba(0, 0, 0, 0); border-right: 4.5px solid rgba(0, 0, 0, 0); position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_bot .rank_box .rank_list .rank_li .rank_a .status.rank_keep:before {content: ""; display: inline-block; width: 6px; height: 1px; background: #aaa; position: absolute; left: -5px; top: 50%; transform: translatey(-50%);}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul {
    display: flex;
    flex-wrap: wrap;
	row-gap: 5px;
	padding: 0px 20px;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li {
    display: flex;
    width: 33.33%;
	border: none;
}
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li:hover {
	background: none !important;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid input {
    display: none;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li .cert_label {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li .cert_label span.text {
	margin-top: 3px;
	font-size: 14px;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li .cert_label span.circle {
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    position: relative;
    margin-right: 9px;
    cursor: pointer;
    flex-shrink: 0;
    flex-basis: 19px;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li input:checked + label span.circle { position: relative; }
#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_li input:checked + label span.circle::after {
    position: absolute;
    display: block;
    content: '';
    width: 19px;
    height: 19px;
    background: url('/img/check.png') no-repeat center center;
    top: -1px;
    left: -1px;
}

#pc_search_box .search_bot .pc_search_preview_box .pc_search_preview_mid .cert_ul .cert_liinput:checked + label span.circle {
    border: 1px solid #f08200 !important;
}