@charset "UTF-8";

/* 모바일 & 반응형 */
*{margin:0; padding:0;box-sizing:border-box;}  /*박스의 크기를 테두리 기준으로 크기를 정한다*/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
ul, li, ol {list-style:none;}
img, fieldset , video{ border:0;  vertical-align:top; }
input, textarea, select { vertical-align:middle; resize:none; position:relative; border-radius:0; }	
button { border:0 none; background:transparent; cursor:pointer; }		
caption, legend, .hide  { position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px; }
table { width:100%;table-layout:fixed;border-spacing:0; line-height:1.5;border-collapse:collapse;}
table caption.tit { width:100%; height:auto; margin:20px 0; font-size:20px; font-weight:bold; text-indent:0; visibility:visible}
a:link, a:visited  {text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:none;}		
ins{text-decoration:none}
del{text-decoration:line-through}    
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
body, a, li, dt, dd, td, th, span, div, input, textarea,  button, option, 
h1, h2, h3, h4, h5, h6, legend, figcaption {font-family: "NotoKrM", sans-serif; font-size:14px; /*vertical-align:middle;*/ 
                 color:#000; line-height:150%; /*word-break: keep-all;*/ box-sizing: border-box; letter-spacing:-0.3px;}
em { text-decoration: none;  font-style: normal; color: inherit; }
html, body {text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
/*text-size-adjust 브라우져의 텍스트 크기 조절 글자자동조절방지
text-size-adjus 는 4가지 속성을 사용할 수 있습니다.

1. auto
html { -webkit-text-size-adjust: auto; }
화면의 폭에 맞게 텍스트의 크기를 자동으로 조절한다.
자동으로 조절한다는것은 디바이스의 렌더링이 다르다면 다르게 렌더링이 되므로 추천하는 방식은 아니다.

2. none
html { -webkit-text-size-adjust: none; }
텍스트의 크기를 자동으로 조절하지 말라는 뜻이다.
대체적으로 많이 사용하는 방법이다. 일반적으로 body 의 폰트크기를 설정하고 미디어쿼리를 사용하여 좀더 세밀하게 조절해서 사용하고 위의 속성을 사용하여 자동으로 조절하지 못하게한다.

3. percentage
html { -webkit-text-size-adjust: 100%; }
이것은 폰트크기를 명시적으로 지정해주는 것이다.
이 방법도 경우에 따라 자주 사용하는 방법이다. 명시적으로 100%를 주어 모든 디바이스에서 동일하게 보여주게 하는 방식이다. 물론 크게도 가능하고 작게도 가능하다.

4. inherit
상속되는 경우다.
부모요소의 속성값을 상속받아 적용되는 형식이다.

text-size-adjus 의 기본값은 none 이다.

출처: https://demun.tistory.com/2402 [demun(대문블로그)]
*/
fieldset,img{border:0 none;vertical-align:middle;}
address,caption,cite,code,dfn,em,var{font-style:normal;}

/* 이미지를 자동으로 화면에 맞게 리사이즈 되도록 */
img {
    max-width: 100%; /* 이미지의 최대사이즈 */
    height: auto;
    vertical-align: bottom;
    border:0 none;
    vertical-align:middle;
}


/* 
	*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/
legend,.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:100px;white-space:nowrap}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0}

/* form */
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder,
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {color:#888}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto}
input,select{/* -webkit-appearance:none; */}
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=email],
input[type=url]{line-height:1;height:35px;padding:6px 0 7px;margin:0;border:1px solid #ccc;-webkit-appearance:none !important;background:#fff;color:#4d4d4d;/*font-size:12px;*/text-indent:10px !important;}
input[type=button],
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:none;cursor: pointer; border:0;}
input[type=file]{line-height:1;padding:6px 10px 7px;border:1px solid #e5e5e5;background:#fff;color:#4d4d4d;cursor:pointer;font-size:12px}
input[type=text]:read-only,
input[type=password]:read-only,
input[type=tel]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=url]:read-only,
input[type=file]:read-only{border:1px solid #ccc;color:#4d4d4d;text-indent:10px !important}
input[readonly],input[disabled]{background:#dfdfdf; border:1px solid #ccc;color:#4d4d4d;text-indent:10px !important}
/*글 쓰지 못하게 막는 방법 중, 대표적으로 readonly 와 disabled 가 있다.
form 안에서 사용하였을 경우,
'readonly' 는 form 전송이 가능, 
'disabled' 는 form 전송시 값이 전달되지 않는다.*/
input[type=checkbox]{/* width:15px;height:15px;border:1px solid #886868; */vertical-align:middle}
input[type=checkbox]:checked{/* background:url('../images/ico_checked.png') no-repeat */}
select{height:35px;padding:4px 5px 3px 5px;border:1px solid #ccc;-webkit-border-radius:0;border-radius:0;font-size:12px;color:#333;vertical-align:middle;}
select[disabled] {border:1px solid #ccc;background:#dfdfdf;color:#4d4d4d}
textarea{width:100%;padding:5px 7px;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:none;border:1px solid #e1e2e2}
button{cursor:pointer;border: 0;}
area:focus { /* outline: 0; */ }


/* skipToContent */
.skipToContent a {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:1px;
	margin-top:-1px;
	display:block;
	background-color:#3875c1;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:1;
	overflow:hidden;
	text-align:center;
}
.skipToContent a:focus,
.skipToContent a:active,
.skipToContent a:hover {
	margin-top:0;
	height:auto;
	padding:10px 0px;
}

.footerMark img {width: 62px;height: 42px;}