기업지배구조보고서공시

// 내용이 drag되는 부분 방지 .prevent-select { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ } // 스크롤바 크기 조정 ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-thumb { background : #ccc; min-height: 80px; /* 스크롤바의 최소 높이 설정 */ } .select_input{ width: 100%; height: 100%; font-size: 15px; padding: 5px 10px 5px 3px; cursor: pointer; } .select_box * { box-sizing: border-box; } .select_box { font-size: 12px; position: absolute; left: 5%; top: 70%; min-width: 120px; width: -moz-max-content; width: max-content; overflow: auto; background : #fff; color: #191e29; list-style-type: none; padding: 0; transition: 0.3s ease-in; z-index: 15; text-align: left; font-weight: bold; border: 1px solid #dcdcdc; max-height: 196px; flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; margin: 3px 0 12px; /* padding: 8px 0; */ border-radius: 7px; max-height: 196px; flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; margin: 3px 0 12px; padding: 8px 0; border-radius: 7px; @include scrollbar(true); &::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .option_list { list-style-type: none; padding: 0; & > li { position: relative; height: 40px; align-self: stretch; flex-grow: 0; align-items: stretch; gap: 10px; padding: 12px 20px; display: flex; flex-direction: row; justify-content: flex-start; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; &:hover { background : #e5f9fb; border-radius: 8px; margin: 0 3px; } span::before { content: "+"; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 10px; text-align: center; color: #fff; } //&::before { // content: ""; // position: absolute; // top: 50%; // left: 5px; // transform: translateY(-50%); // width: 10px; // height: 10px; // border-radius: 50%; // background : #26c6da; // //} //&:nth-child(2n){ // background : #f9f8ff; //} } & > li.option_group_item{ padding: 5px 15px 5px 20px; transition: .1s; cursor: pointer; &.active{ span::before{ content: "-"; top: 0; height: 33px; transform: translateY(15%); } &::before{ background : #adadad; top: 17px; } .option_item{ padding: 0; list-style: disc; } } } } .option_item { padding: 5px 15px 5px; transition: .1s; cursor: pointer; } } .select-td-not-in-table { height: 30px; flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 14px; padding-left: 3px; border-radius: 7px; border: solid 1px #eaeaea; background : #fff; } .select-td-not-in-table.active { border: solid 1px #00c4dc; } .select-arrow-not-in-table { width: 15px; height: 15px; padding-right: 3px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background : transparent; background : url("data:image/svg+xml;utf8, "); background : no-repeat; background : 90%; background : 8px; background : 50%; } .select-arrow-not-in-table.active { transform: rotate(180deg); } .select-ul-not-in-table { max-height: 196px; flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; margin: 3px 0 12px; padding: 8px 0; border-radius: 7px; border: solid 1px #eee; background : #fff; } .date_picker{ &_box { height: auto; text-align: center; position: absolute; border: solid 1px #adadad; background : #fff; width: 320px; padding: 20px 27px; z-index: 1; font-family: Noto Sans KR; .date_picker_box_title{ height: 22px; flex-grow: 0; font-family: Noto Sans KR; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #191e29; margin-bottom: 15px; } > div { display: flex; align-items: center; justify-content: left; font-size: 12px; } input[type='checkbox']{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance : none; appearance: none; position: relative; width: 20px; height: 20px; border-radius: 5px; border: solid 1.6px #adadad; background : #fff; margin-right: 10px; cursor: pointer; &::before { content: '？'; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: scale(0) translate(-50%, -50%); line-height: 1; } &:checked { color: #26c6da; // background : #604be0 !important; border: solid 1.6px #26c6da !important; &::before { border-radius: 2px; transform: scale(1.2) translate(-50%, -50%); } } } input[type='date']{ text-align: left !important; position: relative; cursor: pointer; &::-webkit-calendar-picker-indicator { //아래 화살표 color: transparent; background : none; z-index: 1; cursor: pointer; background : right; background : auto; position: absolute; bottom: 0; left: 30%; right: 0; top: 0; width: auto; height: auto; opacity: 0; } &::before{ display: block; font-family: "Font Awesome 5 Free"; content: '\f107'; width: 15px; height: 20px; position: absolute; top: 7px; right: 6px; color: #3d3d3d; font-weight: bold; } &:disabled::before{ color: #adadad; } } } &_date { margin: 5px 0; input[type='date'] { width: 100%; flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 14px; padding: 5px 10px 5px 3px; border-radius: 7px; border: solid 1px #eaeaea; background : #fff; font-family: Noto Sans KR; font-weight: normal; margin-bottom: 10px; text-align: left; cursor: pointer; } input:disabled { background : #eaeaea !important; border: solid 1px #dfdfdf; &{ color: #adadad; } } select{ width: 100%; height: 30px; flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 14px; padding: 5px 10px 5px 3px; border-radius: 7px; border: solid 1px #eaeaea; background : #fff; font-family: Noto Sans KR; margin-bottom: 25px; position: relative; cursor: pointer; text-align: left !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background : transparent; background : url("data:image/svg+xml;utf8, "); background : no-repeat; background : 96%; background : 8px; background : 50%; &:disabled{ background : #eaeaea !important; border: solid 1px #dfdfdf; background : overlay; } } /* IE */ select::-ms-expand { display: none; } } &_btn { justify-content: center !important; .submit { width: 95px; height: 30px; margin-right: 4px; padding: 0 12px; box-sizing: border-box; border: 1px solid #000000; background : #000 !important; border-radius: 7px; background : #ffffff; text-align: center; font-family: Noto Sans KR; font-size: 15px; font-weight: 500; color: #fff; &:hover { background : #e6e6e6; } } .cancel { width: 95px; height: 30px; box-sizing: border-box; border: solid 1px #eee; border-radius: 7px; background : #ffffff; text-align: center; font-size: 13px; color: #2d2e37; &:hover { background : #e6e6e6; } } } } .range_date_picker { &_start_date { font-family: Noto Sans KR; font-size: 12px; font-weight: bold; text-align: left; color: #191e29; width: 100%; height: 30px; justify-content: space-between !important; margin-bottom: 6px; input { width: 80%; flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 14px; padding: 5px 10px 5px 3px; border-radius: 7px; border: solid 1px #eaeaea; background : #fff; margin-left: 10px; font-family: Noto Sans KR; font-weight: normal; text-align: left !important; } input:disabled { background : #eaeaea !important; border: solid 1px #dfdfdf; &{ color: #adadad; } } } &_end { @include flexbox; font-family: Noto Sans KR; font-size: 12px; font-weight: bold; text-align: left; color: #191e29; width: 100%; height: 30px; margin-bottom: 15px; justify-content: space-between !important; input[type='checkbox']:not(:checked) + span{ color: #adadad; } input[type='date'] { width: 70%; flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 14px; padding: 5px 10px 5px 3px; border-radius: 7px; border: solid 1px #eaeaea; background : #fff;