/* 정해인 추가 */

/* --------------------------- Reset -------------------------- */
html {height: 100%;}
/* body {margin:0; padding:0; font-size:0.75em; height:100%; font-family: 'Noto Sans CJK KR'; font-weight:400; word-break: keep-all; overflow-x: hidden; } */
body {margin:0; padding:0; font-size:0.75em; font-family: 'Noto Sans CJK KR'; font-weight:400; word-break: keep-all; overflow-x: hidden; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
header ul, nav ul, footer ul { margin:0; padding:0; list-style:none; }
legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0; padding:0; font-size:1em; background: none; border: none; }
button,input[type=button],input[type=submit] {cursor:pointer; }
input[type=text], input[type=password], input[type=submit], input[type=image], button { border-radius:0; -webkit-appearance:none; }
textarea, select { font-size:1em; }
textarea { border-radius:0; -webkit-appearance:none; }
p { margin:0; padding:0; word-break:break-all; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
pre { overflow-x:scroll; font-size:1.1em; }
a:link, a:visited { color:inherit; text-decoration:none; }
ul,ol,li { list-style:none; padding:0; margin:0; }
input, button, textarea, select { font-family: 'Noto Sans CJK KR'; outline: none; border: none; background-color: none; }
hr { content: ''; display:block; padding:0; border:0; margin: 0; }
img {-webkit-user-drag:none; }
/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }
/*placeholder*/
input::-ms-input-placeholder { font-weight: 400; color: #AFAFAF; }
input::-webkit-input-placeholder { font-weight: 400; color: #AFAFAF; }
input::-moz-placeholder { font-weight: 400; color: #AFAFAF; }
textarea::-ms-input-placeholder { font-weight: 400; color: #AFAFAF; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #AFAFAF; }
textarea::-moz-placeholder { font-weight: 400; color: #AFAFAF; }
/*셀렉트 커스텀*/
select { -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; /* 화살표 없애기 공통*/ background-image: url('../img/ico_arrow_select1.png'); ; background-repeat: no-repeat;  background-position: calc(100% - 5px) center; background-size: 14px; background-color: #fff; cursor: pointer; }
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
/*스크롤바 커스텀*/
.scroll-custom { scrollbar-arrow-color: #CCCCCC; scrollbar-base-color: transparent; scrollbar-3dlight-color: transparent; scrollbar-darkshadow-color: transparent; scrollbar-face-color: #CCCCCC; scrollbar-highlight-color: transparent; scrollbar-shadow-color: transparent; scrollbar-track-color: transparent; }
.scroll-custom::-webkit-scrollbar { display: block; width: 6px; height: 6px; border: 0; }
/*스크롤 영역 색*/
.scroll-custom::-webkit-scrollbar-track { display: block; -webkit-border-radius: 3px; border-radius: 3px; background : transparent; }
/*스크롤바 색*/
.scroll-custom::-webkit-scrollbar-thumb { display: block; width: 6px; height: 6px; -webkit-border-radius: 3px; border-radius: 3px; background: #CCCCCC; }
/*드래그*/
::selection { background: #A0AEC0; color: #fff; }
::-moz-selection { background: #A0AEC0; color: #fff; }
/* ------------------------------------------------------------ */

/* ------------------------ white-mode ------------------------ */
/* notice.html */
.white-mode .left-menu { background: #228DFF; color: #fff; }
.white-mode .menu-item.on { background: #fff; }
.white-mode .menu-item.on span { color: #228DFF; }
.white-mode .is-login-wrap { background: #EFF1F3; }
.white-mode .is-login-wrap .top-wrap { border: 1px solid var(--w-stroke, #E4E4E4); background: #FFF; color: var(--w-fontcolor, #5E5E71); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 700; line-height: 22px; letter-spacing: -0.1px; }
.white-mode .room-wrap .room-list-wrap { background: #FFF; }
.white-mode .search-in { border: 1px solid var(--stroke, #E4E4E4); background: #F5F5F5; }
.white-mode .search-btn p { color: #FFF;}
.white-mode .room-wrap .room-list-wrap .table_wrap table thead tr { color: #fff; }
.white-mode .room-wrap .room-list-wrap .table_wrap table tr { border-bottom: 2px solid #fff; }
.white-mode .room-wrap .room-list-wrap .table_wrap table td { color: var(--w-fontcolor, #5E5E71); background: var(--w-inputcolor, #F5F5F5); }

/* notice_dtl.html */
.white-mode .notice-in {   background: var(--back, #F5F5F5); }
.white-mode .notice-contents { border-bottom: 1px solid #E4E4E4; }
.white-mode .notice-contents .n-titile,
.white-mode .notice-contents .n-write,
.white-mode .notice-contents .n-date,
.white-mode .n-txt textarea { color: #5E5E71; }
.white-mode .filebox label { background: #228DFF; }
.white-mode .filebox label p { color: #FFF; }
.white-mode .filebox .file-nm { background: #F5F5F5; color: #5E5E71; }
.white-mode .notice-in-modify .n-in-m-title { color: var(--w-fontcolor, #5E5E71); }
.white-mode .notice-in-modify .n-in-m-date { color: var(--w-fontcolor, #5E5E71); }

/* company.html */
.white-mode .company-info-wrap .first-info-r { border-top: 1px solid var(--w-stroke, #E4E4E4); }
.white-mode .info-l { background: var(--main-color, #228DFF); border-top: 1px solid var(--w-stroke, #E4E4E4); }
.white-mode .info-r { border-bottom: 1px solid var(--w-stroke, #E4E4E4); color: var(--w-fontcolor, #5E5E71); }
.white-mode .company-info-wrap textarea { border-bottom: 1px solid var(--w-stroke, #E4E4E4); }

/* find_id.html */
.white-mode .find-in { background: #FFF; }
.white-mode .id-title { color: var(--w-fontcolor, #5E5E71); }
.white-mode .id-sub-title { color: var(--w-fontcolor, #5E5E71); }
.white-mode .id-wrap { border: 1px solid #E4E4E4; background-color: #FAFAFA; }
.white-mode .id-top .on { color: #BBB; background: #FAFAFA;  border: 1px solid #E4E4E4; }
.white-mode .id-top-in { background: #202224; border: 1px solid #E4E4E4; }
.white-mode .id-top-in p { color: var(--w-fontcolor, #5E5E71); }
.white-mode .id-top-in .ico-mail { opacity: 0.3; }
.white-mode .id-wrap-inner p { color: var(--w-fontcolor, #5E5E71); }
.white-mode .id-wrap-inner input { border-radius: 4px; border: 1px solid var(--w-stroke, #E4E4E4); background: var(--w-inputcolor, #F5F5F5); }
.white-mode .id-wrap .id-wrap-in .find-btn p { color: #FFF; }

/* find_pw_confirm.html */
.white-mode .pw-find-sub { color: #5E5E71; line-height: 26px; }

/* ------------------------------------------------------------ */

/* ------------------------- dark-mode ------------------------ */
/* notice.html */
.room-wrap .room-list-wrap .table_wrap table tbody tr { height: 50px; }
.room-wrap .room-list-wrap .table_wrap table tr { border-bottom: 2px solid #2A2C31; }
.room-wrap .room-list-wrap .table_wrap table thead tr { height: 50px; }
.room-wrap .room-list-wrap .table_wrap table td { color: var(--text, #BBB); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.search-wrap { width: 1200px; margin: 0 auto; display: flex; }
.search-in { display: flex; padding-left: 10px; width: 448px; height: 45px; border-radius: 4px; border: 1px solid var(--stroke, #464A64); }
.search-in select { width: 90px; background-color: inherit; color: var(--fontcolor, #ABADC2); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.search-in input { width: 338px; padding-left: 10px; padding-right: 10px; border: none; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
.search-btn { cursor: pointer; margin-left: 10px; margin-bottom: 32px; display: flex; justify-content: center; align-items: center; width: 102px; height: 48px; border-radius: 4px; background: var(--main-color, #228DFF); color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.paging { text-align: center; width: 100%; margin-top: 103px; }
.paging-inner { width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.paging p { cursor: pointer; margin: 0 auto; width: 22px; margin: 0 10px 0 10px; font-weight: 400; font-size: 15px; line-height: 22px; color: #A5ACBA; }
.paging p:hover { color: #228DFF; font-weight: 700; }
.paging p img { width: 20px; }
.paging .pstarno { color: #228DFF; font-weight: 700; }
.btn { cursor: pointer; }

/* notice_dtl.html */
.notice-wrap { display: flex; justify-content: center; align-items: center; }
.notice-in {  margin: 0 auto; width: 1200px; height: 449px; border-radius: 4px; background: var(--back, #35383E); }
.filebox { position: relative; width: 100%; display: flex; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { cursor: pointer; position: absolute; right: 0; height: 46px; margin-top: 20px; display: flex; width: 165px; justify-content: center; align-items: center; gap: 10px; border-radius: 3.5px; background: #228DFF; color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }
.filebox .upload-name { width: calc(70% - 10px); height: 46px; display: inline-block; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; border-radius: .25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3.5px; border: 1px solid var(--line, #ECECEC); background: #FFF; color: #AFAFAF; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.filebox .file-nm { padding-left: 10px; background: var(--back, #35383E); width: 1042px; height: 46px; position: absolute; display: flex; align-items: center; left: 148px; margin-top: 20px; color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }
.filebox-title { position: absolute; left: 0; height: 46px; margin-top: 20px; display: flex; width: 148px; justify-content: center; align-items: center; gap: 10px; border-radius: 3.5px; background: #202224; color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }
.notice-contents { position: relative; padding-top: 33px; padding-bottom: 20px; width: 90%; margin: 0 auto; border-bottom: 1px solid #43474E; display: flex; }
.notice-contents .n-titile { max-width: 800px; color: #FFF; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 700; letter-spacing: -0.1px; }
.notice-contents .n-write { margin-left: 10px; display: flex; align-items: flex-end; color: var(--text, #BBB); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: -0.1px; }
.notice-contents .n-date { position: absolute; right: 0; bottom: 20px; display: flex; align-items: flex-end; color: var(--text, #BBB); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: -0.1px;  }
.n-txt { width: 90%; margin: 0 auto; text-align: left; padding-top: 35px; }
.n-txt textarea { width: 100%; height: 270px; border: none; resize: none; border-radius: 3.5px; background: inherit; padding: 5px; margin-top: 10px; color: #BBB; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 30px; letter-spacing: -0.1px; }

/* notice_admin_login.html */
.btn-group { margin-top: 154px; display: flex; justify-content: center; }
.btn-group .m-btn { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 171px; height: 46px; border-radius: 4px; background: var(--main-color, #228DFF); color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }
.btn-group .d-btn { cursor: pointer; margin-left: 10px; display: flex; justify-content: center; align-items: center; width: 171px; height: 46px; border-radius: 4px; background: var(--main-color, #595959); color: #BBB; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }

/* notice_dtl_admin_modify.html */
.notice-in-modify { position: relative; display: flex; align-items: center; }
.notice-in-modify .n-in-m-title { width: 54px; height: 22px; border-right: 1px solid var(--back-line, #43474E); margin-left: 23px; color: #BBB; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.notice-in-modify input { padding-left: 10px; width: 70%; height: 22px; margin-left: 10px; color: var(--text, #BBB); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px }
.notice-in-modify .n-in-m-date { position: absolute; right: 27px; color: var(--text, #BBB); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: -0.1px; }

/* company.html */
.company-info-wrap { display: flex; }
.company-wrap { width: 1200px; margin: 0 auto; }
.info-l { display: flex; justify-content: center; align-items: center; width: 230px; height: 56px; border-radius: 4px; border-top: 1px solid #43474E; background: #35383E; color: #FFF; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }
.info-r { padding-left: 38px; display: flex; align-items: center; width: calc(100% - 268px); color: var(--text, #BBB); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px;  border-bottom: 1px solid #43474E; }
.company-info-wrap .first-info-r { border-top: 1px solid #43474E; }
.company-info-wrap-2 { display: flex; }
.company-info-wrap-2 .company-info-wrap { width: 50%; }
.company-info-wrap-2 .info-r { width: calc(100% - 268px); }
.company-info-wrap .rm { height: 98px; border-bottom: 1px solid #43474E; }
.company-info-wrap textarea { font-size: 18px; height: 87px; padding-left: 38px; padding-top: 10px; width: calc(100% - 268px); border: none; resize: none; background: inherit; border-bottom: 1px solid #43474E; color: var(--text, #BBB); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.company-top { width: 1200px; margin: 0 auto; }
.company-list { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 523px; height: 48px; border-radius: 4px; background: var(--line, #595959); color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }

/* company_modify.html */
.info-r input { width: 301px; padding-left: 10px; padding-right: 10px; height: 46px; border-radius: 6.531px; border: 2.177px solid #35373D; background: #202224; }
.addr-btn { margin-left: 10px; cursor: pointer; display: flex; width: 121px; height: 40px; padding: 2.177px 16px; justify-content: center; align-items: center; gap: 20px; flex-shrink: 0; border-radius: 6.531px; background: var(--main-color, #228DFF); }
.info-r .addr-dtl { width: 465px; }
.company-info-wrap .t-textarea { width: calc(100% - 52px); height: 76px; border-radius: 6.531px; border: 2.177px solid #35373D; background: #202224; }

/* find_id.html */
.find-wrapper { display: flex; justify-self: center; align-items: center; }
.find-in {  display: flex; justify-self: center; align-items: center; height: 90vh; width: 1200px; margin: 0 auto; border-radius: 4px; background: #2A2C31; }
.find-inner { width: 100%; }
.id-title { margin-bottom: 28px; text-align: center; color: #FFF; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 700; letter-spacing: -0.1px; }
.id-sub-title { text-align: center; color: #BBB; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; letter-spacing: -0.1px; }
.id-top-wrap { width: 534px; margin: 0 auto; }
.id-top { margin-top: 54px; display: flex; }
.id-top-in { opacity: 0.5; cursor: pointer; display: flex; justify-content: center; align-items: center; height: 64px; width: 175px; border-radius: 6px 6px 0px 0px; border: 1px solid #3C4145; border-bottom: none; background: #202224; }
.id-top-in:nth-child(1) { border-right: none; }
.id-top .on { opacity: 1; }
.id-top-in img { margin-right: 4px; }
.id-top-in p { color: #BBB; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.id-wrap { border: 1px solid #3C4145; border-radius: 0px 6px 6px 6px; width: 532px; height: 397px; margin: 0 auto; background-color: #202224; display: flex; justify-content: center; align-items: center; }
.id-wrap-inner p {width: 407px; margin: 0 auto; margin-bottom: 15px; color: #BBB; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.1px; }
.id-wrap-inner input { margin: 0 auto; font-size: 18px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; width: 386px; height: 46px; display: flex; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid #202224; background: #2A2C31; }
.id-wrap-inner .phone-wrap { display: flex; }
.id-wrap-inner .phone-wrap input { width: 100px; }
.id-wrap-inner .phone-wrap span { width: 20px; height: 46px; display: flex; justify-content: center; align-items: center; }
.id-wrap .id-wrap-in .find-btn { cursor: pointer; margin-top: 33px; display: flex; width: 408px; height: 46px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; background: #228DFF; color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 600; line-height: 22px; letter-spacing: -0.1px; }

/* find_id_confirm.html */
.find-confirm { display: flex; }
.find-confirm .find-l { width: 191px; margin-left: 0; margin: 0; }
.find-confirm .find-r { width: 200px;width: auto; margin-left: 0; }

/* find_pw_confirm.html */
.img-pw-find-wrap { width: 100%; margin: 0 auto;  display: flex; justify-content: center; align-items: center; }
.img-pw-find {width: 456px; height: 456px; }

/* ------------------------------------------------------------ */