@charset "utf-8";
@import url("../fonts/pretendard-gov.css");

:root {
	--font-base: 'Pretendard GOV', sans-serif;
	--font-base-size: 62.5%;
	--color-base: #555555;
	
	--primary: #425ABE;

	--white: #ffffff;
	--gray-5: #f8f8f8;
	--gray-10: #f0f0f0;
	--gray-20: #e4e4e4;
	--gray-30: #d8d8d8;
	--gray-40: #c6c6c6;
	--gray-50: #8e8e8e;
	--gray-60: #717171;
	--gray-70: #555555;
	--gray-80: #2d2d2d;
	--gray-90: #1d1d1d;
	--black: #000000;

	--point-5: #fde8e9;
	--point-10: #fde8e9;
	--point-50: #e71825;
	--point-60: #b9131e;

	--danger-5: #feecf0;
	--danger-10: #fcd4de;
	--danger-50: #fb003b;
	--danger-60: #d50136;

	--warning-5: #fcedf0;
	--warning-10: #fff8e9;
	--warning-50: #ffb724;
	--warning-60: #98690a;

	--success-5: #eef7f0;
	--success-10: #cee9da;
	--success-50: #008A1e;
	--success-60: #006218;

	--info-5: #e9f0ff;
	--info-10: #d4e1ff;
	--info-50: #2768FF;
	--info-60: #1f53cc;

	--line: #E8E8E8;
	--line-gray: #D3D3D3;
	--line-dark: #1d1d1d;
	--line-input: #d8d8d8;

	--red: #EF553B;
	--blue: #425ABE;

	--bg-gray: #f8f8f8;
	--bg-red: #ffe5e5;
	--bg-blue: #F1F3F8;
	--bg-green: #cff2ec;
	--bg-yellow: #fffbe5;
	--bg-violet: #E8EEFF;

	--width-max: 1280px;
	--width-min: 360px;
}

/* Reset ********************************************************************** */

html{margin:0; padding:0; scroll-behavior: smooth; font-size: var(--font-base-size); -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; }
body{margin:0; padding:0; word-wrap:normal; word-break:keep-all; -webkit-tap-highlight-color:rgba(255,255,255,0); overflow-wrap: break-word; line-height:1.5; font-family:var(--font-base); color:var(--color-base); font-size:1.7rem; letter-spacing:-0.02em;}
input, textarea, select, table, button{font-family:inherit; color:inherit; font-size:inherit; letter-spacing:inherit;}

img{margin:0; padding:0; border:none; vertical-align:top;}

a{color:var(--color-base);}
a, a:hover, a:active, a:visited{text-decoration:none;}

ul{list-style:none; margin:0; padding:0;}
ol{margin:0 0 0 2rem; padding:0;}
dl,dt,dd{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{margin:0; padding:0;}

em{font-style:normal;}
b{font-weight:700;}
strong{font-weight:700;}
i, address, small{font-style:normal}
p{margin:0; padding:0;}
abbr{text-decoration:none;}
details{display:block;}

iframe{margin:0; padding:0; border:none;}

hr{display:none;}

table{border-spacing:0; border-collapse:collapse; table-layout:fixed;}
caption{margin:0; padding:0; overflow:hidden; width:0; height:0;}
th, td{margin:0; padding:0; border:none; box-sizing:border-box;}
th{font-weight:700;}

picture img{max-width:100%;}

/* ie */
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block}

/* form */
form, fieldset, legend{margin:0; padding:0; border:0;}
fieldset legend{width:0; height:0; overflow:hidden;}

input, select, textarea{vertical-align:middle; box-sizing:border-box; margin:0; padding:0; border:none;}

button{appearance: none; -webkit-appearance:none; margin:0; padding:0; border:none; background:none; cursor:pointer; border-radius:0;}

input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-reveal{display: none;}

input[type="submit"],
input[type="image"],
input[type="button"]{appearance: none; -webkit-appearance:none; cursor:pointer; border:none; border-radius:0;}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:var(--color-placeholder) !important; letter-spacing:0; font-size:0.875rem;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:var(--color-placeholder) !important; letter-spacing:0;}

textarea{resize: none;}

select{appearance: none; -webkit-appearance:none; cursor:pointer;}
select::-ms-expand{display: none;}

/* display */
.blind{position:absolute; left:-9999rem; text-align:left; overflow:hidden;}
.hide{display:none !important;}

/* align */
.align-left{text-align:left !important;}
.align-right{text-align:right !important;}
.align-center{text-align:center !important;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}

/* margin */
.mgt5{margin-top:0.5rem !important;}
.mgt10{margin-top:1rem !important;}
.mgt15{margin-top:1.5rem !important;}
.mgt16{margin-top:1.6rem !important;}
.mgt20{margin-top:2rem !important;}
.mgt24{margin-top:2.4rem !important;}
.mgt25{margin-top:2.5rem !important;}
.mgt30{margin-top:3rem !important;}

.mgb5{margin-bottom:0.5rem !important;}
.mgb10{margin-bottom:1rem !important;}
.mgb15{margin-bottom:1.5rem !important;}
.mgb20{margin-bottom:2rem !important;}
.mgb25{margin-bottom:2.5rem !important;}
.mgb30{margin-bottom:3rem !important;}

/* width */
.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}
.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}
.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}
.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}
.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}
.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}
.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}
.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}
.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}
.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}

.w200px{width:20rem;}
.w320px{width:32rem;}

@media all and (max-width:1024px) {
	.m-w1{width:1%}.m-w2{width:2%}.m-w3{width:3%}.m-w4{width:4%}.m-w5{width:5%}.m-w6{width:6%}.m-w7{width:7%}.m-w8{width:8%}.m-w9{width:9%}.m-w10{width:10%}
	.m-w11{width:11%}.m-w12{width:12%}.m-w13{width:13%}.m-w14{width:14%}.m-w15{width:15%}.m-w16{width:16%}.m-w17{width:17%}.m-w18{width:18%}.m-w19{width:19%}.m-w20{width:20%}
	.m-w21{width:21%}.m-w22{width:22%}.m-w23{width:23%}.m-w24{width:24%}.m-w25{width:25%}.m-w26{width:26%}.m-w27{width:27%}.m-w28{width:28%}.m-w29{width:29%}.m-w30{width:30%}
	.m-w31{width:31%}.m-w32{width:32%}.m-w33{width:33%}.m-w34{width:34%}.m-w35{width:35%}.m-w36{width:36%}.m-w37{width:37%}.m-w38{width:38%}.m-w39{width:39%}.m-w40{width:40%}
	.m-w41{width:41%}.m-w42{width:42%}.m-w43{width:43%}.m-w44{width:44%}.m-w45{width:45%}.m-w46{width:46%}.m-w47{width:47%}.m-w48{width:48%}.m-w49{width:49%}.m-w50{width:50%}
	.m-w51{width:51%}.m-w52{width:52%}.m-w53{width:53%}.m-w54{width:54%}.m-w55{width:55%}.m-w56{width:56%}.m-w57{width:57%}.m-w58{width:58%}.m-w59{width:59%}.m-w60{width:60%}
	.m-w61{width:61%}.m-w62{width:62%}.m-w63{width:63%}.m-w64{width:64%}.m-w65{width:65%}.m-w66{width:66%}.m-w67{width:67%}.m-w68{width:68%}.m-w69{width:69%}.m-w70{width:70%}
	.m-w71{width:71%}.m-w72{width:72%}.m-w73{width:73%}.m-w74{width:74%}.m-w75{width:75%}.m-w76{width:76%}.m-w77{width:77%}.m-w78{width:78%}.m-w79{width:79%}.m-w80{width:80%}
	.m-w81{width:81%}.m-w82{width:82%}.m-w83{width:83%}.m-w84{width:84%}.m-w85{width:85%}.m-w86{width:86%}.m-w87{width:87%}.m-w88{width:88%}.m-w89{width:89%}.m-w90{width:90%}
	.m-w91{width:91%}.m-w92{width:92%}.m-w93{width:93%}.m-w94{width:94%}.m-w95{width:95%}.m-w96{width:96%}.m-w97{width:97%}.m-w98{width:98%}.m-w99{width:99%}.m-w100{width:100%}
}

.min-table{min-width:80rem;}