* {margin:0; padding:0; box-sizing:border-box; letter-spacing:-0.025em; word-break: keep-all; line-height:1.4;}
html {}
body {margin:0;}
html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
caption {display: none;}
a {background: transparent; cursor:pointer;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width: none;}
svg:not(:root) {overflow: hidden;}
ol, ul, li {list-style:none}
label, button {cursor:pointer; vertical-align:middle;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {border: 0; padding: 0; }
textarea {overflow: auto; resize: vertical;}
optgroup {font-weight: bold;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; width:100%;}
b{font-family: inherit;line-height: inherit; font-weight: inherit;}
/*------------------------------------------------------------------
	01. Typography
-------------------------------------------------------------------*/
body{font-family:Pretendard,"sans-serif",dotum,"돋움",gulim,"굴림",Arial,AppleGothic,verdana,helvetica;font-size:16px;letter-spacing:-.05em;font-weight:400;margin:0;overflow-x:hidden;color:#333}
p {margin-top: 0;}
a {color: inherit;}
a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* blockquote {background: #f9f9f9; padding: 20px;} */
input, textarea, button, select, label {font-family:'Pretendard', sans-serif, dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, helvetica;}
/* input, textarea, select, fieldset {margin-bottom: 1.5rem;} */
/* pre, blockquote, dl, figure, table, p, ul, ol, form {margin-bottom: 2.5rem;} */
/* hr {margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1;} */
/*------------------------------------------------------------------
	02. Colors & Backgrounds
-------------------------------------------------------------------*/
::selection {background:#0070f0; color:#FFF; text-shadow:none;}
::-moz-selection {background:#0070f0; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#0070f0; color:#FFF; text-shadow:none;}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date],
input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search]
{margin: 5px 0; padding: 10px; border: 1px solid #dddddd; border-radius: 12px; background: none; height:43px; font-size:15px;}
input[type='textarea'], textarea {width:100%; font-size:13px; margin:0; border:1px solid #ddd; color:#333; background:#fff; padding:5px; vertical-align: middle;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
/* SelectBox Style */
select{height:32px;margin:0;color:#000;padding-left:5px;vertical-align:middle;box-sizing:border-box;border:1px solid #dfe1e3;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url('/m/2022/img/icon/select_arrow.png') 98% center/auto 60% no-repeat #fff;font-size:13px}
select:focus {outline: 0; border-color:var(--main-color);}
select::-ms-expand {display:none;}
.input-field {position: relative;}
.input-field label {position: absolute; left: 0; top: 50%; transform: translateY(-50%); min-width:83px; padding: 0 15px;  border-right: 1px solid #0a55ff; font-weight: 500; font-size: 15px; transition: all 0.1s; pointer-events: none;}
.select-field label {position: absolute; left: 0; top: 50%; transform: translateY(-50%); min-width:83px; padding: 0 15px; border-right: 1px solid #0a55ff; font-weight: 500; font-size: 15px; transition: all 0.1s; pointer-events: none;}
.input-field input{margin: 5px 0; padding: 10px; border: 1px solid #dddddd; border-radius: 12px; background: none; height:43px; font-size:15px;background:#fff;}
.input-field input:focus, .input-field input:valid  {}
/* .input-field input:focus + label, .input-field input:valid + label {top: 0; font-size: 12px;} */
.input-field input[type='tel'] {width: 100%;}
.input-field input[type='text'] {width: 100%;}
.select-field {position: relative;}
textarea{color:#000;box-sizing:border-box;background:#fff;border:1px solid #dcdcdc;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px}
textarea:focus {outline: 0; background:#fff; border-color:var(--main-color);}
textarea:focus {outline: 0; background:#fff; border-color:#0070f0;}
label {font-size:12px; color:#000; letter-spacing:-0.04em; vertical-align:middle;}
select {height: 44px; -webkit-appearance: none;  /* 네이티브 외형 감추기 */ moz-appearance: none; appearance: none; padding: 10px 0; background: none; font-size: 15px;}
select{color:#999;background:url(/renewal2021/m/img/common/select_arrow.png) right center/auto 100% no-repeat #fff;margin:5px 0;padding:10px;border:1px solid #ddd;border-radius:12px;height:44px;font-size:15px}
select:focus, select:active {border:1px solid #27daef; outline:0;}
textarea:focus, textarea:active {border:1px solid #27daef; outline:0;}
select option{background:#fff;}
::se lection { background: #27daef; WebKit/Blink Browsers color: #fff;}
::-moz-selection { background: #27daef; /* Gecko Browsers */}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0px 1000px transparent inset;}
/*------------------------------------------------------------------
	05. Margin&padding
-------------------------------------------------------------------*/
.posiFix {position:fixed;}
.posiAb {position:absolute;}
.posiRel {position:relative;}
.floatL {float:left;}
.floatR {float:right;}
.clearfix {clear:both;}
.altTxt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
button{background:0 0;border:0;outline:0;padding:0;margin:0;cursor:pointer}
.txtCen{text-align:center !important;}
.padding-bottom-none{padding-bottom:0px !important;}
.border-none{border:0px !important;}
.disBlcok{display:block !important;}
.mb25 {margin-bottom:25px;}
.mb10 {margin-bottom:10px;}
/*------------------------------------------------------------------
	05. c
-------------------------------------------------------------------*/
.black333 {color:#333;}
.black000 {color:#000;}