@charset "utf-8";


/* =================================
*		리셋 설정
*		2022-10-17
================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    list-style:none;
}

em {font-style: normal; }

sub, sup {font-size: 75%;
  line-height: 0;
  position: relative;}

html{overflow-x: hidden;}
body {width: 100%; overflow: hidden; font-size:20px; color:#222; letter-spacing: -0.25px; font-weight: 500; line-height:1.7;
  font-family: 'Pretendard', sans-serif;
     -webkit-text-size-adjust:none; text-size-adjust:none; background:#fff; -webkit-tap-highlight-color: transparent;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
html.noscroll{ overflow-y:hidden;}

/* 리스트 */
ul, ol, li, dl, dt, dd {list-style: none; }


/* 표(테이블) */
table {width: 100%; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; background-image: none; }

input,button {
    vertical-align:middle;
    border-radius:0; 
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    border:0; outline:0; 
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    color: #222;
    font-family: 'Pretendard', sans-serif;
     -webkit-text-size-adjust:none; text-size-adjust:none; background:#fff; -webkit-tap-highlight-color: transparent;
}


/* input */
input::placeholder{color: #bbb;}
input::-webkit-input-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], input[type="url"]{padding: 0 10px;}
input::-ms-clear {display: none; width : 0; height: 0;}
input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration {display: none; }
input::-webkit-search-cancel-button {display: none; }
input::-webkit-search-results-button {display: none; }
input::-webkit-search-results-decoration {display: none; }

input:-internal-autofill-previewed {background-color: #fff !important; color: #444 !important; }
input:-internal-autofill-selected {background-color: #fff !important; color: #444 !important; }
textarea:-internal-autofill-previewed {background-color: #fff !important; color: #444 !important; }
textarea:-internal-autofill-selected {background-color: #fff !important; color: #444 !important; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #444 !important;
}
input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #444 !important;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #444 !important;
}
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #444 !important;
}

input {margin: 0; -webkit-border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; font-weight: 400; vertical-align: middle; }
input:focus { }

/* select */
select,
.select {margin: 0; padding: 0 25px 0 10px; background-color: #fff; background-image: url("/AppData/images/common/arrow_down.png"); background-repeat: no-repeat; background-size: 12px auto; background-position: right 10px center; box-sizing: border-box; -webkit-border-radius: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */ outline: none; font-weight: 400; vertical-align: middle; font-family: Suit, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

select::-ms-expand {display: none; }
select:focus {outline: none; }
select:-internal-autofill-previewed {background-color: #fff !important; color: #444 !important; }
select:-internal-autofill-selected {background-color: #fff !important; color: #444 !important; }

/* textarea */
textarea,
.textarea {resize: none; -webkit-border-radius: 0;  box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; resize: none; vertical-align: top; font-family: Suit, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

textarea.resize,
.textarea.resize {resize: vertical; }

textarea:focus,
.textarea:focus {outline: 0 transparent !important; }

/* pre */
pre,
.prebox {display: block; padding: 0; margin: 0; border: none; box-sizing: border-box; border-radius: 0; background: transparent; font-family: inherit; font-size: inherit; font-weight: normal; line-height: inherit; letter-spacing: inherit; text-align: left; word-break: normal;  word-wrap: break-word; white-space: pre-line; -ms-appearance: none; -webkit-appearance: none; appearance: none; -ms-overflow-style: none; }

pre::-webkit-scrollbar,
pre::-ms-scrollbar,
.prebox::-webkit-scrollbar,
.prebox::-ms-scrollbar {appearance: none; }


/* bxSlide */
.bx-wrapper {margin-bottom: 0 !important; background: none; border: 0; box-shadow: none; }
.bx-wrapper .bx-loading {background: none; }
.bx-wrapper img {width: 100%; }
.bx-controls {width: 100%; display: block; }
.bx-controls .bx-pager {left: 50%; bottom: 0.5rem; display: block; width: auto; min-width: 50px; padding-top: 0; transform: translateX(-50%); border-radius: 999px; background: rgba(34, 34, 34, .6); text-align: center; font-size: 12px; color: #fff; line-height: 24px; font-weight: 400; }


img,video,iframe{
    max-width:100%; 
    border:0; 
    display: block;
}

caption, tbody, tfoot, thead, tr, th, td{
    width: 100%;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    text-decoration:none;
    color:inherit;
    display: block;
}