@charset "utf-8";

/* =================================
*		사이트 기본 고정값
*		2021-01-15 작성
================================== */


* {margin: 0; padding: 0; }


/* 언어 */
.lang-kor {font-family: 'Pretendard', Apple SD Gothic Neo, 돋움, dotum, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #222; word-break: break-all; word-wrap: break-word; white-space: normal; }
.lang-eng{font-family: 'NotoSansKR', Apple SD Gothic Neo, 돋움, dotum, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #222; word-break: break-all; word-wrap: break-word; white-space: normal; }

/* 폰트 색상 */
.font-red {color:#ff0000 !important; }
.font-blue {color:#3366cc !important; }
.font-green {color:#169d00 !important; }
.font-gray {color:#767676 !important; }
.font-black {color:#333 !important; }
.font-white {color:#fff !important; }
/*.font-orange{color: #222 !important;}*/
.font-gold{color: goldenrod !important;}
.font-main{color: #222 !important;}


/* 글 줄임 */
.text-ellipsis01 {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis02 {display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; }
.text-ellipsis03 {display: block; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; height: 4.5em; }


/* 글 정렬 */
.text-left {text-align: left !important; }
.text-right {text-align: right !important; }
.text-center {text-align: center !important; }

.vertical-top {vertical-align: top !important; }
.vertical-middle {vertical-align: middle !important; }
.vertical-bottom {vertical-align: bottom !important; }


/* 보임처리 */
.hidden {display: none; }
.show {display: block; }


/* 박스 */
.panel-white {background-color: #fff; border: 1px solid #ddd; padding: 10px 10px; }
.panel-gray {background-color: #fafafa; border: 1px solid #ddd; padding: 10px 10px; }
.panel-black {background-color: #777; color: #fff; padding: 10px 10px; }


/* 스크롤박스 */
.no-scroll {height: 100%; min-height: 100%; overflow: hidden !important; touch-action: none; }

/* 박스 정렬 */
.left {float: left !important; }
.right {float: right !important; }
.clear::after{content: ''; display: block; clear: both;}

.header-top .right {line-height: 40px;}


/* 구분선 */
hr {display: block; height: 1px; border: 0; background: #ddd; margin: 10px 0; padding: 0; }


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


/* 버튼 */
a,
button,
input[type="button"],
input[type="submit"] {display: inline-block; background-color: transparent; border: none; -webkit-border-radius: 0; box-sizing: border-box; cursor: pointer; outline: none; text-decoration: none; font-style: normal; color: inherit; letter-spacing: 0.28px; text-align: center; white-space: nowrap; vertical-align: middle; outline: none; }


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


/* input */
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[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="tel"],
.input-text {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[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
.input-text:focus { }


/* select */
select,
.selectbox {margin: 0; padding: 0 25px 0 10px; background-color: #fff; background-image: url("/AppData/images/site/common/select.png"); background-repeat: no-repeat; background-position: right 10px center; box-sizing: border-box; -webkit-border-radius: 0; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; font-weight: 400; vertical-align: middle; }
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; }


/* pre */
pre,
.prebox {display: block; padding: 0; margin: 0; border: none; box-sizing: border-box; border-radius: 0; background: transparent; font-family: 'NanumBarun', Apple SD Gothic Neo, 돋움, dotum, sans-serif; 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; }


/* textarea */
textarea,
.textarea {-webkit-border-radius: 0;  box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; resize: none; vertical-align: top;}
textarea.resize
.textarea.resize {resize: vertical; }
textarea:focus,
.textarea:focus {outline: 0 transparent !important; }