@font-face { font-family: "GmarketSansMedium"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "GmarketSansLight"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "GmarketSansBold"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff"); font-weight: bold; font-style: normal; } label { width: -webkit-fill-available; } button { padding: 0.3rem 2rem; width: 100%; border-radius: 5px; border: 1px solid #333333; height: 3rem; } .s-btn { width: 15rem; } input[type="text"] { height: 3rem; width: 90%; padding: 0.5rem; /* border-radius: 5px; */ border: 1px solid #c8c8c8; } .text-input { width: 13rem !important; } select { padding: 0.5rem; /* border-radius: 5px; */ width: 90%; height: 3rem; border: 1px solid #c8c8c8; } .border-none { border-top: none !important; border-bottom: none !important; } .icon { position: absolute; z-index: 500; } .crosswalk { width: 60px; top: 22%; left: 60%; } .warning { width: 50px; top: 34%; left: 54%; } .fon2 { background-color: #31a257; color: white; } .fon { background-color: #13833b; color: white; } .grid { display: grid; } .grid2 { display: grid; grid-template-columns: 1fr 1fr; } .grid1_9 { display: grid; grid-template-columns: 10% 90%; height: 100%; } .grid2_8 { display: grid; grid-template-columns: 20% 80%; height: 100%; } .grid3_7 { display: grid; grid-template-columns: 30% 70%; height: 100%; } .flex { display: flex; align-items: center; } .table { display: table; } .flex-between { display: flex; /* flex-grow: 1; */ justify-content: space-between; align-items: center; } .flex-end { display: flex; justify-content: end; align-items: center; } .flex-around { display: flex; justify-content: space-around; align-items: center; } .flex-border { display: flex; flex-direction: row; align-items: flex-start; border: 1px solid #949292; flex-basis: content; } .flex-center { display: flex; justify-content: center; align-items: center; } .flex-start { display: flex; justify-content: start; align-items: center; } .tab_title { display: inline-block; border-bottom: 1px solid #d0deeb; font-size: 24px; font-weight: bold; color: #fff; padding-top: 20px; padding-bottom: 8px; } .title { text-align: center; } .combine-left { grid-column: 1/2; } .combine-right { grid-column: 2/3; } .combine-all { grid-column: 1/3; } .combine-row { grid-row: 1/2; } .combine-row2 { grid-row: 2/3; } .combine-row3 { grid-row: 3/4; } .combine-row4 { grid-row: 4/5; } .combine-row5 { grid-row: 5/6; } .combine-top { grid-column: 1/3; grid-row: 1/2; } .combine-middle { grid-column: 1/3; grid-row: 2/3; } .combine-center { grid-column: 1/3; grid-row: 2/3; } .combine-bottom { grid-column: 1/3; grid-row: 3/3; } .combine-bottom { grid-column: 1/3; grid-row: 3/4; } .combine-row-all { grid-row: 1/4; } .content-box { padding: 1rem; background: #ffffff; border-radius: 5px; box-shadow: 1px 1px 7px #00000021; border: none; height: fit-content; } .select_wrap { font-weight: 500; font-size: 16px; display: inline-block; padding: 0px 0px; } .b-r { border-radius: 10px; } .b-shadow { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3); } .bg-white { background: #ffffff; } .bg-white2 { background: #ffffffbd; } .bg-gray { background: #e5e5e5; } .bg-blue { background: #c9d8ff; } .bg-lightblue { background: #e0e8fe; } .bg-green { background: #6dba67; } .green { color: #a7d292; } .green2 { color: #13833b; } .black { color: #333; } .lined { text-decoration: underline; } .bg-yellow { background: #e6c772; } .bg-bluegray { background: #d2e2ef; } .bg-gra .leaflet-left .leaflet-control { margin-left: 32rem !important; } .m-b { margin-bottom: 1rem; } .m-b3 { margin-bottom: 3rem; } .m-r { margin-right: 1rem; } .m-r3 { margin-right: 3rem; } .m-t3 { margin-top: 3rem; } .gap { gap: 1rem; } .gap5 { gap: 5rem; } .btn-l { width: -webkit-fill-available; } .green-btn { background: #13833b; background: #13833b; border: 0; border-radius: 5px; color: #fff; } .gr-btn { background: #13833b; border: 0; border-radius: 5px; color: #fff; } .gray-btn { background: #ffffff; border: 1px solid #b0afaf; border-radius: 5px; color: #b0afaf; } .search-btn { height: 4rem; font-size: 16px; padding: 0.5rem 3rem; } /*스크롤바디자인*/ ::-webkit-scrollbar-thumb { background-color: #c4c7cc; border-radius: 10px; } ::-webkit-scrollbar-track { background-color: #eef3fa; border-radius: 10px; } /* 모달 */ .modal-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; } .modal-bg { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .modal, .modal2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; background-color: #fff; text-align: center; } .modal .btn-wrap { margin-top: 15px; text-align: center; } .txt-point { color: #13833b; } @media all and (max-width: 479px) { .m-mb { margin-bottom: 1rem; } h2.page-title { font-size: 23px; } } /* 달력 */ /* input[type="date"]{ position: relative; padding: 0.5rem; background: url(../images/icon/Calendar.png) no-repeat right 5px center / 15px auto; border: 1px solid #c4c7cc; border-radius: 5px; } input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button{display: none;} input[type="date"]::-webkit-calendar-picker-indicator{ display: none; position: absolute; left: 0; top: 0; background: transparent; color: transparent; cursor: pointer; } */ /* .main-warp { max-height: 100%; min-height: 100%; } .main-warp > div { height: inherit; } .left, .right, .right > div, .right > div > div { height: inherit; } */ .br { width: 1px; height: 6rem; border: 1px solid #b0afaf; } .br-ver { width: 100%; height: 1px; border: 1px solid #b0afaf; } .table2 { border: 1px solid #b0afaf; text-align: left !important; } .table2 th { background-color: #f7f6f6 !important; color: #333 !important; } .table2 td { background-color: #ffffff !important; border-bottom: 0 !important; } .table2 label { width: max-content !important; }