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

:root {
	--font-base: 'Pretendard GOV', 'malgun gothic', dotum, sans-serif;
	--font-base-size: 62.5%;
	--color-base: #555555;
	
	--primary: #246BEB;
	--secondary: #003675;
	
	--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: #C6C6C6;
	--line-dark: #171F43;
	--line-input: #C6C6C6;
	--line-diabled: #D6D6D6;
	
	--red: #e71825;
	--pink: #e31352;
	--green: #2BA12C;
	--blue: #2457A9;
	--orange: #ED6903;

	--bg-gray: #f8f8f8;
	--bg-blue: #F8F9FF;
	--bg-green: #F8FCFF;
	--bg-yellow: #FFF7D7;
	--bg-red: #FFEAEA;
	--bg-violet: #E8EEFF;

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

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

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

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;}
ol > li{list-style-type: decimal;}
dl,dt,dd{margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:700;}

p{margin:0; padding:0;}
em, i, address, small, cite, code{font-style: normal; display: inline;}
strong{font-weight:700;}
b{font-weight:400;}
abbr[title]{text-decoration:none;}
sub, sup {font-size: 0.75rem; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
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:400;}

picture img{max-width:100%;}

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

/* 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;}

label{cursor:pointer;}

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

input[type="submit"],
input[type="image"],
input[type="button"]{cursor:pointer; border:none; appearance: none; -webkit-appearance:none; border-radius:0;}
input[type=text]::-ms-clear{display: none;} /* x아이콘 삭제 */
input[type=password]::-ms-reveal{display: none;} /* 눈아이콘 삭제 */
input[type="radio"],
input[type="checkbox"]{cursor:pointer;}

textarea{resize: none;}

/* display */
.blind{position:absolute; left:-9999rem; text-align:left; overflow:hidden;}
.hide{display:none !important;}
.show{display:inherit !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;}
.mgt20{margin-top:2rem !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 */
.w10px{width:10px;} .w20px{width:20px;} .w30px{width:30px;} .w40px{width:40px;} .w50px{width:50px;} .w60px{width:60px;} .w70px{width:70px;} .w80px{width:80px;} .w90px{width:90px;} .w100px{width:100px;}
.w110px{width:110px;} .w120px{width:120px;} .w130px{width:130px;} .w140px{width:140px;} .w150px{width:150px;} .w160px{width:160px;} .w170px{width:170px;} .w180px{width:180px;} .w190px{width:190px;} .w200px{width:200px;}
.w210px{width:210px;} .w220px{width:220px;} .w230px{width:230px;} .w240px{width:240px;} .w250px{width:250px;} .w260px{width:260px;} .w270px{width:270px;} .w280px{width:280px;} .w290px{width:290px;} .w300px{width:300px;}
.w310px{width:310px;} .w320px{width:320px;} .w330px{width:330px;} .w340px{width:340px;} .w350px{width:350px;} .w360px{width:360px;} .w370px{width:370px;} .w380px{width:380px;} .w390px{width:390px;} .w400px{width:400px;}
.w410px{width:410px;} .w420px{width:420px;} .w430px{width:430px;} .w440px{width:440px;} .w450px{width:450px;} .w460px{width:460px;} .w470px{width:470px;} .w480px{width:480px;} .w490px{width:490px;} .w500px{width:500px;}

.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%}

.min-w50px{min-width:5rem;}.min-w60px{min-width:6rem;}.min-w70px{min-width:7rem;}.min-w80px{min-width:8rem;}.min-w90px{min-width:9rem;}.min-w100px{min-width:10rem;}
.min-w110px{min-width:11rem;}.min-w120px{min-width:12rem;}.min-w130px{min-width:13rem;}.min-w140px{min-width:14rem;}.min-w150px{min-width:15rem;}
.min-w160px{min-width:16rem;}.min-w170px{min-width:17rem;}.min-w180px{min-width:18rem;}.min-w190px{min-width:19rem;}.min-w200px{min-width:20rem;}
.min-w300px{min-width:30rem;}.min-w400px{min-width:40rem;}.min-w500px{min-width:50rem;}.min-w600px{min-width:60rem;}.min-w700px{min-width:70rem;}.min-w800px{min-width:80rem;}.min-w900px{min-width:90rem;}.min-w1000px{min-width:100rem;}

/* mobile ****************************************************************************************************************************************** */
@media all and (max-width:600px){
	.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%}
}

/* print ****************************************************************************************************************************************** */
@media print{
	*{
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}