@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: #425ABE;
	--primary2: #333e6d;
	--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: #ff5f55;
	--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{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;}
input, textarea, select, table, button{font-family:inherit; color:inherit; font-size: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;}
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;}
.pc_view {
  display: block !important;
}
.mo_view {
  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;}
.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:1rem;} .w20px{width:2rem;} .w30px{width:3rem;} .w40px{width:4rem;} .w50px{width:5rem;} .w60px{width:6rem;} .w70px{width:7rem;} .w80px{width:8rem;} .w90px{width:9rem;} .w100px{width:10rem;}
.w110px{width:11rem;} .w120px{width:12rem;} .w130px{width:13rem;} .w140px{width:14rem;} .w150px{width:15rem;} .w160px{width:16rem;} .w170px{width:17rem;} .w180px{width:18rem;} .w190px{width:19rem;} .w200px{width:20rem;}
.w210px{width:21rem;} .w220px{width:22rem;} .w230px{width:23rem;} .w240px{width:24rem;} .w250px{width:25rem;} .w260px{width:26rem;} .w270px{width:27rem;} .w280px{width:28rem;} .w290px{width:29rem;} .w300px{width:30rem;}
.w310px{width:31rem;} .w320px{width:32rem;} .w330px{width:33rem;} .w340px{width:34rem;} .w350px{width:35rem;} .w360px{width:36rem;} .w370px{width:37rem;} .w380px{width:38rem;} .w390px{width:39rem;} .w400px{width:40rem;}
.w410px{width:41rem;} .w420px{width:42rem;} .w430px{width:43rem;} .w440px{width:44rem;} .w450px{width:45rem;} .w460px{width:46rem;} .w470px{width:47rem;} .w480px{width:48rem;} .w490px{width:49rem;} .w500px{width:50rem;}

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