* { box-sizing:border-box; }


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

* { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-style: normal;  } 

BODY, TR, TD, INPUT, SELECT, OPTIN, TEXTAREA {COLOR: #111;  font-family:'Noto Sans KR', sans-serif; font-weight:normal;  font-size:16px; word-break:break-all;}
html, body, div, span, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, select, textarea, table, col, colgroup, tfoot { margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; font-weight:normal; font-size:16px; }	
html { width:100%; height:100%; margin:0; padding:0; overflow-y:scroll; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
ol, ul, li { list-style:none; padding:0; margin:0; }
table { border-collapse:collapse; border-spacing:0; border:0 none; }
dl, dt, dd { margin: 0; padding:0; }
address { display:inline; }
legend  caption { display:none; height:0; width:0; }
button { border:none; margin:0; padding:0; cursor: pointer; vertical-align: middle; background: none; text-indent: 0; outline: none;   selector-dummy: expression(this.hideFocus=true); border:none; font-family:'Noto Sans KR', sans-serif; }
img { outline:none; selector-dummy: expression(this.hideFocus=true); border:none; max-width:100%; }
a {font-size: 16px; selector-dummy: expression(this.hideFocus=true); border:none;  text-decoration:none; color:#111; }
a:hover {text-decoration:none; }

: focus { outline:none; }
form { margin:0px; }
img { border:0px;}
label { cursor:pointer; }
input, button { vertical-align: middle;}

#contents { max-width:1300px; margin:0 auto;  }
.inner_con { max-width:1300px; margin:0 auto; }
#contents img { max-width:100%; }
#wrap { }


.pc_on { display:block; }
.pc_on_f { display:flex; }
.m_on { display:none; }

@media(max-width:1000px){
#wrap { max-width:900px; margin:0 auto; }
.pc_on { display:none !important; }
.m_on { display:block; }
}