You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4362 lines
73 KiB
4362 lines
73 KiB
@charset "UTF-8";
|
|
/*가이드에서만 쓰이는 레이아웃 스타일*/
|
|
/*template*/
|
|
footer {
|
|
position: fixed;
|
|
width: 100%;
|
|
bottom: 0;
|
|
z-index: 200;
|
|
}
|
|
|
|
.main_back {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.main_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--bg_02_template);
|
|
}
|
|
.main_wrap.main {
|
|
height: auto;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
padding: 16px;
|
|
padding-top: 88px;
|
|
padding-left: 244px;
|
|
}
|
|
|
|
.main_contents {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.main_contents.login_ver1 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
background: url("../images/login_dark_ver1.png") no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.main_contents.error {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: url("../images/error_background_img.png") no-repeat center center;
|
|
background-size: cover;
|
|
}
|
|
.main_contents.error2 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #050A1F;
|
|
background: url("../images/error2_background_img.png") no-repeat center bottom;
|
|
background-size: contain;
|
|
}
|
|
|
|
.login_wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 794px;
|
|
height: 100%;
|
|
padding: 48px;
|
|
border-left: 1px solid rgba(255, 255, 255, 0.2);
|
|
background-color: var(--alpha-wh-to-bkwh-60);
|
|
box-shadow: -12px 0px 40px 0px rgba(0, 0, 0, 0.4);
|
|
-webkit-backdrop-filter: blur(30px);
|
|
backdrop-filter: blur(30px);
|
|
}
|
|
|
|
.login_logo {
|
|
position: absolute;
|
|
height: 120px;
|
|
bottom: 42px;
|
|
left: 42px;
|
|
}
|
|
|
|
.box_line.left {
|
|
position: absolute;
|
|
top: 3.5rem;
|
|
left: 1.25rem;
|
|
z-index: 100;
|
|
}
|
|
.box_line.right {
|
|
position: absolute;
|
|
top: 3.5rem;
|
|
right: 1.25rem;
|
|
z-index: 100;
|
|
}
|
|
|
|
.infowindow_box.main {
|
|
top: auto;
|
|
bottom: calc(100% + 0.125rem) !important;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
position: absolute;
|
|
}
|
|
|
|
.scroll.sc_y.table {
|
|
height: 8.25rem;
|
|
padding: 0;
|
|
}
|
|
.scroll.sc_y.signal {
|
|
padding: 0;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.accordion_paragraph.signal {
|
|
padding: 0 0.75rem 1.25rem 1.25rem;
|
|
height: 16.75rem;
|
|
}
|
|
|
|
.footer_in {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem;
|
|
padding-bottom: 1.25rem;
|
|
}
|
|
|
|
.table_box.signal tr.selected, .table_box.signal tr:focus, .table_box.signal tr.hover {
|
|
background: rgba(39, 212, 255, 0.2);
|
|
}
|
|
.table_box.signal th {
|
|
position: static;
|
|
height: 1.75rem;
|
|
}
|
|
.table_box.signal th, .table_box.signal td:not(.disable), .table_box.signal td:not(.disabled) {
|
|
border-right: 0.063rem solid rgba(255, 255, 255, 0.12);
|
|
}
|
|
.table_box.signal th:last-child, .table_box.signal td:not(.disable):last-child, .table_box.signal td:not(.disabled):last-child {
|
|
border-right: 0;
|
|
}
|
|
.table_box.signal td {
|
|
height: 1.75rem;
|
|
border-top: 0.188rem solid rgb(10, 11, 20) !important;
|
|
}
|
|
.table_box.signal td p {
|
|
text-align: center !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.arrow.left {
|
|
transform: rotate(180deg);
|
|
}
|
|
.arrow.up {
|
|
transform: rotate(270deg);
|
|
}
|
|
.arrow.down {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.login_box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.login_box.login {
|
|
z-index: 0;
|
|
width: 44.563rem;
|
|
padding: 3rem;
|
|
border-radius: 0.125rem;
|
|
border: 0.063rem solid rgba(255, 255, 255, 0.21);
|
|
background: var(--bg_01_80);
|
|
-webkit-backdrop-filter: blur(3.75rem);
|
|
backdrop-filter: blur(3.75rem);
|
|
}
|
|
|
|
.light_box {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin-right: 20px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.error_box {
|
|
display: flex;
|
|
-webkit-backdrop-filter: blur(1.875rem);
|
|
backdrop-filter: blur(1.875rem);
|
|
position: absolute;
|
|
padding: 3rem;
|
|
top: 33%;
|
|
left: 30%;
|
|
z-index: 0;
|
|
width: 44.563rem;
|
|
height: 18.25rem;
|
|
border-radius: 0.125rem;
|
|
border: 0.063rem solid rgba(255, 255, 255, 0.21);
|
|
background: rgba(162, 164, 184, 0.2);
|
|
-webkit-backdrop-filter: blur(3.75rem);
|
|
backdrop-filter: blur(3.75rem);
|
|
}
|
|
|
|
.marker_main {
|
|
position: absolute;
|
|
bottom: 40%;
|
|
left: 50%;
|
|
}
|
|
|
|
.indicator.main {
|
|
padding: 1.25rem 0.6rem 1.25rem 1.25rem;
|
|
}
|
|
.indicator.signal {
|
|
padding: 0;
|
|
}
|
|
|
|
.indi_conts.del {
|
|
display: none;
|
|
}
|
|
.indi_conts.signal {
|
|
margin: 0;
|
|
}
|
|
|
|
.tmbox_text {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.tmbox.signal {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
|
|
.hd_profile {
|
|
position: relative;
|
|
width: 1.875rem;
|
|
height: 1.25rem;
|
|
}
|
|
.hd_profile .member_popover {
|
|
display: none;
|
|
}
|
|
.hd_profile.profile_open .member_popover, .hd_profile.profile_open .member_toggle {
|
|
display: block;
|
|
}
|
|
.hd_profile.profile_open .btn_profile .comma_under8 {
|
|
opacity: 1;
|
|
transform: rotate(180deg);
|
|
}
|
|
.hd_profile.profile_open .profile20 {
|
|
opacity: 1;
|
|
}
|
|
|
|
.marker_main .tooltip_parents, .marker_main .infowindow_box.main.on {
|
|
display: none;
|
|
}
|
|
.marker_main.marker_hide .tooltip_parents, .marker_main.marker_hide .infowindow_box.main.on {
|
|
display: block;
|
|
}
|
|
.marker_main.marker_hide .img_off {
|
|
display: none;
|
|
}
|
|
.marker_main.marker_hide .marker_img_selected {
|
|
display: block;
|
|
}
|
|
|
|
.fab_wrap {
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 108%;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.popover_box.main {
|
|
position: absolute;
|
|
display: none;
|
|
bottom: 3rem;
|
|
left: -2.5rem;
|
|
z-index: 100;
|
|
}
|
|
.popover_box.main.legend {
|
|
display: block;
|
|
}
|
|
.popover_box.main.pop {
|
|
display: block;
|
|
}
|
|
.popover_box.main.pop_hide {
|
|
display: none;
|
|
}
|
|
|
|
.signal_board {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.signal_content {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--bg_02_template);
|
|
}
|
|
|
|
.signal_body {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url("../images/signal_body_img.png");
|
|
background-repeat: no-repeat;
|
|
background-size: cover !important;
|
|
}
|
|
|
|
.accordion_box {
|
|
position: absolute;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.indi_top.signal {
|
|
height: 3.5rem;
|
|
padding: 1.25rem 1rem 1.25rem;
|
|
}
|
|
|
|
.signal_dl {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0.5rem 0;
|
|
}
|
|
.signal_dl:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.signal_dl dt {
|
|
font-size: 0.8125rem;
|
|
font-weight: 300;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 4rem;
|
|
padding: 0 1rem 0 0;
|
|
color: var(--white-w_87-sec);
|
|
}
|
|
.signal_dl dd {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex: 1;
|
|
-moz-column-gap: 0.25rem;
|
|
column-gap: 0.25rem;
|
|
}
|
|
.signal_dl dd .wrput {
|
|
width: 100%;
|
|
}
|
|
.signal_dl dd .ch_radio:last-child {
|
|
padding: 0;
|
|
}
|
|
.signal_dl.check {
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.accordion_block.signal {
|
|
-webkit-backdrop-filter: blur(1.875rem);
|
|
backdrop-filter: blur(1.875rem);
|
|
}
|
|
.accordion_block.signal .accordion_title:hover:not(.levle2), .accordion_block.signal .hover.accordion_title,
|
|
.accordion_block.signal .accordion_title:focus {
|
|
background: var(--primary-pri_20);
|
|
cursor: pointer;
|
|
}
|
|
.accordion_block.signal .accordion_title {
|
|
background: var(--primary-pri_20);
|
|
}
|
|
.accordion_block.signal .accordion_title:hover:not(.disabled), .accordion_block.signal .accordion_title:hover:not(.point.disabled), .accordion_block.signal .accordion_title:focus:not(.disabled) {
|
|
background: var(--primary-pri_20);
|
|
}
|
|
.accordion_block.signal .accordion_contents {
|
|
background: rgba(255, 255, 255, 0.06);
|
|
}
|
|
.accordion_block.signal .accordion_contents.signal {
|
|
padding: unset;
|
|
}
|
|
|
|
.map_label_line {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 1.5rem;
|
|
padding: 0.125rem 0.75rem;
|
|
}
|
|
|
|
.map_label {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
width: auto;
|
|
padding: 0.125rem 0.75rem 0.25rem;
|
|
background-color: #0B1129;
|
|
}
|
|
|
|
.record_wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-top: 5rem;
|
|
}
|
|
|
|
.record_content {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 1.25rem;
|
|
display: grid;
|
|
grid-auto-rows: 25.75rem auto;
|
|
row-gap: 1rem;
|
|
}
|
|
|
|
.record_box {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0.063rem solid var(--line-pri_40-to-wh_40);
|
|
background: var(--bg_01_80);
|
|
box-shadow: 0.25rem 0.25rem 1rem 0 rgba(4, 9, 26, 0.16);
|
|
-webkit-backdrop-filter: blur(1.875rem);
|
|
backdrop-filter: blur(1.875rem);
|
|
padding: 0 1.25rem 1.25rem 1.25rem;
|
|
}
|
|
|
|
.record_title {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
padding: 1.25rem 1rem 1rem 0;
|
|
color: #27D4FF;
|
|
}
|
|
|
|
.record_box_content {
|
|
display: flex;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
width: 100%;
|
|
height: calc(100% - 3.25rem);
|
|
}
|
|
|
|
.record_grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1.5fr;
|
|
grid-template-rows: 8.125rem auto;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
row-gap: 1rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.record_top {
|
|
display: grid;
|
|
grid-column-gap: 1rem;
|
|
width: 9rem;
|
|
}
|
|
|
|
.chart_cont_box {
|
|
height: 100%;
|
|
width: 9rem;
|
|
}
|
|
|
|
.diagon_cont_box {
|
|
display: grid;
|
|
grid-column-gap: 1rem;
|
|
}
|
|
|
|
.diagon_cont.record {
|
|
width: 9rem;
|
|
height: 4.875rem;
|
|
}
|
|
|
|
.situation_box {
|
|
padding: 0.75rem;
|
|
border-radius: 0.125rem;
|
|
background: var(--more-visible-wh_6-to-100);
|
|
}
|
|
.situation_box.chart {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
grid-row: 1/3;
|
|
}
|
|
.situation_box.case1 {
|
|
grid-row: 1/2;
|
|
grid-column: 5/6;
|
|
}
|
|
.situation_box.case2 {
|
|
grid-row: 1/2;
|
|
grid-column: 6/7;
|
|
}
|
|
.situation_box.event {
|
|
display: grid;
|
|
grid-column: 5/7;
|
|
grid-template-columns: 1.5fr 1fr;
|
|
}
|
|
.situation_box h4 {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
color: var(--white-w_87);
|
|
}
|
|
|
|
.case_wrap {
|
|
display: flex;
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
width: 100%;
|
|
height: calc(100% - 1.125rem);
|
|
}
|
|
|
|
.case_box {
|
|
padding: 0.25rem;
|
|
border-radius: 0.125rem;
|
|
background: var(--white-w_6);
|
|
width: 100%;
|
|
}
|
|
.case_box .case_number {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: calc(100% - 0.875rem);
|
|
color: var(--white-w_87);
|
|
}
|
|
|
|
.case_grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
row-gap: 0.5rem;
|
|
}
|
|
|
|
.chart_box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: calc(100% - 0.875rem);
|
|
-moz-column-gap: 2.5rem;
|
|
column-gap: 2.5rem;
|
|
}
|
|
|
|
.rate_content {
|
|
display: grid;
|
|
row-gap: 1rem;
|
|
height: calc(100% - 3.25rem);
|
|
}
|
|
|
|
.rate_box {
|
|
padding: 0.75rem;
|
|
border-radius: 0.125rem;
|
|
background: rgba(255, 255, 255, 0.06);
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.ch_label {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.ch_label .word {
|
|
font-size: 0.6875rem;
|
|
font-weight: 400;
|
|
color: rgba(255, 255, 255, 0.87);
|
|
margin: 0.25rem 0 0.25rem 0.25rem;
|
|
line-height: 1.1;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.chart_cont {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 9rem;
|
|
height: 4.891rem;
|
|
padding: 0.5rem;
|
|
overflow: hidden;
|
|
background: url(../images/bg_tract.svg) no-repeat left top;
|
|
background-size: 100% 100%;
|
|
}
|
|
.chart_cont .chart_tlt {
|
|
position: absolute;
|
|
left: 1.25rem;
|
|
top: 1.25rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.chart_cont .chart_result {
|
|
padding: 1rem 0 0;
|
|
}
|
|
|
|
.chart_tlt {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
color: #27D4FF;
|
|
}
|
|
.chart_tlt.cover {
|
|
width: 86%;
|
|
padding: 0.75rem 0 0 0.75rem;
|
|
background: url(../images/bg_tract_top.svg) no-repeat left top;
|
|
background-size: 100% auto;
|
|
}
|
|
|
|
.chart_result {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
color: #27D4FF;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
-moz-column-gap: 0.375rem;
|
|
column-gap: 0.375rem;
|
|
}
|
|
.chart_result .unit {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.record_radio {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.record_radio .word {
|
|
color: rgba(255, 255, 255, 0.87);
|
|
}
|
|
.record_radio.on .radio {
|
|
background-color: #fff;
|
|
border: 0.25rem solid #27d4ff;
|
|
}
|
|
.record_radio.on .word {
|
|
color: rgba(255, 255, 255, 0.87);
|
|
}
|
|
.record_radio .radio {
|
|
display: inline-block;
|
|
width: 0.9375rem;
|
|
height: 0.9375rem;
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
border-radius: 100%;
|
|
margin: 0 0.5rem 0 0;
|
|
}
|
|
.record_radio .radio.mini {
|
|
width: 0.625rem;
|
|
height: 0.625rem;
|
|
border: 0.125rem solid #27d4ff;
|
|
margin: 0 0.375rem 0 0;
|
|
}
|
|
.record_radio .radio.green {
|
|
border: 0.125rem solid #16D9AB;
|
|
}
|
|
.record_radio .radio.blue {
|
|
border: 0.125rem solid #07F;
|
|
}
|
|
.record_radio .radio.dark_blue {
|
|
border: 0.125rem solid #0E44E5;
|
|
}
|
|
.record_radio .radio.purple {
|
|
border: 0.125rem solid #8972FF;
|
|
}
|
|
.record_radio .radio.dark_purple {
|
|
border: 0.125rem solid #6E3DFF;
|
|
}
|
|
.record_radio .word {
|
|
font-size: 0.6875rem;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.user_wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-top: 2.5rem;
|
|
}
|
|
|
|
.user_content {
|
|
display: flex;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 1.25rem;
|
|
}
|
|
|
|
.personal_box, .system_box {
|
|
-webkit-backdrop-filter: blur(1.875rem);
|
|
backdrop-filter: blur(1.875rem);
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0.063rem solid rgba(39, 212, 255, 0.4);
|
|
background: var(--bg_01_80);
|
|
box-shadow: 0.25rem 0.25rem 1rem 1rem rgba(4, 9, 26, 0.16);
|
|
width: 28.625rem;
|
|
}
|
|
|
|
.user_box {
|
|
-webkit-backdrop-filter: blur(1.875rem);
|
|
backdrop-filter: blur(1.875rem);
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 0.063rem solid rgba(39, 212, 255, 0.4);
|
|
background: var(--bg_01_80);
|
|
box-shadow: 0.25rem 0.25rem 1rem 1rem rgba(4, 9, 26, 0.16);
|
|
flex: 1;
|
|
}
|
|
|
|
.table_inner {
|
|
width: 100%;
|
|
height: calc(100% - 2.625rem);
|
|
padding: 0.875rem 1.25rem 1.25rem 1.25rem;
|
|
}
|
|
|
|
.title_box {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
padding: 1.25rem 1rem 0 1.25rem;
|
|
}
|
|
|
|
.user_title {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: var(--primary-to-grayscale-to-bk);
|
|
height: 1.5rem;
|
|
}
|
|
|
|
.user_btn {
|
|
height: 1.75rem;
|
|
padding: 0.5rem 0;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.error_logo {
|
|
position: absolute;
|
|
top: -10%;
|
|
left: 50%;
|
|
transform: translate(-50%, 0);
|
|
z-index: 1;
|
|
}
|
|
|
|
.logo_login {
|
|
width: 12.5rem;
|
|
}
|
|
|
|
.hd_profile {
|
|
position: relative;
|
|
width: 1.875rem;
|
|
height: 1.25rem;
|
|
}
|
|
.hd_profile .member_popover {
|
|
display: none;
|
|
}
|
|
.hd_profile.profile_open .member_popover, .hd_profile.profile_open .member_toggle {
|
|
display: block;
|
|
}
|
|
.hd_profile.profile_open .btn_profile .comma_under8 {
|
|
opacity: 1;
|
|
transform: rotate(180deg);
|
|
}
|
|
.hd_profile.profile_open .profile20 {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* html data-theme */
|
|
html[data-theme=light] .main_contents {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-size: cover !important;
|
|
background: url("../images/background_light_img.png") no-repeat center center;
|
|
}
|
|
|
|
/* html data-theme End */
|
|
/*reset*/
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
b, u, i, center,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
article, aside, canvas, details, embed,
|
|
figure, figcaption, footer, header, hgroup,
|
|
menu, nav, output, ruby, section, summary,
|
|
time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
article, aside, details, figcaption, figure,
|
|
footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
|
|
html, body {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: #fff;
|
|
font-family: "Malgun Gothic", "맑은 고딕", "Helvetica", "AppleGothic", sans-serif;
|
|
font-family: "Spoqa Han Sans Neo", "sans-serif";
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
color: #000000;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after {
|
|
content: "";
|
|
content: none;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
img.nomax {
|
|
max-width: -moz-fit-content;
|
|
max-width: fit-content;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
outline: none;
|
|
color: #3b3b3b;
|
|
}
|
|
|
|
a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:focus, a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
input {
|
|
outline: none;
|
|
border: none;
|
|
font-family: "Spoqa Han Sans Neo", "sans-serif";
|
|
color: #000;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
button {
|
|
outline: none;
|
|
border: none;
|
|
font-family: "Spoqa Han Sans Neo", "sans-serif";
|
|
cursor: pointer;
|
|
}
|
|
|
|
select {
|
|
outline: none;
|
|
border: none;
|
|
font-family: "Spoqa Han Sans Neo", sans-serif;
|
|
cursor: pointer;
|
|
}
|
|
|
|
textarea {
|
|
outline: none;
|
|
border: none;
|
|
font-family: "Spoqa Han Sans Neo", "sans-serif";
|
|
color: #000;
|
|
}
|
|
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
.tal {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.tac {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.tar {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.dpblock {
|
|
display: block !important;
|
|
}
|
|
|
|
.dpinblock {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.dflx {
|
|
display: flex !important;
|
|
}
|
|
|
|
.dgrid {
|
|
display: grid !important;
|
|
}
|
|
|
|
.fleft {
|
|
float: left !important;
|
|
}
|
|
|
|
.fright {
|
|
float: right !important;
|
|
}
|
|
|
|
.lett_sp1 {
|
|
letter-spacing: 1px !important;
|
|
}
|
|
|
|
.lett_sp2 {
|
|
letter-spacing: 2px !important;
|
|
}
|
|
|
|
.lett_sp3 {
|
|
letter-spacing: 3px !important;
|
|
}
|
|
|
|
.cl {
|
|
clear: both;
|
|
}
|
|
|
|
.pos_rel {
|
|
position: relative !important;
|
|
}
|
|
|
|
.pos_ab {
|
|
position: absolute !important;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.blue {
|
|
color: #3ba1fd;
|
|
}
|
|
|
|
.red {
|
|
color: #f55;
|
|
}
|
|
|
|
.hauto {
|
|
height: auto !important;
|
|
}
|
|
|
|
input[type=text]::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
input[type=text]::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
input[type=password]::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
input[type=password]::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
input[type=password]:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
color: rgba(0, 0, 0, 0.5);
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
input[type=password]::-ms-input-placeholder { /* Microsoft Edge */
|
|
color: rgba(0, 0, 0, 0.5);
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
input[type=password] {
|
|
letter-spacing: 1.5px;
|
|
}
|
|
|
|
textarea::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
textarea::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
textarea::-ms-input-placeholder { /* Microsoft Edge */
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
-webkit-appearance: none;
|
|
background: transparent;
|
|
width: 7px;
|
|
}
|
|
|
|
body::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
border-radius: 50px;
|
|
}
|
|
|
|
body::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
body::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
body::-webkit-scrollbar:horizontal {
|
|
cursor: pointer;
|
|
height: 6px;
|
|
}
|
|
|
|
.op03 {
|
|
opacity: 0.3 !important;
|
|
}
|
|
|
|
.op04 {
|
|
opacity: 0.4 !important;
|
|
}
|
|
|
|
.op05 {
|
|
opacity: 0.5 !important;
|
|
}
|
|
|
|
.op06 {
|
|
opacity: 0.6 !important;
|
|
}
|
|
|
|
.op07 {
|
|
opacity: 0.7 !important;
|
|
}
|
|
|
|
.op1 {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.dpblock {
|
|
display: block;
|
|
}
|
|
|
|
.dpinblock {
|
|
display: inline-block;
|
|
}
|
|
|
|
.dpinline {
|
|
display: inline;
|
|
}
|
|
|
|
.dpnone {
|
|
display: none;
|
|
}
|
|
|
|
.dflx_as {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.dflx_ac {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.dflx_ae {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.dflx_jbet {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dflx_dcol_jbet {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dflx_jstart {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.dflx_jcent {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.dflx_jend {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.dflx_ac_jcent {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.dflx_as_jbet {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dflx_ac_jbet {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dflx_ae_jbet {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.dflx_ac_jend {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
/*reset End*/
|
|
.back {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.Dash_body {
|
|
background-color: #F0F0F2;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
padding: 1rem;
|
|
padding-top: 5.5rem;
|
|
padding-left: 16.5625rem;
|
|
}
|
|
.Dash_body.respon {
|
|
padding-left: 112px;
|
|
padding-left: 7rem;
|
|
}
|
|
|
|
@keyframes in-header {
|
|
from {
|
|
opacity: 0;
|
|
top: -70px;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
top: 0px;
|
|
}
|
|
}
|
|
.header_bg {
|
|
background-color: #F0F0F2;
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
padding: 1rem 1rem 0px;
|
|
z-index: 100;
|
|
}
|
|
.header_bg.trans {
|
|
background-color: transparent;
|
|
}
|
|
.header_bg.animate {
|
|
animation: in-header 1s ease-in-out !important;
|
|
}
|
|
|
|
header {
|
|
width: 100%;
|
|
height: 56px;
|
|
height: 3.5rem;
|
|
padding: 8px 20px;
|
|
padding: 0.5rem 1.25rem;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.header_in {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.header_logo {
|
|
cursor: pointer;
|
|
}
|
|
.header_logo a {
|
|
display: block;
|
|
}
|
|
|
|
.header_left {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 1rem 0.25rem 0;
|
|
}
|
|
.header_left .header_title {
|
|
margin: 5px 0px 0px 15px;
|
|
}
|
|
|
|
.header_title {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.header_right {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 0 0 1rem;
|
|
}
|
|
.header_right .user_zone {
|
|
margin: 0 0 0 1rem;
|
|
}
|
|
|
|
.alarm_zone {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 28px;
|
|
height: 28px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
transition: 0.2s all;
|
|
}
|
|
.alarm_zone:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.alarm_zone .dot {
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 5px;
|
|
}
|
|
|
|
.bell {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.user_zone {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.user_zone .user_txt {
|
|
margin: 0px 0px 0px 8px;
|
|
}
|
|
|
|
.user_thumb {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
width: 28px;
|
|
height: 28px;
|
|
position: relative;
|
|
background-color: #4d6586;
|
|
border-radius: 100%;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
transition: 0.2s all;
|
|
}
|
|
.user_thumb:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.user_thumb .photo_user {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
height: auto;
|
|
transform: translate(-50%, -45%);
|
|
}
|
|
|
|
.user_txt {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.user_txt span {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
}
|
|
.user_txt span.user_name {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.user_photo {
|
|
position: relative;
|
|
width: 28px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
transition: 0.2s all;
|
|
}
|
|
.user_photo:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
@keyframes in-aside {
|
|
from {
|
|
opacity: 0;
|
|
left: -50px;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
left: 16px;
|
|
}
|
|
}
|
|
.aside {
|
|
position: fixed;
|
|
left: 1rem;
|
|
top: 5.5rem;
|
|
width: 13.75rem;
|
|
height: calc(100% - 6.5rem);
|
|
max-height: 54rem;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
}
|
|
.aside.respon {
|
|
width: 64px;
|
|
width: 4rem;
|
|
}
|
|
.aside.respon .menu_line .menu_icon {
|
|
margin: 0px;
|
|
}
|
|
.aside.respon .menu_line .menu_tlt {
|
|
display: none;
|
|
}
|
|
.aside.animate {
|
|
animation: in-aside 1s ease-in-out !important;
|
|
}
|
|
|
|
.aside_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.aside_wrap .aside_arrow {
|
|
position: absolute;
|
|
right: -1rem;
|
|
top: 0.5rem;
|
|
z-index: 10;
|
|
}
|
|
|
|
.aside_arrow {
|
|
width: 33px;
|
|
width: 2rem;
|
|
height: 33px;
|
|
height: 2rem;
|
|
background: #fff;
|
|
border-radius: 100%;
|
|
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
|
|
transition: 0.2s all;
|
|
cursor: pointer;
|
|
}
|
|
.aside_arrow:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.aside_arrow .arr_icon_on {
|
|
display: none;
|
|
}
|
|
.aside_arrow.on .arr_icon {
|
|
display: none;
|
|
}
|
|
.aside_arrow.on .arr_icon_on {
|
|
display: block;
|
|
}
|
|
|
|
.arrow_in {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.aside_nav {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.aside_nav li a {
|
|
display: block;
|
|
}
|
|
|
|
.menu_line {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 56px;
|
|
padding: 0px 16px;
|
|
border-left: 4px solid #fff;
|
|
transition: 0.2s all;
|
|
}
|
|
.menu_line .menu_icon {
|
|
margin: 0px 10px 0px 0px;
|
|
}
|
|
.menu_line .menu_tlt {
|
|
padding: 2px 0px 0px 0px;
|
|
}
|
|
.menu_line:hover {
|
|
background-color: #E4F6F3;
|
|
border-left: 4px solid #E4F6F3;
|
|
}
|
|
.menu_line:hover .mn_icon {
|
|
display: none;
|
|
}
|
|
.menu_line:hover .mn_icon_on {
|
|
display: block;
|
|
}
|
|
.menu_line:hover .menu_tlt {
|
|
color: #00A388;
|
|
}
|
|
.menu_line.on {
|
|
background-color: #E4F6F3;
|
|
border-left: 4px solid #00B295;
|
|
}
|
|
.menu_line.on .mn_icon {
|
|
display: none;
|
|
}
|
|
.menu_line.on .mn_icon_on {
|
|
display: block;
|
|
}
|
|
.menu_line.on .menu_tlt {
|
|
color: #00A388;
|
|
}
|
|
|
|
.mn_icon {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.mn_icon_on {
|
|
display: none;
|
|
}
|
|
|
|
.menu_tlt {
|
|
font-size: 0.9375rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
@keyframes in-contents {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.contents_inner {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.contents_inner.animate {
|
|
animation: in-contents 2s ease !important;
|
|
}
|
|
|
|
.inner_top {
|
|
width: 100%;
|
|
padding: 1rem 0px 2.5rem;
|
|
}
|
|
|
|
.inner_title {
|
|
flex: 1;
|
|
padding: 0px;
|
|
}
|
|
.inner_title h1 {
|
|
padding: 0px 0px 12px;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
.inner_title .explain {
|
|
opacity: 0.6;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
.explain {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.inner_btzone {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 0 0 0 1.25rem;
|
|
}
|
|
.inner_btzone button {
|
|
margin: 0 0 0 0.5rem;
|
|
}
|
|
|
|
.contents_body {
|
|
width: 100%;
|
|
}
|
|
|
|
.tab_body {
|
|
width: 100%;
|
|
display: none;
|
|
}
|
|
.tab_body.on {
|
|
display: block;
|
|
}
|
|
|
|
.conts_top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding: 0 0 1.25rem;
|
|
}
|
|
|
|
.cotop_right {
|
|
padding: 0 0 0 1.25rem;
|
|
}
|
|
.cotop_right .btn_srch.bldark {
|
|
padding: 0 1rem;
|
|
}
|
|
|
|
.tabt_line {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.tabt_line .btn_tab {
|
|
margin: 0 0.5rem 0 0;
|
|
}
|
|
.tabt_line.data {
|
|
margin-top: 4px;
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.tabt_line.idpass {
|
|
width: 100%;
|
|
margin: 2.375rem 0 0;
|
|
}
|
|
.tabt_line.idpass .tab_nemo {
|
|
width: 50%;
|
|
}
|
|
|
|
.tab_nemo {
|
|
font-size: 0.9375rem;
|
|
font-weight: 400;
|
|
min-width: 8.25rem;
|
|
height: 2rem;
|
|
padding: 0 0.6rem;
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
border-radius: 0px;
|
|
color: #222;
|
|
transition: 0.2s all;
|
|
}
|
|
.tab_nemo:first-child {
|
|
border-radius: 4px 0px 0px 4px;
|
|
border-radius: 0.25rem 0 0 0.25rem;
|
|
}
|
|
.tab_nemo:last-child {
|
|
border-radius: 0px 4px 4px 0px;
|
|
border-radius: 0 0.25rem 0.25rem 0;
|
|
}
|
|
.tab_nemo:hover {
|
|
background-color: #e6e7eb;
|
|
}
|
|
.tab_nemo.on {
|
|
background: #E4F6F3;
|
|
border: 1px solid #00B295;
|
|
color: #00A388;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.contents {
|
|
width: 100%;
|
|
}
|
|
|
|
.conts_body {
|
|
width: 100%;
|
|
}
|
|
|
|
.table_cont {
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: auto;
|
|
padding: 0 0 0.25rem;
|
|
min-height: 35.5rem;
|
|
}
|
|
.table_cont.hauto {
|
|
min-height: auto;
|
|
}
|
|
.table_cont .group_scope {
|
|
margin: 0 0 2rem;
|
|
}
|
|
|
|
.netz_table {
|
|
width: 100%;
|
|
}
|
|
.netz_table thead th {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0.07rem 0.5rem 0rem;
|
|
height: 2.5rem;
|
|
background: #E6E7EB;
|
|
word-break: keep-all;
|
|
line-height: 1.2;
|
|
}
|
|
.netz_table thead th.rline {
|
|
border-right: 1px solid #8A8E99;
|
|
}
|
|
.netz_table tbody td {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 0.44rem 0.5rem 0.25rem;
|
|
height: 3rem;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
word-break: keep-all;
|
|
}
|
|
.netz_table tbody td.rline {
|
|
border-right: 1px solid #8A8E99;
|
|
}
|
|
.netz_table tbody td.td_etc {
|
|
background: #F0F1F5;
|
|
position: relative;
|
|
}
|
|
.netz_table tbody td.td_etc .trash {
|
|
margin: 0px 4px;
|
|
}
|
|
.netz_table tbody td .file_btwrap {
|
|
margin: 0px 0px 1px;
|
|
}
|
|
.netz_table tbody td .selector, .netz_table tbody td .wrput {
|
|
width: 100%;
|
|
}
|
|
|
|
.manager_table tbody td:first-child {
|
|
width: 4.75rem;
|
|
}
|
|
|
|
.organ_table tbody td {
|
|
padding: 0.75rem 0.75rem;
|
|
}
|
|
.organ_table tbody td:first-child {
|
|
width: 10%;
|
|
padding-left: 1.25rem;
|
|
}
|
|
.organ_table tbody td:nth-child(3) {
|
|
width: 50%;
|
|
padding-left: 1.75rem;
|
|
}
|
|
|
|
.trash {
|
|
width: 20px;
|
|
height: 20px;
|
|
transition: 0.2s all;
|
|
cursor: pointer;
|
|
}
|
|
.trash:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.caption_title {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
padding: 0px 0px 14px;
|
|
display: block;
|
|
text-align: left;
|
|
}
|
|
|
|
.group_scope {
|
|
display: inline-block;
|
|
height: 32px;
|
|
padding: 0.125rem 1.25rem 0 1rem;
|
|
background: rgba(240, 241, 245, 0.4);
|
|
border: 1px solid #DCDDE0;
|
|
border-radius: 0.5rem;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.gr_scope_line {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
-moz-column-gap: 2.25rem;
|
|
column-gap: 2.25rem;
|
|
}
|
|
|
|
.scope_total {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
padding: 0 1.25rem 0 0;
|
|
color: #00B295;
|
|
line-height: 1;
|
|
}
|
|
.scope_total .decimal {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.scope_text {
|
|
display: flex;
|
|
align-items: center;
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
}
|
|
.scope_text span {
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.scope_text .scope_count {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.scope_count.sc1 {
|
|
color: #0068E6;
|
|
}
|
|
.scope_count.sc2 {
|
|
color: #46C2AD;
|
|
}
|
|
.scope_count.sc3 {
|
|
color: #A7D154;
|
|
}
|
|
|
|
.td_txt {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
word-break: keep-all;
|
|
}
|
|
.td_txt.scp1 {
|
|
color: #0068E6;
|
|
opacity: 1;
|
|
}
|
|
.td_txt.scp2 {
|
|
color: #00A388;
|
|
opacity: 1;
|
|
}
|
|
.td_txt.use {
|
|
font-weight: 500;
|
|
color: #0068E6;
|
|
opacity: 1;
|
|
}
|
|
.td_txt.un_use {
|
|
opacity: 0.3;
|
|
}
|
|
.td_txt.use_txt {
|
|
font-weight: 500;
|
|
min-width: 3.25rem;
|
|
}
|
|
.td_txt.med {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.6;
|
|
}
|
|
.td_txt.tell {
|
|
min-width: 7.5rem;
|
|
}
|
|
|
|
.date_txt {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
opacity: 0.4;
|
|
line-height: 1.2;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
|
|
.td_total .td_txt {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
line-height: 1.4;
|
|
}
|
|
.td_total.sum .td_txt {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
color: #0068E6;
|
|
}
|
|
|
|
.td_facility .td_txt {
|
|
min-width: 7.5rem;
|
|
}
|
|
|
|
.td_organ .td_txt {
|
|
min-width: 3.25rem;
|
|
}
|
|
|
|
.activity_table tbody td {
|
|
padding: 0.875rem 0.7rem 0.56rem;
|
|
}
|
|
|
|
.paging_space {
|
|
width: 100%;
|
|
padding: 1.45rem 0 0.125rem;
|
|
padding: 1.125rem 0 0.125rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.paging_ul {
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
|
|
.paging_ul li {
|
|
display: inline;
|
|
}
|
|
|
|
.paging_ul li a {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
display: inline-block;
|
|
width: 1.75rem;
|
|
height: 1.75rem;
|
|
background: #F7F8F9;
|
|
border-radius: 4px;
|
|
padding: 6px 6px 4px;
|
|
margin: 0px 6px;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
transition: 0.2s all;
|
|
}
|
|
.paging_ul li a.arrow {
|
|
background: transparent;
|
|
padding: 0px;
|
|
}
|
|
|
|
.paging_ul li a.on {
|
|
background: #E6E7EB;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
font-weight: 700;
|
|
}
|
|
|
|
.paging_ul li a:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.evid_table thead th.th_kinds {
|
|
width: 28%;
|
|
}
|
|
.evid_table thead th.th_upload {
|
|
width: 15%;
|
|
}
|
|
.evid_table tbody td {
|
|
height: 2.5rem;
|
|
}
|
|
|
|
.detail_table tbody td {
|
|
height: 2.5rem;
|
|
}
|
|
.detail_table tbody td:first-child {
|
|
width: 23%;
|
|
}
|
|
.detail_table tbody tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.detail_round {
|
|
width: 100%;
|
|
border-radius: 0.25rem;
|
|
overflow: hidden;
|
|
}
|
|
.detail_round.bord {
|
|
border: 1px solid #DCDDE0;
|
|
}
|
|
|
|
.file_btwrap {
|
|
position: relative;
|
|
cursor: pointer !important;
|
|
}
|
|
.file_btwrap .file_put {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
.file_result {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 0 0 0.25rem;
|
|
}
|
|
.file_result.half .p_r12 {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.file_result.half .put_delete {
|
|
margin: 0;
|
|
}
|
|
.file_result .p_r14 {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: calc(100% - 1.25rem);
|
|
}
|
|
.file_result .put_delete {
|
|
margin: 0;
|
|
}
|
|
|
|
.plus_zone {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
padding: 0.5rem 0;
|
|
}
|
|
|
|
.enrolls_cont {
|
|
margin: 1.25rem 0 0;
|
|
}
|
|
|
|
.enrolls_top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding: 0px 0px 12px;
|
|
border-bottom: 1px solid #8A8E99;
|
|
}
|
|
|
|
.enrolls_enroll {
|
|
padding: 12px 0px;
|
|
}
|
|
|
|
.dl_enroll {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 0.25rem 0;
|
|
}
|
|
.dl_enroll.trans {
|
|
padding: 0.5rem 0;
|
|
}
|
|
.dl_enroll.trans dt {
|
|
opacity: 0.7;
|
|
}
|
|
.dl_enroll.top {
|
|
padding: 0 0 0.25rem;
|
|
}
|
|
.dl_enroll dt {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
width: 6.25rem;
|
|
padding: 0 0.75rem 0 0;
|
|
letter-spacing: 0px;
|
|
}
|
|
.dl_enroll dt .selector {
|
|
width: 100%;
|
|
}
|
|
.dl_enroll dt .quest {
|
|
margin: 5px 0 0;
|
|
cursor: pointer;
|
|
}
|
|
.dl_enroll dd {
|
|
display: flex;
|
|
flex: 1;
|
|
}
|
|
.dl_enroll dd .selector {
|
|
width: 100%;
|
|
}
|
|
.dl_enroll dd .wrput {
|
|
width: 100%;
|
|
}
|
|
.dl_enroll dd .tlt {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.grd_selt_sett {
|
|
display: grid;
|
|
grid-template-columns: 6fr 4fr;
|
|
gap: 0.25rem;
|
|
}
|
|
|
|
.grd_selt_sett73 {
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 7fr 3fr;
|
|
gap: 0.25rem;
|
|
}
|
|
|
|
/*Main*/
|
|
.header {
|
|
width: 100%;
|
|
height: 56px;
|
|
height: 3.5rem;
|
|
padding: 8px 20px;
|
|
padding: 0.5rem 1.25rem;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0px;
|
|
}
|
|
.header.white .header_title {
|
|
color: #003278;
|
|
}
|
|
.header.white .btn_login {
|
|
background: #FFF;
|
|
border: 1px solid #DCDDE0;
|
|
color: #000;
|
|
}
|
|
.header.white .btn_sign {
|
|
background: #00B295;
|
|
color: #fff;
|
|
}
|
|
.header.white .logo_wh {
|
|
display: none;
|
|
}
|
|
.header.white .logo_color {
|
|
display: block;
|
|
}
|
|
|
|
.logo_color {
|
|
display: none;
|
|
}
|
|
|
|
.Main_body {
|
|
background-color: #F0F0F2;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.main_art01 {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: relative;
|
|
background-color: #002252;
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-position: 40% center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.main_ab_trans {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.main_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.main_center01 {
|
|
width: 94.5rem;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
padding: 2rem;
|
|
background: transparent;
|
|
}
|
|
|
|
.mtitle_wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.mtitle_wrap.left {
|
|
justify-content: flex-start;
|
|
}
|
|
.mtitle_wrap.between {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.mtitle_dl {
|
|
text-align: left;
|
|
padding: 0.5rem 1rem 0 0;
|
|
}
|
|
.mtitle_dl dt {
|
|
font-size: 2rem;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
line-height: 1.3;
|
|
letter-spacing: 1.8px;
|
|
}
|
|
.mtitle_dl dd .mtitle_exp {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
color: #fff;
|
|
letter-spacing: 0.8px;
|
|
margin: 1.3rem 0 0;
|
|
}
|
|
.mtitle_dl dd .btn_default {
|
|
margin: 2.75rem 0 0;
|
|
}
|
|
|
|
@keyframes moveScroll {
|
|
50% {
|
|
transform: translate(-50%, -20px);
|
|
}
|
|
}
|
|
.go_ready {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -10px;
|
|
width: 100px;
|
|
height: auto;
|
|
z-index: 10;
|
|
transform: translateX(-50%);
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.go_ready img {
|
|
width: 100%;
|
|
margin-top: -25px;
|
|
}
|
|
.go_ready span {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.main_art02 {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: relative;
|
|
background-color: #F0F0F2;
|
|
}
|
|
|
|
.main_center02 {
|
|
width: 106rem;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
padding: 2rem;
|
|
background: transparent;
|
|
}
|
|
|
|
.main_art03 {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: relative;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.msent_dl {
|
|
color: #000;
|
|
margin: 0 0 3rem;
|
|
}
|
|
.msent_dl dt {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
margin: 0 0 1.25rem;
|
|
line-height: 1.4;
|
|
}
|
|
.msent_dl dd {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
@keyframes slideRight {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateX(200px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.art_img_right {
|
|
max-width: 75%;
|
|
margin: 1rem -12.5rem 0 0;
|
|
animation-duration: 1s !important;
|
|
animation-delay: 0s !important;
|
|
}
|
|
|
|
.art_img_left {
|
|
max-width: 75%;
|
|
margin: 1rem 0 0 -13rem;
|
|
animation-duration: 1s !important;
|
|
animation-delay: 0s !important;
|
|
}
|
|
|
|
.ani_img_right {
|
|
max-width: 75%;
|
|
margin: 1rem -12.5rem 0 0;
|
|
}
|
|
|
|
.ani_img_left {
|
|
max-width: 75%;
|
|
margin: 1rem 0 0 -13rem;
|
|
}
|
|
|
|
.main_art04 {
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: relative;
|
|
background-color: #F0F0F2;
|
|
}
|
|
|
|
.date_put_wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.date_put_dl {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.date_put_dl dt {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
margin: 0 1.5rem 0 0;
|
|
line-height: 1;
|
|
word-break: keep-all;
|
|
}
|
|
.date_put_dl dd {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.date_put_dl dd .selector {
|
|
width: 8.15rem;
|
|
}
|
|
|
|
.grd_date_sett {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-gap: 0.5rem;
|
|
}
|
|
|
|
.btzone_last {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
width: 100%;
|
|
padding: 1.5rem 0 0;
|
|
}
|
|
.btzone_last button {
|
|
margin: 0 0.25rem;
|
|
}
|
|
|
|
.list_contain {
|
|
width: 100%;
|
|
border-radius: 0.625rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.contain_top {
|
|
width: 100%;
|
|
height: 3.5rem;
|
|
padding: 0.8rem 1rem 0.5rem;
|
|
background-color: #D2D3D6;
|
|
border-radius: 0.625rem 0.625rem 0 0;
|
|
}
|
|
.contain_top .h3_m16 {
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.contain_body {
|
|
width: 100%;
|
|
padding: 1.25rem;
|
|
background-color: #fff;
|
|
border-radius: 0 0 0.625rem 0.625rem;
|
|
}
|
|
|
|
.data_top {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
|
|
.datas_cont {
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: auto;
|
|
}
|
|
.datas_cont .plus_zone {
|
|
border-top: 1px solid #DCDDE0;
|
|
}
|
|
|
|
.datas_table {
|
|
width: 100%;
|
|
}
|
|
.datas_table thead th {
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
height: 2rem;
|
|
padding-top: 4px;
|
|
}
|
|
.datas_table thead th .unit {
|
|
font-size: 0.75rem;
|
|
opacity: 0.7;
|
|
vertical-align: baseline;
|
|
}
|
|
.datas_table tbody tr td {
|
|
padding: 0.5rem 0.6rem;
|
|
border: none;
|
|
}
|
|
.datas_table tbody tr td.td_delete {
|
|
padding: 0.5rem 0rem 0.5rem 0.6rem;
|
|
}
|
|
.datas_table tbody tr td:first-child {
|
|
padding-left: 0;
|
|
width: 7%;
|
|
}
|
|
.datas_table tbody tr td:nth-child(3) {
|
|
width: 15%;
|
|
}
|
|
.datas_table tbody tr:first-child td {
|
|
padding-top: 1rem;
|
|
}
|
|
.datas_table tbody tr:last-child td {
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.tr_datas.del {
|
|
display: none;
|
|
}
|
|
|
|
.add_contain {
|
|
width: 100%;
|
|
height: 7.25rem;
|
|
padding: 1.25rem;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
border: 1px dashed #bebfc2;
|
|
border-radius: 0.625rem;
|
|
cursor: pointer;
|
|
}
|
|
.add_contain:hover {
|
|
background: #E4F6F3 0% 0%;
|
|
border: 1px dashed #00B295;
|
|
}
|
|
|
|
.add_button {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
.add_button .plus24 {
|
|
margin: 0px 6px 0px 0px;
|
|
opacity: 0.3;
|
|
}
|
|
.add_button span {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.grd_month_set {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-gap: 0.5rem;
|
|
}
|
|
.grd_month_set .selector {
|
|
width: 6.5rem;
|
|
}
|
|
.grd_month_set .selector.short {
|
|
width: 9.5rem;
|
|
}
|
|
|
|
.anlay_top {
|
|
width: 100%;
|
|
padding: 0px 0px 1.5rem;
|
|
border-bottom: 1px solid #D2D3D6;
|
|
}
|
|
.anlay_top.nobord {
|
|
border: none;
|
|
padding: 0 0 2.5rem;
|
|
}
|
|
|
|
.volume_body {
|
|
padding: 0.75rem;
|
|
}
|
|
|
|
.analy_volume {
|
|
width: 100%;
|
|
height: 7.44rem;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-gap: 0.625rem;
|
|
}
|
|
|
|
.volume_result {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0.75rem 0 0;
|
|
position: relative;
|
|
}
|
|
.volume_result .top {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: calc(100% - 3rem);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.volume_count {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
}
|
|
.volume_count .vol_count {
|
|
line-height: 1;
|
|
}
|
|
.volume_count .p_r12 {
|
|
color: rgba(0, 0, 0, 0.5019607843);
|
|
margin: 0 0.5rem;
|
|
}
|
|
|
|
.vol_count {
|
|
font-size: 2.25rem;
|
|
font-weight: 700;
|
|
color: #00B295;
|
|
line-height: 1;
|
|
word-break: break-all;
|
|
}
|
|
.vol_count + .decimal {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
color: #00B295;
|
|
}
|
|
.vol_count.bldark {
|
|
color: #002252;
|
|
}
|
|
.vol_count.bldark + .decimal {
|
|
color: #002252;
|
|
}
|
|
.vol_count.sky {
|
|
color: #00B8E6;
|
|
}
|
|
.vol_count.sky + .decimal {
|
|
color: #00B8E6;
|
|
}
|
|
.vol_count.blue {
|
|
color: #0068E6;
|
|
}
|
|
.vol_count.blue + .decimal {
|
|
color: #0068E6;
|
|
}
|
|
.vol_count.red {
|
|
color: #E61717;
|
|
}
|
|
.vol_count.red + .decimal {
|
|
color: #E61717;
|
|
}
|
|
|
|
.anlay_conts {
|
|
width: 100%;
|
|
padding: 1.25rem 0 0;
|
|
}
|
|
|
|
.chart_top {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
margin: 0 0 1rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
.analy_charts {
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
grid-auto-rows: minmax(20.88rem, auto);
|
|
grid-gap: 1.25rem;
|
|
}
|
|
.analy_charts .analy_body:first-child {
|
|
grid-column: 1/7;
|
|
}
|
|
.analy_charts .analy_body:nth-child(2) {
|
|
grid-column: 7/14;
|
|
}
|
|
.analy_charts .analy_body:nth-child(3) {
|
|
grid-column: 1/9;
|
|
}
|
|
.analy_charts .analy_body:nth-child(4) {
|
|
grid-column: 9/14;
|
|
}
|
|
|
|
.chart_unit {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.chart_cont {
|
|
width: 100%;
|
|
}
|
|
|
|
.doub_chart_wrap {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 16.25rem;
|
|
}
|
|
.doub_chart_wrap .chart_cont {
|
|
flex: 1;
|
|
}
|
|
.doub_chart_wrap .chart_cont.bord_dash {
|
|
border-right: 1px dashed #BEBFC2;
|
|
}
|
|
.doub_chart_wrap .sales_chart_rcd {
|
|
margin: 0 0.5rem 0 0;
|
|
}
|
|
.doub_chart_wrap .scope_step {
|
|
margin-right: -1.2rem;
|
|
}
|
|
|
|
.sales_chart_rcd {
|
|
width: 10.875rem;
|
|
height: 100%;
|
|
background: rgba(240, 241, 245, 0.4);
|
|
border: 1px solid rgb(220, 221, 224);
|
|
border-radius: 0.5rem;
|
|
padding: 0.75rem;
|
|
}
|
|
.sales_chart_rcd .selector.dispose {
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.totall_box {
|
|
display: flex;
|
|
width: 16.25rem;
|
|
height: 2rem;
|
|
padding: 0.3rem 1rem 0.2rem;
|
|
background: #FFF;
|
|
border: 1px solid #DCDDE0;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
.totall_box .wrput {
|
|
border: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: right;
|
|
padding: 0 4px 0 0;
|
|
}
|
|
.totall_box .unit {
|
|
font-size: 0.875rem;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.amcharts-amexport-menu {
|
|
display: none !important;
|
|
}
|
|
|
|
.sales_dispose {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.sales_dispose .date {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.sales_dispose .date.dash {
|
|
top: auto;
|
|
bottom: 0px;
|
|
}
|
|
.sales_dispose .selector {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.dispose_result {
|
|
text-align: center;
|
|
}
|
|
.dispose_result .vol_count {
|
|
font-size: 2rem;
|
|
margin: 1rem 0 0.5rem;
|
|
}
|
|
|
|
.date {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.chart_wrap {
|
|
width: 100%;
|
|
height: 16.625rem;
|
|
overflow: hidden;
|
|
}
|
|
.chart_wrap.reduce {
|
|
height: 28rem;
|
|
padding: 1rem 0 0;
|
|
position: relative;
|
|
}
|
|
.chart_wrap.reduce .chart_unit {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.chart_wrap .chart_cont {
|
|
height: 100%;
|
|
}
|
|
|
|
.ratio_wrap .chart_cont {
|
|
padding: 1rem;
|
|
}
|
|
|
|
.scope_zone {
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0.75rem;
|
|
background: rgba(240, 241, 245, 0.4) 0% 0%;
|
|
border: 1px solid #DCDDE0;
|
|
border-radius: 0.5rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.scope_zone .chart_unit {
|
|
font-size: 0.6875rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 8px;
|
|
}
|
|
.scope_zone .chart_cont {
|
|
width: 100%;
|
|
height: 145%;
|
|
margin-top: -0.25rem;
|
|
}
|
|
|
|
.scope_step {
|
|
width: auto;
|
|
padding: 1rem 0px 0px 0.3rem;
|
|
}
|
|
.scope_step .p_r14:first-child {
|
|
height: 55%;
|
|
}
|
|
.scope_step .p_r14:nth-child(2) {
|
|
height: 22%;
|
|
}
|
|
|
|
.reduce_volume {
|
|
width: 100%;
|
|
height: 11.25rem;
|
|
padding: 0 0 0.75rem;
|
|
display: grid;
|
|
grid-template-columns: 1.4fr 1fr 1fr 1fr;
|
|
grid-gap: 0.625rem;
|
|
border-bottom: 1px solid #D2D3D6;
|
|
}
|
|
.reduce_volume .scope_zone {
|
|
padding: 1rem;
|
|
}
|
|
.reduce_volume .scope_zone .chart_unit {
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.volume_last {
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
padding: 1.25rem 0 0.5rem;
|
|
}
|
|
|
|
.reduce_sett {
|
|
width: 80%;
|
|
padding: 0.3rem 0 0 0.5rem;
|
|
}
|
|
.reduce_sett .dl_enroll dt {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
width: 10.5rem;
|
|
padding: 0 0.5rem 0 0;
|
|
}
|
|
.reduce_sett .dl_enroll dt .mini {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
letter-spacing: -0.5px;
|
|
}
|
|
|
|
footer {
|
|
width: 100%;
|
|
height: 8.375rem;
|
|
background-color: #5C5E66;
|
|
padding: 2rem 2.25rem;
|
|
}
|
|
|
|
.footer_in {
|
|
width: 100%;
|
|
padding: 2px 0 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.footer_left {
|
|
min-width: 15.25rem;
|
|
padding: 0 1rem 0 0;
|
|
}
|
|
.footer_left .copy {
|
|
font-size: 0.6875rem;
|
|
font-weight: 400;
|
|
font-weight: 300;
|
|
color: #fff;
|
|
margin: 3px 0 0;
|
|
}
|
|
|
|
.footer_right {
|
|
flex: 1;
|
|
}
|
|
|
|
.copy_right {
|
|
width: 100%;
|
|
padding: 2px 0 0;
|
|
}
|
|
.copy_right p {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
font-weight: 300;
|
|
color: #fff;
|
|
line-height: 1.8;
|
|
letter-spacing: 0.8px;
|
|
}
|
|
|
|
.circle_arrow {
|
|
position: fixed;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
right: 20px;
|
|
right: 1.25rem;
|
|
bottom: 20px;
|
|
bottom: 1.25rem;
|
|
width: 3rem;
|
|
height: 3rem;
|
|
background: rgba(0, 0, 0, 0.6);
|
|
border-radius: 100%;
|
|
z-index: 100;
|
|
cursor: pointer;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: 0.3s all;
|
|
}
|
|
.circle_arrow.on {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.circle_arrow:hover {
|
|
background: rgb(0, 0, 0);
|
|
}
|
|
|
|
.analy_charts2 {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-auto-rows: minmax(21.25rem, auto);
|
|
grid-gap: 1.25rem;
|
|
}
|
|
|
|
.charts_line {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
.charts_line .half {
|
|
width: 50%;
|
|
padding: 0 0 0 1.25rem;
|
|
}
|
|
.charts_line .half:first-child {
|
|
border-right: 1px solid #DCDDE0;
|
|
padding: 0 1.25rem 0 0;
|
|
}
|
|
|
|
.scope_chart {
|
|
width: 100%;
|
|
height: 21.25rem;
|
|
position: relative;
|
|
}
|
|
.scope_chart .scope_sign {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.scope_chart .chart_unit {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
font-size: 0.6875rem;
|
|
}
|
|
.scope_chart .chart_cont {
|
|
height: 100%;
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.chart_inner {
|
|
position: relative;
|
|
width: 100%;
|
|
background: rgba(240, 241, 245, 0.4);
|
|
border: 1px solid #DCDDE0;
|
|
border-radius: 0.5rem;
|
|
padding: 0.75rem;
|
|
}
|
|
.chart_inner .top {
|
|
text-align: center;
|
|
margin: 0.5rem 0 1rem;
|
|
line-height: 1.2;
|
|
}
|
|
.chart_inner .chart_unit {
|
|
font-size: 0.6875rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
right: 1rem;
|
|
top: 1rem;
|
|
}
|
|
|
|
.scope_sign {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 95px;
|
|
padding: 0.25rem 1rem 0.23rem;
|
|
background: #00B295;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.Sign_body {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
background-color: #F0F0F2;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.Sign_center {
|
|
width: 50.5rem;
|
|
margin: 4.3rem auto;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sign_top {
|
|
width: 100%;
|
|
height: 5.125rem;
|
|
padding: 0.75rem;
|
|
background: #002252;
|
|
border-radius: 10px;
|
|
margin: 0 0 1rem;
|
|
}
|
|
|
|
.sign_contents {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
border-radius: 10px;
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.sign_sequence {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin: 0 0 5.625rem;
|
|
}
|
|
|
|
.sequence_cont {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.seq_dl {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0 0 0.625rem;
|
|
opacity: 0.3;
|
|
}
|
|
.seq_dl dt {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
margin: 0 6px 0 0;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #000;
|
|
background-color: #fff;
|
|
border-radius: 100%;
|
|
line-height: 1;
|
|
}
|
|
.seq_dl dd {
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1;
|
|
}
|
|
.seq_dl dd .call {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
margin: 0 0.5rem 0 0;
|
|
}
|
|
.seq_dl dd .line {
|
|
width: 30px;
|
|
height: 1px;
|
|
background-color: #000;
|
|
}
|
|
.seq_dl.on {
|
|
opacity: 1;
|
|
}
|
|
.seq_dl.on dt {
|
|
background: #00B295;
|
|
border: 1px solid #00B295;
|
|
color: #fff;
|
|
}
|
|
.seq_dl.on dd .call {
|
|
color: #00B295;
|
|
}
|
|
.seq_dl.on dd .line {
|
|
background-color: #00B295;
|
|
}
|
|
|
|
.terms_contain {
|
|
width: 100%;
|
|
}
|
|
|
|
.terms_full {
|
|
padding: 0 0 5px;
|
|
border-bottom: 1px solid #8A8E99;
|
|
}
|
|
|
|
.check_dl {
|
|
display: flex;
|
|
width: 100%;
|
|
padding: 0 0 0.5rem;
|
|
cursor: pointer;
|
|
}
|
|
.check_dl dt {
|
|
width: 1.75rem;
|
|
}
|
|
.check_dl dd {
|
|
flex: 1;
|
|
}
|
|
|
|
.check_box {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
cursor: pointer;
|
|
}
|
|
.check_box .icon_on {
|
|
display: none;
|
|
}
|
|
.check_box.on .icon {
|
|
display: none;
|
|
}
|
|
.check_box.on .icon_on {
|
|
display: block;
|
|
}
|
|
|
|
.terms_sent {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
line-height: 1.4;
|
|
}
|
|
.terms_sent.full {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: #00A388;
|
|
}
|
|
|
|
.terms_cont {
|
|
width: 100%;
|
|
padding: 0.9375rem 0 0.5rem;
|
|
}
|
|
.terms_cont ::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
.terms_cont ::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
border-radius: 50px;
|
|
}
|
|
.terms_cont ::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
.terms_cont ::-webkit-scrollbar-track {
|
|
background-color: none;
|
|
}
|
|
.terms_cont .temrs_text_wrap {
|
|
border: 1px solid #DCDDE0;
|
|
padding: 0.875rem 0.25rem 0.25rem 1rem;
|
|
}
|
|
|
|
.terms_area {
|
|
width: 100%;
|
|
height: 8rem;
|
|
padding-right: 1.5rem;
|
|
background-color: #fff;
|
|
overflow: auto;
|
|
font-size: 0.875rem;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
line-height: 1.5rem;
|
|
resize: none;
|
|
}
|
|
|
|
.btzone_between {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
padding: 1rem 0 0;
|
|
}
|
|
|
|
.analy_charts3 {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
grid-auto-rows: minmax(21.25rem, auto);
|
|
grid-gap: 1.25rem;
|
|
}
|
|
.analy_charts3 .analy_body:first-child {
|
|
grid-column: 1/3;
|
|
}
|
|
.analy_charts3 .analy_body:nth-child(2) {
|
|
grid-column: 3/4;
|
|
}
|
|
.analy_charts3 .analy_body:nth-child(3) {
|
|
grid-column: 4/5;
|
|
}
|
|
.analy_charts3 .analy_body:nth-child(4) {
|
|
grid-column: 1/3;
|
|
}
|
|
.analy_charts3 .analy_body:nth-child(5) {
|
|
grid-column: 3/5;
|
|
}
|
|
.analy_charts3 .analy_body:nth-child(6) {
|
|
grid-column: 1/5;
|
|
}
|
|
|
|
.status_vert_wrap {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
.status_vert_wrap .chart_cont {
|
|
height: calc(100% - 1rem);
|
|
padding: 1.6rem 0 0;
|
|
}
|
|
|
|
.status_dl {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
height: 3.75rem;
|
|
padding: 1.187rem 1.5rem 0.9375rem 1.2rem;
|
|
background: rgba(240, 241, 245, 0.4);
|
|
border: 1px solid #DCDDE0;
|
|
border-radius: 8px;
|
|
}
|
|
.status_dl dt {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
margin: 0.25rem 0.25rem 0 0;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.scope_result {
|
|
color: #00B295;
|
|
word-break: keep-all;
|
|
}
|
|
.scope_result .unit {
|
|
margin: 0 0 1px 1px;
|
|
}
|
|
|
|
.plus20 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
}
|
|
|
|
.see_more {
|
|
display: flex;
|
|
align-items: center;
|
|
transition: 0.2s all;
|
|
}
|
|
.see_more:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.see_more .plus20 {
|
|
opacity: 0.3;
|
|
margin: 0 0.25rem 0 0;
|
|
}
|
|
|
|
.profile_photo {
|
|
width: 5.25rem;
|
|
height: 5.25rem;
|
|
margin: 0px 8px 0px 0px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.profile_photo .img_camera {
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.circle_photo {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #F0F1F5;
|
|
border: 1px solid #DCDDE0;
|
|
border-radius: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.circle_photo .photo_user {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 100%;
|
|
height: auto;
|
|
transform: translate(-50%, -45%);
|
|
z-index: 1;
|
|
}
|
|
|
|
.photo_upload {
|
|
position: absolute;
|
|
z-index: 9;
|
|
right: -6px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.member_photo {
|
|
width: 3.375rem;
|
|
height: 3.375rem;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.form_inner_phone {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.alarm_top {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
padding: 1.5rem 1.5rem 1.25rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
|
|
.alarm_cont {
|
|
width: 100%;
|
|
padding: 1.5rem 1.5rem 1.25rem;
|
|
}
|
|
.alarm_cont.grey {
|
|
background-color: #F0F1F5;
|
|
}
|
|
.alarm_cont .timer {
|
|
margin: 0.25rem 0 0;
|
|
}
|
|
|
|
.point_dl {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
}
|
|
.point_dl dt {
|
|
width: 0.875rem;
|
|
height: 0.875rem;
|
|
}
|
|
.point_dl dt .point {
|
|
margin: 0.375rem 0 0;
|
|
}
|
|
.point_dl dd {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
flex: 1;
|
|
}
|
|
.point_dl dd .timer {
|
|
padding: 0.25rem 0 0;
|
|
}
|
|
|
|
.alarm_inner {
|
|
padding: 0 0 0 0.875rem;
|
|
}
|
|
|
|
.alarm_detail {
|
|
padding: 1rem 0 0;
|
|
}
|
|
.alarm_detail h4 {
|
|
line-height: 1.6;
|
|
}
|
|
.alarm_detail .p_r14 {
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.point {
|
|
display: inline-block;
|
|
width: 0.375rem;
|
|
height: 0.375rem;
|
|
background: #C8C9CC;
|
|
border-radius: 100%;
|
|
}
|
|
.point.on {
|
|
background: #00B295;
|
|
}
|
|
|
|
.timer {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 0.6875rem;
|
|
font-weight: 400;
|
|
}
|
|
.timer span {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.right_panel {
|
|
position: fixed;
|
|
top: 0px;
|
|
right: -28rem;
|
|
width: 25.625rem;
|
|
height: 100%;
|
|
padding: 1.25rem 0 1.25rem 1.25rem;
|
|
background: #fff;
|
|
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
|
|
border-radius: 1.25rem 0 0 1.25rem;
|
|
z-index: 700;
|
|
transition: 0.3s all;
|
|
}
|
|
.right_panel.on {
|
|
right: 0px;
|
|
}
|
|
.right_panel .panel_inner {
|
|
padding: 0 1rem 0 0;
|
|
}
|
|
|
|
.panel_inner::-webkit-scrollbar {
|
|
-webkit-appearance: none;
|
|
width: 8px;
|
|
}
|
|
|
|
.panel_inner::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.panel_inner::-webkit-scrollbar-track {
|
|
width: 8px;
|
|
background-color: none;
|
|
}
|
|
|
|
.panel_inner::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.panel_inner {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.panel_inner .panel_close {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
.panel_close {
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 28px;
|
|
cursor: pointer;
|
|
}
|
|
.panel_close:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.panel_top {
|
|
width: 100%;
|
|
padding: 4.75rem 0 0;
|
|
}
|
|
.panel_top h1 {
|
|
color: #00A387;
|
|
margin: 0 0 1.75rem;
|
|
}
|
|
|
|
.panel_text p {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
font-weight: 300;
|
|
line-height: 1.6;
|
|
margin: 0 0 9px;
|
|
}
|
|
.panel_text p strong {
|
|
font-weight: 500;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
.tier_cont {
|
|
padding: 26px 0 0;
|
|
}
|
|
|
|
.tier_dl {
|
|
margin: 24px 0 0;
|
|
}
|
|
.tier_dl dt {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 700;
|
|
margin: 0 0 0.25rem;
|
|
}
|
|
.tier_dl dd {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|
|
.tier_dl dd strong {
|
|
color: #00A388;
|
|
}
|
|
|
|
.tab_line {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 0 0 1.75rem;
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
|
|
.tab_radio {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.tab_radio .img_on {
|
|
display: none;
|
|
}
|
|
.tab_radio.on .img {
|
|
display: none;
|
|
}
|
|
.tab_radio.on .img_on {
|
|
display: block;
|
|
}
|
|
.tab_radio.on .word {
|
|
color: #00A387;
|
|
}
|
|
.tab_radio .word {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
color: #000000;
|
|
margin: 0 0 0 0.5rem;
|
|
}
|
|
|
|
/* 01-10 lee css */
|
|
select option[value=""][disabled] {
|
|
display: none;
|
|
}
|
|
|
|
.text_point {
|
|
color: #00A387;
|
|
}
|
|
|
|
.button_default {
|
|
margin: 0 0;
|
|
padding: 0 0;
|
|
border: none;
|
|
background: transparent;
|
|
transition: 0.2s all;
|
|
}
|
|
.button_default:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.button_default.lightgrey {
|
|
border: 1px solid #DCDDE0;
|
|
background-color: #F0F1F5;
|
|
}
|
|
.button_default.darkgrey {
|
|
background-color: #5C5E66;
|
|
}
|
|
.button_default.darkgrey:hover {
|
|
opacity: 0.9;
|
|
}
|
|
.button_default.white {
|
|
border: 1px solid #DCDDE0;
|
|
}
|
|
|
|
.td_name {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
word-break: nowrap;
|
|
color: #0069CC;
|
|
}
|
|
|
|
.td_space {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
width: 15rem;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
word-break: keep-all;
|
|
}
|
|
|
|
.users_table th {
|
|
width: 7.5rem;
|
|
}
|
|
.users_table th:nth-child(6) {
|
|
width: 16.5rem;
|
|
}
|
|
.users_table th:nth-child(7) {
|
|
width: 22.5rem;
|
|
}
|
|
.users_table th:nth-child(1), .users_table td:nth-child(1) {
|
|
width: 52px;
|
|
padding-left: 1.25rem;
|
|
}
|
|
|
|
.custom_checkbox input[type=checkbox] {
|
|
position: absolute;
|
|
left: -9999px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
.custom_checkbox label {
|
|
display: block;
|
|
min-width: 20px;
|
|
height: 20px;
|
|
padding-left: 24px;
|
|
cursor: pointer;
|
|
background-image: url(../../public/images/checkbox.svg);
|
|
background-position: left center;
|
|
}
|
|
.custom_checkbox label.on {
|
|
background-image: url(../../public/images/checkbox_on.svg);
|
|
}
|
|
|
|
.users_state {
|
|
font-size: 0.75rem !important;
|
|
font-weight: 500 !important;
|
|
width: 3.5rem;
|
|
height: 1.375rem;
|
|
margin: 0 auto;
|
|
border-radius: 4px;
|
|
line-height: 1.375rem;
|
|
text-align: center;
|
|
padding: 0 0.3rem;
|
|
overflow: hidden;
|
|
}
|
|
.users_state.users_pending {
|
|
background: #E9EBEE;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.users_state.users_rejection {
|
|
background: #FFE5ED;
|
|
color: #DB0000;
|
|
}
|
|
.users_state.users_approval {
|
|
background: #E3F3FF;
|
|
color: #0068E6;
|
|
}
|
|
.users_state.manager {
|
|
background: #0068E6;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
min-width: 3.75rem;
|
|
}
|
|
.users_state.sky {
|
|
background: #00B8E6;
|
|
}
|
|
.users_state.blue {
|
|
background: #0068E6;
|
|
}
|
|
.users_state.red {
|
|
background: #E61717;
|
|
}
|
|
.users_state.auto {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: #fff;
|
|
font-weight: 400;
|
|
width: auto;
|
|
min-width: 3.375rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.help_information_btn {
|
|
display: flex;
|
|
position: fixed;
|
|
z-index: 50;
|
|
top: 88px;
|
|
right: 0;
|
|
width: 32px;
|
|
height: 44px;
|
|
border-radius: 5px 0 0 5px;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
|
|
background: #1FB0A6;
|
|
}
|
|
.help_information_btn img {
|
|
position: absolute;
|
|
z-index: -1;
|
|
top: 7px;
|
|
left: 7px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.help_information_btn button {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
justify-content: center;
|
|
font-size: 0.6875rem;
|
|
font-weight: 500;
|
|
width: 100%;
|
|
padding: 0 0 3px;
|
|
background: none;
|
|
letter-spacing: 0.025rem;
|
|
}
|
|
|
|
.toast_popup_box {
|
|
position: fixed;
|
|
z-index: 102;
|
|
top: 16px;
|
|
right: 16px;
|
|
}
|
|
|
|
.toast_popup {
|
|
display: grid;
|
|
grid-auto-rows: minmax(60px, auto);
|
|
row-gap: 12px;
|
|
}
|
|
|
|
.toast_sett {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.toast_box {
|
|
display: inline-block;
|
|
min-width: 354px;
|
|
min-width: 22rem;
|
|
margin: 0 0 0.75rem;
|
|
}
|
|
|
|
.toast_in {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 12px 16px 18px;
|
|
border-radius: 8px;
|
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
background: #E6E7EB;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.toast_in .button_default {
|
|
margin-left: auto;
|
|
}
|
|
.toast_in .button_default img {
|
|
max-width: -moz-fit-content;
|
|
max-width: fit-content;
|
|
}
|
|
.toast_in .toast_text {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
margin: 0 24px 0 12px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.pop_users, .pop_users_confirm {
|
|
width: 24.25rem;
|
|
padding: 1.5rem;
|
|
}
|
|
|
|
.pop_users_confirm .pop_cont {
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
|
|
.pop_paragraph {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.user_rejection_list {
|
|
display: inline-block;
|
|
margin-top: 12px;
|
|
padding: 4px 48px 4px 8px;
|
|
border-radius: 4px;
|
|
background: #E6E7EB;
|
|
}
|
|
.user_rejection_list li {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
position: relative;
|
|
padding-left: 10px;
|
|
line-height: 1.4rem;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.user_rejection_list li:before {
|
|
position: absolute;
|
|
left: 0;
|
|
content: "-";
|
|
}
|
|
|
|
.border_list {
|
|
padding: 20px 0;
|
|
border-top: 1px solid #8A8E99;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
}
|
|
|
|
.user_approval_list li {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 12px;
|
|
}
|
|
.user_approval_list li:first-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.user_approval_list li .text_01 {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
width: 113px;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.user_approval_list li .text_02 {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
.user_approval_list .additional_file {
|
|
margin-top: 20px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #DCDDE0;
|
|
}
|
|
.user_approval_list .additional_file .text_02 {
|
|
font-weight: 400;
|
|
color: #0068E6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.member_popup_box {
|
|
position: fixed;
|
|
z-index: 101;
|
|
right: 16px;
|
|
top: 84px;
|
|
animation: modal-member 0.3s;
|
|
}
|
|
.member_popup_box .pop_body {
|
|
width: 21rem;
|
|
overflow: hidden;
|
|
}
|
|
.member_popup_box .member_information {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 1.5rem 1.5rem 1.25rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
}
|
|
.member_popup_box .member_image {
|
|
width: 54px;
|
|
overflow: hidden;
|
|
}
|
|
.member_popup_box .member_text {
|
|
line-height: 1;
|
|
}
|
|
.member_popup_box .member_name {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
margin-bottom: 7px;
|
|
}
|
|
.member_popup_box .member_email {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.member_popup_box .member_modify,
|
|
.member_popup_box .member_logout {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
width: 100%;
|
|
height: 2.75rem;
|
|
padding-left: 1.5rem;
|
|
text-align: left;
|
|
}
|
|
.member_popup_box .member_modify {
|
|
border-top: 1px solid #DCDDE0;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
background: #F0F1F5;
|
|
}
|
|
.member_popup_box .member_logout {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.modify_confirm_list {
|
|
margin-top: 1.25rem;
|
|
}
|
|
.modify_confirm_list li {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 44px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.modify_confirm_list li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.modify_confirm_list .modify_password_title {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
width: 100px;
|
|
}
|
|
.modify_confirm_list .modify_password_data {
|
|
align-self: stretch;
|
|
flex: 1;
|
|
line-height: 44px;
|
|
font-weight: 500;
|
|
}
|
|
.modify_confirm_list .wrput {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.form_error_msg {
|
|
font-size: 0.8125rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 20px;
|
|
bottom: 1px;
|
|
color: #DB0000;
|
|
}
|
|
|
|
.member_modify_form {
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
.member_modify_form .form_row {
|
|
display: flex;
|
|
align-items: stretch;
|
|
height: 4.5rem;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
}
|
|
.member_modify_form .form_row .button_default {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
height: 2rem;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
}
|
|
.member_modify_form .form_title {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
width: 14.75rem;
|
|
padding: 1.687rem 1rem 0.5rem 1.25rem;
|
|
padding: 1.687rem 0.5rem 0.5rem 1.25rem;
|
|
background: #E6E7EB;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.member_modify_form .form_contents {
|
|
flex: 1;
|
|
max-width: calc((100% - 29.5rem) / 2);
|
|
position: relative;
|
|
padding: 1.25rem 2.5rem 0.5rem 1.25rem;
|
|
}
|
|
.member_modify_form .form_contents .wrput {
|
|
width: 100%;
|
|
}
|
|
.member_modify_form .form_contents.row_last_contents {
|
|
padding-right: 1.25rem;
|
|
}
|
|
.member_modify_form .form_error_msg {
|
|
font-size: 0.8125rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 20px;
|
|
bottom: 1px;
|
|
color: #DB0000;
|
|
}
|
|
.member_modify_form .remark_msg {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
margin: 1px 0 0;
|
|
}
|
|
.member_modify_form .form_business_registration {
|
|
min-height: 100px;
|
|
}
|
|
.member_modify_form .form_business_registration .form_contents {
|
|
max-width: 100%;
|
|
}
|
|
.member_modify_form .form_company_address {
|
|
height: 112px;
|
|
}
|
|
.member_modify_form .form_company_phone {
|
|
height: auto;
|
|
min-height: 78px;
|
|
}
|
|
.member_modify_form .form_profile_image {
|
|
height: auto;
|
|
}
|
|
.member_modify_form .form_profile_image .button_default {
|
|
width: 84px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.member_modify_form .form_profile_image .form_contents {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
max-width: 100%;
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
padding: 1.25rem 2.5rem 1.25rem 1.25rem;
|
|
}
|
|
.member_modify_form .form_profile_image .profile_thumbnail {
|
|
margin-right: 9px;
|
|
}
|
|
.member_modify_form .form_admin_email {
|
|
height: 88px;
|
|
}
|
|
.member_modify_form .form_admin_email .button_default {
|
|
width: 7rem;
|
|
}
|
|
.member_modify_form .form_admin_email .form_contents {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
-moz-column-gap: 8px;
|
|
column-gap: 8px;
|
|
}
|
|
.member_modify_form .form_admin_email .form_contents .dflx {
|
|
width: 100%;
|
|
}
|
|
.member_modify_form .form_admin_email .wrput {
|
|
flex: 1;
|
|
}
|
|
.member_modify_form .form_sms_verification {
|
|
display: flex;
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.member_modify_form .form_sms_verification .button_default {
|
|
width: 4.25rem;
|
|
}
|
|
.member_modify_form .form_sms_verification .wrput, .member_modify_form .form_sms_verification .put_zone {
|
|
flex: 1;
|
|
}
|
|
|
|
.form_find_address {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
flex-wrap: wrap;
|
|
}
|
|
.form_find_address .button_default {
|
|
width: 84px;
|
|
}
|
|
.form_find_address .input01 {
|
|
flex: 1;
|
|
width: auto;
|
|
}
|
|
|
|
.form_email_line {
|
|
width: 100%;
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
}
|
|
.form_email_line .put_zone {
|
|
flex: 1;
|
|
}
|
|
|
|
.form_head_phone {
|
|
display: grid;
|
|
grid-template-columns: 7rem 1fr;
|
|
gap: 0.5rem;
|
|
}
|
|
.form_head_phone .selector {
|
|
width: 7rem;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.form_head_phone .remark_msg {
|
|
font-size: 0.8125rem;
|
|
font-weight: 400;
|
|
left: 8.5rem;
|
|
bottom: 7px;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.form_file_upload {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.form_file_upload .button_default {
|
|
width: 84px;
|
|
}
|
|
.form_file_upload .form_file_name {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
width: auto;
|
|
max-width: 532px;
|
|
margin: 0 8px 0 16px;
|
|
padding: 0 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.form_file_upload + .remark_msg {
|
|
margin: 0.5rem 0 0;
|
|
font-size: 0.75rem;
|
|
}
|
|
.form_file_upload .form_file_remove {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.form_admin_email .button_default {
|
|
width: 112px;
|
|
}
|
|
.form_admin_email .remark_msg {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
bottom: 10px;
|
|
line-height: 1.5rem;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
|
|
.signup_title {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.signup_step_form {
|
|
margin: 1rem 0 0.5rem;
|
|
padding: 2rem 0 1.75rem;
|
|
border-top: 1px solid #8A8E99;
|
|
border-bottom: 1px solid #DCDDE0;
|
|
}
|
|
.signup_step_form .form_row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
min-height: 3.75rem;
|
|
padding: 0 0 0.5625rem;
|
|
}
|
|
.signup_step_form .form_row:last-child {
|
|
min-height: 2.2rem;
|
|
padding: 0;
|
|
}
|
|
.signup_step_form .form_row .button_default {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
height: 2rem;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
}
|
|
.signup_step_form .form_title {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
width: 10.5rem;
|
|
padding: 0.5rem 0.5rem 0 0;
|
|
}
|
|
.signup_step_form .form_contents {
|
|
display: flex;
|
|
position: relative;
|
|
flex: 1;
|
|
-moz-column-gap: 0.5rem;
|
|
column-gap: 0.5rem;
|
|
}
|
|
.signup_step_form .form_contents .wrput {
|
|
flex: 1;
|
|
}
|
|
.signup_step_form .form_contents .wrput.input01 {
|
|
flex: auto;
|
|
}
|
|
.signup_step_form .form_contents .form_error_msg {
|
|
left: 0;
|
|
bottom: -21px;
|
|
}
|
|
.signup_step_form .form_contents .put_zone {
|
|
flex: 1;
|
|
}
|
|
.signup_step_form .form_admin_id .button_default {
|
|
width: 5.25rem;
|
|
}
|
|
.signup_step_form .duplication_checked {
|
|
position: absolute;
|
|
top: 0.3rem;
|
|
right: 6.5rem;
|
|
}
|
|
.signup_step_form .form_admin_email .remark_msg {
|
|
position: absolute;
|
|
bottom: -26px;
|
|
}
|
|
.signup_step_form .form_sms_verification .button_default {
|
|
width: 4.25rem;
|
|
}
|
|
.signup_step_form .form_signup_phone .selector {
|
|
width: 8rem;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.signup_step_form .form_signup_phone .input02 {
|
|
width: 9rem;
|
|
}
|
|
.signup_step_form .form_signup_phone .remark_msg {
|
|
font-size: 0.8125rem;
|
|
font-weight: 400;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -21px;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.signup_step_form .form_company_name .button_default {
|
|
width: 4.25rem;
|
|
}
|
|
.signup_step_form .form_business_registration .form_title {
|
|
align-self: flex-start;
|
|
padding-top: 6px;
|
|
}
|
|
.signup_step_form .form_business_registration .form_contents {
|
|
flex-wrap: wrap;
|
|
}
|
|
.signup_step_form .form_business_registration .form_contents .remark_msg {
|
|
font-size: 0.75rem;
|
|
font-weight: 400;
|
|
width: 100%;
|
|
line-height: 1.25rem;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
.signup_step_form .form_business_registration .file_result .p_r14 {
|
|
max-width: 450px;
|
|
}
|
|
.signup_step_form .form_company_address {
|
|
min-height: 6.25rem;
|
|
}
|
|
.signup_step_form .form_company_address .form_title {
|
|
align-self: flex-start;
|
|
padding-top: 6px;
|
|
}
|
|
.signup_step_form .form_find_address {
|
|
flex: 1;
|
|
}
|
|
.signup_step_form .form_find_address .input02 {
|
|
width: 100%;
|
|
flex: auto;
|
|
}
|
|
|
|
.signup_success .text_point {
|
|
font-weight: 700;
|
|
}
|
|
.signup_success .remark_msg {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
margin-top: 1rem;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.pop_address_search {
|
|
width: 24.25rem;
|
|
padding: 1.5rem 0;
|
|
}
|
|
.pop_address_search .address_search_list {
|
|
padding: 1.25rem 0 1.5rem;
|
|
}
|
|
.pop_address_search .address_search_list .put_zone {
|
|
flex: 1;
|
|
}
|
|
.pop_address_search .address_search_list .put_zone .wrput {
|
|
width: 100%;
|
|
}
|
|
.pop_address_search .pop_top, .pop_address_search .input_sett, .pop_address_search .pop_bottom {
|
|
width: calc(100% - 3rem);
|
|
margin: 0 auto;
|
|
}
|
|
.pop_address_search .pop_top {
|
|
padding-bottom: 1rem;
|
|
border-bottom: 1px solid #8A8E99;
|
|
}
|
|
.pop_address_search .search_scrollbox {
|
|
position: relative;
|
|
padding: 1.5rem 0;
|
|
}
|
|
.pop_address_search .search_scrollbox:after {
|
|
position: absolute;
|
|
left: 1.5rem;
|
|
bottom: 0;
|
|
width: calc(100% - 3rem);
|
|
height: 1px;
|
|
background: #DCDDE0;
|
|
content: "";
|
|
}
|
|
.pop_address_search .address_result {
|
|
height: 13.75rem;
|
|
max-height: 15rem;
|
|
overflow-y: auto;
|
|
}
|
|
.pop_address_search .address_result::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
.pop_address_search .address_result::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
border-radius: 50px;
|
|
}
|
|
.pop_address_search .address_result::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
.pop_address_search .address_result::-webkit-scrollbar-track {
|
|
background-color: none;
|
|
}
|
|
.pop_address_search .address_result li {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
min-height: 4.25rem;
|
|
padding: 0.675rem 1.5rem;
|
|
cursor: pointer;
|
|
}
|
|
.pop_address_search .address_result li:hover, .pop_address_search .address_result li.on {
|
|
background: #F0F1F5;
|
|
}
|
|
.pop_address_search .address_result .list_checked {
|
|
display: none;
|
|
}
|
|
.pop_address_search .address_result .on .list_checked {
|
|
display: block;
|
|
align-self: center;
|
|
margin-left: auto;
|
|
}
|
|
.pop_address_search .result_text * {
|
|
flex: 1;
|
|
padding-right: 1rem;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
.pop_address_search .result_text01 {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
margin-bottom: 8px;
|
|
}
|
|
.pop_address_search .result_text02 {
|
|
font-size: 0.875rem;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.row_sett {
|
|
width: 50%;
|
|
height: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
/*반응형*/
|
|
@media screen and (max-width: 1664px) {
|
|
.main_center02, .main_center04, .main_center04 {
|
|
width: 96%;
|
|
}
|
|
.member_modify_form .form_contents {
|
|
max-width: calc((100% - 24rem) / 2 + 12rem);
|
|
padding: 1.25rem 1.25rem 0.5rem 1.25rem;
|
|
}
|
|
.member_modify_form .form_title {
|
|
width: 12rem;
|
|
}
|
|
.form_head_phone {
|
|
grid-template-columns: 5.5rem 1fr;
|
|
}
|
|
.form_head_phone .selector {
|
|
width: 5.5rem;
|
|
padding: 0 1.2rem 0 0.6rem;
|
|
}
|
|
.form_inner_phone .wrput {
|
|
padding: 0px 0.75rem;
|
|
}
|
|
.status_dl {
|
|
padding: 1.187rem 0.6rem 0.9375rem 0.5rem;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1520px) {
|
|
.main_center01 {
|
|
width: 90%;
|
|
}
|
|
.art02_img {
|
|
max-width: 70%;
|
|
}
|
|
.ani_img_right {
|
|
max-width: 70%;
|
|
}
|
|
.ani_img_left {
|
|
max-width: 70%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1360px) {
|
|
html, body {
|
|
font-size: 0.875rem;
|
|
}
|
|
.Dash_body {
|
|
padding-left: 7rem;
|
|
}
|
|
.aside {
|
|
width: 64px;
|
|
width: 4rem;
|
|
}
|
|
.aside_arrow {
|
|
display: none;
|
|
}
|
|
.menu_line .menu_icon {
|
|
margin: 0px;
|
|
}
|
|
.menu_line .menu_tlt {
|
|
display: none;
|
|
}
|
|
.aside_arrow .arr_icon {
|
|
display: none;
|
|
}
|
|
.aside_arrow .arr_icon_on {
|
|
display: block;
|
|
}
|
|
.put_zone .put_check {
|
|
top: 4px;
|
|
}
|
|
.w260 {
|
|
width: 16.25rem !important;
|
|
}
|
|
.member_modify_form .form_business_registration {
|
|
min-height: 6.25rem;
|
|
}
|
|
.member_modify_form .form_company_address {
|
|
height: 7rem;
|
|
}
|
|
.member_modify_form .form_profile_image {
|
|
height: auto;
|
|
}
|
|
.date_put_dl dt {
|
|
margin: 0 1rem 0 0;
|
|
}
|
|
.date_put_dl dd .selector {
|
|
width: 7rem;
|
|
}
|
|
.totall_box {
|
|
width: 13rem;
|
|
}
|
|
.doub_chart_wrap .sales_chart_rcd {
|
|
width: 9rem;
|
|
margin: 0;
|
|
padding: 0.625rem;
|
|
}
|
|
.dispose_result .vol_count {
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1200px) {
|
|
.date_put_wrap .date_put_dl:last-child {
|
|
margin-left: 0rem;
|
|
}
|
|
.date_put_dl dt {
|
|
margin: 0 0.5rem 0 0;
|
|
}
|
|
.ani_img_right {
|
|
max-width: 65%;
|
|
}
|
|
.ani_img_left {
|
|
max-width: 65%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 992px) {
|
|
.main_center02, .main_center04, .main_center04 {
|
|
width: 100%;
|
|
}
|
|
.mtitle_wrap.between {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
.ani_img_right {
|
|
max-width: 100%;
|
|
}
|
|
.ani_img_left {
|
|
max-width: 100%;
|
|
}
|
|
.main_art02 .msent_dl, .main_art04 .msent_dl {
|
|
margin: 0 0 4rem -15rem;
|
|
}
|
|
.main_art03 .msent_dl {
|
|
margin: 4rem -15rem 0 0;
|
|
}
|
|
.Sign_center {
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
}
|