@charset "UTF-8";

/********* reset.css **********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
ul,ol,li {list-style-type:none;}
a {color: #333; text-decoration:none;}
img {max-width:100%; max-height:100%; border:0 none; vertical-align:top;}
address {font-style:normal;}
table, caption, tbody, tfoot, thead, tr, th, td {border-collapse: collapse; padding: 0;}
button {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0 none; background-color:transparent; font-family:inherit; font-size:inherit; cursor:pointer;}
input {outline: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; font-family: inherit; font-size: 1em; font-weight: 350;}
textarea {width:100%; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
select {cursor:pointer; -webkit-border-radius: 0; font-family: inherit; font-size: 1em; font-weight: 350;}

/* placeholder */
::-webkit-input-placeholder {color: #bababa;}
::-moz-placeholder {color: #bababa;}
:-ms-input-placeholder {color: #bababa;}
:-moz-placeholder {color: #bababa;}


.ac {
	text-align: center;
  }
  
  .al {
	text-align: left;
  }
  
  .ar {
	text-align: right;
  }

  
  /*input box 증가감소 버튼 없애기*/
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
  }
  
  .pc-only {
	display: block !important;
  }
  
  .m-only {
	display: none !important;
  }
.ac {
  text-align: center;
}

.al {
  text-align: left;
}

.ar {
  text-align: right;
}
  
  /* margin*/
  .mt-0 {
	margin-top: 0 !important;
  }
  
  .mt--8 {
	margin-top: -8px;
  }
  
  .mt-10 {
	margin-top: 10px !important;
  }
  
  .mt-15 {
	margin-top: 15px !important;
  }
  
  .mt-20 {
	margin-top: 20px !important;
  }
  
  .mt-25 {
	margin-top: 25px !important;
  }
  
  .mt-28 {
	margin-top: 28px !important;
  }
  
  .mt-30 {
	margin-top: 30px !important;
  }
  
  .mt-33 {
	margin-top: 33px !important;
  }
  
  .mt-40 {
	margin-top: 40px !important;
  }
  
  .mt-50 {
	margin-top: 50px !important;
  }
  
  .mt-70 {
	margin-top: 70px !important;
  }
  
  .mt-100 {
	margin-top: 100px !important;
  }
  @media screen and (max-width: 767px) {
	.pc-only {
	  display: none !important;
	}
	.m-only {
	  display: block !important;
	}
}