@charset 'utf-8';

/*popup 기존 레이아웃*/
.pop_gcard_store_ttl { background:#8c8279; border-radius:3px 3px 0 0; height:56px; position:relative; }
.pop_gcard_store_ttl strong { color:#fff; float:left; font-size:16px; line-height:56px; margin-left:30px; }
.pop_gcard_store_ttl a { background:url("../img/common/btn_login_layer_close.png") no-repeat; display:block; height:22px; overflow:hidden; position:absolute; right:20px; text-indent:-20000px; top:17px; width:22px; transition:transform 1s; }
.pop_gcard_store_ttl a:hover { transform:rotate(180deg); }
.pop_gcard_store_loca { height:742px; width:800px; }
.pop_gcard_store_btns { height:30px; margin-top:20px; }
.pop_gcard_store_btns ul { height:30px; margin:0 auto; width:83px; }
.pop_gcard_store_btns ul li { border-radius:3px; float:left; width:83px; padding-left:0; }
.pop_gcard_store_btns ul li a { color:#fff; display:block; font-size:14px; height:100%; line-height:30px; text-align:center; width:100%; }
.pop_gcard_store_btns ul li.pop_gcard_store_btn1 { background:#006633; }
.pop_gcard_store_btns ul li.pop_gcard_store_btn2 { background:#222; }

.pStoreTxtList2 li{padding-left:8px; padding-bottom: 7px; color:#666666; font-size:14px; line-height:20px;  background:url("../img/whatsnew/2018planner/pIcon2.png") no-repeat 0 9px}
.pStoreTxtList2 li.greenTxt{padding-left:8px; color:#017143; background:url("../img/whatsnew/2018planner/pIcon1.png") no-repeat 0 9px}

/*2019 플래너 재고팝업 추가*/
#wrap.active {position:relative;}
.pop_stock_wrap {width:590px; height:700px; background: #fff; border-radius: 3px; left:0; right:0; top:16%; margin:0 auto; position:absolute; z-index:991;}/*20181023 수정*/

.plannerStore2 a.btn_planner_search { display:block; filter:alpha(opacity=0); opacity:0; text-indent:-20000px; overflow:hidden; position:absolute; border:1px solid red; background: #fff;}

div.pop_stock_dimm {background:#000; display:none; height:100%; left:0; opacity:0.7; filter:alpha(opacity=70); position:fixed; top:0; width:100%; z-index:98;}

.pop_stock_wrap .pop_gcard_store_ttl strong {display: block; width: 100%; box-sizing: border-box; text-align: center; margin-left: 0; font-weight: bold;}
.pop_stock_wrap .pop_gcard_store_ttl a.pop_btnPrev {background: url("../img/common/btn_login_layer_prev.png") no-repeat; display: block; height: 22px; width: 13px; overflow: hidden; position: absolute; left: 20px; right:0; text-indent: -20000px; top: 17px; transform: none; background-size:100% 100%;}
.pop_stock_wrap .pop_gcard_store_ttl a.pop_btnPrev:hover {transition:none; transform:rotate(0deg);}

.pop_stock_wrap .pStoreTxtList2.pop_guide {width:90%; margin:0 auto 0 auto; padding-top: 15px;}
.pop_stock_wrap .pStoreTxtList2.pop_guide li {padding-bottom:2px;}/*20190708 수정*/

/*매장검색 결과*/
.pop_stock_cont {position:relative; margin:0 auto;}
.pop_stock_cont .pop_btn {position:relative; padding:10px 0 10px 0; margin:0 auto; width:90%; box-sizing: border-box;}
.pop_stock_cont .pop_btn:after {content: ''; clear: both; display:block;}
.pop_stock_cont .pop_btn a.btn_chg_store {display:block; width:226px; height:40px; border-radius: 4px; line-height:38px; box-sizing: border-box; text-align:center; font-weight: bold; font-size:16px;}
.pop_stock_cont .pop_btn a.btn_chg_store.btn_wh {float:left; color:#222; background: #fff; border:1px solid #ddd;}
.pop_stock_cont .pop_btn a.btn_chg_store.btn_bl {width:175px; float:right; color:#fff; background: #222; border:2px solid #222;}
.pop_stock_cont .pop_stock_result {height: 480px; padding-top:5px; box-sizing: border-box; width:90%; margin:0 auto;}
.pop_stock_cont .pop_stock_result .result_title_list {position:relative; width:100%; padding:7px 0 15px 0; box-sizing: border-box;}
.pop_stock_cont .pop_stock_result .result_title_list .result_title {text-align:left; font-size:18px;}
.pop_stock_cont .pop_stock_result .result_title_list .result_title strong {color:#222; font-weight: bold;}
.pop_stock_cont .pop_stock_result .result_title_list .result_title .result_number {color:#006634; font-weight: bold;}
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 {position:relative; width:100%; margin-top:15px; }
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table {width:100%; box-sizing: border-box; text-align:center; border:1px solid #ddd; border-top:0;}
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th,
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {width:15%; padding:13px 0; vertical-align:middle; border-left:1px solid #ddd; font-size:16px;}
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .tb_storeTit {width:125px;}
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .tb_storeTit a {display:block; width:125px; box-sizing: border-box; padding:0 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th {border-top:1px solid #333; background-color:#f4f4f2; color:#222;}
.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {border-top:1px solid #ddd; color:#666;}

.pop_stock_cont .pop_stock_result.popHt {padding-bottom:2%;}

@media screen and (min-width: 960px) {
	.pop_stock_cont .pop_btn a.btn_chg_store.btn_wh:hover {background: #006634; border:1px solid #006634; color:#fff;}
}

/*pop_scroll_bar*/
.pop_stock_result .mCSB_scrollTools .mCSB_draggerRail { width:8px; background:#f4f4f2; margin-right:0;}
.pop_stock_result .mCSB_scrollTools .mCSB_dragger { height:33px !important; margin-right:0;}
.pop_stock_result .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:8px; background:#595959 !important; margin-right:0;}
.pop_stock_result .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background:#666; }

.pop_stock_result.mCustomScrollbar,
.pop_stock_result.mCustomScrollbar.mCS_touch_action,
.pop_stock_result.mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
	-ms-touch-action: auto;
	    touch-action: auto;
}
.mCSB_inside > .mCSB_container {margin-right:3%;}


/*매장검색*/
.pop_stock_cont .pop_search_tit {position:relative; font-weight: bold; font-size:16px; color:#222; margin:50px auto 0 auto; text-align:left; width:90%; box-sizing: border-box; padding-left:15px;}
.pop_stock_cont .pop_search_tit:before {content: ''; position:absolute; left:0; top:45%; width:4px; height:4px; border-radius: 5px; background: #222;}

.pop_stock_cont .pop_search_input {width:90%; box-sizing: border-box; overflow: hidden; margin:20px auto 0 auto;}
.pop_stock_cont .pop_search_inner { background:#fff; border:1px solid #ccc; float:left; height:38px; margin:0; position:relative; width:100%; box-sizing: border-box;}
.pop_stock_cont .pop_search_inner input {float:left; height:100%; margin:0 0 0 15px; padding:0; width:90%; box-sizing: border-box; padding-bottom:1px; border:none; border-right:0px; border-top:0px; border-left:0px; border-bottom:0px}
.pop_stock_cont .pop_search_inner input:focus {outline: none; /*-webkit-appearance: none; border-radius: 0px;*/}
.pop_stock_cont .pop_search_inner a { background:url("../img/store/icon_magnifier.png"); display:block; height:23px; overflow:hidden; position:absolute; right:15px; top:7px; text-indent:-20000px; width:19px; }
.pop_stock_cont .pStoreTxtList2 {padding-top:0;   text-align:left; width:90%; margin:40px auto 0 auto;}
.pop_stock_cont .pStoreTxtList2 li.greenTxt {background: url("../img/whatsnew/2018planner/pIcon1.png") no-repeat 0 7px;}

/*매장 정보*/
.pop_stock_cont .shopArea_box {position: relative; width:100%;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li a {color:000;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li.active a {color:red;}
.pop_stock_cont .pop_tab_wrap .tab_cont {display:none; width:90%; margin:0 auto;}
.pop_stock_cont .pop_tab_wrap .tab_cont.active {display:block; width:90%; margin:10px auto 0 auto;}

.pop_stock_cont .pop_tab_wrap .tab_wrap {position:relative; width:90%; padding-top:25px; margin:0 auto;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul {overflow: hidden;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li {float:left; width:48%; height:40px; box-sizing: border-box; margin-bottom:7px;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li:first-child,
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li:nth-child(3) {margin-right:1%;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li:nth-child(2),
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li:nth-child(4) {margin-left:1%;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li a {width:100%; display: block; height: 40px; line-height: 38px; text-align: center; border-radius: 3px; font-size: 11px; font-weight: bold; color: #444; background: #fff; border: 1px solid #ddd; box-sizing: border-box; font-size:14px;}
.pop_stock_cont .pop_tab_wrap .tab_wrap ul li.active a {display: block; width: 100%; height: 40px; line-height: 38px; background: #006633; color: #fff; border: 0; border-radius: 3px;}
.pop_stock_cont .pop_tab_wrap .tab_cont {width: 100%; margin-top:20px;}
.pop_stock_cont .pop_tab_wrap .tab_cont ul {overflow: hidden; border-radius: 4px; padding: 13px 20px 15px 20px; box-sizing: border-box; background: #f4f4f2;}
.pop_stock_cont .pop_tab_wrap .tab_cont ul li {text-align: left; padding:2px 0;}
.pop_stock_cont .pop_tab_wrap .tab_cont ul li.tabFirst {font-weight: bold;}
.pop_stock_cont .pop_tab_wrap .tab_cont ul li span {display: inline-block; font-size:15px; line-height:1.6em;}
.pop_stock_cont .pop_tab_wrap .tab_cont ul li span.tabDate {width:12%;}

.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo {text-align:left; margin-top:35px;}
.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info {font-size: 15px; padding:8px 0; width: 100%;}
.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info dt {float: left; width: 80px;line-height: 1.25em;color: #222; font-weight: bold;vertical-align: middle;}
.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info dd {float: none; width: auto; line-height: 1.25em; margin-left: 80px; color: #666; vertical-align: middle;}

/*재고없는 매장 제외 버튼 클릭시*/
.pop_stock_result .pop_stockNothing {margin-top:10px;}
.pop_stockNothing {border-radius: 4px; background: #f4f4f2; box-sizing: border-box; padding:25px; box-sizing: border-box; width:100%; text-align:left;}
.pop_stockNothing .notTxt {font-size:16px; color:#ff0000; font-weight: bold;}
.pop_stockNothing .notReTxt {font-size:14px; color:#686868; padding-top:20px;}
.pop_stockNothing .notReSearchBtn {padding-top:15px;}
.pop_stockNothing .notReSearchBtn a.btn_chg_store {display:block; width:170px; height:40px; border-radius: 4px; line-height:38px; box-sizing: border-box; text-align:center; font-weight: bold; font-size:16px;}
.pop_stockNothing .notReSearchBtn a.btn_chg_store.reSearchBtn {color:#222; background: #fff; border:1px solid #ddd;}
.pop_stockNothing .notReSearchBtn a.btn_chg_store.reSearchBtn:hover {background: #006634; border:1px solid #006634; color:#fff;}

.pop_stock_result.nothing .result_title_list {padding-top:10px;} 
.pop_stock_result.nothing .result_title_list .result_title {padding-top:20px;}

@media screen and (max-width: 650px) {
	/* non-hover styles here */
	#wrap.active {position:fixed; z-index:96;}
	.pop_stock_wrap {width:96%; height:610px; top:3%; position:fixed; z-index:991; overflow-y:auto;}/*20190419 수정*/ /*240125 수정(overflow-y:auto; 추가)*/

	.pop_stock_cont .pop_search_tit {margin-top:25px; font-size:14px;}
	.pop_stock_cont .pStoreTxtList2 {margin-top:10px;}/*20190708 수정*/

	.pop_stock_cont .pop_search_inner input { width:85%;}
	.pop_stock_cont .pStoreTxtList2 li{padding-bottom:8px; font-size:12px; line-height:1.2;  background:url("../img/whatsnew/2018planner/pIcon2.png") no-repeat 0 6px}/*20190708 수정*/
	.pop_stock_cont .pStoreTxtList2 li.greenTxt {background: url("../img/whatsnew/2018planner/pIcon1.png") no-repeat 0 6px;}

	.pop_stock_wrap .pStoreTxtList2.pop_guide {width:94%; padding:10px 0 0 0; margin:0 auto; letter-spacing: -0.03em;}

	/*popResult*/
	.mCSB_inside > .mCSB_container {margin-right:12px;}
	.pop_stock_cont .pop_btn {padding:10px 0 10px 0; width:94%;}
	.pop_stock_cont .pop_btn a.btn_chg_store {font-size:13px; width:55%; line-height:34px; height:36px;}
	.pop_stock_cont .pop_btn a.btn_chg_store.btn_wh {width:45%;}
	.pop_stock_cont .pop_btn a.btn_chg_store.btn_bl {width:40%;}
	.pop_stock_cont .pop_stock_result {padding-top:5px; height:420px; box-sizing: border-box; padding-right:0; width:94%; /*-webkit-overflow-scrolling:touch;*/}/*20190418 수정*/
	.pop_stock_cont .pop_stock_result .result_title_list {padding-bottom:10px;}
	.pop_stock_cont .pop_stock_result .result_title_list .result_title {font-size:16px;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 {margin-top:10px; width:100%;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th,
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {font-size:14px;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th {padding:12px 0; letter-spacing: -0.5px;}/*20190426 수정*/
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {padding:5px 0; height: 37px; box-sizing: border-box;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .th_storeTit,
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .tb_storeTit {width:70px;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .tb_storeTit a {text-decoration: underline; padding:0 5px 1px 5px; margin:0 auto; width:70px;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th, .pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {width:16%; font-size:13px;}

	/*popInfo*/
	.pop_stock_cont .pop_tab_wrap .tab_wrap ul li {width:48.5%;}
	.pop_stock_cont .pop_tab_wrap .tab_wrap ul li a {font-size:12px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont {margin-top:15px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont ul li span {font-size:13px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo {margin-top:20px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info {font-size: 13px}

	/*pop_scroll_bar*/
	.pop_stock_result .mCSB_scrollTools .mCSB_draggerRail { width:5px; background:#f4f4f2; margin-right:0;}
	.pop_stock_result .mCSB_scrollTools .mCSB_dragger { height:33px !important; margin-right:0; /*-webkit-overflow-scrolling:touch;*/}
	.pop_stock_result .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:5px; background:#595959 !important; margin-right:0;}
	.pop_stock_result .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover { background:#666; }
}

@media screen and (max-width: 515px) {
	span.mBlock {display:block;} /*모바일 줄바꿈 추가*/
	.pop_stock_tb1.one table td span.mBlock {display:inline-block;}/*모바일 상품1개일 경우 줄바꿈 해제*/
}

@media screen and (max-width: 375px) {	
	.pop_stock_wrap {height:515px;}/*20190419 수정*/
	.pop_stock_cont .pop_btn {padding:0 0 5px 0;}
	.pop_stock_cont .pop_stock_result {height: 340px;}/*20190418 수정*/
	
	.pop_stock_cont .pop_tab_wrap .tab_cont.active {margin:5px auto 0 auto;}
	.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo {margin-top:5px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info {padding:5px 0;}

	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th,
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {font-size:12px;}/*20190426 수정*/
}

@media screen and (max-width: 360px) {	
	/*popInfo*/
	.pop_stock_cont .pop_stock_result {height: 330px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info dt {width:65px;}
	.pop_stock_cont .pop_tab_wrap .tab_cont .tabStoreInfo .shopArea_info dd {margin-left:65px; letter-spacing: -0.03em;}
}

@media screen and (max-width: 340px) {
	.pop_stock_cont .pop_stock_result {height: 310px;}
}

@media screen and (max-width: 320px) {
	.pop_stock_wrap {width:100%; height:490px; top:0;}/*20190522 height 수정*/
	.pop_stock_wrap .pStoreTxtList2.pop_guide {letter-spacing: -0.05em;}
	.pop_stock_cont .pop_btn a.btn_chg_store {font-size:12px; line-height:32px; height:33px;}
	.pop_stock_cont .pop_stock_result {height:290px;}

	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table td {font-size:12px;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .tb_storeTit {width: 60px;}
	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table .tb_storeTit a {width:60px; padding:0 1px 3px 1px;}

	/*popInfo*/
	.pop_stock_cont .pop_tab_wrap .tab_wrap ul li a {letter-spacing: -0.08em;}
	.pop_stock_cont .pop_tab_wrap .tab_cont ul li span.tabDate {width:20%;}

	.swal2-popup .swal2-close {right:10px;}
	.swal2-container .pop_gcard_store_ttl a.pop_btnPrev {left:10px;}

	.pop_stock_cont .pop_stock_result .result_title_list .pop_stock_tb1 table th {letter-spacing: -0.8px;}/*20190426 수정*/
}

/*s::20190529 추가*/
.pop_stock_wrap.textAdd {padding-bottom:1.4%}/*20190605 수정*/
.pop_stock_wrap.textAdd .pStoreTxtList2.pop_guide {padding-top:8px}
@media screen and (max-width: 650px){
	.pop_stock_wrap.textAdd {height:620px; padding-bottom:1%;}/*20190605 수정*/
}
@media screen and (max-width: 430px){
	.pop_stock_wrap.textAdd {height:655px;}/*20190708 수정*/
}
@media screen and (max-width: 375px){
	.pop_stock_wrap.textAdd {height:565px;}/*20190708 수정*/
}
@media screen and (max-width: 360px){
	.pop_stock_wrap.textAdd {height:550px;}/*20190708 수정*/
}
@media screen and (max-width: 320px){
	.pop_stock_wrap.textAdd {height:510px;}/*20190708 수정*/
}
/*e::20190529 추가*/