@charset 'utf-8';

/*s::20190116 UI변경 수정*/
/*s::style_util.css 기존소스*/
.sto_find_cont { padding:30px; background:#fff; }
dl.sto_find_tab { position:relative; width:420px; }
dl.sto_find_tab > dt { margin-bottom:20px; }
dl.sto_find_tab > dt a { border:1px solid #ccc; border-radius:3px; color:#444; display:block; font-size:12px; height:26px; line-height:26px; text-align:center; width:95px; }
dl.sto_find_tab > dt a.on { color:#fff; background:#006633; }
dl.sto_find_tab > dt.dt2 { position:absolute; left:102px; top:0; }
dl.sto_find_tab > dt.dt3 { position:absolute; left:204px; top:0; }
dl.sto_find_tab p.p1 { font-size:14px; color:#444; line-height:1.4; margin-bottom:10px; }
dl.sto_find_tab p.p1 span { color:#666; display:block; padding-top:10px; }
dl.sto_find_tab > dd { display:none; }
dl.sto_find_tab > dd div.doro_wrap { padding:13px 20px; background:#f4f4f2; border-radiuㄴs:3px; margin-bottom:20px; }
div.doro_wrap ul li { margin-bottom:10px; width:100%; }
div.doro_wrap ul li:after { content:""; display:block; clear:both; }
div.doro_wrap ul li.last { margin-bottom:0; }
div.doro_wrap label { font-size:12px; color:#222; float:left; height:28px; line-height:28px; }
div.doro_wrap label span { font-size:14px; color:#b7312c; }
div.doro_wrap label.lab { width:62px; }
/*e::style_util.css 기존소스*/
/*01.검색 수정*/
.sto_find_cont.stoMdPop {padding:0;}
.sto_find_cont.stoMdPop dl.sto_find_tab > dd div.doro_wrap {padding:20px 20px; margin-bottom:10px; border-radius: 4px;}
.sto_find_cont.stoMdPop dl.sto_find_tab > dt.hid {display:none;}
.sto_find_cont.stoMdPop div.doro_wrap ul li {margin-bottom:0; margin-top:15px;}
.sto_find_cont.stoMdPop div.doro_wrap ul li:first-child {margin-top:0;}

.sto_find_cont.stoMdPop .sto_find_tab {width:100%; box-sizing: border-box; padding:15px;}
.sto_find_cont.stoMdPop div.select_box { float:left; height:26px; border:1px solid #ddd; border-radius:3px; }
.sto_find_cont.stoMdPop div.select_box span.value { display:block; margin:0 10px 0 10px; text-align:left; height:26px; line-height:25px;text-indent:4px; font-size:12px; color:#666; font-family:"nbg"; overflow:hidden; }
.sto_find_cont.stoMdPop div.select_box select { padding:0 10px 0 10px; position:absolute; left:0; top:0px; height:26px;text-align:left;line-height:26px;font-size:12px; color:#666; border:0;background:#fff; font-family:"nbg"; filter:alpha(opacity=0); opacity:0; z-index:20; color:#414141;}

.sto_find_cont.stoMdPop div.select_box01,
.sto_find_cont.stoMdPop div.select_box02 {background-color: #fff; background-image: url("../img/coffee/select_arrow.png"); background-repeat: no-repeat; background-position: 94% 50%; position:relative; width:80%; box-sizing: border-box;}/*20190305 수정*/
.sto_find_cont.stoMdPop div.select_box01 select,
.sto_find_cont.stoMdPop div.select_box02 select { width:100%; }

.sto_find_cont.stoMdPop .pStoreTxtList2 {width:100%;}
.sto_find_cont.stoMdPop div.doro_wrap label { font-size:13px; width:20%; box-sizing: border-box;}/*20190305 수정*/

/*btn 추가*/
.sto_find_cont.stoMdPop .btn,
.egiftResultPop .btn {display: inline-block; width: 100%; height: 44px; margin-top: 5px; border-radius: 2px; font-size: .9375rem; letter-spacing: -.037em; line-height: 44px; text-align: center; border:0; cursor: pointer;}
.sto_find_cont.stoMdPop .btn.searchBtn {background-color: #7b6e66; color: #fff;}
.egiftResultPop .moreBtn {background-color: #f4f4f2; margin-top:0; color:#666; height:42px; line-height: 40px; font-size:14px; }
.egiftResultPop .moreBtn  a {display:block; width:100%; height:100%;}

/*02.검색결과 수정*/
body.scrollNo {overflow-y: hidden;}
.pop_stock_wrap.appResult {width:100%;}
.pop_stock_wrap.egiftResultPop .pop_stock_cont .resultPopTop {height:160px; overflow: hidden; width:100%; background-color: #f4f4f2;}/*heigt 20190130 수정*/
.egiftResultPop .pop_stock_cont .pop_stock_result {width:100%; padding:0; /*margin-top:13px;*/ height:510px; -webkit-overflow-scrolling:touch; overflow-y: scroll;}/*20190123_02 수정*/
.egiftResultPop.appResult .pop_stock_cont .pop_stock_result {overflow-y: inherit;  height:470px;}/*20190123_02 수정*/

.pop_stock_wrap.egiftResultPop .pStoreTxtList2.pop_guide li {font-size:12px; line-height: 1.4em; letter-spacing: -0.06em;}
.egiftResultPop .pop_result_list_wrap {position: relative; width:100%;}
.egiftResultPop .pop_result_list_wrap ul {overflow: hidden;}
.egiftResultPop .pop_result_list_wrap ul li {position:relative; width:100%; padding:8px 10px 12px 10px; line-height:1.2em; border-bottom:1px solid #f1f1f1; box-sizing: border-box; max-height:72px;}
.egiftResultPop .pop_result_list_wrap ul li:first-child {border-top:1px solid #f1f1f1;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea,
.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon {display:inline-block; vertical-align: middle; position:relative;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon a {display:inline-block; vertical-align: middle; width:20px; height:20px; padding-left:10px;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon i {background: url(../img/common/btn_appEgiftclick.jpg) left top no-repeat; background-size: 8px 13px; width:8px; height:13px; display:inline-block; vertical-align: middle;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea {width:80%;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon {width:18%; box-sizing: border-box; text-align:center;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea .eGiftReTit {font-size:14px; font-weight: bold; color:#4c4c4c;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea .eGiftReTxt {font-size:12px; padding-top:3px; color:#727272; max-height:41px; overflow: hidden; line-height:16px;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea.off .eGiftReTit,
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea.off .eGiftReTxt {color:#d8d7d3;}
.egiftResultPop .pop_result_list_wrap ul li div.eGiftTitArea.off + .eGiftIcon {color:#727272; font-weight: bold; font-size:12px; line-height:15px;}
.egiftResultPop .pop_result_list_wrap ul li .reListLink {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;}
.egiftResultPop .pop_stock_result  .mCSB_inside > .mCSB_container {margin-right:0; -webkit-overflow-scrolling:touch;}
	
.egiftResultPop .pop_stock_cont .guideTime {text-align:right; padding:0 0 10px 0; color:#666; font-size:12px;}/*20190122 수정*/
.egiftResultPop .pop_stock_cont .pop_btn {padding-bottom:10px;} /*20190122 수정*/

.pop_stock_wrap.egiftResultPop .pop_stock_result.egiftWebResult .pop_result_list_wrap ul li {padding:1.5% 10px 2% 10px; max-height:100%; height:60px;}
.pop_stock_wrap.egiftResultPop .pop_stock_result.egiftWebResult .pop_result_list_wrap ul li div.eGiftTitArea .eGiftReTxt  {line-height:1.1em;}

.mCustomScrollbar,
.mCustomScrollbar.mCS_touch_action,
.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
	-webkit-touch-action: auto;
	-ms-touch-action: auto;
	    touch-action: auto;
}

.pop_stock_wrap.egiftResultPop.appResult .pop_stock_cont .resultPopTop {position: fixed; left: 0; top: 0; z-index: 11;}
.pop_stock_wrap.egiftResultPop.appResult .pop_stock_cont .pop_stock_result {padding-top:160px; box-sizing: inherit;}/*20190130 수정*/

/*03.매장정보 수정*/
.pop_stock_wrap.appInfo {width:100%;}
.eGiftPopInfo .pop_stock_cont .pop_tab_wrap .tab_wrap {padding:12px 15px 0 15px;  width:100%; box-sizing: border-box;}
.pop_stock_cont .pop_tab_wrap .tab_cont.active {width:100%; padding:0 15px; box-sizing: border-box;}
.eGiftPopInfo .infoPopTopArea {position:relative; width:100%; background-color: #f4f4f2; padding:10px 0;}
.eGiftPopInfo .infoPopTopArea .infoPopTop {width:90%; margin:0 auto;}
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoImg,
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoText {display:inline-block; vertical-align: middle;}
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoImg {width:65px; height:65px; background-color: #fff; border-radius: 100px;}
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoImg img {max-width: 100%; border-radius: 100px;}
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoText {width:auto; margin-left:10px;}
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoText dt {font-size:14px; color:#444; font-weight: bold;}
.eGiftPopInfo .infoPopTopArea .infoPopTop .eGiftimfoText dd {font-size:13px; color:#666; padding-top:10px; font-weight: bold; vertical-align: middle;}

/*mobile_ver*/
@media screen and (max-width:650px){
	.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon {width:14%; position:absolute; right:-1%; top:50%; margin-top:-8px;}/*20190121 수정*/
	/*.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon i {margin-top:20%;}*/ /*20190121 삭제*/
	.egiftResultPop .pop_result_list_wrap ul li div.eGiftIcon a {padding-left:0;}
	.egiftResultPop .pop_stock_result  .mCSB_inside > .mCSB_container {margin-right:0;}
	/*.egiftResultPop .pop_stock_cont .pop_stock_result {height:395px;}*/ /*20190130 삭제*/

	.pop_stock_wrap.egiftResultPop .pop_stock_result.egiftWebResult .pop_result_list_wrap ul li {padding:2.5% 10px 1% 10px;}
	.pop_stock_wrap.egiftResultPop .pop_stock_result.egiftWebResult .pop_result_list_wrap ul li div.eGiftTitArea .eGiftReTxt {line-height:1.1em; padding-top: 1%}

	.pop_stock_wrap.egiftResultPop {height:637px;}
	.egiftResultPop .pop_stock_cont .pop_stock_result {height:419px;}/*20190130 수정*/

}
@media screen and (max-width:640px) {
	.sto_find_cont.stoMdPop div.doro_wrap label.lab {margin-bottom:0; margin-top:10px; line-height:40px;}
	.sto_find_cont.stoMdPop div.doro_wrap label.lab:first-child {margin-top:0;}
	.sto_find_cont.stoMdPop div.select_box span.value {line-height:38px;}
}

@media screen and (max-width:480px) {
	.sto_find_cont.stoMdPop div.select_box,
	.sto_find_cont.stoMdPop div.select_box select,
	.sto_find_cont.stoMdPop div.select_box span.value { height:40px; }

	.sto_find_cont.stoMdPop div.select_box01 { background-position:97% 50%; width:80%; } /*20190121_02 수정*/
	.sto_find_cont.stoMdPop div.select_box02 { background-position:97% 50%; width:80%; } /*20190121_02 수정*/
	.sto_find_cont.stoMdPop div.doro_wrap label {width:20%;}
}

@media screen and (max-width:380px) {
	.pop_stock_wrap.eGiftPopInfo {height:600px;}

	.pop_stock_wrap.egiftResultPop {height:537px;}
	.egiftResultPop .pop_stock_cont .pop_stock_result {height:322px;} /*20190130 수정*/
	/*.pop_stock_wrap.egiftResultPop .pop_stock_cont .resultPopTop {height:127px;}*//*20190130 수정*/
	.egiftResultPop .pop_stock_cont .pop_btn {padding:10px 0 15px 0;}

	.sto_find_cont.stoMdPop div.select_box01 { background-position:93% 50%; width:75%; } /*20190121_02 수정*/
	.sto_find_cont.stoMdPop div.select_box02 { background-position:93% 50%; width:75%; } /*20190121_02 수정*/
	.sto_find_cont.stoMdPop div.doro_wrap label {width:25%;}


}

@media screen and (max-width:335px) {
	.pop_stock_wrap.egiftResultPop {height:484px;}
	.egiftResultPop .pop_stock_cont .pop_stock_result {height:263px;}
}

@media screen and (max-width:320px) {
	/*.pop_stock_wrap.egiftResultPop .pop_stock_cont .resultPopTop {height:165px;}*/
	/*.pop_stock_wrap.appResult .pop_stock_cont .resultPopTop {height:170px;}*/
	.pop_stock_wrap.egiftResultPop .pStoreTxtList2.pop_guide li {font-size:11px; letter-spacing: -0.09em;}
	.pop_stock_wrap.appResult .pStoreTxtList2.pop_guide li {font-size:11px; letter-spacing: -0.12em;}
}
/*e::20190116 UI변경 수정*/


/*s::20190305 재고조회 2차 수정*/
.stoMdPop ul.findTab {overflow: hidden; text-align:center; border-bottom:1px solid #ababab;}
.stoMdPop ul.findTab li {float:left; width:50%; padding:15px 0; box-sizing: border-box;}
.stoMdPop ul.findTab li a {display:block; color:#666; text-decoration: none; font-weight: bold; font-size:14px;}
.stoMdPop ul.findTab li a:hover {text-decoration: none;}
.stoMdPop ul.findTab li:first-child {border-right:none;}
.stoMdPop ul.findTab li.on {border-bottom:2px solid #9c8856; color:#9c8856;}
.stoMdPop ul.findTab li.on a {color:#9b8b5a;}
.stoMdPop dl.sto_find_tab {display:none;}
.stoMdPop dl.sto_find_tab.active {display:block;}
.stoMdPop dl.sto_find_tab.active dd {display: block;}

.stoMdPop dl.sto_store div.doro_wrap {position:relative; width:100%; box-sizing: border-box;}
.stoMdPop dl.sto_store div.doro_wrap label.lab {width:20%;}
.stoMdPop dl.sto_store div.doro_wrap input.bar2 {border:1px solid #cdcdcd; border-radius:3px; float:left; height: 40px; line-height: 40px; padding:0 10px; width:80%; box-sizing: border-box; color:#424242; font-size:12px;}
.stoMdPop dl.sto_store div.doro_wrap input::placeholder {color:#747474; font-size:12px;}
.stoMdPop button.stoBtn {cursor: default !important; background-color: #9b9b9b; color:#fff;}
.stoMdPop button.stoBtn.searchBtn {cursor: pointer !important;}

.stoMdPop button.stoBtnAdd {cursor: default !important; background-color: #9b9b9b; color:#fff;}
.stoMdPop button.stoBtnAdd.searchBtnAdd {cursor: pointer !important; background-color: #7b6e66; color: #fff;}


/*s::검색버튼 클릭시 팝업 노출 추가*/
.layerpop_stock_search {display:none; position: fixed; max-width:590px; width: 80%; top: 320px; left: 0; right:0; margin:-65px auto 0 auto; background: #fff; border-radius: 6px;  z-index: 10000}/*20190314 top값 수정*/
.layerpop_stock_search .close_layerpop_stock_search {position: absolute; display: block; width: 20px; top: 17px; right: 18px;}
.layerpop_stock_search .close_layerpop_stock_search img{width: 100%;}
.layerpop_stock_search .conts{padding:23px 10px 23px 10px; width:100%; box-sizing: border-box;}
.layerpop_stock_search .conts p {font-size:13px; line-height:18px; text-align:center; color:#4e4e4e; margin:0}
.layerpop_stock_search .conts p.pop_txt {color:#3b393a; font-size:15px; line-height:21px; word-break: keep-all;}
.layerpop_stock_search .conts p.pop_txt strong {display:block;}

.layerpop_stock_search .conts .popBtn {position:relative; width:100%; margin:25px auto 0 auto; overflow: hidden;}
.layerpop_stock_search .conts .popBtn span {display:block; float:left; width:100%; text-align:center; box-sizing: border-box;}
.layerpop_stock_search .conts .popBtn span.confirmBtn {background-color: #7b6e66; border-radius: 4px}
.layerpop_stock_search .conts .popBtn span a {font-size:13px; line-height:33px;color:#6b645c; text-decoration: none; display:block;}
.layerpop_stock_search .conts .popBtn span.confirmBtn a {color:#fff;}

.layerpop_stock_search.on {display:block;}


.layerpop_stock_search2 {display:none; position: fixed; max-width:590px; width: 80%; top: 320px; left: 0; right:0; margin:-65px auto 0 auto; background: #fff; border-radius: 6px;  z-index: 10000}
.layerpop_stock_search2 .close_layerpop_stock_search {position: absolute; display: block; width: 20px; top: 17px; right: 18px;}
.layerpop_stock_search2 .close_layerpop_stock_search img{width: 100%;}
.layerpop_stock_search2 .conts{padding:23px 10px 23px 10px; width:100%; box-sizing: border-box;}
.layerpop_stock_search2 .conts p {font-size:13px; line-height:18px; text-align:center; color:#4e4e4e; margin:0}
.layerpop_stock_search2 .conts p.pop_txt {color:#3b393a; font-size:15px; line-height:21px; text-align:left;}
.layerpop_stock_search2 .conts p.pop_txt strong {display:block;}

.layerpop_stock_search2 .conts .popBtn {position:relative; width:100%; margin:25px auto 0 auto; overflow: hidden;}
.layerpop_stock_search2 .conts .popBtn span {display:block; float:left; width:100%; text-align:center; box-sizing: border-box;}
.layerpop_stock_search2 .conts .popBtn span.confirmBtn {background-color: #7b6e66; border-radius: 4px}
.layerpop_stock_search2 .conts .popBtn span a {font-size:13px; line-height:33px;color:#6b645c; text-decoration: none; display:block;}
.layerpop_stock_search2 .conts .popBtn span.confirmBtn a {color:#fff;}

.layerpop_stock_search2.on {display:block;}

.layerpop_stock_dimm {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .8 ; z-index: 9990;}
/*e::검색버튼 클릭시 팝업 노출 추가*/

/*s::검색결과 수정*/
.egiftResultPop .pop_stock_cont .pop_btn a.btn_chg_store.btn_wh {border:1px solid #006634; color:#006634;}

@media screen and (min-width: 960px) {
	.pop_stock_cont .pop_btn a.btn_chg_store.btn_wh:hover {color:#fff !important;}
}
/*e::검색결과 수정*/
/*e::20190305 재고조회 2차 수정*/

/*============================================================s:: 재고조회 20190402 추가====================================================================*/
/*=========================================================================================================================================================*/
.pop_tab_wrap.recommendStore {position:relative; margin-top:12px;}

.pop_tab_wrap.recommendStore .pop_result_list_wrap.recommendStore {width:90%; margin:0 auto;}
.pop_tab_wrap.recommendStore .pop_result_list_wrap.recommendStore .pop_stockNothing {padding:15px;}
.pop_tab_wrap.recommendStore .pop_result_list_wrap.recommendStore .pop_stockNothing .notTxt {color:#9d2236; font-size:14px;}
.pop_tab_wrap.recommendStore .pop_result_list_wrap.recommendStore .pop_stockNothing .notReTxt {font-size:12px; line-height:1.4; padding-top:12px;}
.pop_tab_wrap.recommendStore .pop_result_list_wrap.recommendStore .pop_stockNothing .notReTxt span {font-size:12px;color:#686868;}

.pop_tab_wrap.recommendStore .surroundArea {margin-top:12px; box-sizing: border-box; width: 100%; text-align: left;}
.pop_tab_wrap.recommendStore .surroundArea ul li {border-bottom:1px solid #f1f1f1; box-sizing: border-box; color:#444; font-size:14px; overflow:hidden;}
.pop_tab_wrap.recommendStore .surroundArea ul li:first-child {border-top:1px solid #f1f1f1;}
.pop_tab_wrap.recommendStore .surroundArea ul li p.surrTitle {padding:15px 0; width:90%; margin:0 auto; box-sizing: border-box; cursor: pointer; font-weight: bold;}
.pop_tab_wrap.recommendStore .surroundArea ul li p.surrTitle i {display:inline-block; float:right; width:22px; height:14px; background-image: url("../img/common/arrow_egift_md.jpg"); background-repeat: no-repeat; background-position: 0 0; background-size: 21px 28px;}
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea {position: relative; width:100%; box-sizing: border-box; display:none; border-top:1px solid #ddd; padding:12px 20px; background-color: #f4f4f2; font-size:12px;}
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl {position:relative; width:100%; box-sizing: border-box; font-size:12px; overflow:hidden; color:#666; line-height:1.4;}
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl dt,
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl dd {float:left;}
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl.surrStoreMd dt,
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl.surrStoreMd dd {display:inline-block; vertical-align: middle; float: initial; float: auto;}/*20191104 추가*/
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl.surrStoreMd {font-weight: bold;}
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl.surrStoreInfo dt {width:20%; clear: both; padding-top:12px; color:#222; font-weight: bold;}
.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea dl.surrStoreInfo dd {width:80%; padding-top:10px;}

.pop_tab_wrap.recommendStore .surroundArea ul li .surrStoreArea.on {display:block;}
.pop_tab_wrap.recommendStore .surroundArea ul li.on p.surrTitle i {background-position:0 -14px;}  

.pop_tab_wrap.recommendStore .pop_stockNothing .notReSearchBtn a.btn_chg_store.reSearchBtn {line-height:36px; height:38px; font-size:14px; width:150px;}
/*============================================================e:: 재고조회 20190402 추가====================================================================*/
/*=========================================================================================================================================================*/

/*s::20191104 재고조회 품절임박 뱃지 추가*/
i.badgeImSoldout {font-style: normal; font-weight: normal; font-size:12px; color:#ffffff; height:20px; margin-left:10px; padding:0 3px; background-color:#912d39; border-radius:3px; line-height: 20px; display:inline-block;}
/*e::20191104 재고조회 품절임박 뱃지 추가*/