@charset "utf-8";

/* tag Definition */
html		{ margin:0; padding:0; }
*			{ margin:0; padding:0; }
address		{ font-style:normal; display:block; color:#575757;} /* 주소 */
cite		{ display:block; font-style:normal; }	/* 인용문 */
del			{ text-decoration:line-through; } /* 삭제 */
strong		{ font-weight:500; } /* 강조 */
em			{ font-style:normal; } /* 강조 */
dfn			{ font-style:normal; } /* 정의 - 용어설명 */
cite		{ font-style:normal; } /* 인용출처 */
blockquote	{ margin:0; padding:0; } /* 인용block */
sup			{ font-size:.92em; } /* 위첨자 */
sub			{ font-size:.92em; } /* 아래첨자 */
fieldset	{ margin:0; padding:0; border:0 }
legend		{ padding:0; font-size:0; line-height:0; }
hr			{ display:none; }	/* 수평선 - 레이아웃구분용 */
form, blockquote, dl, dt, dd	{ margin:0; padding:0; }
img, input.type-image			{ border:0 none; }
optgroup label					{ font-style:normal; font-weight:normal; }
ul, li, ol						{ list-style:none; margin:0; padding:0px; }
noscript						{ display:none; }

/*INPUT*/
textarea						{ border:1px solid #e1e1e1; line-height:140%; width:98%; }
input, select, textarea			{ vertical-align:middle; color:#575757; font-size:12px; letter-spacing:-0.07em; border:none;}
input::placeholder {font-size:14px;color:#b2b2b2;}
input.radio { width:22px; height:22px; }
input.check { width:18px; height:18px; }


/* button */
.btn_blue {background-color: var(--mainColor) !important;color: var(--colorWhite) !important;}
.btn_white {background-color: var(--colorWhite) !important;color: var(--colorDarkgray) !important;border: 1px solid var(--colorDarkgray) !important;}
.btn_black {background-color: var(--colorDarkgray) !important;color: var(--colorWhite) !important;}
.btn_red {background-color: var(--colorRed) !important;color: var(--colorWhite) !important;}
.btn_purple {background-color: var(--colorPurple) !important;color: var(--colorWhite) !important;}
.btn_yellow {background-color: var(--colorYellow) !important;color: var(--colorDarkgray) !important;}
.btn_orange {background-color: var(--colorOrange) !important;color: var(--colorWhite) !important;}
.btn_gray {background-color: var(--colorGray) !important;color: var(--colorWhite) !important;}
.btn_lightgray {background-color: var(--colorLightgray) !important;color: var(--colorGray) !important;}
.btn_navy {background-color: var(--subColor1) !important;color: var(--colorWhite) !important;}
.btn_green {background-color: var(--colorGreen) !important;color: var(--colorWhite) !important;}
.btn_pink {background-color: var(--colorPink) !important;color: var(--colorWhite) !important;}

/*공통속성*/
.mt0 {margin-top: 0 !important;}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.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}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !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}

.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}

.pb10{padding-bottom:10px !important}

.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}

.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}

.w5p{width:5% !important}
.w10p{width:10% !important}
.w15p{width:15% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w35p{width:35% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p{width:50% !important}
.w55p{width:55% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}