@charset "utf-8";

/* 카테고리 proc/_category_all.html */
.category_side {width:274px; margin:0 auto;}
.category_side > li {padding:0 15px 0 15px;} 
.category_side > li ul:not(.cate2) {display:none;} /* GNB 메가메뉴(.cate2)는 제외, border-top 제거 @entwiz */
.category_side > li a {position:relative; display:block; padding:12px 0 12px 0; font-size:16px; color:#262626;}
.category_side > li a > img{max-width:100%;}
/* 1차 카테고리 타이틀 */
.category_side > li > a { font-weight:bold;}
.category_side > li > a.on {color:#00B373;}
/* 2차 카테고리 타이틀 */
.category_side > li > ul > li > a {padding-left:10px;}
.category_side > li > ul > li > a.on {color:#00B373; font-weight:bold;}
/* 3차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li > a {padding-left:15px; font-size:14px; color:#747474;}
.category_side > li > ul > li > ul > li > a.on {color:#00B373; font-weight:bold;}
/* 4차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li > ul > li > a {padding-left:25px; font-size:12px; color:#767676;}
.category_side > li > ul > li > ul > li > ul > li > a.on {color:#00B373; font-weight:bold;}
/* 하위카테고리가 있을경우 아이콘 */
.category_side li a span.icon_plus {position:absolute; top:50%; right:0; display:block; width:12px; height:7px; margin:-3px 0 0 0; background:url('../../img/icon/icon_left_arrow.png') no-repeat center; font-size:0; vertical-align:middle; background-size:12px 7px;}
.category_side li a.on span.icon_plus {background:url('../../img/icon/icon_left_arrow_on.png') no-repeat center; background-size:12px 7px;}
/* 하위카테고리가 없을경우 아이콘 */
.category_side li a.icon_arrow {/*background:url('../../img/icon/icon_arrow_right.png') no-repeat right center; background-size:6px 10px;*/}


 /* SELECT 다국어 proc/_global_select.html */
.mod_language {}
.mod_language .language_tit {display:block; padding-right:19px; text-align:right; }
.mod_language .language_tit span {display:block; padding-right:25px; font-size:15px; line-height:0; color:#262626; 
background:url('../../img/icon/icon_arrow.png') no-repeat right center; background-size:11px 6px;}
.mod_language .language_tit span.on {background:url('../../img/icon/icon_arrow_on.png') no-repeat right center; background-size:11px 6px;}
.mod_language .language_tit img {width:22px; margin-right:10px; font-size:0; vertical-align:middle;}
.mod_language .language_list {display:none; position:absolute; top:48px; right:0; padding:0px 20px 0 20px; font-size:15px; background:#f3f3f3; z-index:400;}
.mod_language .language_list li {padding:5px 0;}
.mod_language .language_list li img {width:22px; margin-right:10px; font-size:0; vertical-align:middle;}
/* SELECT 다국어(텍스트없음) */
.mod_language .language_tit2 span {padding-right:10px;}
.mod_language .language_list2 {padding:0px 29px 0 20px;}
/* 일렬로 정렬 */
.mod_language .language_list3 {padding-right:3px; font-size:0; text-align:right;}
.mod_language .language_list3 li {display:inline-block; padding:17px 4px 0 4px; vertical-align:top;}

/*** [위젯] 메인 상품 출력 | proc/_goods_display_main.html ***/
._goods_display_main {padding:0}
._goods_display_main h3 {position:relative; display:none; padding:8px 94px 8px 10px; font-size:16px; color:#181818; border-bottom:1px solid #f3f2f2; text-align:left; font-weight:bold;}
._goods_display_main img { max-width: 100%; }
/* 관리자에서 붙여넣은 영상(유튜브 등)은 width/height 가 고정돼 있어 좁은 화면에서 넘친다.
   가로를 화면에 맞추고 비율로 높이를 따라가게 한다. @entwiz
   ※ 아래 16:9는 기본값일 뿐이고, 실제 비율은 _goods_display_main.html 의 스크립트가
     원본 width/height 를 읽어 요소마다 다시 지정한다(숏츠 9:16 등 세로 영상 대응). */
._goods_display_main .contents iframe,
._goods_display_main .contents video,
._goods_display_main .contents embed,
._goods_display_main .contents object { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16 / 9; border:0; }
/* 영상을 감싼 고정폭 상자(에디터가 넣는 경우)도 함께 푼다 */
._goods_display_main .contents iframe[width],
._goods_display_main .contents video[width] { width:100% !important; height:auto !important; }
._goods_display_main h3 .more_btn_box {position:absolute; top:6px; right:10px;}
._goods_display_main ul.main_prd_list     {padding:0 20px 20px; font-size:0;}
._goods_display_main ul.main_prd_list > li  { width:calc(50% - 7px); margin-top:24px;  }
._goods_display_main ul.main_prd_list > li:nth-child(2n)  { margin-left:14px; }
._goods_display_main ul.main_prd_list .goods_prd_item_s .goods_prd_img .img_box      {background:#f7f7f7; border-radius: 8px; overflow: hidden; }
._goods_display_main .btn_box {padding:15px 15px 15px 15px;}

/*** 레이어 팝업 검색 | proc/_header_search.html ***/
._header_search {margin:0 16px; width:100%;}
._header_search .layer_search_box {position:relative; padding:0;;}
.subHeader ._header_search .layer_search_box { padding:10px 20px 16px 50px;}
._header_search .layer_search_box #frmSearchTop {  padding:0;;}

.ly_wrap ._header_search    {margin:0; }
.ly_wrap ._header_search .layer_search_box {position:absolute; width:100%; background:#fff; z-index:10; padding:16px 20px;}

._header_search .layer_search_box fieldset {}
._header_search .layer_search_box fieldset legend {display:none;}
._header_search .layer_search_box dl {padding:0;}
._header_search .layer_search_box dl dt {display:none;}
._header_search .layer_search_box dl dd {width:100%;}
#wrap .keyword_box {position:relative;}
#wrap .keyword_box input {width:100%; height:42px; border:1px solid #dadada; padding:0 42px 0 0; text-indent:16px; border-radius:21px; background: #ffffff; }
#wrap .keyword_box button {position:absolute; top:0; right:10px; display:inline-block; width:21px; height:21px; background:url('../../img/icon/icon_x.png') no-repeat center; background-size:21px; font-size:0; border:none;}
 .h_search_btn {position:absolute; width:24px; height:24px; top:9px; right:16px; border:0; background:url(../../images/icon/search.png) no-repeat 0 0 / 100%; overflow: hidden; text-indent: 100px;}
#wrap #popupSearch ._header_search .keyword_box input { height:48px; }
#wrap #popupSearch ._header_search .h_search_btn { top: 13px }
/* 검색 내용 */
._header_search .layer_search_content {position:relative; overflow-y:scroll; }
._header_search .layer_search_content .search_bx_area {display:block; width:100%; padding-top:0; background:#fff;  }/* 퍼블수정 0526 */
._header_search .layer_search_content .search_bx_area .latest_search_tab {display:table-cell;padding:5px 2px 5px 2px; background:#ffffff;  }
._header_search .layer_search_content .search_bx_area .latest_search_tab h3 {display:block; padding:2px 0 2px 0; text-align:center; color:#999999;}
._header_search .layer_search_content .search_bx_area .latest_search_tab.on {border-bottom:2px solid #ac3c54;}
._header_search .layer_search_content .search_bx_area .on h3 {color:#484848;padding:5px 0 15px 20px }
._header_search .layer_search_content .search_bx_area .latest_search_tab:first-child {padding-left:4px;}
._header_search .layer_search_content .search_bx_area .latest_search_tab:last-child {padding-right:4px;}
/*
._header_search .layer_search_content .search_bx_area .latest_search_list_box {position:absolute; top:37px; left:0; width:100%;}
*/
/* 최근검색 리스트 / 인기검색어 */
/* 퍼블수정 0526 
._header_search .layer_search_content .search_bx_area .latest_search_list_box {width:100%; padding:0 20px; gap:16px; display: flex; flex-wrap: wrap; } 
._header_search .layer_search_content .search_bx_area .latest_search_list_box li { width:calc(50% - 8px) }
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list {width:100%; font-size:0;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li {width:100%;  border-bottom:1px solid #e5e5e5;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div {display:inline-block; font-size:13px; vertical-align:top;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.link {width:70%;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li a {overflow:hidden; display:block; font-size:13px; padding:5px 20px 5px 0; text-indent:15px; white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.date {width:20%; padding:5px 0 5px 0; font-size:10px; line-height:18px; text-align:right; color:#999999;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.date {}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.keyword_delete {width:10%; padding:5px 0 5px 0; text-align:center;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.keyword_delete button {display:inline-block; width:18px; height:18px; font-size:0; background:url('../../img/icon/icon_x1.png') no-repeat center; background-size:6px; border:none; vertical-align:top;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_del {padding:8px 10px 8px 0; text-align:right;}
 /* 퍼블수정 0526 */



/*** [위젯] 인기상품 | proc/_populate.html ***/
._populate {position:relative;overflow:hidden;}
._populate .rank_top_box .rank_visible_sec {width:100%; padding:0 10px 5px 10px; 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:90px; padding:10px 0 2px 0; color:#383838; font-size:14px; font-weight:bold; vertical-align:top;}
._populate .rank_top_box .rank_visible_sec .hot_item_tit strong {color:#00B373; font-size:14px;}
/* 롤 오버형 */
._populate .rank_top_box .rank_visible_sec .rolling_rank_list {display:inline-block; width:calc(100% - 90px); margin:3px 0 0 0; }
._populate .rank_top_box .rank_visible_sec .rolling_rank_list ul {width:100%; font-size:14px;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list ul li {position:relative; width:100%; padding:0 150px 0 25px;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list ul li em {position:absolute; top:8px; left:0; width:18px; background:#bababa; border-radius:2px; font-size:11px; color:#fff; text-align:center; line-height:18px;}
._populate .rank_top_box .rank_visible_sec .rolling_rank_list li a {overflow:hidden; display:inline-block; width:70%; padding:9px 0px 0 25px; color:#333; font-size:14px; line-height:14px; 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:8px; right:10px;}
.popular_more_btn {display:inline-block; padding:6px 9px 5px 9px; border:1px solid #cccccc; border-radius:4px; font-size:11px; color:#1c1c1c; background:#fff;}
/* 내림버튼 */
._populate .rank_top_box .rank_visible_sec .popular_more02 {position:absolute; top:50px; right:10px;}
._populate .rank_top_box button {position:absolute; top:0px; right:0px; display:inline-block; width:42px; height:40px; background:#fafafa url('../../img/icon/icon_open.png') no-repeat center; background-size:13px 8px; 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:13px 8px;}
/* 펼침형 */
._populate .rank_top_box .layer_rank_list {display:none; padding:15px 0 0 0; border-bottom:1px solid #cccccc;}
._populate .rank_top_box .layer_rank_list ul {padding:0 0 6px 0;}
._populate .rank_top_box .layer_rank_list li {overflow:hidden; padding:0 70px 12px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
._populate .rank_top_box .layer_rank_list li em {display:inline-block; margin:0 8px 0 15px; width:18px; height:18px; line-height: 18px; background:#bababa; border-radius:2px; font-size: 11px; 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:14px;}
/* 펼치시 숨김 */
._populate .rolling_rank_list li.hide {display:none;}
/* on class 경우 보임 */
._populate .rank_top_box .on {display:block;}

/*** 검색 추천상품   proc/_recom_goods.html ***/
/* 퍼블수정 0526
.goods_prd_item_s {padding:15px 0;   width:150px; margin:0 auto;}
 .goods_prd_item_s .goods_prd_img {width:100%; padding-bottom:10px; 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; margin:0;}  
.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:16px;}
.goods_prd_item_s .goods_prd_content .goods_prd_soldout {padding:2px 0 2px 0;}
.goods_prd_item_s .goods_prd_content .goods_prd_soldout img {height:18px;}
.goods_prd_item_s .goods_prd_content .goods_info_list {}
.goods_prd_item_s .goods_prd_content .goods_info_list li {padding:1px 0 1px 0; word-break:keep-all; color:#3e3d3c; font-size:14px;}
/* 퍼블수정 0526 */

/* 브랜드명 */ .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 7px; padding:0; overflow:hidden;}
.goods_prd_item_s .color_chip > div{width:8px; height:8px; text-indent:-9999px; border:#dfdfdf 1px solid; float:left; margin:3px 4px 0 0;}



/* 퍼블수정 0526 */
.layer_search_box   {padding:0px 0px; padding:8px 20px;}
#frmSearchTop .h_search_close_btn           { left:0; top:0; width:24px; height:42px; background:url(../../images/common/ico_back.png) no-repeat 0 50%/ 24px; overflow: hidden; text-indent: -100px; border:0;  }
#frmSearchTop           { position: relative; padding-left:36px;}

.search_bx_area img{margin:0;}

.layer_search_content   {padding-top:80px; overflow: auto !important;}

.goods_prd_item_s h3        { height:48px; font-size: 16px; font-weight: 600; color:#222;  padding:10px 20px;}  
.goods_prd_item_s .total    { height:48px; font-size: 14px; font-weight: 600; color:#888;  padding:10px 20px;}  


.goods_list.type_s        { gap:12px; overflow: scroll; }
.goods_list.type_s .goods_prd_com        { min-width: 136px; width:136px; margin-right: 14px; }
.goods_list.type_s > li .goods_item .prd_img            {width:100%;}
.goods_list.type_s > li .goods_item .prd_content a                {display:block; }
.goods_list.type_s > li .goods_item .prd_content ul.goods_info_list li.fixed_price    {margin-top:4px; }
.goods_list.type_s > li .goods_item .prd_content ul.goods_info_list li.price            {margin-top:1px;}
.goods_list.type_s > li .goods_item .prd_content ul.goods_info_list li.member_price    {margin-top:1px;}

.latest_search_list_box { margin-top:24px; padding:26px 20px 0; border-top:8px solid rgba(136, 136, 136,0.1)}
.latest_search_list_box h3 { font-size:16px; color:#222; font-size: 16px; padding:10px 0; line-height:32px; }
.latest_search_list_box ul {  display:flex; flex-wrap: wrap; gap:6px; row-gap: 8px; }
.latest_search_list_box ul li a { display:flex; align-items: center; justify-content: center; height:32px; border-radius: 16px; font-size: 14px; border:1px solid #DFDFDF; padding-left:12px; padding-right: 12px;  }

/* 퍼블수정 0526 */


/* 퍼블수정 0607 graysoar@motioneye.co.kr */

.goods_prd_com.soldout .goods_item .img_box .soldout_img {
    display: block;
}

.goods_prd_com.timesale .goods_item .img_box .timesale_img {
    display: block;
}

.goods_list .prd_img .img_box {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.goods_list .goods_item .img_box .timesale_img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.goods_list .goods_item .img_box .timesale_img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.goods_list .goods_item .img_box .timesale_img::after {
    content: "타임세일";
    position: absolute;
    top: 8px;
    left: 8px;
    height: 20px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 12px;
    background: #33C28F;
    border-radius: 2px;
    line-height: 14px;
}

.goods_list .goods_prd_com.soldout .goods_list_info {
    opacity: 0.5
}
.goods_list .goods_prd_com.soldout .prd_unit {
    opacity: 0.5
}

.goods_list .goods_item .img_box .soldout_img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.goods_list .goods_item .img_box .soldout_img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.goods_list .goods_item .img_box .soldout_img::after {
    content: "품절";
    position: absolute;
    top: 8px;
    left: 8px;
    height: 20px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    color: #555;
    font-size: 12px;
    background: #EBEBEB;
    border-radius: 2px;
    line-height: 14px;
}

.goods_list .goods_item .img_box .soldout_img_2 {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px !important;
    background: rgba(0,0,0,.5);
    text-align: center;
}
.goods_list .goods_item .img_box .soldout_img_2::before {
    background: rgba(0,0,0,0) !important;
}
.goods_list .goods_item .img_box .soldout_img_2::after {
    content: " ";
    background: rgba(0,0,0,0) !important;
}

.goods_list .goods_prd_com .prd_unit {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.goods_list .goods_item .goods_prd_icon {
    display: flex;
    width: 50%;
    height: 20px;
    gap: 4px;
}

.goods_list .goods_item .goods_prd_icon img {
    height: 20px;
    width: auto;
}


.goods_list .goods_item .goods_prd_icon {
    display: flex;
    width: 50%;
    height: 20px;
    gap: 4px;
}

.goods_list .goods_item .btns {
    display: flex;
    height: 20px;
    gap: 8px;
}



.goods_list .prd_content .goods_prd_soldout {
    padding: 2px 0 2px 0;
}

.goods_list .prd_content .goods_prd_soldout img {
    width: auto;
    height: 18px;
}

/* 퍼블수정 0607 graysoar@motioneye.co.kr */

/* 기획전 제목 — 원래는 h3 라 위에서 display:none 이고,
   그룹형(groupSno)일 때만 _goods_display_main.html 의 인라인 style 이 되살린다.
   일반형에도 제목이 필요해 조건 없이 노출한다(값은 그 인라인 style 과 동일). @entwiz */
._goods_display_main .main_themeNm {display:block; padding:30px 20px 0 20px; border-bottom:0;}
._goods_display_main .main_themeNm img {width:100%;}

/* 일반형 기획전 — 제목을 배너 아래·상품 위로 (모바일·PC 공통).
   그룹형은 운영대로 제목이 배너 위에 남는다. @entwiz */
._goods_display_main .single_theme {display:flex; flex-direction:column;}
._goods_display_main .single_theme > .contents {order:1;}
._goods_display_main .single_theme > .main_themeNm {order:2;}
._goods_display_main .single_theme > ul.main_prd_list {order:3;}
._goods_display_main .single_theme > .btn_box {order:4;}
._goods_display_main .single_theme > .event_sale_others {order:5;}