@charset "utf-8";

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
ul, li , dl, dt, dd, p, section, input, select,
header, bottom
{ margin:0; padding:0; border:0; box-sizing:border-box;} /* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

a { text-decoration:none; display:inline-block; }

* html { height:1px; }


body { font-size:100%; font-family:pgovm, pgovb, pgovl, gulim, dotum, Arial; color:#555;  }

input, select, option, textarea, button { font-size:100%; margin:0; padding:0; }

.skip { display:none; }
.labelskip { position:absolute; left:-1000px; top:0px; width:0px; height:0px; font-size:0px; line-height:0px; }
.skiplabel { position:absolute; left:-1000px; top:0; width:0; height:0; font-size:0; line-height:0; }

hr, h2, caption, legend { display:none; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

address, cite { font-style:normal;}


.clear{ display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }


fieldset, img, abbr, acronym { border:0 none; margin:0; padding:0; }
table {	border-collapse:separate; border-spacing:0;	border:0 none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }


ul { width:100%; list-style:none; overflow:hidden; }
img { vertical-align:top; border:none;}
label, select, input, textarea { vertical-align:middle;}
button{cursor:pointer;}

table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }



a:link,
a:visited { text-decoration:none; color:#555; }
a:active,
a:focus,
a:hover { color:#1757b7; }

.skiplabel { position:absolute; left:-1000px; top:0; width:0; height:0; font-size:0; line-height:0; }



select, input, textarea { font-family:pgovm, pgovb, pgovl, gulim, dotum, Arial; }


:root {
	--white: #fff;
	--black: #000;
	
	/* 주조색 : primary */
	--primary: #256EF4;
	--primary-2: #f6f9fe;
	--primary-5: #ECF2FE;
	--primary-10: #D8E5FD;
	--primary-20: #B1CEFB;
	--primary-30: #86AFF9;
	--primary-40: #4C87F6;
	--primary-60: #0B50D0;
	--primary-70: #083891;
	--primary-80: #052561;
	--primary-90: #03163A;
	--primary-95: #020F27;
	/* 보조색 : secondary */
	--secondary: #346FB2;
	--secondary-5: #EEF2F7;
	--secondary-10: #D6E0EB;
	--secondary-20: #BACBDE;
	--secondary-30: #90B0D5;
	--secondary-40: #6B96C7;
	--secondary-60: #1C589C;
	--secondary-70: #063A74;
	--secondary-80: #052B57;
	--secondary-90: #031F3F;
	--secondary-95: #02162C;
	/* 강조색 : point */
	--point: #D63D4A;
	--point-5: #FBEFF0;
	--point-10: #F5D6D9;
	--point-20: #EBADB2;
	--point-30: #E0858C;
	--point-40: #D65C66;
	--point-60: #AB2B36;
	--point-70: #7A1F26;
	--point-80: #521419;
	--point-90: #310C0F;
	--point-95: #21080A;
	/* 회색계열 : gray */
	--gray-5: #F4F5F6;
	--gray-10: #E6E8EA;
	--gray-20: #CDD1D5;
	--gray-30: #B1B8BE;
	--gray-40: #8A949E;
	--gray-50: #6D7882;
	--gray-60: #58616A;
	--gray-70: #464C53;
	--gray-80: #33363D;
	--gray-90: #1E2124;
	--gray-95: #131416;
	/* 위험 - 빨강계열 : danger */
	--danger: #EB003B;
	--danger-5: #FEECF0;
	--danger-10: #FCD4DE;
	--danger-20: #F799B1;
	--danger-30: #F36689;
	--danger-40: #EF3E5E;
	--danger-60: #EB003B;
	--danger-70: #8D0023;
	--danger-80: #5E0018;
	--danger-90: #2F000C;
	/* 노랑계열 : warning */
	--warning: #FFB724;
	--warning-5: #FFF8E9;
	--warning-10: #FFEAC1;
	--warning-20: #FFE2A7;
	--warning-30: #FFD47C;
	--warning-40: #FFC550;
	--warning-60: #98690A;
	--warning-70: #66490E;
	--warning-80: #4D370B;
	--warning-90: #332507;
	/* 녹색계열 : success */
	--success: #088a7c;
	--success-5: #EEF7F0;
	--success-10: #CEE9D4;
	--success-20: #B2DCBB;
	--success-30: #8CCA99;
	--success-40: #33A14B;
	--success-60: #006E18;
	--success-70: #005312;
	--success-80: #00370C;
	--success-90: #002207;
	/* 파랑계열 : information */
	--information: #0b78cb;
	--information-5: #e7f4fe;
	--information-10: #d3ebfd;
	--information-20: #9ed2fa;
	--information-30: #5fb5f7;
	--information-40: #2098f3;
	--information-50: #0b78cb;
	--information-60: #096ab3;
	--information-70: #085691;
	--information-80: #053961;
	--information-90: #03253f;
	--information-95: #021a2c;
	/*
	--font-family-sans-serif: 'Pretendard GOV', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/

}