@charset "euc-kr";
/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* {padding:0; border:0;margin:0;}
html {line-height: 20px; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}
body {font-family:"Noto Sans KR", "NanumGothic", "³ª´®°íµñ", "Nanum Gothic", "¸¼Àº °íµñ", "Malgun Gothic","µ¸À½",Dutum, sans-serif; letter-spacing: -0.8px; font-size:16px; color:#222}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;font-weight: normal;}
button,input{border-radius:3px;border:0;background: none;}
button{cursor: pointer;}
ol,ul{list-style:none}
address,em{font-style:normal}
a{background-color: transparent; text-decoration:none;color: inherit;}
a:hover{text-decoration:none;}
iframe{overflow:hidden;margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-collapse:collapse; border-spacing:0;}

.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ellipsis2{ text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.ellipsis3{ text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0;}
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0;}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

main {display: block;}
h1 {font-size: 2em; margin: 0.67em 0; line-height: 1.2;}
hr {box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
pre {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
abbr[title] {border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button,input,optgroup,select,textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */}
button,input { /* 1 */overflow: visible;}
button,select { /* 1 */text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}

details {display: block;}
summary {display: list-item;}
template {display: none;}

[hidden] {display: none;}

/* clearfix */
.clearfix:after {
  content:'';
  display:block;
  clear:both;
}

/* ½ºÅ©·Ñ¹Ù µðÀÚÀÎ */

/* ie ¿ë ½ºÅ©·Ñ ¹Ù *********************************************/
html { scrollbar-arrow-color: #e0e0e0;

        scrollbar-Track-Color: #fff;
        scrollbar-base-color: #e0e0e0;

        scrollbar-Face-Color: #e0e0e0;

        scrollbar-3dLight-Color: #e0e0e0;
        scrollbar-DarkShadow-Color: #e0e0e0;

        scrollbar-Highlight-Color: #e0e0e0;

        scrollbar-Shadow-Color: #e0e0e0}
/* Chrome, Safari¿ë ½ºÅ©·Ñ ¹Ù */
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background: url() rgba(0,0,0,.0);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,.0); }
::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  border-radius:10px}
/* ------------------------------------------------------------ */