/* ***********************************************************
 Author			: www.drimhitech.com
 Create Date	: 2022. 11. 30
 Subject		: 공통 stylesheet
 Comment		:
------------------------------------------------------------
 Modify Date 	:
 Comment     	:
*********************************************************** */
/* 초기화 css import */
@import "reset.css";

/* GmarketSans */
@import "font.css";

/* 깜박임 효과 */
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

input[type="checkbox"]+label {
    display: inline-block;
    max-width: 36px;
    max-height: 36px;
    width: 6vw;
    height: 6vw;
    background: url('/images/icon_checkBox_false.png');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #727272;
}

input[type='checkbox']:checked+label {
	max-width: 36px;
    max-height: 36px;
	width: 6vw;
    height: 6vw;
    background: url('/images/icon_checkBox_true.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

input[type="checkbox"] {
    display: none;
}


/* 버튼 클릭 효과 : 크기줄이기 css */
.pul-btnScaleCss:active{
	transform: scale(0.8);
}
/* box 그림자 효과 */
.pul-boxShadowCss1:active{
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
/* row 라인색 변경 효과 */
.pul-rowColorCss1:active{
	background-color:rgba(220,220,220,0.3);
}

/* 체크박스 영역 */
.pul-dv-checkbox
{
	display: flex;
	align-items: center;	
}

.pul-chk-color
{
	color: #727272;	
}

/* 매장 셀렉트 박스 CSS */
.pul-shopSelectBoxCss{
    width: 100%;
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 5px;
	border-radius: 6px;	
    color: #FFFFFF;
	appearance: none;
	-webkit-appearance: none;
	background: url('/images/icon_arr_down.png') no-repeat right 20px center;
	background-color: #444444;
	background-size: 3%;
	vertical-align: mi;
	font-size:15px;
}

.pul-shopSelectBoxCss > option{
	background-color: #ffffff;
	color:#222222;
	padding:30px;
}

/* *************************************************************** 식당찾기 팝업 ****************************************************** */
#pul-dvPopupStoreBack{
    position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:10;display:none;
}
#pul-dvPopupStoreBack > div{
    display:table-cell;vertical-align:middle;text-align:center;
}
#pul-dvPopStoreWrapper{
    margin:auto;background-color:#ffffff;
}
#pul-dvPopStoreWrapper > div{
    padding:20px 25px 20px 25px;text-align:left;
}
.pul-dvPopStoreTitleCss{
    font-weight:700;font-size:16px;float:left;
}
.pul-dvPopStoreCloseCss{
    width:13px;float:right;
}
.pul-dvPopStoreLineCss{
    height:12px;border-bottom:1px solid #B2B2B2;clear:both;
}
.pul-dvPopStoreFindCss{
    width:100%;height:46px;margin-top:14px;border:solid 1px #77BC23;display:table;width:100%;
    border-radius: 45px 45px 45px 45px; 
	-moz-border-radius: 45px 45px 45px 45px;
	-webkit-border-radius: 45px 45px 45px 45px; 
}
.pul-dvPopStoreFindCss > div:first-child{
    display:table-cell;vertical-align:middle;text-align:center;padding-left:20px;
}
.pul-dvPopStoreFindCss > div:first-child > input{
    border:0px solid black;width:100%;height:100%;font-size:16px;
}
.pul-dvPopStoreFindCss > div:last-child {
	display:table-cell;vertical-align:middle;text-align:center;width:50px;
}
#pul-imStoreFind{
    width:35px;height:auto;vertical-align:bottom;
}
.pul-dvPopStoreMsgCss{
    padding-top:9px;text-align:center;font-size:10px;color:#B2B2B2;
}
.pul-dvPopStoreMsgNoCss{
   	color:#cd5c5c;/*animation: blink-effect 4s step-end infinite;*/
}
#pul-dvPopStoreListWrapper{
    width:100%;height:100%;overflow-y:auto;
}
.pul-dvPopStroeListCss{
    width:100%;display:table;padding-top:9px;padding-bottom:9px;
}
.pul-dvPopStroeListCss > div{
    display:table-row;
}
.pul-dvPopStroeListCss > div > div{
    display:table-cell;vertical-align:middle;text-align:center;padding-top:19px;padding-bottom:19px;font-size:15px;color: inherit;
}
.pul-dvPopStroeFontCss{
	color:#77BC23;
}


/* *************************************************************** 로딩 팝업 ****************************************************** */
#pul-dvLoadingbarWrapper{
    position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:20;display:none;
}
#pul-dvLoadingbarWrapper > div{
    display:table-cell;vertical-align:middle;text-align:center;
}
#pul-dvLoading{
    margin:auto;background-color:#ffffff;display:table;
}
#pul-dvLoading > div{
    display:table-cell;vertical-align:middle;text-align:center;
}
#pul-dvLoading > div > img{
    height:auto;
}
#pul-dvLoading > div > div{
    padding-top:8px;
}

/* *************************************************************** 메시지 팝업 ****************************************************** */
#pul-dvMessageWrapper{
    position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:30;display:none;
}
#pul-dvMessageWrapper > div{
    display:table-cell;vertical-align:middle;text-align:center;
}
#pul-dvMessageContents{
    background-color:#ffffff;margin:auto;display:table;
}
#pul-dvMessageContents > div{
    display:table-cell;vertical-align:top;text-align:left;padding:15px 15px 23px 15px;
}
#pul-dvMessageContents > div > div:first-child {
	text-align:right;
}
#pul-dvMessageContents > div > div:nth-child(2) {
	width:100%;padding:10px 0 10px 0;
}
.pul-imPopupCloseCss{
	width:14px;height:auto;vertical-align:bottom;
}
#pul-dvMessageTxt{
    display:table;width:100%;
}
#pul-dvMessageTxt > div{
    display:table-cell;vertical-align:middle;text-align:center;font-size:inherit;
}
#pul-dvMessageBtn{
    margin:auto;background-color:#77BC23;display:table;
    border-radius: 4px 4px 4px 4px; 
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
}
#pul-dvMessageBtn > div{
    display:table-cell;vertical-align:middle;text-align:center;color:#ffffff;font-size:inherit;
}

/* ************************************************************ confirm 메시지 팝업 ************************************************* */
#pul-dvMessageConfrimWrapper{
	position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:30;display:none;
}
#pul-dvMessageConfrimWrapper > div{
	display:table-cell;vertical-align:middle;text-align:center;
}
#pul-dvMessageConfrimFram{
	background-color:#ffffff;margin:auto;border-radius: 20px;
}
#pul-dvMessageConfrimFram > div:first-child{
	height:57%;width:100%;background-color:#F5F5F5;border-radius: 20px 20px 0 0;
}
#pul-dvMessageConfrimFram > div:first-child > div{
	width:75%;height:100%;margin:0 auto;
}
#pul-dvMessageConfrimFram > div:last-child {
	width:75%;height:43%;margin:0 auto;
}
.pul-dvMessageConfirmBtnWrpperCss{
	display:table;width:100%;height:30%;
}
.pul-dvMessageConfirmBtnWrpperCss > div:first-child{
	display:table-cell;height:100%;border:1px solid #77BC23;border-radius:6px;vertical-align:middle;text-align:center;background-color:#FFFFFF;color:#77BC23;cursor:pointer;
}
.pul-dvMessageConfirmBtnWrpperCss > div:nth-child(2){
	display:table-cell;width:10%;
}
.pul-dvMessageConfirmBtnWrpperCss > div:last-child {
	display:table-cell;height:100%;border:1px solid #77BC23;border-radius:6px;vertical-align:middle;text-align:center;background-color:#77BC23;color:#FFFFFF;cursor:pointer;
}

#pul-dvMessageConfrimContetsTitle{
	font-weight:bold;text-align:center;
}
#pul-dvMessageConfrimContets{
	padding:10px 0 10px 0;line-height:150%;text-align:left;
}
#pul-dvMessageConfrimTextTitle{
	margin-top:12%;margin-bottom:8%;text-align:center;
}

.pul-dvMessageConfirmHCapCss{
	height:15%;
}

/* ************************************************************ decide 메시지 팝업 ************************************************* */
#pul-dvMessageDecideWrapper{
	position:absolute;background-color:#000000;background-color:rgba(0,0,0,0.4);top:0px;left:0px;z-index:17;display:none;
}
#pul-dvMessageDecideWrapper > div{
	display:table-cell;vertical-align:middle;text-align:center;
}
#pul-dvMessageDecide{
	background-color:#ffffff;margin:0 auto;border-radius:20px;
}
#pul-dvMessageDecide > div:first-child {
	width:75%;height:60%;margin:0 auto;
}
#pul-dvMessageDecide > div:first-child > div:first-child {
	height:30%;
}
#pul-dvMessageDecide > div:last-child {
	width:75%;height:40%;margin:0 auto;
}
#pul-dvMessageDecide > div:last-child > div:first-child{
	height:30%;
}
#pul-dvMessageDecideTitle{
	text-align:center;
}

.pul-dvMessageDecideIconCss{
	width:23%;margin:0 auto;margin-bottom:10px;	
}
.pul-dvMessageDecideIconCss > img{
	width:100%;height:auto;
}
.pul-dvMessageDecideBtnWrpperCss{
	display:table;width:100%;height:40%;
}
.pul-dvMessageDecideBtnWrpperCss > div:first-child{
	display:table-cell;height:100%;border:1px solid #77BC23;border-radius:6px;vertical-align:middle;text-align:center;background-color:#FFFFFF;color:#77BC23;cursor:pointer;
}
.pul-dvMessageDecideBtnWrpperCss > div:nth-child(2){
	display:table-cell;width:10%;
}
.pul-dvMessageDecideBtnWrpperCss > div:last-child {
	display:table-cell;height:100%;border:1px solid #77BC23;border-radius:6px;vertical-align:middle;text-align:center;background-color:#77BC23;color:#FFFFFF;cursor:pointer;
}
