@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

/* CSS Document */
body,input,textarea,button,select{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#222222; font-weight:400; font-size:16px; letter-spacing: -.05rem; word-break: keep-all;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; position: relative;}
iframe {margin: 0px; padding: 0px; border:none; outline: none;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
h3 {margin: 0px; padding: 0px;}
h4 {margin: 0px; padding: 0px;}
h5 {margin: 0px; padding: 0px;}
h6 {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
pre {margin: 0px; padding: 0px;}
a {margin: 0px; padding: 0px;}
address {margin: 0px; padding: 0px;}
del {margin: 0px; padding: 0px;}
em {margin: 0px; padding: 0px;}
font {margin: 0px; padding: 0px;}
img {margin: 0px; padding: 0px;}
strong {margin: 0px; padding: 0px;}
b {margin: 0px; padding: 0px;}
u {margin: 0px; padding: 0px;}
i {margin: 0px; padding: 0px;}
ul {margin: 0px; padding: 0px; list-style: none;}
ol {margin: 0px; padding: 0px; list-style: none;}
li {margin: 0px; padding: 0px; list-style: none;}
dl {margin: 0px; padding: 0px; list-style: none;}
dt {margin: 0px; padding: 0px; list-style: none;}
dd {margin: 0px; padding: 0px; list-style: none;}
table {margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0;}
caption {margin: 0px; padding: 0px;}
tbody {margin: 0px; padding: 0px;}
tfoot {margin: 0px; padding: 0px;}
thead {margin: 0px; padding: 0px;}
tr {margin: 0px; padding: 0px;}
th {margin: 0px; padding: 0px;}
td {margin: 0px; padding: 0px;}
fieldset {margin: 0px; padding: 0px;}
form {margin: 0px; padding: 0px;}
label {margin: 0px; padding: 0px;}
legend {margin: 0px; padding: 0px;}
input {margin: 0px; padding: 0px;}
button {margin: 0px; padding: 0px; outline: 0; cursor: pointer;}
textarea {margin: 0px; padding: 0px;}
select {margin: 0px; padding: 0px;}
header {margin: 0px; padding: 0px; display: block;}
footer {margin: 0px; padding: 0px; display: block;}
section {margin: 0px; padding: 0px; display: block; overflow: hidden;}
article {margin: 0px; padding: 0px; display: block;}
aside {margin: 0px; padding: 0px; display: block;}
nav {margin: 0px; padding: 0px; display: block;}
hgroup {margin: 0px; padding: 0px; display: block;}
details {margin: 0px; padding: 0px; display: block;}
menu {margin: 0px; padding: 0px; display: block;}
figure {margin: 0px; padding: 0px; display: block;}
figcaption {margin: 0px; padding: 0px; display: block;}
fieldset {border: 0px currentColor; border-image: none;}
img {border: 0px currentColor; border-image: none;}
table {border: 0px currentColor; border-image: none;}
caption {border: 0px currentColor; border-image: none;}
tbody {border: 0px currentColor; border-image: none;}
tfoot {border: 0px currentColor; border-image: none;}
thead {border: 0px currentColor; border-image: none;}
tr {border: 0px currentColor; border-image: none;}
th {border: 0px currentColor; border-image: none;}
td {border: 0px currentColor; border-image: none;}
button {border: 0px currentColor; border-image: none;}
hr {border: 0px currentColor; border-image: none;}
address {font-style: normal;}
caption {font-style: normal;}
cite {font-style: normal;}
code {font-style: normal;}
dfn {font-style: normal;}
em {font-style: normal;}
strong {font-style: normal;}
th {font-style: normal;}
var {font-style: normal;}

caption {line-height: 0; overflow: hidden; font-size: 0px;}
legend {line-height: 0; overflow: hidden; font-size: 0px;}
img {vertical-align: middle; max-width: 100%;  height: auto !important;}
a {text-decoration: none; opacity:1;}
a:hover {outline: 0px; opacity:.9;}
a:active {outline: 0px;}

input {padding:20px 30px; background:#f0f0f0; outline: 0; font-size:1.35em; border:none; border-radius: 10px;}
input::placeholder {color:#999999;}
input:focus {border:1px solid #222; padding: 19px 29px;}
select {
	height:44px;
	border-radius: 0;
	padding:0 57px 0 17px; 
	border: 1px solid #e7e7e7;
	color:#222222;
	background: url('/images/common/select_arrow_b.png') no-repeat 85% 50% #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	font-weight: 500;
}
select::-ms-expand {display: none;}
button {background:rgb(0 0 0 / 0%); color:#000; opacity:1;}
button:hover {opacity:0.9;}
textarea {padding:20px 30px; background:#f0f0f0; outline: 0; font-size:1.35em; border:none; border-radius: 10px; resize: none;}
textarea:focus {border:1px solid #222; padding: 19px 29px;}

.agree_wrap input[type="checkbox"] {display:none;}
.agree_wrap input[type="checkbox"] + label {cursor:pointer;}
.agree_wrap input[type="checkbox"] + label span {display:inline-block; width:29px; height:29px;  margin:0 4px 0 0;  vertical-align:middle;  background:url("/images/common/agree.png")  no-repeat; cursor:pointer;}
.agree_wrap input[type="checkbox"]:checked + label span {   background:url("/images/common/agree_on.png") no-repeat;}


input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#222; 
    font-size:1.125em;
    cursor:pointer;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:24px; 
	height:24px;  
	margin:0 10px 0 0;
    vertical-align:middle;
    background:url("/images/common/icon_set.png") -1px -2px no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url("/images/common/icon_set.png") -39px -2px no-repeat;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#000;
	cursor: pointer;
	font-size:16px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:24px; 
	height:24px;  
	margin:0 10px 0 0;
    vertical-align:middle;
    background:url("/images/common/icon_set.png") -3px -54px no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url("/images/common/icon_set.png") -41px -54px no-repeat;
}

.ellip {display: block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.mt30 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt150 {margin-top:150px;}
.mb30 {margin-bottom:30px;}
.mb65 {margin-bottom:65px;}
.mb150 {margin-bottom:150px;}

.filebox {position: relative;}
.filebox .upload-name {display: inline-block; padding:22px 10px 21px 140px; vertical-align: middle; border: none; width: 100%; color: #222; background:#f0f0f0; border-radius: 5px; font-size:1.35em;}
.filebox label {position: absolute; left:10px; top:10px; display: inline-block; padding: 12px 20px; color: #fff; vertical-align: middle; background-color: #333333; cursor: pointer; border-radius: 5px; font-size:1.35em;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

@media screen and (max-width:1024px) {		
	body, input, textarea, button, select {font-size:14px;}
}