/**
 * html 리셋 css 입니다.
 */

* {
	margin: 0;
	padding: 0;
}

:root
{
	--blue: #287bff;
	--blue2: #E4E4F8;
	--white: #fff;	
	--gray: #f5f5f5;
	--line_gray: #E6E6E6;
	--black: #000;
	--black1: #222;
	--black2: #333;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.clear {
	clear: both;
}

html {
	font-size: 15px;
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
div,
figure,
article,
header,
nav,
footer,
section,
button,
span {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans KR", "notokr", "Open Sans", "Helvetica Neue", sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
	word-wrap: break-word;
	white-space: normal;
}

body,
input,
textarea,
select,
button,
table,
th,
td {
	font-family: "Noto Sans KR", "notokr", "Open Sans", "Helvetica Neue", sans-serif;
	color: #5a5f64;
	font-weight: 100;
	font-size: 1.0rem;
	line-height: 1.53;
	letter-spacing: -0.03em;
	box-sizing: border-box;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: -0.05em
}

img,
fieldset,
iframe {
	border: 0;
	vertical-align: top
}

textarea {
	-webkit-border-radius: 0;
	resize: none;
	white-space: pre-wrap
}

textarea:focus {
	outline: 0
}

ul,
ol,
li {
	list-style: none;
}

ul:after,
ol:after {
	content: '';
	display: block;
	clear: both
}

input,
select {
	vertical-align: middle
}

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

address,
caption,
cite,
code,
dfn,
em,
var {
	font-style: normal;
}


hr,
legend {
	display: none
}

caption {
	visibility: hidden;
	overflow: hidden;
	position: static;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

fieldset,
abbr,
acronym {
	border: 0;
}


a {
	/* font-family: "Noto Sans KR", "notokr", "Open Sans", "Helvetica Neue", sans-serif; */
	color: #717171;
	text-decoration: none;
	/*outline:none;*/
}

dd {
	display: block;
}

pre {
	overflow: auto;
}

label {
	cursor: pointer;
	vertical-align: top;
}

input,
select {
	outline: none;
	vertical-align: top;
	color: #717171;
}

button {
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background: none;
	cursor: pointer
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

::-webkit-input-placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

:-moz-placeholder {
	color: #78A3FC;
	opacity: 1;
}

::-moz-placeholder {
	color: #78A3FC;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

::-ms-input-placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

::placeholder {
	color: #aeb4c6;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

textarea::-webkit-input-placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

textarea:-ms-input-placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

textarea::-ms-input-placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

textarea::placeholder {
	color: #78A3FC;
	/* font-size: 1.5rem; */
	font-size: 0.8rem;
	font-weight: 400;
	font-family: Noto Sans KR, "notokr", "Open Sans", "Helvetica Neue", sans-serif
}

/* 폰트사이즈 */
.f10 { font-size:10px !important; }
.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f17 { font-size:17px !important; }
.f18 { font-size:18px !important; }
.f19 { font-size:19px !important; }
.f20 { font-size:20px !important; }
.f21 { font-size:21px !important; }
.f22 { font-size:22px !important; }
.f23 { font-size:23px !important; }
.f24 { font-size:24px !important; }
.f25 { font-size:25px !important; }
.f26 { font-size:26px !important; }
.f27 { font-size:27px !important; }
.f28 { font-size:28px !important; }
.f29 { font-size:29px !important; }
.f30 { font-size:30px !important; }
.f35 { font-size:35px !important; }
.f40 { font-size:40px !important; }
.f45 { font-size:45px !important; }
.f50 { font-size:50px !important; }
.f55 { font-size:55px !important; }
.f60 { font-size:60px !important; }
.f70 { font-size:70px !important; }
.f80 { font-size:80px !important; }
.f90 { font-size:90px !important; }
.f100 { font-size:100px !important; }

.titfm { font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif !important; }

/* 줄높이 */
.lh13 { line-height:13px !important; }
.lh15 { line-height:15px !important; }
.lh20 { line-height:20px !important; }
.lh23 { line-height:23px !important; }
.lh25 { line-height:25px !important; }
.lh30 { line-height:30px !important; }
.lh32 { line-height:32px !important; }
.lh34 { line-height:34px !important; }
.lh35 { line-height:35px !important; }
.lh40 { line-height:40px !important; }
.lh45 { line-height:45px !important; }
.lh50 { line-height:50px !important; }

/* 패딩관련 */
/* ALL */
.pd_0 { padding: 0px !important; }
.pd_3 { padding: 3px !important; }
.pd_5 { padding: 5px !important; }
.pd_7 { padding: 7px !important; }
.pd_10 { padding: 10px !important; }
.pd_15 { padding: 15px !important; }
.pd_20 { padding: 20px !important; }
.pd_30 { padding: 30px !important; }
.pd_40 { padding: 40px !important; }
.pd_50 { padding: 50px !important; }
/* TOP */
.pd_t1 { padding-top: 1px !important; }
.pd_t2 { padding-top: 2px !important; }
.pd_t3 { padding-top: 3px !important; }
.pd_t5 { padding-top: 5px !important; }
.pd_t10 { padding-top: 10px !important; }
.pd_t20 { padding-top: 20px !important; }
.pd_t30 { padding-top: 30px !important; }
.pd_t40 { padding-top: 40px !important; }
.pd_t50 { padding-top: 50px !important; }
/* RIGHT */
.pd_r3 { padding-right: 3px !important;  }
.pd_r5 { padding-right: 5px !important;  }
.pd_r10 { padding-right: 10px !important; }
.pd_r20 { padding-right: 20px !important; }
.pd_r30 { padding-right: 30px !important; }
.pd_r40 { padding-right: 40px !important; }
.pd_r50 { padding-right: 50px !important; }
.pd_r60 { padding-right: 60px !important; }
.pd_r70 { padding-right: 70px !important; }
.pd_r80 { padding-right: 80px !important; }
.pd_r90 { padding-right: 90px !important; }
/* LEFT */
.pd_l3 { padding-left: 3px !important; }
.pd_l5 { padding-left: 5px !important; }
.pd_l10 { padding-left: 10px !important; }
.pd_l12 { padding-left: 12px !important; }
.pd_l15 { padding-left: 15px !important; }
.pd_l20 { padding-left: 20px !important; }
.pd_l25 { padding-left: 25px !important; }
.pd_l30 { padding-left: 30px !important; }
.pd_l40 { padding-left: 40px !important; }
.pd_l50 { padding-left: 50px !important; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px !important; }
.pd_b3 { padding-bottom: 3px !important; }
.pd_b5 { padding-bottom: 5px !important; }
.pd_b10 { padding-bottom: 10px !important; }
.pd_b20 { padding-bottom: 20px !important; }
.pd_b30 { padding-bottom: 30px !important; }
.pd_b40 { padding-bottom: 40px !important; }
.pd_b50 { padding-bottom: 50px !important; }

.mt-1 { margin-top: -1px !important; }
.mt-2 { margin-top: -2px !important; }
.mt-3 { margin-top: -3px !important; }
.mt-4 { margin-top: -4px !important; }
.mt-5 { margin-top: -5px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt100 { margin-top: 100px !important; }
.mt200 { margin-top: 200px !important; }

.mr-1 { margin-right: -.1em !important; }
.mr-2 { margin-right: -.2em !important; }
.mr-3 { margin-right: -.3em !important; }

.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }

.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

.ma5 { margin: 5px !important; }
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }
.ma25 { margin: 25px !important; }
.ma30 { margin: 30px !important; }
.ma35 { margin: 35px !important; }
.ma40 { margin: 40px !important; }
.ma45 { margin: 45px !important; }
.ma50 { margin: 50px !important; }
.ma55 { margin: 55px !important; }
.ma60 { margin: 60px !important; }

.mw100 { min-width: 100px !important; }
.mw200 { min-width: 200px !important; }
.mw300 { min-width: 300px !important; }
.mw400 { min-width: 400px !important; }
.mw500 { min-width: 500px !important; }
.mw600 { min-width: 600px !important; }

input[type="radio"] { display: inline-block; width: 17px; height: 17px; padding: 0; margin: 0px; overflow: hidden; } 
input[type="radio"] + label { display: inline-block; position: relative; padding-left: 5px; margin-right:15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

/*
input[type="checkbox"] { position: absolute; width: 17px; height: 17px; padding: 0px; margin: 0px; overflow: hidden; } 
input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 20px; margin-right:15px;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
*/

.statePerMode { display: inline-block; }