@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/* reset */
html, body {width:100%; height:100%; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure {margin:0; padding:0; }
body { font-family:"Pretendard Variable", Pretendard,'Noto Sans KR', sans-serif; font-size:14px; color:#323232; font-weight:500; letter-spacing: -.2px; word-break: break-all; word-wrap: break-word; word-break: keep-all; min-width: 360px;}
ol, ul, li {list-style:none; }
table { width:100%; border-collapse:collapse; border-spacing:0; }
form, fieldset, iframe { display:block; border:0; }
img, button { border:0 none; vertical-align:middle; }
img { max-width:100%; }
i, em, address { font-style:normal; }
label, button { cursor:pointer; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;margin:0;padding:0; }
input, textarea, select { margin:0; padding:0; -webkit-border-radius:0; border-radius:0; vertical-align: baseline; outline-style:none; }
textarea, input, select, textarea{ font-family: "Pretendard Variable", Pretendard,'Noto Sans KR', sans-serif; font-size: 14px; color:#323232; text-decoration: none; }
.blind, legend, caption {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px; padding: 0;border: 0;line-height: 0;white-space: normal;word-wrap: break-word;word-break: break-all;clip: rect(0, 0, 0, 0);}
select {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(../images/common/select_arrow.png);background-repeat: no-repeat; background-position: calc(100% - 15px) center;}
select { -webkit-border-radius: 0; appearance:none; -webkit-appearance:none; }
select::-ms-expand { display:none; }
textarea {overflow: auto; resize: none;}
textarea { overflow: auto; resize: none;}
button { font-size: 0;border: 0 none; background: none;-webkit-appearance:none; cursor:pointer; font-family: "Pretendard Variable", Pretendard,'Noto Sans KR', sans-serif;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button:focus {outline:none}
a { color: #323232; text-decoration:none; cursor:pointer; }
a:hover,a:active,a:visited {color: #323232;}
strong {font-weight:700}
p,div { word-break:keep-all;}
* { box-sizing: border-box; -webkit-box-sizing:border-box; }

input::-webkit-input-placeholder{ color:#848484; }
input:-moz-input-placeholder{ color:#848484; }
input::-moz-input-placeholder{ color:#848484; }
input:-ms-input-placeholder{ color:#848484; }

textarea::-webkit-input-placeholder { color:#848484; }
textarea:-moz-placeholder { /* Firefox 18- */ color:#848484; }
textarea::-moz-placeholder {  /* Firefox 19+ */color:#848484; }
textarea:-ms-input-placeholder {color:#848484;}


.checkbox {position:absolute;left:-9999px;}
.checkbox + p { display:inline-block; vertical-align:middle; font-size:15px; color:#323232; line-height:24px; cursor:pointer; }
.checkbox + p em {display:inline-block; vertical-align:middle; width:22px; height:22px; background:url(../images/common/bg_check_off.png) no-repeat 0 0; background-size:22px auto; transition:all 0.5s ease;}
.checkbox + p span {display:inline-block; vertical-align:middle; margin-left:5px;}
.checkbox:checked + p em {background-image: url(../images/common/bg_check_on.png);}


/* style */
.mt5 { margin-top: 5px !important; }
.plr15{ padding: 0 15px !important; }
.pt5{ padding-top: 5px !important; }
.pl5{ padding-left: 5px !important; }
.pl10{ padding-left: 10px !important; }
.pl15{ padding-left: 15px !important; }
.pl2{ padding-left: 2% !important; }
.pb15{ padding-bottom: 15px !important; }
.ta-l {text-align: left !important; }
.ta-c {text-align: center !important; }
.ta-r {text-align: right !important; }
.fs16{ font-weight: 400 !important; }
.fb{ font-weight: 700 !important; }
.fc-purple{ color:#6633FF !important; }
.fc-gray{ color:#999 !important; }
.fl_l{float:left !important;}
.fl_r{float:right !important;}
.fs16{ font-size: 16px; font-weight:400 !important; }
.fs18 { font-size: 18px !important; }
.lh14 { line-height:1.4 !important; }
.bg1 { background: #fbfbfb !important; }
.fc-green {color:#49B242!important; }
.fc-red {color:#EE3929!important; }
