@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*가맹점 프론트 css 수정 20230405*/

* {
	box-sizing: border-box;
}

:root {
    --bg: #f6f8fa;
    --text: #2e2e34;
 }

body {
  background-color: var(--bg);
  color: var(--text);
}
html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust:100%;
	text-size-adjust: 100%;
	box-sizing: border-box;
	font-size:10px;
}
body{
	font-size: 1.2rem;
	color:#000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3;
	overflow-x: hidden;
	overflow-y: auto;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
button{
	border:none;
	outline: none;
	cursor: pointer;
}
button:active,
button:visited{
	outline:none;
}
button:focus{
	outline:none !important;
}

.btn:focus, .btn.focus {box-shadow: none;}
input{
	height: 40px;
	padding: 5px 10px;
	border:1px solid #ddd;
	background-color:#fff;
	outline:none;
	width:100%;
	border-radius: 4px;
	vertical-align:middle;
	color:#222;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
}
select {
	color:#222;
	height:40px;
	background-color:#fff;
	font-size:12px;
	padding:0 8px;
	outline:none;
	vertical-align:middle;
	border:1px solid #ddd;
	outline: none;
	width:100%;
	border-radius: 4px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}

nav ul, ul, ol, li{
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	color: inherit;
	text-decoration: none;
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	cursor:pointer;
}
a:not([href]):not([tabindex]) {
	text-decoration:none;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

em {
	font-style: normal;
}
a:hover{
	text-decoration:none;
}
a:link, a:visited{
	text-decoration:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #aaa;
	font-weight:300;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #aaa;
	font-weight:300;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #aaa;
	font-weight:300;
}
:-moz-placeholder { /* Firefox 18- */
	color: #aaa;
	font-weight:300;
}
img, fieldset{
	border:none;
	border:0;
}
.p20{padding:20px;}
.pb15{padding-bottom:15px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb100{padding-bottom:100px !important;}
.pb130{padding-bottom:130px !important;}
.pb140{padding-bottom:140px !important;}
.pb150{padding-bottom:150px !important;}
.pt5{
	padding-top:5px !important;
}
.pt10{
	padding-top:10px !important;
}
.pt20{
	padding-top:20px !important;
}
.pt30{
	padding-top:30px !important;
}
.pt40{
	padding-top:40px !important;
}
.pt50{
	padding-top:50px !important;
}
.pt60{
	padding-top:60px !important;
}
.pt70{
	padding-top:70px !important;
}
.pbNone{
	padding-bottom:0 !important;
}
.pb5{
	padding-bottom:5px !important;
}
.pb10{
	padding-bottom:10px !important;
}
.pr10{
	padding-right:10px !important;
}
.pr40{
	padding-right:40px !important;
}
.mt0{
	margin-top:0 !important;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt30{
	margin-top:30px !important;
}
.mt40{
	margin-top:40px !important;
}
.mt50{
	margin-top:50px !important;
}
.mt95{
	margin-top:95px !important;
}
.mt100{
	margin-top:100px !important;
}
.mt105{
	margin-top:105px !important;
}
.mt110{margin-top:110px !important;}
.mtNone{
	margin-top:0 !important;
}
.mb0{
	margin-bottom:0px !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}

.ml20{
	margin-left:20px !important;
}
.mr20{
	margin-right:20px !important;
}


.text-left{
	text-align:left !important;
}
.text-right{
	text-align:right !important;
}
.pl30{
	padding-left:30px;
}

.block{
	display:block;
}
.fw500{
	font-weight:500 !important;
}
.fw600{
	font-weight:600 !important;
}
.inline-block {
	display: inline-block !important;
}
.color{color:#003f93 !important;}
.bgGray{min-height:10px !important; background:#e4e7eb; }
.text-red{color: #da2a4d !important;}
.text-mint{color:#18c9ba !important;}

/*//가맹점 프론트 css 수정 20230405*/

.skip, legend, .blind, .hide {
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: -999px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 12px;
    clip: rect(1px, 1px, 1px, 1px);
}
textarea{
	width:100%;
	border:1px solid #ddd;
	transition: 0.3s;
	border-radius:4px;
	outline:none;
	min-height: 150px;
	padding: 10px;
}
/*focus*/
input:focus,
select:focus,
textarea:focus{
	border:1px solid #003f93;
}

input:read-only{
	background:#e9ecef;
	border:1px solid #ddd;
	color:#555;
}

selcet:read-only{
	background:#e9ecef !important;
	border:1px solid #ddd !important;
	color:#555 !important;
}

.pdNone{padding:0 !important;}

.d-line{display: inline-block !important;}
.d-block{display: block !important;}