@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


* { box-sizing:border-box; } 
* img { max-width:100%; }
html { font-size:16px; } 
BODY, TR, TD, INPUT, SELECT, OPTIN, TEXTAREA {  font-family: 'Noto Sans KR', sans-serif;font-weight:normal; 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; }	
h1, h2, h3, h4, h5, h6 { 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; }
a { selector-dummy: expression(this.hideFocus=true); border:none;  text-decoration:none; color:#222; }
a:hover {text-decoration:none !important; }

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

body { min-width:1200px; font-size:16px; }
#contents { width:100%; margin:0 auto; max-width:1200px; }
.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }
.pc_only { }
.m_only { display:none; }


@media(max-width:1000px){
html { font-size:11px; } 
body { min-width:0 }
.pc_only { display:none; }
.m_only { display:inline-block; }
}


html {
  --scrollbarBG: #eeeeee;
  --thumbBG: #fd651a;
}
body::-webkit-scrollbar {
  width: 9px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
}


img[title] { pointer-events: none ; }