/* Reset */
*{margin:0; padding:0; font:inherit; color:inherit;}
*, :after, :before {box-sizing:border-box; flex-shrink:0;}
html{-moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none;}
body {font-family: 'Pretendard', 'Noto Sans KR','맑은 고딕','나눔고딕','Malgun Gothic','NanumGothic','돋움','Dotum','Apple SD Gothic Neo','Helvetica','sans-serif'; color: #2A2D38; letter-spacing: -1.5px;}
a{text-decoration: none;}
img, picture, video, canvas, svg {display: block; block-size: auto;}
button {background:none; border:0; cursor:pointer;}
button:disabled {cursor:default;}
button, input{outline: none;}
ol, ul {list-style: none;}
table {border-collapse:collapse; border-spacing:0;}
p,h1,h2,h3,h4,h5,h6{margin-top: 0; overflow-wrap: break-word;}
label,img,input,select,textarea,button,a {vertical-align:middle;}
legend, caption{position: absolute; top:auto; left:-10000px; width:1px; height:1px; overflow:hidden;}

/* float 해제 */
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}


/* 본문 바로가기/웹접근성 */
.skip { position: absolute; left: 0; right: 0; top:-100%; transition: all .5s; line-height: 50px; background: #000; color:#fff; text-align: center; z-index: 1000;}
.skip:focus { top: 0; }

/* 웹접근성을 위한 숨김텍스트를 제공할때 */
.blind{position:absolute; overflow:hidden; left:-9999px; top:0; width:1px; height:1px; font-size:1px; line-height:0;}

/* Form */
select, textarea, input {border: 0; font-family:inherit; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; padding: 10px 3%; box-sizing: border-box;}
input {vertical-align:middle; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

input::placeholder{padding-left: 0;}
input:focus {outline:none;}
input:-ms-input-placeholder {padding-left: 0; color: #bbb; font-size: 16px;} 
input::-webkit-input-placeholder {padding-left: 0; color: #bbb; font-size: 16px;}
input::-moz-placeholder {padding-left: 0; color: #bbb; font-size: 16px;}
input[type="checkbox"],input[type="radio"] {border:none; font-family:inherit;}
textarea {resize: none; padding: 5px 3px;}
select {height:50px; padding: 0 5% 0 15px; background: url(../images/icon_top.svg) no-repeat 90% 50%; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
select option{display: inline-block; line-height: 33px;}
select::-ms-expand {display: none;} 
/* IE 10, 11의 네이티브 화살표 숨기기 */