.goods-search-box { width: 100%; }
.goods-search-box .table-search-field { width: 100%; border-collapse: collapse; border-radius: 12px; border-style: hidden; box-shadow: 0 0 0 1px #d6d6d6;  }
.goods-search-box .table-search-field > tbody > tr > th,
.goods-search-box .table-search-field > tbody > tr > td { border: 1px solid #E5E5E5 }
.goods-search-box .table-search-field > tbody > tr > th {background-color: #F3F3F3; color: #000000; font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size: 15px; font-weight: 500;border-radius: 0 0 0 12px;}
.goods-search-box .table-search-field > tbody > tr > td { padding: 13px 20px 14px }
.goods-search-box .table-search-field .research-box .research-top .research-top-left{}
.goods-search-box .research-top-right{display: flex;justify-content: space-between;padding: 10px 10px 0 17px;}
.goods-search-box .research-top-right .researchForm_left .chosen-container .chosen-single span{
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;font-size: 15px; font-weight: 500; color: #555;
}
.goods-search-box .researchForm_text,
.goods-search-box .research-top-right{
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size: 15px; font-weight: 500; color: #555;line-height: 35px;
}
.goods-search-box .researchForm_text span{
    color: #3488ea;
}
.goods-search-box .table-search-field .research-box .research-top .research-top-left input {
    width: 450px;
    height: 35px;
    border: 1px solid #d2d2d2;
    border-radius: 12px;
}
.goods-search-box .table-search-field .research-box .research-top .research-top-left input::placeholder,
.goods-search-box .table-search-field .research-box .research-top .research-top-left input::placeholder{
    /* color: #fad18a; */
    color: #999;
}
/* chosen-single */
.goods-search-box .chosen-container-single .chosen-single div b{    /*background: url(/data/skin/front/designbook_thegrandA/img/icon/etc/down-icon-y.png)no-repeat right center;*/ position: relative; right: 10px;}
.goods-search-box .chosen-drop{
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; font-size: 14px;
}
.goods-search-box .table-search-field .research-box .research-bottom {display:flex; align-items:center; gap:5px;}
.goods-search-box .table-search-field .research-box .research-bottom .btn-all-clear { border: 1px solid #CDCDCD; border-radius: 5px; background-color: #CDCDCD; color: #FFFFFF; padding: 5px 10px 6px;display: inline-block; }
.goods-search-box .table-search-field .research-box .research-bottom .research-list-box {display:flex; flex-flow:row wrap; align-items:center; gap:5px;}
.goods-search-box .table-search-field .research-box .research-bottom .research-list-box > li {
    border: 1px solid #CDCDCD;
    border-radius: 5px;
    display: inline-block;
	height: 31px; line-height: 31px; box-sizing: border-box;
    position: relative;
    }
    .goods-search-box .table-search-field   .chosen-container-active.chosen-with-drop .chosen-single{box-shadow: none;}
    .goods-search-box .chosen-container-active .chosen-single{box-shadow: none;}
    .goods-search-box .table-search-field .research-box .research-bottom .research-list-box > li span{
		position: relative; top: -6px;
    }
.goods-search-box .table-search-field .research-box .research-bottom .research-list-box > li span button {
    position: relative;
    top: -3px;
}
    .goods-search-box .table-search-field .research-box .research-bottom .research-list-box > li  button{
        position: relative;
        top: -2px;
    }
.search-category-box { /*width: 9vw;*/ width: 240px; margin: 2px 0;}

#researchForm { margin-bottom: 15px; }

.pagination > ul > li:hover { cursor: pointer }

/* 넓이 */
.width102p {
    width: 102% !important;
}

.width100p {
    width: 100% !important;
}

.width98p {
    width: 98% !important;
}

.width90p {
    width: 90% !important;
}

.width80p {
    width: 80% !important;
}

.width75p {
    width: 75% !important;
}

.width74p {
    width: 74% !important;
}

.width70p {
    width: 70% !important;
}

.width62p {
    width: 62% !important;
}

.width60p {
    width: 60% !important;
}

.width57p {
    width: 57% !important;
}

.width55p {
    width: 55% !important;
}

.width50p {
    width: 50% !important;
}

.width49p {
    width: 49% !important;
}

.width40p {
    width: 40% !important;
}

.width30p {
    width: 30% !important;
}

.width27p {
    width: 27% !important;
}

.width20p {
    width: 20% !important;
}

.width18p {
    width: 18% !important;
}

.width15p {
    width: 15% !important;
}

.width12p {
    width: 12% !important;
}

.width11p {
    width: 11% !important;
}

.width10p {
    width: 10% !important;
}

.width9p {
    width: 9% !important;
}

.width8p {
    width: 8% !important;
}

.width7p {
    width: 7% !important;
}

.width6p {
    width: 6% !important;
}

.width5p {
    width: 5% !important;
}

.width3p {
    width: 3% !important;
}

.width2p {
    width: 2% !important;
}

.width-4xs {
    width: 30px !important;
}

.width-3xs {
    width: 60px !important;
}

.width-2xs {
    width: 70px !important;
}

.width-xs {
    width: 100px !important;
}

.width-sm {
    width: 130px !important;
}

.width-md {
    width: 150px;
}

.width-lg {
    width: 200px !important;
}

.width-xl {
    width: 250px !important;
}

.width-2xl {
    width: 400px !important;
}

.width-3xl {
    width: 600px !important;
}

.width300 {
    width: 300px !important;
}

/* padding */
.pd0 {
    padding: 0 !important;
}
.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px !important;
}

.pd15 {
    padding: 15px;
}

.pdt3 {
    padding-top: 3px !important;
}

.pdt2 {
    padding-top: 2px !important;
}

.pdt10 {
    padding-top: 10px;
}

.pdt14 {
    padding-top: 14px;
}

.pdt100 {
    padding-top: 100px;
}

.pdr0 {
    padding-right: 0 !important;
}

.pdr10 {
    padding-right: 10px;
}

.pdr15 {
    padding-right: 15px;
}

.pdl0 {
    padding-left: 0 !important;
}

.pdl5 {
    padding-left: 5px;
}
.pdl8 {
    padding-left: 8px !important;
}
.pdl10 {
    padding-left: 10px;
}

.pdl15 {
    padding-left: 15px;
}

.pdl20 {
    padding-left: 20px;
}

.pdl30 {
    padding-left: 30px;
}

.pdl50 {
    padding-left: 50px;
}

.pdt5 {
    padding-top: 5px;
}

.pdt30 {
    padding-top: 30px;
}


.pdb5 {
    padding-bottom: 5px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pdb20 {
    padding-bottom: 20px;
}

.pdb24 {
    padding-bottom: 24px;
}



/* 간략보기 관련 */
.simple-view-box { 
    cursor:pointer; 
    position: absolute; 
    bottom: -70px; left: 50%; transform: translate(-50%, -50%); 
    border: 1px solid #c1c1c1; width: 230px; height: 38px; border-radius: 10px;background-color:rgb(255, 255, 255,0.8);
    box-shadow: 0 5px 10px rgba(0,0,0,0.05), 0 3px 5px rgba(0,0,0,0.05);
    transition: all 0.2s; }

    .simple-view-box:hover{

    }
    
.item_photo_box:hover .simple-view-box{
    position: absolute; 
    bottom: -5px; left: 50%; transform: translate(-50%, -50%); 
    transition: all 0.2s;
    display: none;
}

.simple-view-btn { 
    color: #555; font-weight: 500; width: 100%; height: 31px;     font-family: 'Noto Sans KR', sans-serif; font-size:15px;
    line-height: 38px;
}
.show-simple-box { visibility: visible; transition: .3s ease-out;}
/* 간략보기 관련 */