@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Serif+KR:wght@200..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

/* CSS Document */
body,input,textarea,button,select{font-family:'Times New Roman','Titillium Web', sans-serif; color:#000; font-weight:400; font-size:18px; }

* {
  -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; }
a:active {outline: 0px;}

input {height:44px; padding:0 17px; border: 1px solid #dedede; background:#fff; outline: 0;}
input::placeholder {color:#b8b8b8;}
input:focus {border-color: #000;}
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 {}
textarea {border: 1px solid #888; padding:0 5px; outline: 0;}
.noresize {
  resize: none; /* 사용자 임의 변경 불가 */
}

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

input[type="checkbox"] + label {
    color:#000;
	font-size:16px;
    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/checkbox.png")  no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url("../images/common/checkbox_on.png")  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;}
.mb_150 {margin-bottom:150px;}
.mt_60 {margin-top:60px;}
.tx_ac {text-align: center;}

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