@charset "UTF-8";
@font-face { font-family: "Noto Sans KR"; src: url(/font/NotoSansKR/NotoSansKR-Light.otf) format('opentype'); font-style: normal; font-weight: 300; }
@font-face { font-family: "Noto Sans KR"; src: url(/font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype'); font-style: normal; font-weight: 400; }
@font-face { font-family: "Noto Sans KR"; src: url(/font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype'); font-style: normal; font-weight: 500; }
@font-face { font-family: "Noto Sans KR"; src: url(/font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype'); font-style: normal; font-weight: 700; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 


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, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; /*vertical-align: baseline;*/ }
html, body { width: 100%; height: 100%;font-family: 'Noto Sans KR', sans-serif; /* letter-spacing: -0.4px ! important; */ position: relative; margin: 0 auto;line-height: 1.5 ! important; cursor: default;color: #212529;font-weight: 400;}

html{
	-webkit-text-size-adjust : none;  
	-ms-text-size-adjust : none;  
	-moz-text-size-adjust : none;  
	-o-text-size-adjust : none; 
}
body { line-height: 1; min-width: 360px;}

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

ol, ul { list-style: none; }
b {font-weight: bold;}
blockquote, q { quotes: none; }

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

table { border-collapse: collapse; border-spacing: 0; /*table-layout: fixed;*/ width: 100%; }

a { color: #212529; text-decoration: none; }
a:focus{outline: none;}
a:focus-visible, input:focus-visible {outline: 2px dashed red;}
*:focus-visible {outline: 2px dashed red;}
a:hover, a:active { text-decoration: none; /* color: initial; */}

input[type="text"], input[type="password"] { border: none; outline: none; font-family: 'Noto Sans KR', sans-serif;}
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { font-size: 15px; letter-spacing: -0.35px; text-align: left; color: #666; }
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { font-size: 15px; letter-spacing: -0.35px; text-align: left; color: #666; }
input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder { font-size: 15px; letter-spacing: -0.35px; text-align: left; color: #666; }
input[type="text"]::placeholder, input[type="password"]::placeholder { font-size: 15px; letter-spacing: -0.35px; text-align: left; color: #666; }
input[type="radio"]{ position: relative;top:1px}

/* input file 초기화 */
input[type="file"] {  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
button { background-color: transparent; border: none; padding: 0; cursor: pointer; font-family: 'Noto Sans KR', sans-serif;}
button:focus-visible {outline: 2px dashed red;}

/* Select box 스타일 초기화 */
select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;padding: 5px 0;
	/*background:url(../images/common/btn-owndb-down.png) 90% no-repeat;*/ }
select { cursor: pointer;padding: 9px 20px; padding-right: 35px;font-size: 15px; letter-spacing: -0.35px;text-align: left; color: rgba(40, 42, 63, 0.83);border-radius: 4px;background-color: #ffffff;background-size: 15px;}
input{font-family: 'Noto Sans KR', sans-serif ! important;}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand { display: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f0f0f0 inset !important; }


.clear::before, .clear::after {display: block; content:''; clear:both;}

:root{
	--color-main: #0848A8;
	--color-main2: #00A88E;
	--color-main3: #D66E0E;
	--color-main4: #0A7FD3;
	--color-sub1: #7FCCB5;
	--color-sub2: #49A078;
	/* --color-main: #000;
	--color-sub1: #333;
	--color-sub2: #666;
	--color-sub3: #ccc;
	--color-sub4: #eee;
	--color-main: #497F59;
	--color-sub3: #8EA464;
	--color-coral: #f6d1be;
	--color-beige: #ffefd6; */

	--color-black: #212529;
	--color-white: #f8f8f8;

	/* timeline
	--color-primary: #3F51B5;
	--color-dark-primary: #303F9F;
	--color-light-primary: #C5CAE9;
	--color-text: #FFFFFF;
	--color-primary-text: #212121;
	--color-secondary-text: #757575;
	--color-accent: #FF4081; */
}