@charset "utf-8";

/************************************************************************
 * 파일명 : incl.coupang.css
 * 설명 : 에누리 가격비교 모바일 / 쿠팡전문관 커스텀
 * 작성일 : 2024.08.23
************************************************************************/

/* 헤더 */
.page_header.type--coupang{margin:0!important}
.page_header.type--coupang .wrap{display:flex;align-items:center;padding:14px 16px}
.page_header.type--coupang .header_top .btn__sr_back{position:static;order:1}
.page_header.type--coupang .header_top .header_top_page_name{height:28px;text-indent:-9999em;flex:1;order:2;background:url(//img.enuri.info/images/plan/coupang_title2.svg) no-repeat 50% 50% / auto 100%}
.page_header.type--coupang .btn_open_search_layer_icon{margin-left:auto;position: static;order:2}

/* 헤더 SRP */
.page_header.type--coupang.type--srp .wrap{padding:8px 16px}
.page_header.type--coupang.type--srp .btn_open_search_layer{order:2;height:40px;flex:1;margin-left:8px;border-radius:20px;border: solid 1px rgba(102, 102, 102, 0.5);background-color:#fff;color:#222;font-size:15px}
.page_header.type--coupang.type--srp .btn_open_search_layer:before{content:"쿠팡";font-size:16px;font-weight:800;color:#dc4a42;line-height:20px;padding:0 8px 0 6px;border-right:1px solid #d9d9d9;margin-right:8px}
.page_header.type--coupang.type--srp .btn_open_search_layer i{filter:grayscale(100%)}

/* 쿠팡 검색창 */
.comm__search_layer .section__searchBar{padding:8px 0}
.comm__search_layer .section__searchBar .keyword_input_wrap{border-color:rgba(102, 102, 102, 0.5)}
.comm__search_layer .section__searchBar .keyword_input_wrap:before{content:"쿠팡";font-size:16px;font-weight:800;color:#dc4a42;line-height:20px;padding:0 8px 0 16px;border-right:1px solid #d9d9d9;margin-right:8px}
.comm__search_layer .section__searchBar .keyword_input_wrap.focus{border-color:#222}
.comm__search_layer .section__searchBar .keyword_input_wrap .keyword_input{height:38px;padding:0;font-size:15px;width:calc(100% - 135px)}
.comm__search_layer .btn_search:after{filter: grayscale(100%);}

/* 검색창 */
.header-search{position:fixed;top:0;left:0;right:0;bottom:0;box-sizing:border-box;overflow:hidden;background-color:#fff;display:none}
.header-search.is-show{display:block;z-index:1000}
.header-search__head{height:56px;display:flex;padding:8px 16px;align-items:center;box-sizing:border-box;}
.header-search__btn-back{display: block;width: 28px;height: 28px;background-position: -84px -192px;text-indent: -9999em;background-image: var(--comm-sprite2);background-size: var(--mobile--sprite-size);}
.header-search__group{flex:1;margin-left:8px;padding:0 16px;height:40px;border:1px solid rgba(102, 102, 102, 0.5);border-radius:20px;box-sizing:border-box;display:flex;align-items:center}
.header-search__input{color:#222;font-weight:600;font-size:15px;flex:1;border:0;background:transparent;}
.header-search__input::placeholder{font-size:14px;color:#888;font-weight:400}
.header-search__arrow{display:none}
.header-search.is-focus .header-search__arrow{transform:rotate(180deg)}
.header-search__btn-search{margin-left:12px;display: block;width: 28px;height: 28px;background-position: -56px -192px;text-indent: -9999em;background-image: var(--comm-sprite2);background-size: var(--mobile--sprite-size);}

/* 검색창 내부 */
.header-search__body{height:calc(100vh - 56px);overflow-y:auto}

/* 최근검색어 */
.header-search__recent{padding:16px;}
.header-search__recent.is-show{display:block;}
.header-search__recent__title{font-size:17px;line-height:22px;color:#222;font-weight:700}
.header-search__recent__list{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 4px}
.header-search__recent__item{box-sizing:border-box;height:36px;border:1px solid #ddd;background-color:#fafafa;border-radius:18px;display:flex;gap:0 6px;align-items:center;padding:0 14px;color:#222}
.header-search__recent__item a{text-decoration: none;}
.header-search__btn--delete{text-indent: -9999em;width: 16px;height: 16px;background:url(//img.enuri.info/images/icon/svg/icon_vip_close_g.svg) transparent no-repeat 50% 50% / 100% 100%;}
.header-search__recent--noresult{height:92px;display:flex;align-items:center;justify-content: center;font-size:12px;color:#888;margin-top:8px;display:none}
.header-search__recent--noresult.is-show{display:flex;}

/* 자동완성 */
.header-search__recomm{margin:0 16px;display:none}
.header-search__recomm.is-show{display:block;}
.header-search__recomm__item{display:flex;align-items:center;height:48px;flex-wrap:nowrap;border-bottom:1px solid #eee}
.header-search__recomm__item a{flex:1;font-size:14px;color:#222;overflow:hidden;height:20px;min-width:0;text-overflow: ellipsis;white-space: nowrap;line-height:20px}
.header-search__recomm__item a em{color:#dc4a42}
.header-search__recomm__item:hover a{text-decoration: none;}
.header-search__recomm--noresult{padding:48px 0;display:none;flex-direction: column;align-items: center;}
.header-search__recomm--noresult i{width:64px;height:64px;background:url(//img.enuri.info/images/icon/svg/ico_caution.svg) no-repeat 50% 50% / 100% 100%;}
.header-search__recomm--noresult em{font-size:16px;font-weight:600;color:#222;margin-top:12px;}
.header-search__recomm--noresult.is-show{display:flex;}

/* 태그 : 인기 */
/* .ico-tag--pop{height:16px;border-radius:8px;background-color:#dc4a42;color:#fff;font-size:12px;line-height:16px;padding:0 4px;display:inline-block;margin-left:4px;font-style:normal;vertical-align: 1px;} */

/* 오늘출발 > 로켓타입 */
.util__btn--rocketDeli{display:flex;align-items:center}

.tag--today-depart.is-rocket{color:#1792c1}
.type--grid .tx--today-depart.is-rocket{color:#1792c1}
.tag--today-depart.is-rocket i,
.tx--today-depart.is-rocket i{width:56px;height:16px;background-image:url(//img.enuri.info/images/icon/svg/icon_tag_rocket.svg)}

/* 검색결과 없음 */
.no_result.is-coupang .txt_result .txt_keyword{color:#c02d23!important}
/* .no_result.is-coupang .no-result__txt{display:block;color:#888!important;font-weight:400!important;text-align:center;margin-top:4px!important} */
.no_result.is-coupang .no-result__txt--sub{font-weight:400!important;}
.no_result.is-coupang .no-result__btn-more{width:220px;height:40px;margin:8px auto 0;border:1px solid #ddd;border-radius:20px;display:flex;justify-content: center;align-items:center;gap:0 4px;letter-spacing:-.07px;font-size:14px;color:#333;}
.no_result.is-coupang .no-result__btn-more:after{content:"";width:16px;height:16px;background:url(//img.enuri.info/images/icon/svg/icon_arr_g_16.svg) no-repeat 50% 50% / 100% 100%;transform:rotate(90deg)}
.no_result.is-coupang .no-result__btn-more:hover{text-decoration: none;}

/* 검색결과 없음 > 추천상품 */
.srp-recomm{background:#fff;margin-top:10px;}
.srp-recomm__inner{padding:0 16px}
.srp-recomm__tit{font-size:16px;line-height:20px;font-weight:700;color:#000;padding:14px 0}
.srp-recomm__list{display:flex;gap:0 16px;flex-wrap:wrap;position: relative;}
.srp-recomm__item{width:calc(50% - 8px);position: relative;}
.srp-recomm__item a{display:block;padding-bottom:24px}
.srp-recomm__item a:hover{text-decoration: none;}
.srp-recomm__thumb{padding-top:100%;height:0;border-radius:8px;position: relative;overflow:hidden;background-color:#fff}
.srp-recomm__thumb:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;border:1px solid rgba(0, 0, 0, 0.03);z-index:2}
.srp-recomm__thumb:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background:rgba(0, 0, 0, 0.02);z-index:1}
.srp-recomm__thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.srp-recomm__info{padding-top:8px;}
.srp-recomm__name{height:36px;font-size:14px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;color:#222}
.srp-recomm__price{margin-top:4px;line-height:20px;font-weight:600;font-size:13px}
.srp-recomm__price em{font-size:16px;font-weight:700}
.srp-recomm__price--regular{color:#000;}
.srp-recomm__price--wow{color:#1a70dd;}
.srp-recomm__delivery{margin-top:8px}
.srp-recomm__delivery ul{display:flex;gap:0 9px;line-height:16px;}
.srp-recomm__delivery li{position: relative;font-size:12px;color:#444;}
.srp-recomm__delivery li:not(:first-child):before{content:"";position:absolute;top:1px;bottom:1px;left:-5px;border-left:1px solid #d9d9d9}