@charset "utf-8";

/* 웹폰트 CSS */

/* fonts Arial */
@font-face {
  font-family: 'Open Sans';

	font-style: normal; /*폰트 스타일*/
  font-weight: 200; /*폰트굵기*/
	font-display: swap; /*폰트 디스플레이*/
  
  src: local("Open Sans"),
       url('./font/OpenSans.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';

	font-style: normal; /*폰트 스타일*/
  font-weight: 300; /*폰트굵기*/
	font-display: swap; /*폰트 디스플레이*/
  
  src: local("Open Sans"),
       url('./font/OpenSans.ttf') format('truetype');
}
@font-face {
 font-family: 'Open Sans';

 font-style: normal; /*폰트 스타일*/
 font-weight: 400; /*폰트굵기*/
 font-display: swap; /*폰트 디스플레이*/
 
 src: local("Open Sans"),
      url('./font/OpenSans.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
 
  font-style: normal; /*폰트 스타일*/
  font-weight: 600; /*폰트굵기*/
  font-display: swap; /*폰트 디스플레이*/
 
  src: local("Open Sans"),
       url('./font/OpenSans.ttf') format('truetype');
}
@font-face {
 font-family: 'Open Sans';

 font-style: normal; /*폰트 스타일*/
 font-weight: 700; /*폰트굵기*/
 font-display: swap; /*폰트 디스플레이*/

 src: local("Open Sans"),
      url('./font/OpenSans.ttf') format('truetype');
}


/* CSS 초기화 */
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{
  font-family:'Open Sans', Arial,Verdana,Tahoma;  
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  /*letter-spacing: -0.01em;*/
  vertical-align:baseline;
  background:transparent;
}
html, body{
  width: 100%;
  height: 100%;
}

body{
  font-family:'Open Sans', Arial,Verdana,Tahoma;
  /*background:url(../images/s_images/body_bg.png);*/
  line-height:1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ 
  display:block;
}

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

a{
  margin:0;
  padding:0;
  font-size:100%;
  text-decoration:none;
  cursor: pointer;
  vertical-align:baseline;
  background:transparent;
}

img{
  border: 0;
  vertical-align:top;
}

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

input{
  margin:0;
  padding:2px 2px;
  box-sizing:content-box;
  vertical-align:middle;
  appearance:none;
  border:1px solid #707070;/*e65d5d*/
  color:#323232;/*e65d5d*/
  border-radius:0; 
  font-family:Arial,Verdana,Tahoma;
}

input::-moz-input-placeholder{
  color:#323232;
}

input::-webkit-input-placeholder {
  color:#323232;
}

input[type=submit]:hover, input[type=button]:hover {
  border: 1px solid #7eb4ea;
  background: #ecf4fc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecf4fc), to(#e3effc));
  background: -moz-linear-gradient(top, #ecf4fc, #e3effc);
  background: linear-gradient(to bottom, #ecf4fc, #e3effc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf4fc', endColorstr='#e3effc');
}