@charset "utf-8";
/* CSS Document */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}

body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5; font-family: 'Pretendard Variable', 'Pretendard','Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}




/* dpx 분할형 2025.11.10 */
.dpxGoodsList {position:relative; /*display:flex; flex-flow:row nowrap; justify-content:space-between*/}
.dpxGoodsList > .item_gallery_type {float:left; width:61%;}
.dpxGoodsList > .dpx_wishlist_table {float:left;width:52.5%;}
.dpxGoodsList > .item_gallery_type ul li .item_cont {width: calc(100% - 20px);}
.dpxGoodsList > .item_gallery_type ul li .item_cont .item_photo_box a > img {width:100%;}
.dpxGoodsList > .item_gallery_type ul li .item_cont .item_info_cont .item_tit_box .item_name { font-size:15px; box-sizing:border-box;}
.dpxGoodsList > .item_gallery_type ul li .item_cont .item_info_cont .item_tit_box .item_brand strong {font-size:13px;}
.dpxGoodsList > .item_gallery_type ul li .item_cont .item_info_cont .item_money_box .item_price{
    font-size: 18px;
    position: absolute;
    right: 15px;
}
.dpxGoodsList > .goods_list_hc {position: sticky; top: 76px; left: 730px; width: 38%; float: left; box-sizing: border-box;}/*★★★*/
.mypage_wish_list .dpxGoodsList > .goods_list_hc {width:47%;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap {}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcTit {}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail {display:flex; justify-content:space-between; margin:0 0 15px;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--img {overflow:hidden; width:170px;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--img img {display:block; width:100%; border-radius:10px;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--info {width:calc(100% - 185px);}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap  .item_add_option_box {float:unset; margin:0; padding:0; border:0;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap  .item_add_option_box > dl {padding:0; }
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap  .item_add_option_box > dl dt {display:none;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap  .item_add_option_box > dl dd {margin:5px 0 0;}
.mypage_wish_list .dpxGoodsList > .goods_list_hc .chosen-container {width:100% !important;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap  .option_total_display_area tbody td {border-bottom:0; !important;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--info table {width:100%; min-height:130px; padding:0 0 10px; text-align:left; }
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--info table th {height:auto; padding:0; color:#333; font-weight:600; font-size:14px; background:none; border:0;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--info table td {height:auto; padding:0; color:#333; font-size:14px; background:none; border:0;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcDetail .goods_list_hcDetail--info table td img{}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcCount {display:none; /*display:flex;*/ align-items:center; flex-flow:row nowrap; gap:10px; margin:15px 0; }
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcCount .dr--detail {display:block; width:175px; height:40px; font-size:14px; line-height:38px; text-align:center; border:1px solid #e0e0e0; box-sizing:border-box; border-radius:5px;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn {display:flex; align-items:center; flex-flow:row nowrap; gap:10px;margin:15px 0 0;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a {display:block; width:33.33333%; height:40px; margin:0; font-size:15px; line-height:38px; text-align:center; border:1px solid #e0e0e0; box-sizing:border-box; border-radius:5px;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a.dr--cart{color:#FFF; background:#3488ea; border-color:#3488ea;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a.dr--wish {}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a.dr--wish::before{ content: " "; width: 22px; height: 22px; background-repeat: no-repeat; display: inline-flex; align-items: center; background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt06.png); margin-right: 5px; position: relative; top: -6px; background-size:contain;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a.dr--wish--del {color: #FFF; background: #4ab9ec; border-color: #4ab9ec;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a.dr--wish--del::before{ content: " "; width: 22px; height: 22px; background-repeat: no-repeat; display: inline-flex; align-items: center; background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/btn_wish_icon2.png); position: relative; top: -6px; background-size:contain; z-index:10000;}
.dpxGoodsList > .goods_list_hc .goods_list_hcwrap .goods_list_hcBtn a.dr--order {}


/* 찜리스트 카테고리 2025.11.10 */
.wishlist_category_list { margin:0 0 15px; border-radius:10px;}
.wishlist_category_list .wishlist_category_tit {padding:15px; font-size:15px; background:#f3f3f3; border-bottom:1px solid #EAEAEA;}
.wishlist_category_list .wishlist_category_tit strong {color:#3488ea;}
.wishlist_category_list .wishlist_category_tit span {font-weight:bold;}
.wishlist_category_list table {width:100%; border-spacing:0;}
.wishlist_category_list table th {padding:15px 0; font-size:15px; background:#f3f3f3; border-bottom:1px solid #EAEAEA;font-weight: 600;}
.wishlist_category_list table td {padding:5px 0; font-size:15px; border-bottom:1px solid #EAEAEA;}
.wishlist_category_list table tr:last-child th,.wishlist_category_list table tr:last-child td {border-bottom:0;}
.wishlist_category_list table td ul {display:flex; flex-flow:row wrap; align-items:center;}
.wishlist_category_list table td ul li {width:25%;padding:4px 20px;box-sizing:border-box;}
.dpx_search_list {}
.dpx_search_list .dpx_search_wraps {display:flex; flex-flow:row nowrap; align-items:center; gap:10px;}
.dpx_search_list .dpx_search_wraps > div {display:flex; flex-flow:row nowrap; align-items:center; gap:10px; }
.dpx_search_list .dpx_search_wraps > div select {
    width: 150px;
    height: 28px;
    font-size: 15px;
    line-height: 34px;
    color: #353535;
    font-weight: 400;
    padding-left: 10px;
    line-height: 28px;
}
.dpx_search_list .dpx_search_wraps > div input {
    height: 35px;
    border: 1px solid #d2d2d2;
    border-radius: 12px;
    flex: 0 0 450px;
    min-width: 450px;
}
.dpx_search_list .dpx_search_wraps > div label[for="searchNm"] {
    display: block;
    font-size: 0;
    background: url(../img/dimg/top_search_btn5.png) no-repeat center;
    position: relative;
    left: -53px;
    top: -1px;
    width: 45px; 
}
.dpx_search_list .dpx_search_wraps > .reset_filter  {
    font-size: 0;
    margin: 0;
    width: 35px;
    height: 35px;
    position: relative;
    left: -56px;
    box-sizing: border-box;
    background: #f5f5f5 url(../img/icon/ico-custom-refresh.png) no-repeat center;
    background-size: 50%;
    border-radius: 12px;
    cursor: pointer;
}


/* 검색창 */
.dpx_search_cont--custom .recent_box {float:unset;}
.search_recent_area {}
.search_recent_area dt {display:flex; justify-content:space-between; align-items:center; margin:0 0 10px;}
.search_recent_area dt strong {font-size:12px; font-weight:400; color:#777; text-decoration:underline; }
.search_recent_area dd {padding:0 !important;}
.search_recent_area dd .js_recent_list {display:flex; flex-flow:row wrap; align-items:center; gap:5px; margin:0 !important;}
.search_recent_area dd .js_recent_list > li {display:flex; align-items:center; flex-flow:row nowrap; height:28px; padding:3px 8px; border:1px solid #EAEAEA; border-radius:5px; box-sizing:border-box;}
.search_recent_area dd .js_recent_list > li > a {display:block; overflow:visible; float:unset; width:100% !important; line-height:28px;}
.search_recent_area dd .js_recent_list > li > span {float:unset;}
.search_hit_area {width:90%;}
.search_hit_area dt {margin:0 0 10px;}
.search_hit_area dd ul {display:flex; align-items:center; flex-flow:row nowrap; justify-content:space-between; }
.search_hit_area dd ul li {position:relative; overflow:visible; display:flex; align-items:center; justify-content:center; height:15px; }
.search_hit_area dd ul li:after {content:''; display:block; width:1px; height:15px; margin:0 20px; background:#eaeaea;}
.search_hit_area dd ul li:last-child:after {display:none;}
.search_hit_area dd ul li a {width:auto !important; float:unset !important;}
.search_recom_area dt {margin:0 0 10px;}
.search_recom_area .js_recom_box {width:100% !important; padding:0 !important; border:0 !important;}
.search_recom_area .js_recom_box > dl {padding:0;}
.search_recom_area .js_recom_box > dl > dt {padding:0; text-align:left;}
.search_recom_area .js_recom_box > dl > dd {padding:0;}
.search_banner_area {overflow:hidden; width:500px;}
.search_banner_area .slick-slider .slick-list {width:100% !important;}