@charset "utf-8";
/* ---------- 리셋 스타일 ---------- */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {

  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}




/* body 스타일 */

body{font-family:'mst','Pretendard','SBAggro','Malgun Gothic','맑은 고딕','Helvetica nenu','Arial';letter-spacing:0em;font-size: 1rem;
  
  position: relative;
  margin: 0;
  padding: 0;
 
  font-size: 1rem;
  color: #555;
}
img,fieldset{border:0}
ul,ol,li{list-style:none}
a{text-decoration:none}
a:active,a:focus{text-decoration:none; }

body { margin: 0; padding: 0;}

html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {	margin:0;	padding:0;	}

a,a:visited{color:#515151; text-decoration:none;}
img { max-width: 100%;
  border: 0 none;
  font-size: 0;
  vertical-align: middle;}

a{text-decoration:none;color:#515151;  transition:all .25s ease;}
/*a:focus{outline:dotted; }*/


select{ height:25px; line-height:25px; border:1px solid #d6d6d6;}
input[type=text] {border:1px solid #d6d6d6; height: 33px; padding-left:8px;} 
input[type=date] {border:1px solid #d6d6d6; height: 33px; padding-left:8px; cursor:pointer} 
input[type=password] {border:1px solid #d6d6d6; height: 28px; padding-left:8px;} 
input[type=checkbox] {vertical-align:middle; margin-top:-1px; width:15px; height:15px;}
input[type=radio]{vertical-align:middle; margin-top:-1px; width:15px; height:15px;}
input[type=submit]{cursor:pointer;border:0}
input[type=file]{height:24px; line-height:24px;padding:0px 0px 0;background:#fff;}
input[type=submit]{cursor:pointer;}
input[type=text]:focus{border-color:#151a59;outline:0;-webkit-box-shadow:none; box-shadow:none;}
input[type=date]:focus{border-color:#151a59;outline:0;-webkit-box-shadow:none; box-shadow:none;}


/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  font-weight:normal;   	} 

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; } 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {	border-collapse: separate;	border-spacing:0;	border:0 none;	}
caption, th, td {	text-align:left;	font-weight: normal;}

table{width:100%;border-collapse:collapse;border-spacing:0;/*table-layout:fixed;*/word-break:break-all;}
table th, table td{vertical-align:middle;}
fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

caption, legend,
.sr_only, .hidden, .blind, .IR {
  position:absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}

i{ vertical-align:middle}

button:hover { cursor:pointer}


/* 텍스트 관련 요소 초기화 */
address, caption,  em, cite {	font-weight:normal;	font-style:normal;	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
   

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

  

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

.helv { font-family:돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.verd { font-family:verdana, 돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.bold { font-weight:bold !important; }

 *:before{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} 

*:focus{outline-color:#151a59}


html {
  font-size: 16px; /* 기본 */
}

@media (max-width: 1280px) {
html { font-size: 15px; }
}

@media (max-width: 768px) {
html { font-size: 14px; }
}

@media (max-width: 640px) {
html { font-size: 13px;  }
}