@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/*font-family: 'Lora', serif;*/
/* 초기화 */
html {overflow-y:scroll;overflow-x:hidden !important;font-size:10px}
body {margin:0;padding:0;font-size:1.6rem;font-family:'Noto Sans KR', sans-serif;color:#333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,ol,dl,dt,dd {margin:0;padding:0;list-style:none}
em,i,address{font-style:normal;font-weight:normal}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
img{max-width:100%;vertical-align:top}
input, button {margin:0;padding:0;}
input,textarea {-webkit-appearance: none;-webkit-border-radius: 0;}
input, select, textarea{border-radius:0;}
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}
input[type="submit"] {cursor:pointer;}
table{border-collapse:collapse;}
button {cursor:pointer;font-family:'Noto Sans KR', sans-serif;border:0;}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
label{cursor:pointer}

.skip{position:absolute;text-indent:-1000em;letter-spacing:-1000em;}
.sknavi:focus, .sknavi:active{width:200px;display:block;background-color:#eee;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:inherit;text-decoration:none}
.tel{cursor:auto;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

@media screen and (max-width:1279px){
html{font-size:9px}
}

@media screen and (max-width:979px){
html{font-size:8.5px}
}

@media screen and (max-width:767px){
html{font-size:8px}
select {background:#fff;}
}

@media screen and (max-width:501px){
html{font-size:7px}
}
