@charset "utf-8";

/*

HTML5 CSS Reset
Based on Eric Meyer's CSS Reset
and html5doctor.com HTML5 Reset

Copyright (c) 2011 736 Computing Services Limited
Released under the MIT license. http://opensource.736cs.com/licenses/mit

*/
html, body{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "Pretendard";
	font-weight: 400;
	color:#333;
	vertical-align: middle;
	background: transparent;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video,button{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;	
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	vertical-align: middle;
	background: transparent;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section, blockquote { 
	display: block;
}

blockquote, q {
	quotes: none;
}

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

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

mark {
	background: none;
}

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


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout:fixed;
}

hr {
	display: block;
	height: 1px;
	border: 0;	
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/* :where()로 감싸 우선순위를 0으로 만든다.
   → 리셋의 기본값(네이티브 스타일 제거 등)은 유지하되,
     .contact__input 같은 컴포넌트 클래스가 !important 없이 자연스럽게 덮어쓸 수 있게 한다.
     (속성 선택자 input[type="text"]가 클래스보다 우선순위가 높아 스타일이 안 먹던 문제 해결) */
:where(input[type="submit"], input[type="search"], input[type="button"], button, textarea, input[type="text"], input[type="date"], input[type="email"], input[type="password"]) {
    padding: 0 3px;
    margin: 0;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    appearance: none;
}
:where(input[type="checkbox"], input[type="file"], select) {
    padding: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
   -webkit-border-radius: 0;
}
:where(input[type="radio"]) {
    padding: 0;
    margin: 0;
}

input, select, a img {
	vertical-align: middle;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none; 
}
button{margin:0;padding:0;background:none;border:0;cursor:pointer;outline:none;color:inherit;font-size:inherit;font-family:inherit;}

/* style for android */
* {
  /* prevent callout when holding tap on links (the native dialog that comes up) 
  -webkit-touch-callout: none; */

  /* prevent webkit from resizing text to fit */
  -webkit-text-size-adjust: none; 

  /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  /* prevent copy paste, to allow, change 'none' to 'text' 
  -webkit-user-select: none; */
}


/** 
 * reset for this site
**/

/* text elements */
h1, h2, h3, h4, h5, h6, strong{
	font-weight:normal;
    -webkit-text-size-adjust:none; /* remove iphone style */
}
p, address, caption, em, cite, th, a, dt, dd {
    font-weight:normal;
    -webkit-text-size-adjust:none; /* remove iphone style */
}

/* remove list tyle */
ul, ol {list-style:none;}
    
ins { text-decoration:none; }
del { text-decoration:line-through; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote{ quotes:"" ""; }

q:before{content: open-quote;}
q:after{content: close-quote;}

textarea{resize:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
legend{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
label{cursor:pointer;}

a {text-decoration: none;}