@charset "utf-8";
i{font-style:normal}

.break{display:block;} 
.plump{}
.block{display:block}
	@media all and (max-width:480px) {
		.plump{display:block}
		.block{display:block}
	}
	@media all and (max-width:1024px) {
		.m-none{display:none}
		.break{display:inline}
	}

#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

/*공통 업소관리 컨텐츠 탭*/
.sub-tap{font-size:0px; background:#fff;}
.sub-tap.dt2 li{width:50%;}
.sub-tap.dt4 li{width:25%;}
.sub-tap li{display:inline-block; width:33.3333%; font-size:16px; text-align:center; border-bottom:3px solid #f4f4f4;}
.sub-tap li.active{border-bottom:3px solid #373737;}
.sub-tap li a{display:block; padding:17px 0px 15px 0px;}

	@media only screen and  (max-width:680px) {
		.sub-tap li{font-size:13px;}
		.sub-tap.dt4 li{font-size:14px; width:50%;}
	}

/*셀렉트,인풋,라디오,체크 공통*/
select{width:100%; height:42px; padding-left:12px; border:solid 1px #cecece; border-radius:3px; font-size:15px; color:#4b4b4b; background:url(../img/Sub/sel-arrow.png) no-repeat right #fff;
-webkit-appearance:none;-moz-appearance:none;appearance:none; box-sizing:border-box;}
select::-ms-expand{display:none;}

input[type="text"]{width:100%; height:42px; padding-left:12px; border:solid 1px #cecece; border-radius:3px; font-size:15px; color:#373737; -webkit-appearance:none;-moz-appearance:none;appearance:none; box-sizing:border-box;}
input[type="text"].gram{ background:url(../img/Content/input-gram.jpg) no-repeat right #fff;}
input[type="text"].kcal{ background:url(../img/Content/input-kcal.jpg) no-repeat right #fff;}
input[type="text"].won{ background:url(../img/Content/input-won.jpg) no-repeat right #fff;}

input[type="text"].search{border-top:none; border-left:none; border-right:none; background:url(../img/Content/input-search.jpg) no-repeat center #fff;}
input[type="text"].nomal{border-top:none; border-left:none; border-right:none;}
input[type="text"].cal{border-top:none; border-left:none; border-right:none; background:url(../img/Content/input-cal.jpg) no-repeat right #fff;}
input[type="text"].clock{border-top:none; border-left:none; border-right:none; background:url(../img/Content/input-clock.jpg) no-repeat right #fff;}

.radios {display:inline-block; vertical-align:middle; line-height:100%; color:#000;}
.radios input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radios input[type="radio"] + label{display: inline-block; position: relative; padding-left:36px; font-size:13px; color:#4d4d4d; line-height:200%; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios input[type="radio"] + label:before { content:''; position: absolute; left: 0; top:0px; width:22px; height:22px; text-align: center; background: #fff; border:2px solid #5eae28; border-radius:100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.radios input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.radios input[type="radio"]:checked + label:before { background: #fff; border-color:#5eae28;}
.radios input[type="radio"]:checked + label:after { content:''; position:absolute; top:7px; left:7px; width:12px; height:12px; background:#5eae28; border-radius:100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

.checks {display:inline-block; vertical-align:middle; line-height:100%; color:#000;}
.checks input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label{display: inline-block; position: relative; padding-left:33px; font-size:13px; color:#a1a1a1; line-height:180%; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { content:''; position: absolute; left:0px; top:0px; width:20px; height:20px; text-align:center; background: #fff; border:2px solid #cecece; border-radius:3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label{color:#373737;}
.checks input[type="checkbox"]:checked + label:before { background: #fff; border-color:#e05f50;}
.checks input[type="checkbox"]:checked + label:after { content:''; position:absolute; top:0px; left:0px; width:24px; height:24px; background:url(../img/Content/check-icon.jpg) no-repeat center #5eae28; border-radius:3px; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

/*레이어팝업 공통*/
.pop-layer {display:none; width:auto; height:auto; position:fixed; top:50%; left:50%; z-index:9999;}
.pop-layer .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); transition: all 0.3s ease-out; z-index:-1;}

/*버튼 공통*/
.btn-Bygreen{line-height:38px; color:#fff; font-size:16px; background:#5eaf28; display:inline-block; padding:0px 42px; border-radius:19px;}
.btn-Bgray{line-height:38px; color:#fff; font-size:16px; background:#a1a1a1; display:inline-block; padding:0px 42px; border-radius:19px;}



/*2018.07.25 added by hooni*/
input[type="password"]{width:100%; height:42px; padding-left:12px; border:solid 1px #cecece; border-radius:3px; font-size:15px; color:#373737; -webkit-appearance:none;-moz-appearance:none;appearance:none; box-sizing:border-box;}
input[type="number"]{width:100%; height:42px; padding-left:12px; border:solid 1px #cecece; border-radius:3px; font-size:15px; color:#373737; -webkit-appearance:none;-moz-appearance:none;appearance:none; box-sizing:border-box;}