@charset "utf-8";

/*───────────────────────────────────────────────────────────

	 리스트 타입 : 상품상세/관련상품/검색/타임세일

───────────────────────────────────────────────────────────*/
/*** 갤러리형 | goods/list/list_01.html ***/
@import url("list/list_01.css");
/*** 상품 리스트형 | goods/list/list_02.html ***/
@import url("list/list_02.css");
/*** 심플이미지형 1 | goods/list/list_09.html ***/
@import url("list/list_09.css");
/*** 상품이동형 | goods/list/list_04.html ***/
@import url("list/list_04.css");
/*** 스크롤형 | goods/list/list_06.html ***/
@import url("list/list_06.css");
/*** 탭+상품이동형 | goods/list/list_07.html ***/
@import url("list/list_07.css");
/*** 장바구니형 | goods/list/list_11.html ***/
@import url("list/list_11.css");


/*** 상품상세 - 상품 문의 목록 | goods/goods_board_qa_list.php ***/

.goods_board_qa_list {border-top:1px solid #eeeeee;}
.goods_board_qa_list li {padding:0.9375rem 0; border-bottom:1px solid #eee;}
.goods_board_qa_list li .item_list_summary {display:table; width:100%;}
.goods_board_qa_list li .item_list_summary .board_left {display:table-cell; width:85%; vertical-align:middle;}
.goods_board_qa_list li .item_list_summary .board_left .author_box {font-size:0.8125rem; color:#888;}
/* 접수 */
.goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans1  {display:block; font-size:0.875rem; line-height:0.875rem; background:#fff; color:#ed1c24;}
/* 답변대기 */
.goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans2 {display:block; font-size:0.875rem; line-height:0.875rem; background:#fff; color:#ed1c24;}
/* 답변완료 */
.goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans3 {display:block; font-size:0.875rem; line-height:0.875rem; background:#fff; color:#ed1c24;}
.goods_board_qa_list li .item_list_summary .board_left .title {padding:0.125rem 0 0 0;}
.goods_board_qa_list li .item_list_summary .board_left .title a {font-size:0.875rem; color:#222; font-weight:400; line-height:1.375rem; word-break:break-all;}
.goods_board_qa_list li .item_list_summary .board_left .title img {margin:0 0.25rem 0 0;}
/* 선택 후 타이틀*/
.goods_board_qa_list li.selected .item_list_summary .board_left .title a {/* font-weight:bold; */}
.goods_board_qa_list li .item_list_summary .board_right {display:table-cell; width:15%; padding:0.3125rem 0 0 0; vertical-align:middle; text-align:center;}
.goods_board_qa_list .no_data {padding:1.875rem 0 1.875rem 0; text-align:center;}
.goods_board_qa_list .btn_box {/* padding:0.625rem 0.625rem 0.625rem 0.625rem; */ margin:1.5625rem 0 0 0;}

/*** 상품상세 - 상품 후기 목록 | goods/goods_board_review_list.php ***/
.goods_board_review_list {border-top:1px solid #eeeeee;}
.goods_board_review_list li {padding:0.9375rem 0; border-bottom:1px solid #eee;}
.goods_board_review_list li .item_list_summary {display:table; width:100%;}
.goods_board_review_list li .item_list_summary .board_left {display:table-cell; width:85%; vertical-align:middle;}
.goods_board_review_list li .item_list_summary .board_left .author_box {font-size:0.8125rem; color:#888;}
.goods_board_review_list li .item_list_summary .board_left .title {padding:0.125rem 0 0 0;}
.goods_board_review_list li .item_list_summary .board_left .title a {font-size:0.875rem; color:#222; line-height:1.375rem; word-break:break-all;      overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 1.5em;width: 100%;}
.goods_board_review_list li .item_list_summary .board_left .title img {margin:0 0.25rem 0 0;}
.goods_board_review_list li .item_list_summary .board_left .title span {display:inline-block;}
.goods_board_review_list li .item_list_summary .board_left .title span img {vertical-align:top;}
/* 리플 */
.goods_board_review_list li .item_list_summary .board_left .title .reply {padding-left:0.9375rem;}
/* 평점 */
.goods_board_review_list li .item_list_summary .board_left .star_box {width:3.75rem; height:0.6875rem; font-size:0; background:url('../../img/new/icon_star.png') no-repeat left top; background-size:3.75rem 0.6875rem; margin:0 0 0.5625rem 0;}
.goods_board_review_list li .item_list_summary .board_left .star_box .star_li {display:block; height:0.6875rem; background:url('../../img/new/icon_star_on.png') no-repeat left top; background-size:3.75rem 0.6875rem;}
/* 선택 후 타이틀*/
.goods_board_review_list li.selected .item_list_summary .board_left .title a {}
.goods_board_review_list li .item_list_summary .board_right {display:table-cell; width:15%; padding:0.3125rem 0 0 0; vertical-align:middle; text-align:center;}
.goods_board_review_list .no_data {padding:1.875rem 0 1.875rem 0; text-align:center;}
.goods_board_review_list .btn_box {/* padding:0.625rem 0.625rem 0.625rem 0.625rem; */ margin:1.5625rem 0 0 0;}

/*** 상품상세 - 상품 후기/문의 상세 | goods/goods_board_view.html ***/
.goods_board_view {}
.goods_board_view .board_link {color:#777777; font-weight:bold;}
.goods_board_view .board_link a {color:#777777;}
.goods_board_view .board_link span {}
.goods_board_view .contents_holder {table-layout:fixed; color:#222; word-break:break-all; word-wrap:break-word; font-size:0.875rem; font-weight:400; margin:0.625rem 0 0 0;}
.goods_board_view .comment_options {padding:0.3125rem 0 0.625rem 0;}
.goods_board_view .uploadFile {padding:0.625rem 0 0.625rem 0;}
.goods_board_view .uploadFile a {color:#95969e;}
.goods_board_view .uploadFile a img {margin:0 0.3125rem 0 0;}
/* 관리자 답변 */
.goods_board_view .reply_box .item_list_summary {margin:0.9375rem 0 0 0; padding:0.9375rem 0 0 0; border-top:1px solid #e2e2e2; color:#a9a9a9;}
.goods_board_view .reply_box .item_list_summary .writer {}
.goods_board_view .reply_box .contents_holder {padding:0.3125rem 0 0.625rem 0;}
.goods_board_view .reply_box .contents_holder dt {font-weight:bold;}
/* 기본 */
.goods_board_view .comment_wrap {}
.goods_board_view .comment_wrap .comment_list {padding:0.625rem 0 0.3125rem 0; margin:0 0 0.625rem 0; border-top:1px solid #e2e2e2;}
.goods_board_view .comment_wrap .comment_list .item_list_summary {color:#a9a9a9;}
.goods_board_view .comment_wrap .comment_list .contents_holder {padding:0.625rem 0 0.625rem 0;}
.goods_board_view .comment_wrap .rereply_row {padding:0.625rem 0.625rem 0.625rem 0.625rem;}
/* 비회원 / 회원 댓글 */
.goods_board_view .comment_wrap .reply_form {width:100%; background:#f5f5f5;}
.goods_board_view .comment_wrap .reply_form dl {padding:0.625rem 0.625rem 0 0.625rem;}
.goods_board_view .comment_wrap .reply_form dl dd { line-height:0;}
.goods_board_view .comment_wrap .reply_form dl.reply_info {display:inline-block; font-size:0;}
.goods_board_view .comment_wrap .reply_form dl.reply_info dd {display:inline-block; padding-right:0.3125rem;}
.goods_board_view .comment_wrap .reply_form dl.reply_info dd input {width:8.125rem; height:2.0625rem; font-size:0.875rem; border:1px solid #c9c9c9; box-sizing:border-box; text-indent:10px;}
.goods_board_view .comment_wrap .reply_form dl dd label {font-weight:bold;}
.goods_board_view .comment_wrap .reply_form dl dd textarea {width:100%; padding:0.3125rem 0.3125rem 0.3125rem 0.3125rem; line-height:1.5rem; border:1px solid #cccccc;  box-sizing:border-box;}
/* 댓글 작성 */
.goods_board_view .comment_wrap .memo_outer_box { padding:0.625rem; background:#f5f5f5;}
.goods_board_view .comment_wrap .memo_outer_box .memo_outer {display:table; width:100%;}
.goods_board_view .comment_wrap .memo_outer_box .memo_outer .memo_box {display:table-cell; width:calc(100% - 5.9375rem); padding:0 0.3125rem 0 0; vertical-align:middle; line-height:0;}
.goods_board_view .comment_wrap .memo_outer_box .memo_outer .memo_box textarea {width:100%; padding:0.3125rem; min-height:5.3125rem; line-height:1.125rem;  border:1px solid #e1e1e1; box-sizing:border-box;}
.goods_board_view .comment_wrap .memo_outer_box .memo_outer .memo_submit {display:table-cell; width:5.625rem; text-align:center; vertical-align:middle; line-height:0;}
/*댓글 권한 */
.goods_board_view .comment_write {padding:0.625rem 0 0.625rem 0; text-align:center;}
.goods_board_view .sub_info {padding:0 0 0.625rem 0;}


/*** 상품정보 | goods/goods_info.html ***/

.goods_info {position:relative;}
.goods_info .btn_box {position:absolute; top:0; right:0; z-index:10;}

/*** 상품리스트 | goods/goods_list.html ***/
.goods_list {padding-bottom:3.75rem;}
/* 카테고리 */
.goods_list .goods_list_category {}
.goods_list .goods_list_category ul {font-size:0; padding:0 0.9375rem;}
.goods_list .goods_list_category ul li {display:inline-block; vertical-align:top; width:33.333%; text-align:center; position:relative;}
.goods_list .goods_list_category ul li:after {content:''; background-color:#a2a2a2; width:0.0625rem; height:0.875rem; display:block; position:absolute; right:0; top:50%; margin-top:-0.375rem;}
.goods_list .goods_list_category ul li:last-child:after {display: none;}
.goods_list .goods_list_category ul li a {display:inline-block; padding:0.625rem 0; font-size:0.875rem; font-weight:500; line-height:1.9375rem;}
.goods_list .goods_list_category ul li.selected a {font-weight:bold; color:#ed1c24;}
/* 추천상품 */
.goods_list .goods_list_recom {}
.goods_list .goods_list_recom .user_tune {padding:0.3125rem 0 0.3125rem 0;}
.goods_list .goods_list_recom h3 {position:relative; display:block; padding:0.5rem 0 0.5rem 0.625rem; font-size:1rem; color:#181818; border-bottom:1px solid #f3f2f2; border-top:1px solid #f3f2f2; text-align:left; font-weight:bold;}
.goods_list .goods_list_recom h3 .more_btn_box {position:absolute; top:0.375rem; right:0.625rem;}
.goods_list .goods_list_recom .recommend_prd_list {font-size:0;}
.goods_list .goods_list_recom .btn_box {padding:0.9375rem 0.9375rem 0.9375rem 0.9375rem;}
.goods_list .goods_list_content {}
.goods_list .goods_list_content .goods_top_box {padding:0.625rem; background:#f9f9f9;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box {display:table; width:100%; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort {display:table-cell; width:50%; vertical-align:middle;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:8rem;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type {display:table-cell; width:50%; text-align:right; vertical-align:middle;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul {font-size:0; text-align:right;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li {display:inline-block; padding:0 0 0 0.25rem;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button {display:inline-block; width:1.9375rem; height:1.9375rem; font-size:0; border:1px solid #cfcfcf;}
/* OFF */
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button {background:#ffffff url('../../img/icon/icon_product_type_list.png') no-repeat center; background-size:1rem;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button {background:#ffffff url('../../img/icon/icon_product_type_gallery1.png') no-repeat center; background-size:1rem;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button {background:#ffffff url('../../img/icon/icon_product_type_gallery2.png') no-repeat center; background-size:1rem;}
/* ON */
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on {background:#ffffff url('../../img/icon/icon_product_type_list_on.png') no-repeat center; background-size:1rem;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery1_on.png') no-repeat center; background-size:1rem;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery2_on.png') no-repeat center; background-size:1rem;}
.goods_list .goods_list_content .loading_img {text-align: center;}
.goods_list .goods_list_box {font-size:0; list-style:none;}
.goods_list .btn_box {padding:0.625rem 0.9375rem; font-size:1rem;}

/*** 메인상품 | goods/goods_main.html ***/

.goods_main .goods_list_content .goods_top_box {padding:0.625rem; background:#f9f9f9;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box {display:table; width:100%; }
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_sort {display:table-cell; width:50%; vertical-align:middle;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:8rem;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type {display:table-cell; width:50%; text-align:right; vertical-align:middle;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul {font-size:0; text-align:right;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li {display:inline-block; padding:0 0 0 0.25rem;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button {display:inline-block; width:1.9375rem; height:1.9375rem; font-size:0; border:1px solid #cfcfcf;}
/* OFF */
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button {background:#ffffff url('../../img/icon/icon_product_type_list.png') no-repeat center; background-size:1rem;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button {background:#ffffff url('../../img/icon/icon_product_type_gallery1.png') no-repeat center; background-size:1rem;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button {background:#ffffff url('../../img/icon/icon_product_type_gallery2.png') no-repeat center; background-size:1rem;}
/* ON */
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on {background:#ffffff url('../../img/icon/icon_product_type_list_on.png') no-repeat center; background-size:1rem;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery1_on.png') no-repeat center; background-size:1rem;}
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery2_on.png') no-repeat center; background-size:1rem;}
.goods_main .goods_list_box {font-size:0; list-style:none;}

.goods_main .btn_box {padding:0.625rem 0.625rem 0.625rem 0.625rem; font-size:1rem;}


/*** 추천상품 | goods/goods_recom.html ***/

.goods_recom .goods_list_content .goods_top_box {padding:0.625rem; background:#f9f9f9;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box {display:table; width:100%; }
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_sort {display:table-cell; width:50%; vertical-align:middle;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:8rem;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type {display:table-cell; width:50%; text-align:right; vertical-align:middle;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul {font-size:0; text-align:right;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li {display:inline-block; padding:0 0 0 0.25rem;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button {display:inline-block; width:1.9375rem; height:1.9375rem; font-size:0; border:1px solid #cfcfcf;}
/* OFF */
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button {background:#ffffff url('../../img/icon/icon_product_type_list_on.png') no-repeat center; background-size:1rem;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button {background:#ffffff url('../../img/icon/icon_product_type_gallery1.png') no-repeat center; background-size:1rem;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button {background:#ffffff url('../../img/icon/icon_product_type_gallery2.png') no-repeat center; background-size:1rem;}
/* ON */
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on {background:#ffffff url('../../img/icon/icon_product_type_list_on.png') no-repeat center; background-size:1rem;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery1_on.png') no-repeat center; background-size:1rem;}
.goods_recom .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery2_on.png') no-repeat center; background-size:1rem;}
.goods_recom .goods_list_box {font-size:0; list-style:none;}

.goods_recom .btn_box {padding:0.625rem 0.625rem 0.625rem 0.625rem; font-size:1rem;}


/*** 검색상품 | goods/goods_search.html ***/

.goods_search {}
.goods_search .tit {position:relative; padding:0.6875rem 0.6875rem 0.625rem; border-bottom: 1px solid #e5e5e5; }
.goods_search .tit .keyword {color:#222222; font-size:1rem; font-weight:bold; line-height:1.3125rem}
.goods_search .tit .prd_num {padding:0.125rem 0 0 0; color:#888888; font-size:0.8125rem;}
.goods_search .tit .prd_num span {}
.goods_search .tit .lst{position:relative;padding:0 0.25rem 0 0.5rem;color:#888;font-size:0.8125rem}
.goods_search .tit .lst:first-of-type{padding-left:0}
.goods_search .tit .lst em{position:relative;top:0.0625rem;color:#fa2828;font-size:0.9375rem;font-weight:bold}
.goods_search .tit .lst:after{position:absolute;top:0.0625rem;left:0;width:0.0625rem;height:0.75rem;background:#cacaca;content:''}
.goods_search .tit .lst:first-of-type:after{display:none}

/* 페이코 배너 */
.goods_search .tit .payco_banner {position:absolute; top:1.375rem; right:0.625rem;}
.goods_search .tit .payco_banner img {}
.goods_search .goods_search_category {}
.goods_search .goods_search_category ul {font-size:0;}
.goods_search .goods_search_category ul li {display:inline-block; vertical-align:top; }
.goods_search .goods_search_category ul li a {display:inline-block; padding:0.3125rem 0.5rem 0.3125rem 0.5rem; font-size:0.875rem;}
.goods_search .goods_search_category ul li.selected a {font-weight:bold; }
.goods_search .goods_search_content {}
.goods_search .goods_search_content .goods_top_box {padding:0.625rem; background:#f9f9f9;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box {display:table; width:100%; }
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_sort {display:table-cell; width:50%; vertical-align:middle;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:8rem;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type {display:table-cell; width:50%; text-align:right; vertical-align:middle;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul {font-size:0; text-align:right;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li {display:inline-block; padding:0 0 0 0.25rem;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li button {display:inline-block; width:1.9375rem; height:1.9375rem; font-size:0; border:1px solid #cfcfcf;}
/* OFF */
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button {background:#ffffff url('../../img/icon/icon_product_type_list.png') no-repeat center; background-size:1rem;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button {background:#ffffff url('../../img/icon/icon_product_type_gallery1.png') no-repeat center; background-size:1rem;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button {background:#ffffff url('../../img/icon/icon_product_type_gallery2.png') no-repeat center; background-size:1rem;}
/* ON */
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on {background:#ffffff url('../../img/icon/icon_product_type_list_on.png') no-repeat center; background-size:1rem;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery1_on.png') no-repeat center; background-size:1rem;}
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on {background:#ffffff url('../../img/icon/icon_product_type_gallery2_on.png') no-repeat center; background-size:1rem;}
.goods_search .goods_product_list {font-size:0; list-style:none;}
.goods_search .btn_box {padding:0.625rem 0.9375rem; font-size:0.875rem;}
.goods_search .loading_img {text-align: center;}

.goods_search .goods_search_content .goods_list_box {padding-bottom:3.75rem;}

/*** 최근 본 상품 | goods/goods_today.php ***/

.goods_today {padding-bottom:3.75rem;}
.goods_today .today_content_box {}
.goods_today .today_content_box .allchk {margin:0 0 0.3125rem 0; padding:0.625rem 0.9375rem 0.625rem 0.9375rem;}
.goods_today .today_content_box .my_goods {padding:0 0 0.3125rem 0; border-top:1px solid #eee;}
.goods_today .today_content_box .my_goods > li {position:relative; /* margin:0 0.9375rem 0.625rem 0.9375rem; */ border-bottom:1px solid #eee; background:#fff; padding:0 0.9375rem; margin:0 0 0.625rem;}
.goods_today .today_content_box .my_goods li .info {display:table; width:100%; padding:0.625rem 0 0.625rem 0; }
.goods_today .today_content_box .my_goods li .info > a {display:block; margin:1.875rem 0.625rem 0 0.625rem;}
.goods_today .today_content_box .my_goods li .info .select_del_box {position:absolute; top:0.125rem; right:0.25rem;}
.goods_today .today_content_box .my_goods li .info .itemhead {display:table-cell; vertical-align:top;}
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box {position:relative; line-height:0; }
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box .thmb {line-height:0; font-size:0;}
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box .thmb img {width:5.625rem;}
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box .timesale_box {position:absolute; bottom:0; left:0; width:100%; padding:0.625rem 0 0.625rem 0; text-align:center; background:rgba(0,0,0,0.5);}
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box .timesale_box img {width:0.9375rem; height:0.9375rem; vertical-align:-3px;}
.goods_today .today_content_box .my_goods li .info .itemhead .thmb_box .timesale_box .timetext {color:#fff;}
.goods_today .today_content_box .my_goods li .info .itembody {display:table-cell; padding:0 0 0 0.9375rem; vertical-align:middle;}
.goods_today .today_content_box .my_goods li .info .itembody .prc {font-weight:bold;}
.goods_today .today_content_box .my_goods li .chk_box {position:absolute; top:0.625rem; left:0.9375rem;}
.goods_today .today_content_box .my_goods li .chk_box label {display:none;}
.goods_today .btn_wish_bx {padding:0.3125rem 0.9375rem 0.3125rem 0.9375rem;}
.goods_today .btn_wish_bx ul {display:table; width:100%;}
.goods_today .btn_wish_bx ul li {display:table-cell; width:50%; box-sizing:border-box;}
.goods_today .btn_wish_bx ul li:first-child {padding-right:0.3125rem;}
.goods_today .btn_wish_bx ul li:last-child {padding-left:0.3125rem;}
.goods_today .no_bx {text-align:center; padding:3.125rem 0;}

/*** 상품상세 | goods/goods_view.php ***/

.goods_view {}
.goods_view .cont_detail {position:relative; margin-bottom:0.5rem; } /* 260818-55 : 페이지네이션이 이미지 위로 올라가 아래 여백을 줄임(0.9375 -> 0.5rem) */

/* SLIDER */
.goods_view_image_slider {display:block; position:relative; height:100%;}
.goods_view_image_slider > li > img {width:100%; height:auto;}
.goods_view_image_slider .slick-dots {position:absolute; left:0; right:0; bottom:0.5rem; height:auto; margin:0; text-align:center; z-index:2; opacity:0.8;} /* 260818-55 : 이미지 아래 영역을 차지하던 페이지네이션을 이미지 하단 위에 겹치도록 변경 / 260818-64 : 이미지 위에 올라가므로 투명도 80% */
.goods_view_image_slider .slick-dots li {display:inline-block; margin:0 0.1875rem 0 0.1875rem; padding:0; font-size:0; vertical-align:top; cursor:pointer; }
.goods_view_image_slider .slick-dots li button {display:inline-block; width:0.625rem; height:0.625rem; margin:0; padding:0; background:#b9b9b9; border-radius:0.5rem; border:none;} /* 260818-64 : 원래 모양(회색 원, 0.625rem)으로 되돌림 - 위치만 이미지 위로 */
.goods_view_image_slider .slick-dots li.slick-active button {background:#d42828;} /* 260818-64 : 현재 위치 표시도 원래 색(빨강 원) 그대로 */
.goods_view_image_slider, .goods_view_image_slider img {overflow:hidden; width:100%;}

/* 타임세일 */
.goods_view .time_sale_box {background:#606e89;}
.goods_view .time_sale_box .event {}
.goods_view .time_sale_box .event .time_count {padding:0.9375rem 0 0.9375rem 0; text-align:center;}
.goods_view .time_sale_box .event .time_count .sale_percent {display:inline-block; padding:0.3125rem 0.625rem 0.3125rem 0.625rem; background:#8092b6; font-size:0.9375rem; color:#ffffff; border-radius:0.9375rem;
font-weight:bold;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box {padding:0.4375rem 0 0px 0;text-align:center;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box .time_sale_icon {display:inline-block; vertical-align:top;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box .time_sale_icon img {width:1.25rem; margin:0.4375rem 0 0 0; vertical-align:top;}

/* 날짜 */
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate .time_day strong {padding:0 0.125rem 0 0.125rem;}

/* 시간 */
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate {display:inline-block; vertical-align:top;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate .time_box {display:inline-block; font-size:0;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate .time_box .time {display:inline-block; padding:0 0.125rem 0 0.125rem;}

/* 시,분,초 색상 */
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate span {color:#fff; font-size:1.5rem;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate strong {color:#fff; font-size:1.5rem;}
.goods_view .time_sale_box .event .time_count .time_sale_date_box .timesaledate span.time_day_view_tail {font-size:1.1875rem;}

/* 구매 갯수 */
.goods_view .time_sale_box .event .time_count .sale_order_count {font-size:1rem; color:#fff;}

/* 상단 탭메뉴 */
.goods_view .detail_tab_info {position:absolute; bottom:0.9375rem; right:0; width:100%; z-index:60; padding:0 0.9375rem; box-sizing:border-box; text-align:right;}
.goods_view .detail_tab_info button {background-color:transparent; color:#444; font-size:0.8125rem; font-weight:500;font-family : "roboto";}
.goods_view .detail_tab_info button span, .goods_view .detail_tab_info button img {vertical-align:middle;}
.goods_view .detail_tab_info button img {width:0.625rem; height:0.625rem; margin:0 0 0 0.25rem;}
.goods_view .detail_tab_info .ly_info {display:none; width:100%; background:rgba(255,255,255,0.9);}
.goods_view .detail_tab_info .ly_info li { padding:0 0 0 0.9375rem; border-bottom:1px solid #d5d5d5;}
.goods_view .detail_tab_info .ly_info li a {position:relative; display:block; width:100%; height:2.25rem;  font-size:0.8125rem; color:#222222; line-height:2.25rem; font-weight:bold;padding: 0 2.1875rem 0 0; box-sizing: border-box;}
.goods_view .detail_tab_info .ly_info li a:after {position:absolute; top:50%; right:0.9375rem; width:0.5rem; height:0.9375rem; margin:-0.5rem 0 0 0; content:''; background:url('../../img/icon/icon_arrow_next1.png') no-repeat center; background-size:100%;}

/* 공유하기 레이어 팝업 */
.goods_view  .ly_share {position:fixed; top:0px; left:0; width:100%; height:100%; padding:0 0 0px 0; z-index:1000;}
.goods_view  .ly_share .ly_share_bg {width:100%; height:100%; background:rgba(0,0,0,0.8);}
.goods_view  .ly_share .ly_share_content {position:absolute; top:50%; left:50%; margin:0 0 0 -9.0625rem;}
.goods_view  .ly_share .ly_share_content .ly_share_box {position:relative; width:18.125rem; background:#ffffff;}
.goods_view  .ly_share .ly_share_content .ly_share_box h3 {padding:0.625rem 0 0.625rem 0; background:#f2f3f3;text-align:center;}
.goods_view  .ly_share .ly_share_content .ly_share_box ul {width:15rem; margin:0 auto; padding:1.25rem 1.5625rem 0 1.5625rem; font-size:0; text-align:left;}
.goods_view  .ly_share .ly_share_content .ly_share_box ul li {display:inline-block; width:33.3%; padding:0 0 1.25rem 0; vertical-align:top; text-align:center;}
.goods_view  .ly_share .ly_share_content .ly_share_box ul li a {font-size:0.8125rem; color:#888888;}
.goods_view  .ly_share .ly_share_content .ly_share_box ul li a img {width:2.9375rem;}
.goods_view  .ly_share .ly_share_content .ly_share_box .copy {width:100%; display:table; padding-bottom:1.25rem; text-align:center;}
.goods_view  .ly_share .ly_share_content .ly_share_box .copy div.input {padding:0 0.625rem 0 0.625rem;}
.goods_view  .ly_share .ly_share_content .ly_share_box .copy div.input input {width:13.125rem; height:1.9375rem; padding:0 0.625rem 0 0.625rem; font-size:0.875rem; font-weight:bold; background:#fafafa; border:1px solid #dadada; box-sizing:border-box;}
.goods_view  .ly_share .ly_share_content .ly_share_box .copy div.btn {padding:0.3125rem 2.5rem 0 2.5rem;}
.goods_view  .ly_share .ly_share_content .ly_share_box .btn_box {position:absolute; top:0; right:0;}

/* 공유하기 & 찜 버튼 */
.goods_view {}
.goods_view .share_btn_box {padding:1.5625rem 0;}
.goods_view .share_btn_box ul {display:table; width:100%; padding:0 0.9375rem; box-sizing:border-box;}
.goods_view .share_btn_box ul li {display:table-cell; width:50%;}
.goods_view .share_btn_box ul li:first-child {padding-right:0.3125rem;}
.goods_view .share_btn_box ul li:last-child {padding-left:0.3125rem;}
.goods_view .share_btn_box ul li button {display:block; margin:0 auto; padding:0.625rem 0; font-size:0.8125rem; text-align:center; background:none; border:none; color:#333333; font-weight:bold; border:1px solid #ccc; border-radius:1.875rem; box-sizing:border-box; display: block; width:100%;}
.goods_view .share_btn_box ul li.d_share button {padding-left:1.5625rem; background:url('../../img/new/icon_share.png') no-repeat 30% center; background-size:1.0625rem;}
.goods_view .share_btn_box ul li.d_share button.on {background:url('../../img/new/icon_share_on.png') no-repeat 30% center; background-size:1.1875rem;}
/* .goods_view .share_btn_box ul li.d_share {background:url('../../img/icon/icon_line1.gif') no-repeat right center; background-size:0.0625rem 1.25rem;} */
.goods_view .share_btn_box ul li.d_wish button {padding-left:1.5625rem; background:url('../../img/new/icon_heart.png') no-repeat 30% center; background-size:1.0625rem;}

/* 기본정보 */
.goods_view .detail_info {}
.goods_view .detail_info .detail_info_top h1 {font-size:1.125rem; color:#222; word-break: break-all; font-weight:500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.5em;height: 3.0em;width: 100%;} /* 261016-7 : 상품명 h3->h1, 선택자를 상품명으로 한정 */
.goods_view .detail_info .detail_info_top {padding:1.25rem 0.9375rem 0.625rem;border-top:7px solid #ddd;}
.goods_view .detail_info .detail_info_top h1 {padding-bottom:0.625rem; margin-bottom:0.625rem; border-bottom:1px solid #e8e8e8;} /* 260818-52 : 상품명 아래 구분선 */ /* 261016-7 : h3->h1 */
.goods_view .detail_info .detail_info_top .prd_icon {padding:0 0 0.125rem 0;}
.goods_view .detail_info .detail_info_top .brand {padding:0 0 0.125rem 0; color:#666; font-size:0.8125rem;}
.goods_view .detail_info .detail_info_top .price_box {position:relative; font-size:0.75rem; }
.goods_view .detail_info .detail_info_top .price_box .coupon_price {margin-right:0.3125rem;}
.goods_view .detail_info .detail_info_top .price_box .time_sale_price {margin-right:0.3125rem;}
.goods_view .detail_info .detail_info_top .price_box .price {font-size:1.5rem; color:#ed1c24; font-weight:500;font-family : "roboto";}
.goods_view .detail_info .detail_info_top .price_box .won {font-weight:500; font-size:0.9375rem; color:#ed1c24;}
.goods_view .detail_info .detail_info_top .price_box del {color:#999999;}
.goods_view .detail_info .detail_info_top .price_box .won1 {color:#999999;}
.goods_view .detail_info .detail_info_top .price_box .won2 {margin-right:0.3125rem; font-weight:bold;}
.goods_view .detail_info .detail_info_top .price_box .time_sale {margin-left:0.3125rem;}
.goods_view .detail_info .detail_info_top .price_box .coupon_box {padding:0.125rem 0 0 0;}

/* 할인율 */
.goods_view .detail_info .detail_info_top .price_box .price_sale {position:absolute; top:0; right:0; color:#ac3c54; font-size:0.9375rem;}
.goods_view .detail_info .detail_info_top .price_box .price_sale strong {font-size:1.5rem;}

/* 기타정보 */
.goods_view .detail_info .detail_sub_info {padding:0.625rem 0.9375rem 0.625rem 0.9375rem; background-color:#fafafa;}
.goods_view .detail_info .detail_sub_info dl {display:table; width:100%;}
.goods_view .detail_info .detail_sub_info dl dt {display:table-cell; width:25%; font-size:1rem; font-weight:500; vertical-align:middle;}
.goods_view .detail_info .detail_sub_info dl dd {display:table-cell; width:75%; font-size:0.875rem; vertical-align:middle;}

/*250526:추가배송비버튼*/
.detail_sub_info .area_del, .sec_delivery_box .area_del{display: inline-block;padding: 0.375rem 0.75rem; margin-top: 0.3125rem; background-color: #fff; border: 1px solid #e1e1e1; border-radius: 0.25rem; color: #333; text-decoration: none; font-size: 0.8125rem; transition: all 0.2s ease;} /* 260818-48 : 배송정보 행이 배송 섹션으로 이동해 선택자 병기 */
.detail_sub_info dd span{padding-right:1.25rem;}

/* 260818-46/-48 : 상품상세 섹션 소제목(상품정보/배송). 모바일은 가격이 상단이라 PC(260713-1)의 1/2/3 번호는 붙이지 않음 */
.goods_view .sec_tit_m {padding:1.25rem 0.9375rem 0.5rem; font-size:0.9375rem; font-weight:500; color:#8a8f96;} /* 260818-53 : 카드 좌우 여백에 맞추고 PC 소제목(회색)과 같은 톤으로 */
/* 260818-46/-47 : 상품정보 칩(.cmp_chip 은 리스트 카드용으로 이미 정의됨 - 여백만 지정) */
.goods_info_new .cmp_chip {margin:0; vertical-align:middle;} /* 260818-53 : 간격은 dd 의 gap 으로 처리 */
/* 260818-48 : 배송 섹션(.goods_info_new 규칙 재사용, 배송비 행만 추가 지정) */
/* 260818-54 : 배송비 값은 [금액 + 결제방식 + 배송방식문구] 를 줄바꿈 없이 첫 줄에 두고,
   조건부배송/지역별 추가배송비 링크는 dv_break(order:1) 뒤로 밀어 둘째 줄에 표시 */
.sec_delivery_box .item_delivery > dd {line-height:1.5;}
.sec_delivery_box .item_delivery > dd > span {white-space:nowrap;}
/* 260818-54 : 배송방식 문구(deliveryMethodFlText)는 바로 위 '배송형태' 행과 내용이 겹쳐 숨김. 다시 보이려면 이 줄만 삭제 */
.sec_delivery_box .item_delivery .dv_method {display:none;}
.sec_delivery_box .item_delivery .dv_break {order:2; flex-basis:100%; width:100%; height:0; padding:0; margin:0;}
/* 260818-60 : '지역별 추가배송비' 버튼은 금액과 같은 첫 줄에(order 기본값), '(조건부배송 확인)' 링크만 다음 줄(order:2) */
.sec_delivery_box .item_delivery .condition_del {order:3; margin-top:0;}
.sec_delivery_box .item_delivery .area_del {order:1; margin-top:0;} /* 금액·결제방식(order 0) 바로 뒤, 자리가 없으면 자연스럽게 다음 줄 */
.sec_delivery_box .item_delivery #bulkAreaFeeWrap {order:4; flex-basis:100%; margin-top:0.25rem;}
.sec_delivery_box .condition_del {color:#666; font-size:0.75rem; white-space:nowrap;}
.sec_delivery_box .area_del {padding:0.1875rem 0.375rem; font-size:0.75rem; white-space:nowrap;}
/* 260818-49 : 벌크(015) 지역선택 (PC 260716-28/-29 를 모바일 rem 기준으로) */
#bulkAreaFeeWrap {display:none; align-items:center; flex-wrap:wrap; gap:0.3125rem; margin-top:0.5rem; width:100%; white-space:normal;} /* 260818-62 : 부모 dd 의 nowrap 이 상속돼 안내문구가 잘리던 것 해제 */
#bulkAreaFeeWrap.on {display:flex;}
/* 260818-61 : 배송비 조건명(예: 벌크2파렛트 운임) 칩에 옅은 회색 배경 / 260818-62 : 아래 시·도/시·군·구 셀렉트가 한 줄을 쓰도록 조건명은 별도 줄 */
#bulkAreaFeeWrap .bulk_area_title {flex:0 0 100%; padding:0.3125rem 0.5rem; border:1px solid #e3e5e8; border-radius:0.25rem; background:#f2f3f5; font-size:0.8125rem; line-height:1.3; color:#333; box-sizing:border-box;}
#bulkAreaFeeWrap select {flex:1 1 0; width:auto; min-width:0; max-width:100%; height:2rem; padding:0.125rem 0.25rem; border:1px solid #ccc; border-radius:0.25rem; background:#fff; font-size:0.75rem; box-sizing:border-box;} /* 260818-62 : 시/도 + 시/군/구 를 한 줄에 반씩, 셀 너비를 넘지 않도록 */
#bulkAreaFeeWrap .bulk_area_fee {flex-basis:100%; color:#e10505; font-weight:700; font-size:0.875rem;}
#bulkAreaFeeWrap .bulk_area_notice {flex-basis:100%; margin:0; font-size:0.75rem; line-height:1.4; color:#888; white-space:normal;}
/* 260818-50 : 가격영역 보강(회원가 미리보기/적립/가입혜택 배너) */
.goods_view .detail_info .detail_info_top .price_box .gv_member_price,
.goods_view .detail_info .detail_info_top .price_box .gv_mileage {margin-top:0.375rem; font-size:0.875rem; color:#333;}
.goods_view .detail_info .detail_info_top .price_box .gv_member_price .lbl,
.goods_view .detail_info .detail_info_top .price_box .gv_mileage .lbl {display:inline-block; margin-right:0.25rem; color:#888;}
.goods_view .detail_info .detail_info_top .price_box .gv_member_price strong {font-size:1rem; color:#222;}
.goods_view .detail_info .detail_info_top .price_box .gv_member_price .dc_tag {margin-left:0.25rem; font-size:0.8125rem; color:#e10505;}
.goods_view .detail_info .detail_info_top .price_box .gv_mileage strong {color:#222;}
.goods_view .detail_info .detail_info_top .price_box .gv_join_banner {margin-top:0.5rem;}
.goods_view .detail_info .detail_info_top .price_box .gv_join_banner a {display:block; padding:0.5rem 0.625rem; border-radius:0.25rem; background:#f6f3ec; font-size:0.75rem; color:#6b5333; text-decoration:none;}
.goods_view .detail_info .detail_info_top .price_box .gv_join_banner strong {color:#222; font-weight:700;}

/* 상세 구매버튼 (레이어도 동일) */
.detail_buy {position:fixed !important; left:0; bottom:0; width:100%;background:#ffffff;/*-webkit-transition:all 0.5s;transition:all 0.5s;*/ z-index:302;}
.detail_buy .detail_buy_top_btn {position:relative;}
.detail_buy .detail_buy_top_btn .detail_open_close {position:absolute; top:-1.75rem; left:50%; display:inline-block; margin:0 0 0 -1.6875rem;}
.detail_buy .detail_buy_top_btn .detail_open_close a {display:inline-block; width:2.625rem; height:0.8125rem; font-size:0; /* background:url('../../img/new/icon_detail_arrow_up.png') no-repeat center top; background-size:2.625rem 0.8125rem; */}
.detail_buy .detail_buy_top_btn .detail_open_close.on a {display:inline-block; width:2.625rem; height:0.8125rem; font-size:0; background:url('../../img/new/icon_detail_arrow_up.png') no-repeat center top; background-size:2.625rem 0.8125rem;}
.detail_buy .detail_prd_btn {padding:0;}
.detail_buy .detail_prd_btn ul {display:table; width:100%;}
.detail_buy .detail_prd_btn ul li {display:table-cell;}
.detail_buy .detail_prd_btn ul li .detail_cart_btn {border:0; border-top:1px solid #222;}
/* 260818-51 : 상품상세 하단 고정바를 상품리스트 하단 선택바(.cmp_select_bar 이 파일 아래쪽)와 같은 형태로 통일.
   버튼 구성은 [찜하기 아이콘][장바구니][바로구매] 유지. 값은 선택바와 동일(높이 2.75rem, 간격 0.5rem, 좌우 여백 0.75rem) */
.detail_buy .gv_buy_bar {padding:0.5rem 0.75rem calc(0.625rem + constant(safe-area-inset-bottom)); padding:0.5rem 0.75rem calc(0.625rem + env(safe-area-inset-bottom)); background:#fff; border-top:1px solid #e5e5e5; box-shadow:0 -0.125rem 0.5rem rgba(0,0,0,0.04);}
.detail_buy .gv_buy_bar ul {display:flex; gap:0.5rem; width:100%;}
.detail_buy .gv_buy_bar ul li {display:block; flex:1 1 0;}
.detail_buy .gv_buy_bar ul li a, .detail_buy .gv_buy_bar ul li button {height:2.75rem; padding:0; font-size:0.9375rem; font-weight:700; line-height:2.75rem;}
.detail_buy .gv_buy_bar ul li .detail_cart_btn {border:1px solid #ddd; border-top:1px solid #ddd; background:#fff; color:#333;}
.detail_buy .gv_buy_bar ul li .detail_order_btn {background:#e10505; border:1px solid #e10505; color:#fff;}
.detail_buy .gv_buy_bar ul li .detail_prd_no_btn {line-height:2.75rem;}
/* 찜하기 : 아이콘만 있는 정사각 버튼 (하트 이미지는 기존 상단 공유영역에서 쓰던 것 그대로) */
.detail_buy .gv_buy_bar ul li.gv_wish {flex:0 0 2.75rem;}
.detail_buy .gv_buy_bar ul li.gv_wish button {width:2.75rem; padding:0; border:1px solid #ddd; border-radius:0.25rem; background:#fff url('../../img/new/icon_heart.png') no-repeat center center; background-size:1.125rem; font-size:0; color:transparent; overflow:hidden;} /* 라운드는 gd_button.css 13행 공통규칙([class*="_btn"])이 btn_add_wish 를 못 잡아 여기서 같은 값(0.25rem) 지정 */
/* 260818-56 S : 장바구니/바로구매를 누르면 열리는 하단 슬라이드 패널(goods/layer_option.php 가 .st_buy_content 안에 주입됨) 디자인.
   같은 레이어가 장바구니 옵션변경 팝업(#popupOption)에서도 쓰이므로 규칙은 반드시 .st_buy_content 로 한정한다.
   (공통 규칙 원본은 css/gd_common.css 170~260행 - 그쪽은 건드리지 않음) */
.st_buy_content {background:#fff; border-radius:0.75rem 0.75rem 0 0; box-shadow:0 -0.25rem 0.75rem rgba(0,0,0,0.12); overflow:hidden;}
.st_buy_content .ly_head {padding:0.875rem 0.9375rem 0.25rem; background:#fff; border-bottom:0; text-align:left;}
.st_buy_content .ly_head .h_tit {font-size:0.9375rem; font-weight:600; color:#222; text-align:left;}
/* 옵션/배송 선택 박스 */
.st_buy_content .ly_buy_info {padding:0.5rem 0.9375rem;}
.st_buy_content .ly_buy_info .ly_opt .bn_opt, .st_buy_content .select_box_view .bn_opt {height:2.375rem; border:1px solid #ddd; border-radius:0.25rem; font-size:0.8125rem; color:#333;}
.st_buy_content .select_box_view {padding:0.375rem 0.9375rem;}
/* 선택된 상품 행 */
.st_buy_content .view_order_goods {padding:0.75rem 0.9375rem; background:#fff; border-top:1px solid #f0f0f0;}
.st_buy_content .view_order_goods dl dt {font-size:0.875rem; font-weight:500; color:#222; line-height:1.4;}
.st_buy_content .view_order_goods dl dd .price_info {display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:0.5rem;}
.st_buy_content .view_order_goods dl dd .price_info .count {display:flex; width:auto; padding:0;}
.st_buy_content .view_order_goods dl dd .price_info .right {display:block; width:auto; text-align:right;}
.st_buy_content .view_order_goods dl dd .price_info .right .price {padding:0; font-size:1rem; font-weight:700;}
.st_buy_content .view_order_goods dl dd .price_info .right .btn_wrap {padding:0 0 0.25rem 0;}
/* 수량 증감 : 상품리스트 카드(.cmp_qty 이 파일 아래쪽)와 같은 한 박스형 */
.st_buy_content .price_info .count button.detail_down_btn, .st_buy_content .price_info .count button.detail_up_btn {float:none; width:1.75rem; height:2.125rem; border:1px solid #ccc; border-radius:0; background-size:1.75rem;}
.st_buy_content .price_info .count button.detail_down_btn {border-right:0; border-radius:0.25rem 0 0 0.25rem;}
.st_buy_content .price_info .count button.detail_up_btn {border-left:0; border-radius:0 0.25rem 0.25rem 0;}
.st_buy_content .view_order_goods dl dd .price_info .count input[type=number] {float:none; width:2.75rem; height:2.125rem; padding:0; border:1px solid #ccc; border-left:0; border-right:0; border-radius:0; font-size:0.8125rem; text-align:center;}
/* 금액 */
.st_buy_content .total_price_box {padding:0.75rem 0.9375rem 0; border-top:1px solid #f0f0f0;}
.st_buy_content .total_price_box ul li dl {display:flex; align-items:center; justify-content:space-between; width:100%;}
.st_buy_content .total_price_box ul li dl dt {display:block; width:auto; font-size:0.8125rem; color:#666;}
.st_buy_content .total_price_box ul li dl dd {display:block; font-size:0.9375rem; font-weight:500;}
.st_buy_content .total_price_box ul li.total dl dt {font-size:0.875rem; font-weight:600; color:#222;}
.st_buy_content .total_price_box ul li.total dl dd {font-size:1.25rem; font-weight:700; color:#e10505;}
/* 260818-57 : '총 상품금액' 은 합계금액과 값이 같아 숨김. '총 할인금액' 은 실제 할인이 있을 때만 노출(.on 은 goods_view.html 스크립트가 부여) */
.st_buy_content .total_price_box ul li.price {display:none;}
.st_buy_content .total_price_box ul li.discount {display:none;}
.st_buy_content .total_price_box ul li.discount.on {display:block;}
.st_buy_content .total_price_box ul li.discount dl dd {color:#e10505;}
/* 패널 하단 버튼 : 상단 고정바(gv_buy_bar)와 같은 형태 */
.st_buy_content .detail_prd_btn ul {display:flex; gap:0.5rem; width:100%; padding:0.625rem 0.75rem calc(0.625rem + constant(safe-area-inset-bottom)); padding:0.625rem 0.75rem calc(0.625rem + env(safe-area-inset-bottom)); box-sizing:border-box;}
.st_buy_content .detail_prd_btn ul li {display:block; flex:1 1 0;}
.st_buy_content .detail_prd_btn ul li a {height:2.75rem; padding:0; font-size:0.9375rem; font-weight:700; line-height:2.75rem; border-radius:0.25rem;}
.st_buy_content .detail_prd_btn ul li .detail_cart_btn {border:1px solid #ddd; border-top:1px solid #ddd; background:#fff; color:#333;}
.st_buy_content .detail_prd_btn ul li .detail_order_btn {background:#e10505; border:1px solid #e10505; color:#fff;}
/* 260818-56 E */
/* 260818-51 : 하단 고정바 높이만큼 본문 여백 + 플로팅 버튼 위치 보정 (리스트 has_cmp_bar 와 같은 방식) */
body.has_buy_bar {padding-bottom:calc(4.5rem + constant(safe-area-inset-bottom)); padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));}
body.has_buy_bar .fixed_btn_top, body.has_buy_bar .fixed_btn_back {bottom:calc(5.25rem + constant(safe-area-inset-bottom)); bottom:calc(5.25rem + env(safe-area-inset-bottom));}
.detail_buy .gv_buy_bar ul li.restock {width:auto; flex:1 1 0;}

/* 상품상세 옵션 버튼 배경 */
.goods_option_bg {display: none; background-color: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index:301;}
.goods_option_bg.on {display: block;}
/* 재입고 알림 */
.detail_buy .detail_prd_btn ul li.restock {width:45%;}
.detail_buy .detail_prd_btn ul li.restock img {margin-right:0.375rem; vertical-align:middle;}

/* 페이코 / 네이버 페이 */
.detail_buy .js-goods-add-pay {padding:0.625rem 0 0 0;}
.detail_buy .snsbtn {padding:0 0 0.9375rem 0; text-align:center;}

/* 하단 탭 메뉴 (상세정보, 기본정보, 상품후기, 상품문의)*/
.goods_view .detail_btm_tab_menu_box {position:relative; width:100%; height:3.75rem; border-top:10px solid #f6f6f6;  border-bottom:1px solid #eeeeee; box-sizing:border-box;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu {position:absolute; top:0; left:0; width:100%;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul {display:table; width:100%;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li {display:table-cell; width:25%; height:3.125rem; vertical-align:middle; border-bottom:1px solid #eeeeee; box-sizing:border-box;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a {display:inline-block; width:100%; color:#666666; font-size:0.875rem; line-height:0.75rem; text-align:center;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span {display:inline-block; padding:0.125rem 0 0 0; font-size:0.8125rem; color:#666666; line-height:0.6875rem;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(1) a {padding:0.625rem 0 0.625rem 0;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(2) a {padding:0.625rem 0 0.625rem 0;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(3) a {padding:0.3125rem 0 0 0;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(4) a {padding:0.3125rem 0 0 0;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected {padding:0.0625rem 0 0 0; height:3.0625rem; border-bottom:2px solid #ed1c24;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a {font-weight:500; color:#222;}
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a span {font-weight:500; color:#222;}

/* 조건부 && 지역별 배송 레이어 팝업 */
.detail_shipping {}
.detail_shipping .ly_content {}
.detail_shipping .ly_content .lst_info {}
.detail_shipping .ly_content .lst_info .tit {padding:0 0.625rem; border-bottom:1px solid #ccc; background:#f2f3f3; color:#333; font-size:0.875rem; line-height:2.25rem;}
.detail_shipping .ly_content .type_cont {}
.detail_shipping .ly_content .type_cont dl {display:table; width:100%; padding:0.3125rem 0 0.3125rem 0; border-bottom:1px solid #e8e8e8;}
.detail_shipping .ly_content .type_cont dl dt {display:table-cell; width:50%; text-align:center; vertical-align:middle;}
.detail_shipping .ly_content .type_cont dl dd {display:table-cell; width:50%; text-align:center; vertical-align:middle;}

/* 상품 필수 & 기본정보 정보 */
.goods_view .detail_info_box {padding:0 0.9375rem 0 0.9375rem; }
.goods_view .detail_info_box .view_box0 {padding:0.9375rem 0 0.9375rem 0;}
.goods_view .detail_info_box .view_box0 img {width:100%;}
.goods_view .detail_info_box .condition_del , .goods_view .detail_info_box .area_del {color:#0000ee;}
.openblock {border:1px solid #d9d9d9;}
.openblock_header {position:relative; padding:0.625rem 0.625rem 0.625rem 0.625rem; background:#f0f0f0; }
.openblock_header h3 {display:block;}
.openblock .openblock_content {position:relative; padding:0.625rem 0.625rem 0.625rem 0.625rem; border-top:1px solid #D9D9D9; z-index:10;}
.openblock .openblock_header button {background:none; border:none;}
.openblock .openblock_header button span {display:block; width:1rem; height:1rem; font-size:0; background:url('../../img/icon/icon_arrow1.png') no-repeat center; background-size:100%;}
.openblock .openblock_header .toggle_btn {
	position: absolute;
	top: 0.75rem;
	right: 0.625rem;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: transform 150ms ease;
	-o-transition: transform 150ms ease;
	transition: transform 150ms ease
}
.openblock .openblock_header .toggle_btn.open {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}
.openblock_content {word-break:break-all;}
.openblock_content dl {}
.openblock_content dl dt {padding:0.3125rem 0.3125rem 0.3125rem 0.3125rem; white-space:normal; font-weight:500; color:#222; display: inline-block; font-size:0.8125rem;}
.openblock_content dl dd {padding:0.3125rem 0.3125rem 0.3125rem 0.3125rem; vertical-align:top; display: inline-block; font-size:0.8125rem; color:#222;}
.openblock_content dl dt.bl, .openblock_content dl dd.bl {display: block;}
.openblock_content dl dd .kcmark {width: 1.625rem; height: 2.5rem; display: inline-block; padding: 0 0.625rem 0 0; background :url("../../../../../commonimg/kcmark.jpg")no-repeat left; background-size: 1.625rem 2.5rem; vertical-align: middle;}
.openblock_content dl dd a{font-size: 0.8125rem; text-decoration: underline;}

/* 상품상세 게시판 리스트 */
.detail_board_box {padding:1.5625rem 0 0.9375rem 0;}
.detail_board_box .item_list_head {}
.detail_board_box .item_list_head .item_list_write_box {padding:0 0.9375rem 1.5625rem 0.9375rem;}
.item_list {padding:0 0.9375rem;}

/* 관련상품 */
.related_goods {}
.related_goods h3 {padding:0.9375rem 0 0.625rem 0.9375rem; font-size:0.9375rem; font-weight:500; color:#222;}
.related_goods > ul {font-size:0; padding:0 0.9375rem;}

/* 비밀번호 인증 레이어 */
.cite_layer {position:fixed; top:50%; left:50%; z-index:100; width:19.1875rem; height:12rem; margin:-6rem 0 0 -9.5625rem; }
.cite_layer .wrap {position:relative; height:11.875rem; background:#ffffff; border:1px solid #555555; }
.cite_layer .wrap h4 {height:1.6875rem; padding:0.8125rem 0 0 1.0625rem; background:#f4f4f4; color:#222222; }
.cite_layer .wrap div {color:#666666; text-align:center; }
.cite_layer .wrap div p {padding:1.5625rem 0 0.875rem; }
.cite_layer .wrap div input {display:block; width:13.5rem; height:1.9375rem; margin:0 auto 0.9375rem; line-height:1.9375rem; text-indent:10px; border:1px solid #ccc; }
.cite_layer .wrap .close { display:block; position:absolute; top:0.6875rem; right:0.75rem; width:1.125rem; height:1.125rem; text-indent:-9999px; background:url('../../img/icon/icon_x1.png') no-repeat left top; background-size:100%; border:none;}

/*** 쿠폰 적용 레이어 | goods/layer_coupon_apply.php,옵션 선택 레이어 | goods/layer_option.php ***/
/*** 해당부분은 gd_common.css에 있음 장바구니,찜리스트,상품상세 에 같이 쓰임 ***/


/*** 인기상품 | goods/populate.html ***/
.populate .goods_list_box {font-size:0;}

/*** 상품 재입고 알림 신청 | goods/popup_goods_restock.html ***/
/* 260814-20 : 기존 회색(#A6A6A6/#eaeaea) 팝업을 현재 튜닝 스타일로 교체 - 흰 헤더+닫기, 글자 축소(기본 0.8125rem),
   입력/박스 테두리 #ddd + 곡선 0.25rem, (필수)/신청 버튼 포인트 빨강 #e10505.
   마크업(goods/popup_goods_restock.html)은 기존 파일 그대로, 처리(save_restock)도 PC와 동일한 공통 로직 */
.popup_goods_restock {width:100%; height:100%; font-size:0.8125rem; color:#333; background:#fff;}
.popup_goods_restock input[type='checkbox'] {-webkit-appearance:checkbox !important; accent-color:#e10505;}
.popup_goods_restock input[type='text'] {border:1px solid #ddd; border-radius:0.25rem; background:#ffffff !important; vertical-align:middle !important;}
.popup_goods_restock .restock_top {position:relative; width:100%; height:2.75rem; line-height:2.75rem; background:#fff; border-bottom:1px solid #e5e5e5;}
.popup_goods_restock .restock_top h1 {display:inline-block; padding:0 0 0 0.75rem; color:#222; font-size:0.9375rem; font-weight:700;}
.popup_goods_restock .restock_top div {position:absolute; top:0; right:0.25rem; width:2.5rem; text-align:center; color:#888; font-size:1.25rem; cursor:pointer;}
/* 옵션 리스트*/
.popup_goods_restock .restock_contents {margin:0.75rem; box-sizing:border-box;}
.popup_goods_restock .restock_contents .name {padding:0.5rem 0; font-weight:bold; font-size:0.875rem; color:#222; border-bottom:1px solid #f1f1f1;}
.popup_goods_restock .restock_contents .restock_option {margin:0.75rem 0 0 0;}
.popup_goods_restock .restock_contents .restock_option .restock_option_name {font-weight:bold;}
.popup_goods_restock .restock_contents .restock_option .restock_option_contents {overflow-y:scroll; height:6.25rem; margin:0.3125rem 0 0 0; border:1px solid #ddd; border-radius:0.25rem; background:#fff; -webkit-overflow-scrolling:touch;}
.popup_goods_restock .restock_contents .restock_option .restock_option_contents::-webkit-scrollbar {-webkit-appearance:none;}
.popup_goods_restock .restock_contents .restock_option .restock_option_contents::-webkit-scrollbar-thumb {background:#c3c3c3;}
.popup_goods_restock .restock_contents .restock_option .restock_option_contents > div {margin:0.3125rem;}
.popup_goods_restock .restock_contents .restock_option .restock_option_contents > div > input[type="checkbox"] {vertical-align:middle !important;}
.popup_goods_restock .restock_contents .restock_option .restock_option_button {margin:0.625rem 0; text-align:center;}
/* 신청자 입력 */
.popup_goods_restock .restock_contents .restock_request_input {width:100%; padding:0.625rem 0 0.25rem; box-sizing:border-box;}
.popup_goods_restock .restock_contents .restock_request_input dl {display:table; width:100%; padding:0.1875rem 0;}
.popup_goods_restock .restock_contents .restock_request_input dl dt {display:table-cell; width:20%; vertical-align:middle;}
.popup_goods_restock .restock_contents .restock_request_input dl dt label {display:block; text-align:left; color:#555;}
.popup_goods_restock .restock_contents .restock_request_input dl dd {display:table-cell; width:80%;}
.popup_goods_restock .restock_contents .restock_request_input dl dd input {width:100%; height:2.125rem; line-height:2.125rem; text-indent:5px; box-sizing:border-box; font-size:0.8125rem;}
/* 개인정보 수집 및 이용 내용 동의 */
.popup_goods_restock .restock_contents .restock_private {margin-top:0.75rem;}
.popup_goods_restock .restock_contents .restock_private .restock_private_subject {display:table; width:100%; margin:0 0 0.3125rem 0;}
.popup_goods_restock .restock_contents .restock_private .restock_private_subject span {color:#e10505; font-weight:bold;}
.popup_goods_restock .restock_contents .restock_private .restock_private_subject .restock_private_subject_line {display:table-cell; width:80%; vertical-align:middle;}
.popup_goods_restock .restock_contents .restock_private .restock_private_subject .restock_private_subject_line:last-child {width:20%; text-align:right;}
.popup_goods_restock .restock_contents .restock_private .restock_private_subject .restock_private_subject_line input {vertical-align:middle;}
.popup_goods_restock .restock_contents .restock_private .restock_private_subject .restock_private_subject_line .restock_private_contents_btn {display:inline-block; padding:0.25rem 0.4375rem; border:1px solid #ddd; border-radius:0.25rem; font-size:0.75rem; color:#333; background:#fff;}
/* 개인정보 수집 및 이용 내용 */
.popup_goods_restock .restock_contents .restock_private .restock_private_contents {overflow-y:scroll; height:6.25rem; padding:0.3125rem; border:1px solid #ddd; border-radius:0.25rem; background:#fafafa; font-size:0.75rem; color:#666; -webkit-overflow-scrolling:touch;}
.popup_goods_restock .restock_contents .restock_private .restock_private_contents::-webkit-scrollbar {-webkit-appearance:none;}
.popup_goods_restock .restock_contents .restock_private .restock_private_contents::-webkit-scrollbar-thumb {background:#c3c3c3;}
.popup_goods_restock .restock_contents .restock_private .restock_private_contents > div{ margin: 0.3125rem; }
.popup_goods_restock .restock_contents .restock_message {margin:0.75rem 0 0 0; text-align:center; font-size:0.75rem; color:#666;}
.popup_goods_restock .restock_contents .restock_request_button {text-align:center; margin-top:0.75rem;}
/* 버튼 */
.popup_goods_restock .restock_contents .restock_button {display:inline-block; width:8.125rem; height:2.375rem; padding:0; line-height:2.375rem; text-align:center; border-radius:0.25rem; font-size:0.875rem; cursor:pointer;}
/* 전체선택 */.popup_goods_restock .restock_contents .restock_button1 {background:#fff; border:1px solid #ddd; color:#333; font-weight:bold; width:auto; padding:0 0.75rem;}
/* 전체선택해제 */.popup_goods_restock .restock_contents .restock_button2 {background:#fff; border:1px solid #ddd; color:#333; font-weight:bold; width:auto; padding:0 0.75rem;}
/* 신청 */.popup_goods_restock .restock_contents .restock_button3 {background:#e10505; border:1px solid #e10505; color:#ffffff; font-weight:bold;}
/* 취소 */.popup_goods_restock .restock_contents .restock_button4 {background:#fff; border:1px solid #ddd; color:#333; font-weight:bold;}

.i_time_icon{background:url('../../img/icon/icon-timesale.png') left center no-repeat; background-size:1rem; width:1rem; height:1rem; display:inline-block; vertical-align:middle;}

/* 상품 대표 색상 */
.goods_view .color_chip{margin:0; padding:0 0.625rem; overflow:hidden; text-align:right;}
.goods_view .color_chip > div{width:0.625rem; height:0.625rem; text-indent:9999px; border:#dfdfdf 1px solid; display:inline-block; margin:0.375rem 0 0 0.125rem;}
.color_chip{margin:0.25rem 0 0.625rem; overflow:hidden}
.color_chip > div{width:0.5rem; height:0.5rem; text-indent:-9999px; border:#dfdfdf 1px solid; float:left; margin:0.25rem 0.25rem 0 0;}
.goods_prd_img .color_chip{margin:0.25rem 0 0;}

.goods_view .color{margin:0; padding:0; overflow:hidden; text-align:right;}
.goods_view .color > div{width:0.625rem; height:0.625rem; text-indent:9999px; border:#dfdfdf 1px solid; display:inline-block; margin:0.375rem 0 0 0.125rem;}
.color{margin:0.25rem 0 0.625rem; overflow:hidden}
.color > div{width:0.5rem; height:0.5rem; text-indent:-9999px; border:#dfdfdf 1px solid; float:left; margin:0.25rem 0.25rem 0 0;}
.goods_prd_img .color{margin:0.25rem 0 0;}

/* 브랜드 goods/brand.php */
.brand_wrap {min-width:22.5rem;}
.brand_wrap .brand_search_box {position: absolute; width:100%; background:#f0f0f0; padding:0.625rem; box-sizing:border-box; display:table;}
.brand_wrap .brand_search_box.h_on {position:fixed; top:0; left:0;}
.brand_wrap .brand_search_box .search_sec {position:relative; display:table-cell; width:83%; height:2.5rem; border:1px solid #dadada; background:#fff;}
.brand_wrap .brand_search_box .input_brand_search {width:75%; height:2.5rem; text-indent:19px; font-size:0.8125rem; border:none;}
.brand_wrap .brand_search_box.total_search .search_sec {width:100%}
.brand_wrap .brand_search_box.total_search .input_brand_search {width:80%;}
.brand_wrap .brand_search_box .txt_cancel {position:absolute; top:0.6875rem; right:3rem; display:inline-block; width:1.0625rem; height:1.0625rem; background:url('../../img/icon/icon_x.png') no-repeat center; background-size:1.0625rem; font-size:0; border:none;}
.brand_wrap .brand_search_box .btn_brand_search {position:absolute; top:0.6875rem; right:1.1875rem; display:inline-block; width:1.0625rem; height:1.0625rem; border:none; background:url('../../img/icon/icon_brand_search.png') no-repeat 0 0; background-size:1.0625rem 1.0625rem; font-size:0; text-indent:-9999px; }
.brand_wrap .brand_search_box .btn_brand_cancel {display:table-cell; width:100%; border:none; background:none; font-size:0.8125rem; color:#333; margin-left:0.25rem; vertical-align:middle;}
.brand_wrap .brand_search_box.total_search .btn_brand_cancel {display:none; margin-left:0.625rem;}

.brand_initial_box {padding-top:3.9375rem;}
.brand_initial_box .tab_initial {overflow:hidden; width:100%; margin:0.625rem auto 0 auto; box-sizing:border-box; padding:0 0.625rem;}
.brand_initial_box .tab_initial li {float:left; display:inline-block; width:50%; height:2.5rem; background:#f0f0f0; line-height:2.5rem; border:1px solid #e2e2e2; box-sizing:border-box; font-size:0.9375rem; color:#333; text-align:center; cursor:pointer;}
.brand_initial_box .tab_initial li.on {color:#9d4656; font-weight:bold; background:#fff; border-bottom:none;}
.brand_initial_box .tab_initial li:last-child {border-left:none;}
.brand_initial_box .initial_cate {border:1px solid #e2e2e2; border-top:none; box-sizing:border-box; margin:0 0.625rem; padding:0.5rem 0;}
.brand_initial_box .initial_cate .t_type1 li:last-child a span {width:4.9375rem;}
.brand_initial_box .initial_cate ul {min-width:19.3125rem; max-width:21.5625rem; margin:0 auto; text-align:center;}
.brand_initial_box .initial_cate li {display:inline-block; padding:0.125rem 0;}
.brand_initial_box .initial_cate li.on span {background:#9d4656; border:1px solid #9d4656; color:#fff;}
.brand_initial_box .initial_cate li a {font-size:0.9375rem; color:#4c4c4c; display:inline-block; padding:0.3rem;}
.brand_initial_box .initial_cate li a span {box-sizing:border-box; border:1px solid #e2e2e2; display:inline-block; width:2.0625rem; height:2.0625rem; text-align:center; line-height:2rem;}
.brand_initial_box .initial_list_sec {margin-top:0.625rem;}
.brand_initial_box .initial_list_sec strong {font-size:0.8125rem; color:#333333; font-weight:bold; display:block; background:#f0f0f0; padding:0.125rem 1.125rem;}
.brand_initial_box .initial_list_sec ul > li > ul > li a {display:block; padding:1rem 1.25rem; border-bottom:1px solid #e2e2e2;}
.brand_initial_box .initial_list_sec ul > li > ul > li:last-child a {border-bottom:none;}

.brand_wrap .brand_search_list {min-height:21.875rem; margin-bottom:3.125rem; padding-top:3.875rem; display:none;}
.brand_wrap .brand_search_list .total {padding:0.625rem 1.25rem 0.5rem 1.25rem; font-size:0.8125rem; color:#333; border-bottom:1px solid #e2e2e2;}
.brand_wrap .brand_search_list ul li a {display:block; padding:1rem 1.25rem; border-bottom:1px solid #e2e2e2; font-size:0.8125rem; color:#333;}
.brand_wrap .no_data {text-align:center; padding:8.3125rem 0; display:none;}
.brand_wrap .no_data p {font-size:0.9375rem; font-weight:bold; color:#333333; background:url('../../img/icon/bg_notice.png') no-repeat center 0; background-size:5rem; padding-top:6.25rem;}

/* 제품 검색 리스트 */
/* 260813-3 S : 상품리스트 검색 영역 시안 반영 (마크업 goods/goods_list.html 260813-2)
   1줄 [품목 코드 또는 상품명 + 회색 검색] / 2줄 [가로 x 세로 x 높이 + 오차 + 빨강 검색]
   기존 밑줄형 입력(border-bottom 2px)을 테두리 라운드 박스로 변경. 모서리 값은 사이트 공통 0.25rem. */
/* 260813-51 : 박스 검색영역(.goods_input_search ~) 규칙을 custom.css 로 이동 - 검색 레이어(proc/_header_search.html 260813-52)와 리스트가 같은 규칙 하나를 쓰도록 공용화. 값 수정은 custom.css 260813-51 블록에서 */
/* 260813-3 E */

.goods_info_table {}
.goods_info_table table {border-collapse:collapse; width:100%; border-top:1px solid #222222;}
.goods_info_table table th {background-color:#fafafa; font-size:0.875rem; font-weight:500;border-bottom:1px solid #e6e6e6; text-align:center; padding:0.375rem 0;}
.goods_info_table table td {border-bottom:1px solid #e6e6e6; font-size:0.875rem; text-align:center;padding: 0.875rem 0; line-height: 0.9375rem;}
.goods_info_table table .red {color: #e10505; font-weight: 500;}
.goods_info_table table th > button {border:0; background-color:#f3f3f3; padding:0;}
.goods_info_table table td .icon_soldout {margin-top:0.4375rem;}
.goods_info_table table td .icon_soldout span{padding:0.125rem 0.375rem;color:#fff;background: #e10505;border-radius:0.1875rem;font-size:0.8125rem;}


.category_list_new > ul {}
.category_list_new > ul > li {width:50%; display: inline-block; box-sizing:border-box; padding: 0; border:0; margin:0 0 1.25rem 0;}
.category_list_new > ul > li:nth-child(2n) {padding-left:0.625rem;}
.category_list_new > ul > li:nth-child(2n-1) {padding-right:0.625rem;}
.category_list_new > ul > li .goods_prd_img, .category_list_new > ul > li .goods_prd_content {display: block; width:100%;}
.category_list_new > ul > li .goods_prd_img img {}
.category_list_new > ul > li .goods_prd_content {padding:0;}

/* 260818-53 : PC 상세 정보표(front 250801_moment/css/goods/goods.css 866~872행 .detail_sec_box)와 같은
   [회색 항목명 셀 + 값 셀] 표 형태로 변경하고, 모바일에서는 흰 카드(라운드+옅은 그림자)로 감싼다. */
.goods_info_new {margin:0 0.9375rem; padding:0; background:#fff; border:1px solid #e8e8e8; border-radius:0.5rem; box-shadow:0 0.0625rem 0.25rem rgba(0,0,0,0.04); overflow:hidden;}
.goods_info_new.sec_delivery_box {margin-bottom:1.25rem;} /* 260818-58 : 배송 카드 아래 여백 */
.goods_info_new dl {display:flex; width:100%; margin:0; border-bottom:1px solid #efefef;}
.goods_info_new dl:last-child {border-bottom:none;}
.goods_info_new dl dt, .goods_info_new dl dd {display:flex; align-items:center; box-sizing:border-box; font-size:0.875rem;}
.goods_info_new dl dt {padding:0.625rem 0.5rem; word-break:keep-all;}
.goods_info_new dl dd {padding:0.625rem 0.625rem;}
.goods_info_new dl dt {width:28%; min-width:4.75rem; background:#f7f8fa; font-weight:500; color:#333; line-height:1.3;} /* 260818-53 : 모바일 폭에 맞춰 PC(32%)보다 항목명 셀을 좁힘 */
.goods_info_new dl dd {width:72%; flex-wrap:wrap; gap:0.125rem 0.375rem; color:#222; line-height:1.4;}
.goods_info_new .d_point {font-weight:500; color:#e30404;}

/* 외부 동영상 */
#external-video iframe{width: 100% !important;}

/* 일시품절 표시수정:26-5-18 */
.goods_info_table table td .icon_soldout span { padding: 0.125rem 0.375rem; color: #fff; background: #e10505; border-radius: 0.1875rem; font-size: 0.8125rem;}

/* 2026-05-19 수정: sticky 사용 시 테두리(border) 충돌 방지를 위해 기존 border-top 제거 */
.goods_info_table table {
    border-collapse: collapse; 
    width: 100%; 
    border-top: none !important; /* 강제 제거: 테이블 자체가 위로 스크롤되면서 생기는 짧은 이중선 문제를 해결합니다. */
}

/* 2026-05-19 수정: 스크롤 시 테이블 헤더(th) 상단 고정 및 이중선 방지, 좌우 여백 확장 */
.goods_info_table table th {
    background-color: #f3f3f3; 
    font-size: 0.875rem; 
    font-weight: 500;
    text-align: center; 
    padding: 0.375rem 0;
    
    /* 상단 고정을 위한 속성 */
    position: -webkit-sticky;
    position: sticky;
    top: 5.625rem; /* 상단 메뉴 높이에 맞춰 필요시 미세 조정 */
    z-index: 100; 
    
    /* 이중선 및 테두리 사라짐 버그 방지: border 대신 inset box-shadow 사용 */
    border: none !important;
    box-shadow: inset 0 0.0625rem 0 0 #222222, inset 0 -0.0625rem 0 0 #e6e6e6;
}

/* 2026-05-19 추가: 첫 번째 th와 마지막 th에 가상 요소를 추가하여 100% 너비처럼 좌우 여백을 덮습니다 */
/* 260803-13 : 모바일 가로 스크롤 발생 원인 제거 - 주석 처리
   마지막 th의 ::after가 right:-50vw(화면 반폭)만큼 테이블 밖으로 확장되면서
   문서 전체 가로 스크롤을 만들었음. 현재 레이아웃은 테이블이 화면 좌우 끝까지
   붙어 있어(양쪽 여백 0px) 이 가상요소가 덮을 여백 자체가 없으므로 제거해도 표시 변화 없음.
.goods_info_table table th:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50vw;
    width: 50vw;
    height: 100%;
    background-color: #fafafa;
    box-shadow: inset 0 0.0625rem 0 0 #222222, inset 0 -0.0625rem 0 0 #e6e6e6;
    z-index: -1;
}

.goods_info_table table th:last-child::after {
    content: '';
    position: absolute;
    top: 0;
    right: -50vw;
    width: 50vw;
    height: 100%;
    background-color: #fafafa;
    box-shadow: inset 0 0.0625rem 0 0 #222222, inset 0 -0.0625rem 0 0 #e6e6e6;
    z-index: -1;
}
*/

/*───────────────────────────────────────────────────────────
   260813-17 : 박스 리스트 용차·택배 비교 카드 + 하단 고정 선택바
   | goods/list/n_list_01.html (260813-14/-18/-20/-22), goods/goods_list.html (260813-16)
   모바일 rem 기준(gd_reset.css html clamp, 260807-5) - px 사용 금지
   260813-21 : 사이트 공통 스타일 통일(곡선 0.25rem, 포인트 빨강 #e10505, 칩 테두리 #ddd)
   260813-23 : 4차(시안대로) - 좌우여백 있는 카드형 복귀(라운딩 0.75rem = order.css 260810-20 흰 박스와 동일),
   규격 줄 아래 구분선, 칩 글자 0.75rem, 체크박스는 공통 .inp_chk(gd_common.css 45행) 디자인 사용,
   수량 증감은 PC 리스트(.quantity, PC goods.css 799행)와 같은 한 박스형(- 입력 +)
───────────────────────────────────────────────────────────*/
/* 상단 안내줄 (260813-19 : 회색 배경 + 짙은 회색 글씨, 전체폭) */
.cmp_notice {padding:0.625rem 0.75rem; background:#f4f5f7; color:#555; font-size:0.8125rem; font-weight:700; line-height:1.4; text-align:center;}

/* 카드 목록 (260813-23 : 카드형 - 좌우여백 0.9375rem, 카드 테두리+라운딩 0.75rem) */
.cmp_list {padding:0.625rem 0.5375rem 0.5375rem;}
.cmp_card {background:#fff; border:1px solid #e5e5e5; border-radius:0.75rem; margin-bottom:0.255rem; overflow:hidden;}

/* 카드 상단: 규격 + 칩. 아래 구분선(시안) (260813-23) */
.cmp_head {display:flex; align-items:center; justify-content:space-between; gap:0.5rem; padding:0.75rem 0.6375rem; border-bottom:1px solid #f1f1f1;}
.cmp_size {flex:0 0 auto; font-size:1rem; letter-spacing: -0.9px; font-weight:700; color:#222; text-decoration:none;}
.cmp_chips {display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0.25rem;}
.cmp_chip {display:inline-block; padding:0.25rem 0.25rem; border:1px solid #c3c3c3; border-radius:0.22rem; background:#fff; font-size:0.75rem;  letter-spacing: -0.5px; font-weight:400; line-height:1; color:#333;} /* 260813-23 : 글자 0.6875 -> 0.75rem */
.cmp_chip.cmp_chip_method_r {border-color:#eaa829; background:#eaa829; color:#fff; font-weight:500;} /* 로터리 */
.cmp_chip.cmp_chip_method_t {border-color:#2bb3a3; background:#2bb3a3; color:#fff; font-weight:500;} /* 톰슨 */
/* 260928-9 : 아래 vc_ 채움형 색상 칩 - 부자재(n_list_03)는 이 색상 그대로, 봉투(n_list_02)는 모양만 쓰고 색상값은 260928-11 로 덮음 */
/* 260814-4 : 비닐(002) 카드(n_list_02, 260814-2) 색상 칩 - 채움형, 색상명별 대표색. 정의 안 된 색은 기본(짙은 회색). 색 추가 시 여기에 한 줄씩 */
.cmp_chip.cmp_chip_vcolor {border-color:#666; background:#666; color:#fff; font-weight:400;}
.cmp_chip.vc_핑크, .cmp_chip.vc_분홍 {border-color:#ff4d94; background:#ff4d94;}
.cmp_chip.vc_검정, .cmp_chip.vc_블랙, .cmp_chip.vc_흑색 {border-color:#222; background:#222;}
.cmp_chip.vc_백색, .cmp_chip.vc_흰색, .cmp_chip.vc_화이트, .cmp_chip.vc_투명 {border-color:#c3c3c3; background:#fff; color:#555; font-weight:400;}
.cmp_chip.vc_은회색, .cmp_chip.vc_회색, .cmp_chip.vc_그레이 {border-color:#8a8f96; background:#8a8f96;}
.cmp_chip.vc_노랑, .cmp_chip.vc_황색 {border-color:#eaa829; background:#eaa829;}
.cmp_chip.vc_파랑, .cmp_chip.vc_청색, .cmp_chip.vc_블루 {border-color:#2b66d9; background:#2b66d9;}
.cmp_chip.vc_초록, .cmp_chip.vc_녹색 {border-color:#2bb35a; background:#2bb35a;}
/* 260814-5 : 색상 매핑 확장 (실제 색상명 기준 - 연한 색은 밝은 배경+진한 글자) */
.cmp_chip.vc_청보라 {border-color:#5b4bc4; background:#5b4bc4;}
.cmp_chip.vc_연핑크 {border-color:#f6b6cc; background:#f6b6cc; color:#7a3a52; font-weight:400;}
.cmp_chip.vc_연보라 {border-color:#c3aede; background:#c3aede; color:#54407a; font-weight:400;}
.cmp_chip.vc_베이지 {border-color:#d4b896; background:#d4b896; color:#6b5333; font-weight:400;}
.cmp_chip.vc_보라, .cmp_chip.vc_퍼플 {border-color:#7b4bc4; background:#7b4bc4;}
.cmp_chip.vc_남색, .cmp_chip.vc_네이비 {border-color:#27408b; background:#27408b;}
.cmp_chip.vc_빨강, .cmp_chip.vc_레드, .cmp_chip.vc_적색 {border-color:#e10505; background:#e10505;}
.cmp_chip.vc_주황, .cmp_chip.vc_오렌지 {border-color:#f07c22; background:#f07c22;}
.cmp_chip.vc_갈색, .cmp_chip.vc_브라운 {border-color:#8b5a2b; background:#8b5a2b;}
.cmp_chip.vc_금색, .cmp_chip.vc_골드 {border-color:#c9a227; background:#c9a227;}
.cmp_chip.vc_은색, .cmp_chip.vc_실버 {border-color:#a8adb4; background:#a8adb4;}
.cmp_chip.vc_민트 {border-color:#4ecdc4; background:#4ecdc4;}
.cmp_chip.vc_연두 {border-color:#9acd32; background:#9acd32;}
.cmp_chip.vc_하늘, .cmp_chip.vc_하늘색 {border-color:#7ec8e3; background:#7ec8e3; color:#20506b; font-weight:400;}
/* 260928-11 : 봉투(n_list_02) 색상값 = PC(goods.css .nlist_neutral .color_dot 260902-17/260909-1/260910-1)와 동일. .cmp_card_vinyl 로 한정해 부자재(n_list_03) 색상은 그대로. PC 에 색 추가 시 여기도 같이
   260928-15 : 색상명 없이 원형 색상 표기(행 앞 작은 원). 글자색 지정 제거
   260928-17 : 테두리를 PC 와 동일하게 - 기본 옅은 테두리(원형 규칙), 투명/반투명 점선 #b5b5b5, 화이트 #c5c5c5. 색상별 줄은 배경만 */
.cmp_card_vinyl .cmp_row .cmp_chip_vcolor {flex:0 0 auto; width:0.75rem; height:0.75rem; padding:0; border:1px solid rgba(0,0,0,.12); border-radius:50%; background:#ddd; box-sizing:border-box; font-size:0; line-height:0; overflow:hidden;} /* 260928-15 : 원형 칩(텍스트는 .blind 로 숨김) / 260928-17 : PC .color_dot 과 같은 모양 - 12px(0.75rem), 옅은 테두리 rgba(0,0,0,.12), 매핑 없는 색은 #ddd */
.cmp_card_vinyl .cmp_chip.vc_은색, .cmp_card_vinyl .cmp_chip.vc_은회색 {background:#c9ccd1;}
.cmp_card_vinyl .cmp_chip.vc_진회색 {background:#5c6066;}
.cmp_card_vinyl .cmp_chip.vc_검정, .cmp_card_vinyl .cmp_chip.vc_은흑, .cmp_card_vinyl .cmp_chip.vc_블랙 {background:#1f1f1f;}
.cmp_card_vinyl .cmp_chip.vc_핑크 {background:#f48fb1;}
.cmp_card_vinyl .cmp_chip.vc_연핑크 {background:#f8c1d2;}
.cmp_card_vinyl .cmp_chip.vc_진핑크 {background:#e8578a;}
.cmp_card_vinyl .cmp_chip.vc_파랑, .cmp_card_vinyl .cmp_chip.vc_블루 {background:#4a86d8;}
.cmp_card_vinyl .cmp_chip.vc_청보라 {background:#6f6fd0;}
.cmp_card_vinyl .cmp_chip.vc_보라 {background:#8e5cc4;}
.cmp_card_vinyl .cmp_chip.vc_연보라 {background:#c6b3e6;}
.cmp_card_vinyl .cmp_chip.vc_베이지 {background:#e6d3b3;}
.cmp_card_vinyl .cmp_chip.vc_민트 {background:#9adcc8;}
.cmp_card_vinyl .cmp_chip.vc_투명 {background:#fff; border:1px dashed #b5b5b5;}
.cmp_card_vinyl .cmp_chip.vc_반투명 {background:#f1f1f1; border:1px dashed #b5b5b5;}
.cmp_card_vinyl .cmp_chip.vc_핑크땡땡이 {background:radial-gradient(circle, #fff 1.2px, transparent 1.4px) 0 0/4px 4px, #f48fb1;}
.cmp_card_vinyl .cmp_chip.vc_스카이땡땡이 {background:radial-gradient(circle, #fff 1.2px, transparent 1.4px) 0 0/4px 4px, #8ec5ef;}
.cmp_card_vinyl .cmp_chip.vc_그레이 {background:#9a9da3;}
.cmp_card_vinyl .cmp_chip.vc_스카이블루, .cmp_card_vinyl .cmp_chip.vc_파스텔블루 {background:#a9c9ec;}
.cmp_card_vinyl .cmp_chip.vc_베이비핑크, .cmp_card_vinyl .cmp_chip.vc_인디핑크 {background:#f4b8c8;}
.cmp_card_vinyl .cmp_chip.vc_라벤더 {background:#c3b1e1;}
.cmp_card_vinyl .cmp_chip.vc_실버 {background:#c9ccd1;}
.cmp_card_vinyl .cmp_chip.vc_화이트 {background:#fff; border:1px solid #c5c5c5;}
.cmp_card_vinyl .cmp_chip.vc_아이보리 {background:#f3ecd8;}
.cmp_card_vinyl .cmp_chip.vc_레드, .cmp_card_vinyl .cmp_chip.vc_빨강 {background:#E60012;}


/* 본문: 썸네일 + 행 목록 */
.cmp_body {display:flex; align-items:center; gap:0.4rem; padding:0.25rem 0.6375rem;}
.cmp_thumb {flex:0 0 auto;}
.cmp_thumb img {width:3rem; height:3rem; object-fit:cover; display:block;} /* 260814-5 : 썸네일 축소(3.715 -> 3.25rem, 전 카테고리 공통) */
.cmp_card_sticker .cmp_thumb img {width:4.5rem; height:4.5rem;} /* 260818-32 : 스티커(005) 리스트만 썸네일 확대(3 -> 4.5rem) - 도안 확인용. n_list_05 260818-29 */
.cmp_card_sticker .cmp_size {flex:1 1 auto; min-width:0; word-break:keep-all;} /* 260818-32 : 스티커는 제목이 규격이 아니라 상품명이라 길 수 있어, 넘치면 줄바꿈되고 칩([재질][기본매수])은 항상 오른쪽에 남도록 함 */
/* 260818-36 : 스티커 카드 - 썸네일 아래 여백을 좌우 여백(0.6375rem)과 동일하게 + '택배발송' 문구 제거(n_list_05 260818-34)로 가격이 왼쪽에 붙지 않도록 오른쪽 정렬 */
.cmp_card_sticker .cmp_body {align-items:flex-start; padding-bottom:0.6375rem;}
.cmp_card_sticker .cmp_row_price,
.cmp_card_pay .cmp_row_price {margin-left:auto;} /* 260818-68 : 고객결제상품 카드(n_list_06 260818-65)도 품명 텍스트가 없어 가격을 오른쪽으로 */
/* 260818-36 : 옵션 선택 드롭다운 - 가격 아래 한 줄 (수량 스테퍼 .cmp_qty 와 같은 flex-basis 방식)
   260818-40 : 관리자 등록 그대로 2단(분리형) select 를 가로로 나란히 - 폭을 반씩 나눠 한 줄에 들어가게 함(n_list_05 260818-38) */
/* 260818-41 : 2단 옵션을 채우고 나면 select 가 '가장 긴 옵션값' 너비로 늘어나 카드를 밀어내던 문제.
   select 는 min-width:0 만으로는 안 줄어들어서 width:0 + flex:1 1 0 으로 내용과 무관하게 절반씩 나눠 갖게 하고,
   래퍼도 width:100%/max-width:100% 로 묶어 가로폭이 커지지 않도록 고정한다. 넘치는 글자는 ...(말줄임) 처리. */
.cmp_opt {flex-basis:100%; width:100%; max-width:100%; display:flex; gap:0.25rem; margin-top:0.25rem;}
.cmp_opt select {flex:1 1 0; width:0; min-width:0; max-width:100%; height:2.125rem; padding:0 1.25rem 0 0.375rem; border:1px solid #ccc; border-radius:0.25rem; background:#fff; font-size:0.75rem; letter-spacing:-0.5px; color:#222; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cmp_opt select:disabled {background:#f4f5f7; color:#aaa;}
/* 260818-68 : 고객결제상품 카드에서 옵션 상품은 목록에서 고를 수 없으므로 상세로 보내는 버튼 */
.cmp_row .cmp_opt_link {flex:0 0 auto; padding:0.3125rem 0.5rem; border:1px solid #ccc; border-radius:0.25rem; background:#fff; font-size:0.75rem; color:#555; text-decoration:none; white-space:nowrap;}
.cmp_rows {flex:1 1 auto; min-width:0;}

/* 용차/택배 행 = 품번 + 가격(빨강) + 체크박스(오른쪽). 행 사이 라인 */
.cmp_row {display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem; padding:0.325rem 0;}
.cmp_row + .cmp_row {border-top:1px solid #f1f1f1;}
.cmp_name {flex:1 1 auto; min-width:0; font-size:0.875rem; color:#222; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cmp_name.cmp_name_tight {letter-spacing:-0.5px;} /* 260814-5 : 봉투(비닐) 품명 자간 축소(n_list_02 260814-7) */
.cmp_name.cmp_name_2line {white-space:normal; overflow:visible; text-overflow:clip; line-height:1.25; min-height:2.5em; display:flex; flex-direction:column; justify-content:center;} /* 260818-4 : 봉투 품명 - 규격 앞 <br>(n_list_02 260818-3) 허용 + 줄바꿈이 없는 상품도 항상 2줄 높이로 고정해 행 높이를 맞춘다 */
.cmp_row_price {flex:0 0 auto; text-align:right; font-size:0.9375rem;}
.cmp_row_price strong {font-weight:700; color:#e10505;}
.cmp_row_price .price_before {display:block; font-size:0.75rem; color:#aaa; text-decoration:line-through;}
.cmp_row_price .cmp_price_line {display:flex; align-items:baseline; justify-content:flex-end; gap:0.375rem; white-space:nowrap;} /* 260928-12 : 봉투(n_list_02) 입수량 · 장당 단가 · 판매가 한 줄 */
.cmp_row_price .cmp_unit {font-size:0.75rem; color:#666; font-weight:400;} /* 260928-12 : 장당 단가 - 테두리 없이 작은 회색 글씨 (260928-13 : 입수량은 규격 상단 칩으로 이동해 .cmp_pack 제거) */
.cmp_card_vinyl .cmp_body + .cmp_body {border-top:1px solid #e5e5e5;} /* 260928-13 : 봉투 규격 카드 안 재질·색상 묶음 구분선 (260928-14 : 썸네일 제거 후에도 색상별 구분선으로 유지) */
.cmp_card_vinyl .cmp_row {flex-wrap:nowrap; gap:0.375rem;} /* 260928-15 : 봉투 행 줄넘김 방지 - 원형색상·상품명·단가·판매가·체크를 한 줄 고정 */
.cmp_card_vinyl .cmp_row.on {flex-wrap:wrap;} /* 260928-15 : 체크 시에만 수량 스테퍼(.cmp_qty flex-basis:100%)가 다음 줄로 내려가도록 */
.cmp_card_vinyl .cmp_name {flex:1 1 0;} /* 260928-15 : 상품명이 남는 폭만 쓰고 길면 말줄임(기존 .cmp_name ellipsis) */
.cmp_row_price .cmp_pallet {display:table; margin:0 0 0.17rem auto;} /* 260814-5 : 벌크 파렛트수량 칩 - 금액 위 우측정렬(n_list_04 260814-6) */
.cmp_row_price .cmp_soldout {display:table; margin:0.125rem 0 0 auto; padding:0.0625rem 0.3125rem; color:#fff; background:#e10505; border-radius:0.1875rem; font-size:0.6875rem; font-weight:400;} /* 260818-4 : 가격과의 간격 0.25->0.125rem, 글자 0.725->0.6875rem, 안쪽 여백도 축소 */ /* 260814-11 : 가격 아래 줄바꿈(우측정렬) - 파렛트 칩과 같은 display:table+margin auto 방식 */ /* 260814-5 : 일시품절을 PC(.icon_soldout span, 이 파일 606행)와 동일한 빨간 배지로 - 전 카테고리 공통 */
/* 260813-23 : 체크박스 = 사이트 공통 .inp_chk 디자인(gd_common.css 45행 icon_chk.png). 여기서는 배치 여백만 정리 (cart_card_chk 260812-3 과 같은 방식) */
.cmp_row .cmp_chk_box {flex:0 0 auto; line-height:0;}
.cmp_row .cmp_chk_box input {margin:0;}
.cmp_row .cmp_restock {flex:0 0 auto; width:1.625rem; height:1.625rem; padding:0; background:#fff; border:1px solid #ddd; border-radius:0.25rem; line-height:0;} /* 260818-4 : 알림받기 버튼 축소(1.875->1.625rem) */ /* 260814-18 : 품절 시 재입고 알림(종) 버튼 - PC btn_restock 과 같은 흰 배경 테두리 버튼, 텍스트 없이 아이콘만 */
.cmp_row .cmp_restock img {width:0.875rem; height:0.875rem; object-fit:contain; display:inline-block;} /* 260818-4 : 종 아이콘 축소(1->0.875rem) */

/* 수량 스테퍼: 평소 숨김, 행 체크(.on) 시 노출.
   260813-23 : PC 리스트 .quantity(PC goods.css 799행)와 같은 한 박스형(-, 수량, + 가 테두리 하나 안에) */
.cmp_row .cmp_qty {display:none; flex-basis:100%; margin-top:0.25rem; justify-content:flex-end;}
.cmp_row.on .cmp_qty {display:flex;}
.cmp_qty button {width:1.5rem; height:2.125rem; padding:0; background:#fff; font-size:0.9375rem; line-height:1; color:#555; border:1px solid #ccc;}
.cmp_qty .cmp_qty_dec {border-right:0; border-radius:0.25rem 0 0 0.25rem;}
.cmp_qty .cmp_qty_inc {border-left:0; border-radius:0 0.25rem 0.25rem 0;}
.cmp_qty input.tu_goodsCnt {width:2.125rem; height:2.125rem; padding:0; border:1px solid #ccc; border-left:0; border-right:0; background:#fff; text-align:center; font-size:0.8125rem; color:#222; box-sizing:border-box;}

/* 하단 고정 선택바 (260813-19 : 이 페이지(001/014)는 기본 하단 내비를 숨기고 선택바만 화면 맨 아래 고정) */
.cmp_select_bar {position:fixed; left:0; right:0; bottom:0; z-index:1000; background:#fff; border-top:1px solid #e5e5e5; box-shadow:0 -0.125rem 0.5rem rgba(0,0,0,0.04); padding:0.5rem 0.75rem calc(0.625rem + constant(safe-area-inset-bottom)); padding:0.5rem 0.75rem calc(0.625rem + env(safe-area-inset-bottom));}
.cmp_select_bar .bar_info {display:flex; align-items:center; justify-content:space-between; margin-bottom:0.5rem; font-size:0.8125rem; color:#666;}
.cmp_select_bar .bar_info strong {color:#222;}
.cmp_select_bar .bar_info #cmpSelSum {font-size:1.0625rem; font-weight:700;}
.cmp_select_bar .bar_info .vat {font-size:0.6875rem; color:#999;}
.cmp_select_bar .bar_info em {font-style:normal; color:#b0b6bd;}
.cmp_select_bar .bar_btns {display:flex; gap:0.5rem;}
.cmp_select_bar .bar_btns button {flex:1 1 0; height:2.75rem; font-size:0.9375rem; font-weight:700;}
.cmp_select_bar #btnSelectGoodsToCartList {background:#fff; border:1px solid #ddd; color:#333;}
.cmp_select_bar #btnSelectGoodsToOrderList {background:#e10505; border:1px solid #e10505; color:#fff;}

/* 260813-19 : 선택바가 있는 카테고리 페이지에서는 기본 하단 내비(m_bottom_nav, custom.css 260803-7) 숨김
   (goods.css 가 custom.css 보다 늦게 로드되어(outline/_header.html 45↔54행) 이 규칙이 이긴다) */
body.has_cmp_bar .m_bottom_nav {display:none;}
/* 본문 하단 여백: 선택바 높이만큼 (custom.css 의 has_bottom_nav 여백 3.5625rem 을 대체) */
body.has_cmp_bar {padding-bottom:calc(6.25rem + constant(safe-area-inset-bottom)); padding-bottom:calc(6.25rem + env(safe-area-inset-bottom));}
/* 260813-25 : 위로가기 화살표(fixed_btn_top, footer 260813-24 복원) - 선택바가 있는 페이지에서는 선택바(약 6rem) 위로 올려 가림 방지. 기본 위치는 gd_layout.css 196행 그대로 */
body.has_cmp_bar .fixed_btn_top, body.has_cmp_bar .fixed_btn_back {bottom:calc(6.75rem + constant(safe-area-inset-bottom)); bottom:calc(6.75rem + env(safe-area-inset-bottom));} /* 260813-35 : 이전(뒤로) 플로팅 버튼도 선택바 위로 */