@charset "utf-8";
.prd_cate
.category_side { width: 17.125rem; margin: 0 auto; list-style: none; padding: 0;}
.cate_box .category_side { width: 100%; margin: 0 auto; list-style: none; padding: 0;}
.category_side > li.cate_box { padding: 0 0.9375rem 0 0.9375rem;position: relative; }
.category_side > li.cate_box > a { position: relative; display: block; padding: 0.625rem 0 0.4375rem; font-size: 0.9375rem; color: #222; font-weight: 400; text-decoration: none; cursor: pointer; }
.category_side > li.cate_box > a:hover { color: #000; }
.category_side > li.cate_box > a .comm_tit {font-size: 1.125rem; color: #272727; font-weight: bold;}

/* 2차 카테고리 메뉴 숨김 */
.category_side ul.sub_menu { display: none; padding-left: 0.625rem; margin: 0; }

/* 2차 카테고리 메뉴 열기 */
.category_side ul.sub_menu.open { display: block; }

.category_side ul.sub_menu li a { display: block; padding: 0.5rem 0; font-size: 0.875rem; color: #444; text-decoration: none; }
.category_side ul.sub_menu li a:hover { color: #000;}

/* 아이콘 위치 및 기본 아이콘 */
.category_side a.toggle_btn .icon_plus { position: absolute; right: 0; top: 50%; width: 0.8125rem; height: 0.8125rem;  margin-top: -0.4062rem; background: url('../../img/new/ico_cate_plus.png') no-repeat center; background-size: 0.8125rem 0.8125rem;
    font-size: 0; vertical-align: middle; }

/* 아이콘 변경 - 열림 상태 */
.category_side a.toggle_btn.on .icon_plus { background: url('../../img/new/ico_cate_minus.png') no-repeat center; background-size: 0.8125rem 0.8125rem; }

 /* SELECT 다국어 proc/_global_select.html */
.mod_language {}
.mod_language .language_tit {display:block; padding-right:1.1875rem; text-align:right; }
.mod_language .language_tit span {display:block; padding-right:1.5625rem; font-size:0.9375rem; line-height:0; color:#262626; 
background:url('../../img/icon/icon_arrow.png') no-repeat right center; background-size:0.6875rem 0.375rem;}
.mod_language .language_tit span.on {background:url('../../img/icon/icon_arrow_on.png') no-repeat right center; background-size:0.6875rem 0.375rem;}
.mod_language .language_tit img {width:1.375rem; margin-right:0.625rem; font-size:0; vertical-align:middle;}
.mod_language .language_list {display:none; position:absolute; top:3rem; right:0; padding:0px 1.25rem 0 1.25rem; font-size:0.9375rem; background:#f3f3f3; z-index:400;}
.mod_language .language_list li {padding:0.3125rem 0;}
.mod_language .language_list li img {width:1.375rem; margin-right:0.625rem; font-size:0; vertical-align:middle;}
/* SELECT 다국어(텍스트없음) */
.mod_language .language_tit2 span {padding-right:0.625rem;}
.mod_language .language_list2 {padding:0px 1.8125rem 0 1.25rem;}
/* 일렬로 정렬 */
.mod_language .language_list3 {padding-right:0.1875rem; font-size:0; text-align:right;}
.mod_language .language_list3 li {display:inline-block; padding:1.0625rem 0.25rem 0 0.25rem; vertical-align:top;}

/*** [위젯] 메인 상품 출력 | proc/_goods_display_main.html ***/
._goods_display_main {}
._goods_display_main h3 {position:relative; display:block; padding:0.5rem 5.875rem 0.5rem 0.625rem; font-size:1rem; color:#181818; border-bottom:1px solid #f3f2f2; text-align:left; font-weight:bold;}
._goods_display_main h3 .more_btn_box {position:absolute; top:0.375rem; right:0.625rem;}
._goods_display_main .main_prd_list {padding:0 0.3125rem 0 0.3125rem; font-size:0;}
._goods_display_main .btn_box {padding:0.9375rem 0.9375rem 0.9375rem 0.9375rem;}

/*** 레이어 팝업 검색 | proc/_header_search.html ***/
/* 260813-49 : 검색 레이어 재구성 / 260813-53 : 검색영역을 리스트와 동일한 .goods_input_search 공용 규칙(custom.css 260813-51)으로
   전환하면서 이 블록은 레이어 고유 요소(타이틀·닫기X·카드·검색어줄 보조·최근검색어)만 남김.
   공통값: 테두리 #ddd, 곡선 0.25rem, 카드 라운딩 0.75rem */
._header_search {}

._header_search .srch_head {position:relative; text-align:center; padding:0.875rem 0 0.625rem;} /* 260813-53 : 타이틀 가운데 정렬 */
._header_search .srch_head h2 {font-size:1.0625rem; font-weight:700; color:#222;}
._header_search .srch_head .srch_close {position:absolute; top:0.375rem; right:0; width:2.5rem; height:2.5rem; background:none; border:0; font-size:0; text-align:center; cursor:pointer;} /* 260813-55 : 드로어 닫기 버튼(gd_layout.css 86행 #wrap nav .left_close)과 동일한 X 로 통일 (아이콘 이미지 -> CSS × 문자, 크기/색/눌림색 동일) */
._header_search .srch_head .srch_close:before {content:'\00d7'; font-size:1.75rem; line-height:2.5rem; color:#888; font-weight:400;}
._header_search .srch_head .srch_close:active:before {color:#e54600;}

._header_search .srch_card .goods_input_search {margin:0;} /* 카드 안에서는 리스트용 아래 여백 제거 */
/* 검색어 줄 안의 클리어(x) 버튼 - 기존 keyword_box 버튼과 동일한 아이콘 */
._header_search .search_keyword {position:relative;}
._header_search .search_keyword .bn_wrg {position:absolute; top:0.59375rem; right:4.6875rem; width:1.3125rem; height:1.3125rem; min-width:0; padding:0; background:url('../../img/icon/icon_x.png') no-repeat center; background-size:1.3125rem; font-size:0; border:none;}

/* 검색 내용 : 최근검색어 (탭 없이 심플) */
._header_search .layer_search_content {position:relative; overflow-y:auto; margin:0.25rem 0 0;}
._header_search .layer_search_content .search_bx_area {padding:0.375rem 0.9375rem 0.9375rem;}
._header_search .recent_title {display:flex; align-items:center; justify-content:space-between; padding:0.375rem 0;}
._header_search .recent_title h3 {font-size:0.875rem; font-weight:700; color:#222;}
._header_search .recent_title .js_recent_all_delete {font-size:0.75rem; color:#999; border:0; background:none; padding:0.25rem 0; cursor:pointer;}
._header_search .latest_search_list {width:100%;}
._header_search .latest_search_list li {display:flex; align-items:center; gap:0.375rem; border-bottom:1px solid #f1f1f1;}
._header_search .latest_search_list li .link {flex:1 1 auto; min-width:0;}
._header_search .latest_search_list li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.625rem 0; font-size:0.8125rem; color:#333; line-height:1.25rem;}
._header_search .latest_search_list li .date {flex:0 0 auto; font-size:0.75rem; color:#999;}
._header_search .latest_search_list li .keyword_delete {flex:0 0 auto;}
._header_search .latest_search_list li .keyword_delete button {display:inline-block; width:1.125rem; height:1.125rem; font-size:0; background:url('../../img/icon/icon_x1.png') no-repeat center; background-size:0.75rem; border:none; vertical-align:top;}
._header_search .latest_search_list li.no_recent a {color:#999;}

/*** [위젯] 인기상품 | proc/_populate.html ***/
._populate {position:relative;overflow:hidden;}
._populate .rank_top_box .rank_visible_sec {width:100%; padding:0 0.625rem 0.3125rem 0.625rem; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-size:0;}
._populate .rank_top_box .rank_visible_sec .hot_item_tit {display:inline-block; width:5.625rem; padding:0.625rem 0 0.125rem 0; color:#383838; font-size:0.875rem; font-weight:bold; vertical-align:top;}
._populate .rank_top_box .rank_visible_sec .hot_item_tit strong {color:#ab3e55; font-size:0.875rem;}
/* 롤 오버형 */
._populate .rank_top_box .rank_visible_sec .rolling_rank_list {display:inline-block; width:calc(100% - 5.625rem); margin:0.1875rem 0 0 0; }
._populate .rank_top_box .rank_visible_sec .rolling_rank_list ul {width:100%; font-size:0.875rem;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list ul li {position:relative; width:100%; padding:0 9.375rem 0 1.5625rem;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list ul li em {position:absolute; top:0.5rem; left:0; width:1.125rem; background:#bababa; border-radius:0.125rem; font-size:0.6875rem; color:#fff; text-align:center; line-height:1.125rem;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list li a {overflow:hidden; display:inline-block; width:70%; padding:0.5625rem 0px 0 1.5625rem; color:#333; font-size:0.875rem; line-height:0.875rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal !important;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list .top1 em,
._populate .rank_top_box .rank_visible_sec .rolling_rank_list .top2 em,
._populate .rank_top_box .rank_visible_sec .rolling_rank_list .top3 em {background:#999999;}
/* 더보기 버튼 */
._populate .rank_top_box .rank_visible_sec .popular_more01 {display:none; position:absolute; top:0.5rem; right:0.625rem;}
.popular_more_btn {display:inline-block; padding:0.375rem 0.5625rem 0.3125rem 0.5625rem; border:1px solid #cccccc; border-radius:0.25rem; font-size:0.6875rem; color:#1c1c1c; background:#fff;}
/* 내림버튼 */
._populate .rank_top_box .rank_visible_sec .popular_more02 {position:absolute; top:3.125rem; right:0.625rem;}
._populate .rank_top_box button {position:absolute; top:0px; right:0px; display:inline-block; width:2.625rem; height:2.5rem; background:#fafafa url('../../img/icon/icon_open.png') no-repeat center; background-size:0.8125rem 0.5rem; border:1px solid #e0e0e0; border-right:none; font-size:0; text-indent:-9999px; text-align:center; }
._populate .rank_top_box button.on {background:#fafafa url('../../img/icon/icon_close.png') no-repeat center; background-size:0.8125rem 0.5rem;}
/* 펼침형 */
._populate .rank_top_box .layer_rank_list {display:none; padding:0.9375rem 0 0 0; border-bottom:1px solid #cccccc;}
._populate .rank_top_box .layer_rank_list ul {padding:0 0 0.375rem 0;}
._populate .rank_top_box .layer_rank_list li {overflow:hidden; padding:0 4.375rem 0.75rem 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
._populate .rank_top_box .layer_rank_list li em {display:inline-block; margin:0 0.5rem 0 0.9375rem; width:1.125rem; height:1.125rem; line-height: 1.125rem; background:#bababa; border-radius:0.125rem; font-size: 0.6875rem; color:#fff; text-align:center;}
._populate .rank_top_box .layer_rank_list .top1 em,
._populate .rank_top_box .layer_rank_list .top2 em,
._populate .rank_top_box .layer_rank_list .top3 em {background:#999999;}
._populate .rank_top_box .layer_rank_list li:first-child a {color:#333333;}
._populate .rank_top_box .layer_rank_list li a {color:#666666; font-size:0.875rem;}
/* 펼치시 숨김 */
._populate .rolling_rank_list li.hide {display:none;}
/* on class 경우 보임 */
._populate .rank_top_box .on {display:block;}

/*** 검색 추천상품   proc/_recom_goods.html ***/
.goods_prd_item_s {padding:0.9375rem 0; border-top:1px solid #e2e3e3; width:9.375rem; margin:0 auto;}
.goods_prd_item_s .goods_prd_img {width:100%; padding-bottom:0.625rem; vertical-align:top;}
.goods_prd_item_s .goods_prd_img .img_box {position:relative;}
.goods_prd_item_s .goods_prd_img .img_box .img {font-size:0; line-height:0; display:inline-block;}
.goods_prd_item_s .goods_prd_img .img_box .img img {max-width:100%; border:1px solid #e5e5e5; box-sizing:border-box;}
.goods_prd_item_s .goods_prd_content {vertical-align:top;}
.goods_prd_item_s .goods_prd_content a {}
.goods_prd_item_s .goods_prd_content .goods_prd_icon {font-size:1rem;}
.goods_prd_item_s .goods_prd_content .goods_prd_soldout {padding:0.125rem 0 0.125rem 0;}
.goods_prd_item_s .goods_prd_content .goods_prd_soldout img {height:1.125rem;}
.goods_prd_item_s .goods_prd_content .goods_info_list {}
.goods_prd_item_s .goods_prd_content .goods_info_list li {padding:0.0625rem 0 0.0625rem 0; word-break:keep-all; color:#3e3d3c; font-size:0.875rem;}

/* 브랜드명 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.brand_name {font-weight:bold; color:#999999;}
/* 제조사 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.maker_name {font-weight:bold; color:#999999;}
/* 짧은설명 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.short_des {font-weight:bold; color:#999999;}
/* 마일리지 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.list_mileage {font-weight:bold; color:#999999;}
/* 모델번호 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.model_no {font-weight:bold; color:#999999;}
/* 상품코드 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.prd_code {font-weight:bold; color:#999999;}
/* 판매가격 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.price {font-weight:bold;}
/* 정가 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.fixed_price {text-decoration:line-through;}
/* 쿠폰 가격 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.coupon_price .coupon_price1 {font-weight:bold;}
/* 할인 가격 */ .goods_prd_item_s .goods_prd_content .goods_info_list li.dc_price{font-weight:bold;}
.goods_prd_item_s .soldout_img {position:absolute; top:0; left:0; display:block; font-size:0; width:100%; height:100%; z-index:10; background-size:100%; background-position:center; background-repeat:no-repeat;}

/* 상품 대표 색상 */
.goods_prd_item_s .color_chip{margin:0 0 0.4375rem; padding:0; overflow:hidden;}
.goods_prd_item_s .color_chip > div{width:0.5rem; height:0.5rem; text-indent:-9999px; border:#dfdfdf 1px solid; float:left; margin:0.1875rem 0.25rem 0 0;}