@charset "utf-8";

/* 카테고리 proc/_category_all.html */
.category_side {padding: 0 15px;}
.category_side > li {}
.category_side > li > a {position:relative; display:block; padding: 14px 0; border-bottom: 1px solid #999;}

.category_side > li ul {display:none;}
.category_side > li > ul {border-bottom: 0; padding-left: 15px;}
.category_side > li > ul > li {padding: 10px 0; position: relative; border-bottom: 1px solid #dedede;}
.category_side > li > ul > li > ul {margin-top: 12px; border-top: 1px solid #eee; padding-left: 15px;}

.category_side > li a > img{max-width:100%;}
/* 1차 카테고리 타이틀 */
.category_side > li > a {font-size: 15px; font-weight: 500;}
.category_side > li > a.on {}
/* 2차 카테고리 타이틀 */
.category_side > li > ul > li {position: relative;}
.category_side > li > ul > li > a {font-size: 14px; display: block;}
.category_side > li > ul > li > a.on {}
/* 3차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li {padding: 8px 0; border-bottom: 1px solid #dedede;}
.category_side > li > ul > li > ul > li:last-child {border-bottom: 0; padding-bottom: 0;}
.category_side > li > ul > li > ul > li > a {display: block; position: relative;}
.category_side > li > ul > li > ul > li > a.on {}
/* 4차 카테고리 타이틀 */
.category_side > li > ul > li > ul > li > ul {margin-top: 6px; padding: 6px 0; padding-left: 15px;}
.category_side > li > ul > li > ul > li > ul > li {background: #f8f8f8; padding: 6px 20px;}
.category_side > li > ul > li > ul > li > ul > li > a {display: block; padding-left: 13px; position: relative; font-size: 13px; color: #666;}
.category_side > li > ul > li > ul > li > ul > li > a:after {content: ''; width: 3px; height: 3px; background: #666666; border-radius: 50%; position: absolute; left: 0; top: 7px;}
.category_side > li > ul > li > ul > li > ul > li > a.on {font-weight: bold; color: #ff7200;}
/* 하위카테고리가 있을경우 아이콘 */
.category_side li a span.icon_plus {position:absolute; top: 20px; right:0; display:block; width:12px; height:7px; 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 > ul > li > ul > li > a .icon_plus {top: 5px;}
/* 하위카테고리가 없을경우 아이콘 */
.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 {}
._goods_display_main h3 {position:relative; display:block; padding:8px 94px 8px 10px; font-size:16px; color:#181818; border-bottom:1px solid #f3f2f2; text-align:left; font-weight:bold;}
._goods_display_main h3 .more_btn_box {position:absolute; top:6px; right:10px;}
._goods_display_main .main_prd_list {padding:0 5px 0 5px; font-size:0;}
._goods_display_main .btn_box {padding:15px 15px 15px 15px;}

/*** 레이어 팝업 검색 | proc/_header_search.html ***/
._header_search,
._header_search .layer_search_box,
._header_search .layer_search_box form {width: 100%; /* height: 100%; */}
._header_search .layer_search_box {padding: 15px; box-sizing: border-box;}
._header_search .layer_search_box fieldset {/* position: absolute; left: 15px; right: 15px; top: 30%; */}
._header_search .layer_search_box fieldset legend {display:none;}
._header_search .layer_search_box dl {}
._header_search .layer_search_box dl dt {padding: 0 0 8px;}
._header_search .layer_search_box dl dt label {font-size: 21px; font-weight: 500;}
._header_search .layer_search_box dl dd {width:100%; position: relative;}
._header_search .layer_search_box dl dd .keyword_box {position:relative; background: #f8f8f8;}
._header_search .layer_search_box dl dd .keyword_box input {width: calc(100% - 50px); height: 50px; border: 0; background: none; padding:0 30px 0 0; text-indent: 20px; font-size: 15px;}
._header_search .layer_search_box dl dd .keyword_box button {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; position: absolute; right: 55px; top: 50%; transform: translateY(-50%);}

/* 검색 내용 */
._header_search .layer_search_content {position:relative; overflow-y:scroll;}
._header_search .layer_search_content .search_bx_area {display:table; width:100%; background:#f2f2f2; border-bottom:1px solid #e2e2e2;}
._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 #ff7200;}
._header_search .layer_search_content .search_bx_area .on h3 {color:#484848; }
._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%;}
/* 최근검색 리스트 / 인기검색어 */
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list {width:100%; font-size:0; height: 155px; overflow-y: hidden;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li {width:100%;  border-bottom:1px solid #eee; display: flex; justify-content: space-between;}
._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: 10px 20px 10px; white-space:nowrap; text-overflow:ellipsis;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li.popular {}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li.popular a {position: relative; padding: 10px 20px;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li.popular a:before {content:'';width:3px;height:3px;background: #ff7200; border-radius:50%; position:absolute; top:13px; left:10px;}

._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;}

._header_search .layer_search_content .search_bx_area .latest_search_list_box .btn_more {width: 50%; margin: 30px auto 0; border: 0; background: #fff; display: block;}
._header_search .layer_search_content .search_bx_area .latest_search_list_box .btn_more span {border-bottom: 1px solid #000; font-size: 14px;}

/*** [위젯] 인기상품 | 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:#ab3e55; 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 ***/
.goods_prd_item_s {padding:15px 0; border-top:1px solid #e2e3e3; 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 #eee; 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: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;}

/* 브랜드명 */ .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;}




.hit_keyword_area{position:absolute;bottom:0;left:0;right:0;padding:0 15px 20px 15px;}
.hit_keyword_area h3{font-size:15px; padding-bottom:20px;}
.hit_keyword_area .latest_search_list{display:flex;flex-wrap: wrap;}  
.hit_keyword_area .latest_search_list li{position:relative;width:50%;padding:0 10px;margin-bottom:15px;box-sizing:border-box;}   
.hit_keyword_area .latest_search_list li:before{content:'';width:3px;height:3px;background: #ff7200; border-radius:50%; position:absolute; top:7px; left:0;} 
.hit_keyword_area .latest_search_list li a{display:block; overflow: hidden ; white-space:nowrap;  text-overflow:ellipsis }