body{
    overflow: overlay;
}
body::-webkit-scrollbar {
    display: none;
}/**/
body::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 42%, 0.49);
    border-radius: 0px;
}
.table{
    overflow: overlay;
    cursor: grab;
}
.table:active {
    cursor: grabbing;
}
.table::-webkit-scrollbar {
    width: 0.5vw;
    height: 0.5vw;
}
.table::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 42%, 0.49);
    border-radius: 0px;
}
#login {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#login::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #82AC58 0%, #087FB2 100%);
    opacity: 0.1;
    z-index: -1;
}
#login .box {
    width: 525px;
    padding: 30px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
}
#login .tit_wrap {
    text-align: center;
}
#login .tit_wrap h1 {
    font-size: 2.3em;
    font-weight: 700;
}
#login .form_wrap .btn {
    margin: 20px 0;
}
#login .form_wrap .tit {
    display: block;
    font-size: 1.0em;
    font-weight: 500;
    margin: 20px 0 10px 0;
}
.con_wrap {
    max-height: 100vh;
    max-width: calc( 100% - 220px );
    width: 100%;
    overflow-y: auto;/*
    box-shadow: rgba(87, 99, 126, 0.02) 0px 0px 0px 1px inset, rgba(69, 78, 100, 0.13) 11px 0px 30px 20px;*/
    position: relative;
    z-index: 1;
    border-radius: 0px;
    background: #f5f5f5;
    border-left: 1px solid #eceef1;
}
.con_wrap .table {
    width: 100%;
    overflow-y: auto
}
.con_wrap table td {
}
#left_menu {
    width: 220px;
    min-height: 100vh;
    padding: 25px 0px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    position: sticky;
    height: 100vh;
    top: 0;
    left: 0;
}
#left_menu .logo {
    text-align: center;
    padding: 0 30px;
}
#left_menu .logo > img {
    mix-blend-mode: multiply;
}
#left_menu .side_search {
    border-radius: 5px;
    background: #fff0;
    margin: 0 30px 10px ;
}
#left_menu .side_search select{
    background: #fff0;
    border: 0;
    padding: 5px 00px;
    height: fit-content;
}
#left_menu .side_search input{
    border-color: #e0e0e0;
}
#left_menu .user_info {
    display: grid;
    border-radius: 5px;
    background: #fff0;
    margin: 20px 30px 10px ;
}
#left_menu .user_info > i {
    grid-row: 1/3;
    font-size: 50px;
    color: #CED1D0;
}
#left_menu .user_info .icon {
    border-radius: 5px;
}
#left_menu .user_info > p {
    font-size: 1.0em;
    padding: 10px 2px;
}
#left_menu .user_info > p i {
    position: relative;
    top: -1px;
}
#left_menu .user_info > p > strong {
    font-size: 1.2em;
}
#left_menu .user_info > .log_btn {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin-top: 0px;
}
#left_menu .user_info > .log_btn > a {
    font-size: 0.8em;
    color: #aaa;
    text-align: center;
    width: 100%;
    background: #e0e0e070;
    border-radius: 5px;
}
#left_menu .user_info > .log_btn > a + a:before {
    content: '';
}
#left_menu .adm_menu {
    display: grid;
    grid-template-columns: 1fr;
    max-height: 65vh;
    overflow: auto;
}
#left_menu .adm_menu > li {
    padding: 0px 30px;
}
#left_menu .adm_menu > li:hover {
    background: #eee;
}
#left_menu .adm_menu > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*grid-template-columns: 25px 1fr;
    grid-gap: 5px;*/
    font-size: 1.25em;
    font-weight: 600;
    color: #222;
    opacity: 0.7;
    align-items: center;
    padding: 15px 0px;
    border-bottom: 1px solid #e0e0e0;
    letter-spacing: -.5px;
}
#left_menu .adm_menu > li > a:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 0.8em;
}
#left_menu .adm_menu > li.active > a:after {
    content: "\f077"; /* 열린 상태 아이콘 */
}
#left_menu .adm_menu > li > a > i {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    display: none;
}
#left_menu .adm_menu > li.active > a {
    color: #325b80;
    opacity: 1;
}
#left_menu .adm_menu .menu_depth2 {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    display: none; /* 숨김 처리 */
    background: #fff0;
}

#left_menu .adm_menu .menu_depth2 li:hover a,
#left_menu .adm_menu .menu_depth2 li.active a{
    color: #325b80;
}

#left_menu .adm_menu .menu_depth2 li {
    padding: 5px 0px;
}


#adm_content {
    display: flex;
    width: 100%;
    grid-template-columns: 334px auto;
    background: #eff1f4;
}
#adm_content .con_wrap .tit_wrap .menu01 {
    font-size: 1.6em;
    padding: 20px 25px;/*
    border-bottom: 1px solid #e9edef;*/
    font-weight: 400;
    color: #9e9e9e;
    font-family: 'SUIT';
    background: #222;
}
#adm_content .con_wrap .tit_wrap .menu02 {
    font-size: 1.25em;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    grid-gap: 50px;
}
#adm_content .con_wrap .tit_wrap .menu02 > a {
    position: relative;
    opacity: 0.5;
    font-weight: 300;
}
#adm_content .con_wrap .tit_wrap .menu02 > a.active {
    opacity: 1;
    font-weight: 700;
}
#adm_content .con_wrap .tit_wrap .menu02 > a.active::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;/*
    height: 2px;
    background: #087FB2;*/
}
#adm_content .con_wrap > section.grid  {
    padding:  25px;
    grid-template-columns: calc(50% - 25px) calc(50% - 0px);
}
#adm_content .con_wrap section.grid .sch_wrap {
    padding:  0px;
}
#adm_content .con_wrap section.grid .result_wrap {
    padding:  0px;
}
#adm_content .con_wrap .sch_wrap {
    padding: 25px 25px 0px;
}
#adm_content .con_wrap .sch_wrap .tit {
    font-size: 1.1em;
    font-weight: 700;
    margin: 0 0 10px;
}
#adm_content .con_wrap .sch_wrap .box {
    padding: 15px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: flex;
    gap: 10px;
}
#adm_content .con_wrap .sch_wrap .box > div {
    padding-right: 10px;
    border-right: 1px solid #e0e0e050;/*
    margin-right: 10px;*/
    display: grid;
    align-items: center;
    grid-gap: 10px;
}
#adm_content .con_wrap .sch_wrap .box > div:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

#adm_content .reserv_list.con_wrap .box2 h2{
    margin-bottom: 10px;
}
#adm_content .reserv_list.con_wrap .sch_wrap .box {
    flex-wrap: wrap; gap: 10px;
}
#adm_content .reserv_list.con_wrap .input_date{
    display: flex; align-items: center;
}

#adm_content .reserv_list.con_wrap .input_form{
    display: flex; align-items: center;
}

#adm_content .upload_box {
    background: #f2f8fb;
    color: #087FB2 !important;
    font-size: 1.5em;
    padding: 25px;
    border-radius: 10px;
    display: flex;
    gap: 5px;
    font-weight: 800;
}
#adm_content .upload_box .load {
    display: flex;
    justify-content: center;
}
#adm_content .upload_box .load div {
    width: 10px;
    height: 10px;
    margin: 0rem 0.3rem;
    background: #087FB2;
    border-radius: 50%;
    animation: 0.9s bounce infinite alternate;
}
#adm_content .upload_box .load div:nth-child(2) {
    animation-delay: 0.3s;
}
#adm_content .upload_box .load div:nth-child(3) {
    animation-delay: 0.6s;
}
@keyframes bounce {
    to {
        opacity: 0.3;
        transform: translate3d(0, 5px, 0);
    }
}

#adm_content .con_wrap .sch_wrap .box > div > p {
    font-size: 1em;
    font-weight: 300;
    opacity: 0.6;
}
#adm_content .con_wrap .sch_wrap .box .sch01 {
    grid-template-columns: 150px 1fr;
}
#adm_content .con_wrap .sch_wrap .box .sch01 > p {
    grid-column: 1/3;
}
#adm_content .con_wrap .sch_wrap .box .sch02 {
    grid-template-columns: 245px;
}
#adm_content .con_wrap .sch_wrap .box .sch03 {
    grid-template-columns: 245px auto 245px;
}
#adm_content .con_wrap .sch_wrap .box .sch03 > p {
    grid-column: 1/4;
}
#adm_content .con_wrap .result_wrap {
    margin: 25px 25px;
    padding: 25px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
#adm_content .con_wrap .result_wrap .top_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}
#adm_content .con_wrap .result_wrap .top_text > .wrap {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}
#adm_content .con_wrap .result_wrap .top_text > .wrap .btn-mini{
    padding: 20px 15px !important;
    font-size: 14px !important;
}
#adm_content .con_wrap .result_wrap .top_text h1 {
    font-size: 1.1em;
}
#adm_content .con_wrap .result_wrap .top_text select {
    width: 140px;
    height: 50px;
    line-height: 50px;
}
#adm_content .con_wrap .result_wrap .top_text .input_select:has(select#companyNo) + .btn-md{
    height: 50px;
    line-height: 50px;
    font-size: 1em;
}
#adm_content .con_wrap .btn-write {
    background: #fff;
    border: 1px solid #087FB2;
    color: #222;
    width: auto;
    padding: 0 20px;
    font-size: 1.0em;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
}
#adm_content .con_wrap .btn-write.gray {
    background: #fff;
    border: 1px solid #6b6b6b;
    color: #222;
}
#adm_content .con_wrap .btn-write.gray2 {
    background: #eaeaea;
    border: 0px solid #6b6b6b;
    color: #222;
}
#adm_content .con_wrap .btn-write:hover, #adm_content .con_wrap .btn-write.gray:hover {
    background: #797979;
    color: #fff!important;
}
#adm_content .con_wrap .btn-write:hover, #adm_content .con_wrap .btn-write.gray2:hover {
    background: #797979;
    color: #fff!important;
}
#adm_content .con_wrap .btn-write:hover, #adm_content .con_wrap .btn-write:hover {
    background: #435b73;
}
#adm_content .con_wrap .btn-write:hover, #adm_content .con_wrap .btn-write:hover > i {
    color: #fff!important;
}
/* #adm_content .con_wrap .table{
     max-width: 1500px;
     white-space: nowrap;
     overflow-x: scroll;
}
 */
#adm_content .con_wrap .table > table {
    width: 100%;
    border-collapse: collapse;
}
#adm_content .con_wrap .table > table > thead > tr, #adm_content .con_wrap .table > table > tbody > tr > * {
    border-bottom: 1px solid #CED1D0;
    white-space: nowrap;
    background: #fff;
}
#adm_content .con_wrap .table > table > tbody > tr:nth-child(even) > td {
    background: #f9f9f9;
}
#adm_content .con_wrap .table > table > tbody > tr:nth-child(odd) > th {
    background: #f9f9f9;
}
/**/
#adm_content .con_wrap .table
{
    max-height: 70vh;
    overflow: auto;
}
#adm_content .con_wrap .table > table > thead > tr > th
{
    position: sticky;
    z-index: 98;
    left: 0;
    top: 0;
    background: #fff;
    border-bottom: 1px dotted #ebebeb;
}
/**/
#adm_content .con_wrap .table > table > thead > tr > th {
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    text-align: left;
    color:#999999;
}
#adm_content .con_wrap .table > table > tbody > tr > * {
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.5px;
    text-align: left;
    border-right: 1px dotted #ebebeb;
    border-left: 1px dotted #ebebeb;
}
#adm_content .con_wrap .table > table > tbody > tr > th {
    font-weight: 600;
}
#adm_content .con_wrap .table > table > tbody > tr.tr_notice > td {
    background: #e5edf7;
}
#adm_content .con_wrap .pagination_wrap, #adm_content .con_wrap .pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    height: 50px;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    padding: 0 10px;
    margin: 25px auto 100px;
    border-radius: 5px;
    grid-gap: 10px;
}
#adm_content .con_wrap .pagination_wrap > a, #adm_content .con_wrap .pagination > li.page-item > .page-link {
    color: #999;
    font-size: 1em;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#adm_content .con_wrap .pagination_wrap > .page-now, #adm_content .con_wrap .pagination > li.page-item.active > .page-link {
    text-align: center;
    color: #222;
    font-weight: 800;
}
#adm_content .view_wrap, #adm_content .write_wrap {
    padding: 25px 25px 0;
}
#adm_content .write_wrap {
    /* display: grid;
     grid-gap: 30px;
     */
}
#adm_content .write_wrap .top_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    position: sticky;
    top: 0;
    padding: 25px ;
    background: rgba(255, 255, 255, 1);
    z-index: 10;
    backdrop-filter: blur(5px);
}
#adm_content .write_wrap .top_wrap h1 {
    font-size: 1.5em;
}/*
#adm_content.goods_form .tit_wrap {
    position: fixed;
    z-index: 3;
    width: 100%;
    background: #fff!important;
}
#adm_content.goods_form .write_wrap{
    margin-top: 120px;
    position: relative;
    background: #fff!important;
    z-index: 1;
}
#adm_content.goods_form .write_wrap .top_wrap{
    position: fixed;
    z-index: 3;
    width:calc( 100% - 270px );
    top: 110px;
}
#adm_content.goods_form .write_wrap .form_scroll{
    margin-top: 50px;
}*/
#adm_content .write_wrap .box {
    padding: 30px;/*
    background: #eff1f478;*/
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    grid-gap: 0px;
    grid-column-gap : 20px;
    margin: 0 0 15px;
    background: #fff;
    border: 1px solid #e0e0e0;
}
#adm_content .write_wrap .box .border_gray {
    border-color: #c1c7d1;
}
#adm_content .write_wrap .box > .input_form {
    width: 50%;
}
#adm_content .write_wrap .box .input_text {
    max-width: calc(50% - 10px);
    width: 100%;
}
#adm_content .write_wrap .box > .wrap > .input_text {
    max-width: 100%;
}
#adm_content .write_wrap .box p {
    margin: 10px 0;
    font-size: .9em;
    font-weight: 600;
    position: relative;
}
#adm_content .write_wrap .msg-text {
    color: red;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 5px;
    margin: 0;
    padding: 0 20px;
    grid-column: 1/3;
    display: none;
}
#adm_content .write_wrap .msg-text.comp{
    color: #087FB2
}
#adm_content .write_wrap .box p.text-guide {
    color: #999;
    font-weight: 400;
}
#adm_content .write_wrap .box p.text-guide span {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}
#adm_content .write_wrap .box p.text-guide span:last-child {
    border-right: none;
}
#adm_content .view_wrap .top_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 30px;
}
#adm_content .view_wrap .top_wrap h1 {
    font-size: 1.5em;
}
#adm_content .view_wrap .box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
#adm_content .view_wrap .box .view_form {
    display: grid;
    grid-template-columns: 140px 1fr;
    padding: 30px;
    border-bottom: 1px solid #eee;
}
#adm_content .view_wrap .box .view_form.grid_1 {
    grid-column: 1/4;
    white-space: pre-line;
}
#adm_content .view_wrap .box .view_form.grid_2 {
    grid-column: 2/4;
    white-space: pre-line;
}
#adm_content .view_wrap .box .view_form dt {
    font-size: .9em;
    color: #999;
    font-weight: 400;
}
#adm_content .view_wrap .box .view_form dd {
    font-size: 1.1em;
    color: #222;
    font-weight: 700;
    line-height: 1.6;
}
#adm_content .view_wrap .box .view_form dd.normal {
    font-weight: 400;
}
#adm_content .view_wrap + .write_wrap .box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
#adm_content .view_wrap + .write_wrap .box > .input_form {
    width: 100%;
    display: grid;
    grid-template-columns: 140px 1fr;
    align-items: center;
}
#adm_content .view_wrap + .write_wrap .box > .input_textarea {
    display: grid;
    grid-template-columns: 140px 1fr;
    grid-gap: 20px 0;
}
#adm_content .view_wrap + .write_wrap .box > .grid_1 {
    grid-column: 1/4;
    white-space: pre-line;
}
#adm_content .view_wrap + .write_wrap .box > .input_textarea .btn-write {
    width: 100%;
    grid-column: 2/3;
}
.input_phone {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto;
    grid-gap: 0 10px;
    align-items: center;
}
.input_phone2 {
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 0 10px;
    align-items: center;
}
.input_phone > p {
    grid-column: 1/7;
}
.input_email {
    display: grid;
    grid-template-columns: 33% auto 1fr;
    grid-gap: 10px;
    align-items: center;
}
.input_email > p {
    grid-column: 1/4;
}
#adm_content .write_wrap .box .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
#adm_content .write_wrap .box .wrap1_2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 20px;
}
.wrap1_2 .btn {
    font-size: 0.9em;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
}
.input_checkbox {
    grid-column: 6 / 7;
    grid-row: 2 / 3;
}
.input_checkbox input[type='checkbox'] {
    display: none;
}
.input_checkbox input[type='checkbox'] + label {
    display: inline-flex;
    align-items: center;
    grid-gap: 5px;
    font-weight: 600;
    padding: 15px 0;
}
.input_checkbox input[type='checkbox'] + label > i {
    color: #aaa;
}
.input_checkbox input[type='checkbox']:checked + label > i {
    color: #087FB2;
}
#adm_content .write_wrap .box .input_grid2 {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px 20px;
    width: 100%;
}
#adm_content .write_wrap .box > .input_grid3 {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px 20px;
    width: 100%;
}
#adm_content .write_wrap .box > .input_grid3 > p {
    display: block;
    grid-column: 1/4;
}
#adm_content .write_wrap .box .input_bank {
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 10px 20px;
}
#adm_content .write_wrap .box .input_bank > p {
    grid-column: 1/5;
}
.fee_box {
    display: grid;
    align-items: center;
    grid-gap: 0 10px;
    grid-template-columns: 1fr auto;
}
.fee_box > p {
    grid-column: 1/3;
}
.coming_soon {
    padding: 50px;
    min-height: 50vh;
    opacity: 0.6;
    font-size: 1.5em;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.write_wrap label {
    display: inline-flex;
    align-items: center;
    grid-gap: 5px;
    cursor: pointer;
}
.write_wrap .flex .input_checkbox input[type='checkbox'] + label {
    padding: 0px!important;
}
.write_wrap h4 {
    font-size: 1.1em;
    margin: 0 0 20px;
}
.write_wrap .input_discount_price{
    /* margin: 20px 0 0;
     */
    padding: 10px 0 0;
    border-top: 1px solid #eee;
    font-size: 1em;
    color: #999;
    align-items: flex-end;
}
.write_wrap .input_discount_price strong{
    font-size: 1.4em;
    font-weight: 900;
}
.input_date{
    display: flex;
    align-items: center;
    grid-gap: 20px;
    display: none;
}
.input_checkbox input[type='checkbox']:checked ~ .input_date{
    display: flex;
}
.for-a11y, caption span, legend {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 1px;
}
.form--auction .form__label, .form--gmarket .form__label {
    flex-direction: row-reverse;
}
.form--auction .form__label:before, .form--gmarket .form__label:before {
    content: "";
    display: block;
}
.form--auction .form__label:before, .form--gmarket .form__label:before {
    background-image: url(/img/common/icons-svg.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 676px 636px;
    background-size: 676px 636px;
}
.form--gmarket .form__label:before {
    background-position: -90px -245px;
    height: 20px;
    width: 77px;
}
.form--auction .form__label:before {
    background-position: -142px -64px;
    height: 14px;
    width: 90px;
}
.box__indent {
    margin-left: 36px;
}
.box__filter-group {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    position: relative;
}
.box__site-group .box__bundle {
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
}
.box__category {
    max-height: 358px;
    overflow: hidden;
    position: relative
}
.box__category-wrapper {
    width: 100%
}
.box__category-wrap {
    background: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    overflow: hidden
}
.box__category-wrap .box__category {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.box__category-wrap.is-error {
    border-color: #ef2b2a
}
.box__category-wrap.is-error + .text--red {
    font-size: 12px;
    line-height: 16px;
    margin: -10px 0 0 16px
}
.box__category-inner {
    height: 100%;
    overflow-y: auto;
    position: relative
}
.box__category:not(:first-of-type):after {
    background: #e0e0e0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}
.box__category .text__category {
    color: #9e9e9e;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px
}
.box__category .list__category .list-item {
    height: 40px;
    position: relative
}
.box__category .list__category .list-item.is-selected {
    background: #fff
}
.box__category .list__category .list-item.is-selected .button__category {
    color: #067dfd
}
.box__category .list__category .list-item.is-active, .box__category .list__category .list-item:hover {
    background: #fafafa
}
.box__category .list__category .list-item.is-active .button__category, .box__category .list__category .list-item:hover .button__category {
    color: #067dfd
}
.box__category .button__category {
    color: #424242;
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 16px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 40px)
}
.box__category .button__category.selected-category {
    color: #067dfd!important;
}
.box__category .button__category--more {
    height: 40px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    display: flex;
}
.box__category .button__category--more:before {
    background-image: url(../img/icons-svg.svg);
    background-position: -628px -482px;
    background-repeat: no-repeat;
    -webkit-background-size: 676px 636px;
    background-size: 676px 636px;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}
.radi_period_set_wrap {
    border-radius: 5px;
    background: #eee;
    border: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: 50px;
    grid-gap: 1px;
    overflow: hidden;
    font-size: .9em;
    width: fit-content;
}
.radi_period_set_wrap > label {
    display: block;
    line-height: 50px;
    text-align: center;
    background: #fff;
    width: 100px;
}
.radi_period_set_wrap > input[type='radio']:checked + label {
    background: #087FB2;
    color: #fff;
}
.input_period {
    display: flex;
    grid-gap: 20px;
}
.exel_btn_wrap {
    margin: 20px 0 0;
}
.exel_btn_wrap input[type='file'], .option_table input[type='checkbox'] {
    display: none;
}
.btn-option-save {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 10px 0 0;
}
#div_chugaOption > *:not(:last-child) {
    margin-bottom: 30px
}
#div_selectOption > *:not(:last-child) {
    margin-bottom: 30px
}
#div_textOption > *:not(:last-child) {
    margin-bottom: 30px
}
.option_grid {
    display: grid;
    grid-template-columns: 33% 1fr;
    grid-gap: 20px;
}
.option_list .btn, .option_grid .btn {
    font-size: 0.9em;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
}
.option_wrap .btn {
    font-size: 0.9em;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
}
.btn-proImgList .btn {
    font-size: 0.9em;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
}
.proImgAddList .btn {
    font-size: 0.9em;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
}
.deliBox .btn {
    font-size: 0.9em;
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    align-items: center;
    width: auto;
    white-space: nowrap;
    padding: 0 20px;
}
.option-name:not(:first-of-type), .option-value:not(:first-of-type) {
    margin: 10px 0 0;
}
.option-value-text:not(:first-of-type) {
    margin: 10px 0 0;
}
.option_list select {
    min-width: 120px;
}
.option_table .top_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.option_table table {
    width: 100%;
    background: #fff;
    position: relative;
    border-spacing: inherit;
}
.option_table table th {
    padding: 5px!important;
    background: #eee;
    color: #222;
    text-align: center;
    white-space: nowrap;
    border-top: 1px solid #999;
}
.option_table table th .btn {
    margin: 0px auto 0;
}
.option_table table td {
    padding: 5px!important;
    background: #fff;
    color: #222;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}
.option_table .table {
    max-height: 300px;
}
.option_table #option_table_head th {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
}
.option_table .top_btn {
    padding-top: 0!important;
}
#optionStockmanager + label {
    padding-bottom: 0!important;
}
.option_table table td input{
    height: 35px;
    line-height: 35px;
}
.option_table table td select{
    height: 35px;
    line-height: 35px;
}
.option_table table td label{
    padding: 5px 0;
}
.option_table table .nodata_tr > td {
    color: #999;
    display: table-cell;
}
.option_table table .nodata_tr p {
    font-size: 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
    min-height: 200px;
}
.option_table table .nodata_tr i {
    font-size: 4em;
}
.proImgWrap {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.proImgWrap .btn-proImgUpload input[type='file'] {
    display: none;
}
.proImgWrap .btn-proImgUpload label {
    aspect-ratio: 1/1;
    width: 150px;
    border-radius: 5px;
    background: #fff;
    border: 1px dashed #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}
.proImgWrap .btn-proImgUpload label > i {
    font-size: 2em;
}
.proImgWrap .btn-proImgUpload label > span {
    text-align: center;
    color: #999;
    font-size: .9em;
}
.proImgWrap .btn-proImgList {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.proImgWrap .btn-proImgList .file-proImg {
    aspect-ratio: 1/1;
    width: 150px;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
}
.proImgWrap .btn-proImgList .file-proImg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.proImgWrap .btn-proImgList .file-proImg > .emb {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 25px;
    padding: 5px 8px;
    background: #999;
    color: #fff;
    font-size: 12px;
    border-radius: 0 0 5px 0;
}
.proImgWrap .btn-proImgList .file-proImg > .emb_on {
    background: #087FB2;
}
.proImgWrap .btn-proImgList .file-proImg > .controller_wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 0 5px;
}
.proImgWrap .btn-proImgList .file-proImg > .controller_wrap button {
    color: #fff;
}
.tab-detail-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #eee;
    border: 1px solid #eee;
    grid-gap: 1px;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.tab-detail-wrap label {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 1em;
    text-align: center;
    justify-content: center;
}
.tab-detail-wrap input[type='radio']:checked + label {
    background: #087FB2;
    color: #fff;
}
/* .con-detail-wrap .border_gray{
     display: block;
     width: 100%;
     min-height: 250px;
     padding: 20px;
     border-radius: 5px;
     font-size: .9em;
}
*/
.box__flag {
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}
.box__flag-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    position: relative
}
.box__flag-wrap--absolute .box__flag {
    left: 16px;
    position: absolute;
    top: 8px;
    z-index: 3
}
.box__flag-wrap--absolute .box__flag:before {
    display: block
}
.box__flag-wrap--absolute .form .form__input {
    padding-left: 48px
}
.box__flag-wrap--absolute .form .form__input ~ .form__label {
    left: 48px
}
.box__flag-wrap--absolute .form__multi .form .form__input {
    padding-right: 80px
}
.box__flag-wrap--absolute:has(.text__unit) .form .form__input {
    padding-right: 35px
}
.box__flag-wrap--absolute:has(.text__side) .form .form__input {
    padding-right: 60px
}
.box__flag-wrap .box__dropdown .button__opener {
    padding: 0 42px 0 16px
}
.box__flag:before {
    content: "";
    display: inline-block;
    vertical-align: middle
}
.box__flag--gmarket:before {
    background-position: -564px -100px
}
.box__flag--auction:before, .box__flag--gmarket:before {
    background-image: url(/img/common/icons-svg.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 676px 636px;
    background-size: 676px 636px;
    height: 24px;
    width: 24px
}
.box__flag--auction:before {
    background-position: -516px -492px
}
/* terms box */
.box__form-terms {
}
.box__form-terms * {
    font-size: 12px;
    line-height: 16px;
    color: #9e9e9e;
}
.box__form-terms strong {
    font-weight: bold;
}
.box__form-terms .link__text {
    color: #0028AC;
    text-decoration: underline;
}
.box__form-terms .link__button {
    color: #222;
}
.box__form-terms .link__button::after {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: -2px 0 0 0;
    background-position: 0 0;
}
.box__form-terms .text__form-terms--notice {
}
.box__form-terms .text__form-terms--title {
    margin-top: 16px;
    color: #757575
}
.box__form-terms .box__form-terms--group {
    margin-top: 8px;
    padding: 16px;
    background: #fff;
    border-radius: 4px;
}
.box__form-terms li {
    margin-top: 8px;
}
.box__form-terms li:first-child {
    margin-top: 0;
}
.box__form-terms .list__default {
}
.box__form-terms .list__default > li {
}
.box__form-terms .list__decimal {
    margin-top: 5px;
    list-style-type: decimal;
    padding-left: 12px;
}
.box__form-terms .list__decimal > li {
    list-style: decimal;
}
.box__form-terms .list__dash {
}
.box__form-terms .list__dash > li {
}
.box__form-terms .list__star {
}
.box__form-terms .list__star > li {
}
.box__form-terms .box__form-terms--table {
    margin: 8px -2px 15px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.box__form-terms .form__table--terms {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.box__form-terms .form__table--terms th, .box__form-terms .form__table--terms td {
    padding: 8px;
    border: 2px solid #F5F5F5;
}
.box__form-terms .form__table--terms th {
    color: #616161;
}
.box__form-terms .form__table--terms td {
    vertical-align: top;
}
.section-termsbox .box__service-info {
}
.section-termsbox .box__service-info .button__terms-more {
    display: block;
    width: 100%;
    padding: 12px 16px 16px;
    font-size: 14px;
    line-height: 20px;
    color: #757575;
    text-align: left;
}
.section-termsbox .box__service-info .button__terms-more::after {
    width: 16px;
    height: 16px;
    margin: -4px 0 0 4px;
    vertical-align: middle;
    background-position: -90px -56px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.section-termsbox .box__service-info .button__terms-more[aria-expanded=true]::after {
    margin: -2px 0 0 4px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.section-termsbox .box__service-info .list__service-info img{
    width: 100%;
}
.section-termsbox .box__service-info .list__service-info {
    margin-top: 0;
}
.section-termsbox .box__service-info .box__terms-cont {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 16px;
}
.list__service-info {
    margin-top: 8px;
    padding: 16px;
    background-color: #FAFAFA;
    border-radius: 8px;
}
.list__service-info .list-title {
    font-size: 12px;
    line-height: 16px;
    color: #9E9E9E;
    font-weight: bold;
}
.list__service-info .list-cont {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #9E9E9E;
}
.list__service-info .list-cont + .list-title {
    margin-top: 16px;
}
/* list type */
.list__dot {
}
.list__dot > .list-item {
    position: relative;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #222;
}
.list__dot > .list-item .text__emphasis {
    font-weight: bold;
}
.list__dot > .list-item:first-child {
    margin-top: 0;
}
.list__dot > .list-item::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #BDBDBD;
    border-radius: 50%;
}
.list__default {
}
.list__default > .list-item {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #9E9E9E;
}
.list__default > .list-item:first-child {
    margin-top: 0;
}
.btn-certi {
    margin: 0;
    font-size: 1em;
}
#register {
    width: 100%;
    min-height: 100vh;
    display: flex;
    /* align-items: center;
    */
    justify-content: center;
    position: relative;
    padding: 55px 0;
}
#register::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #82AC58 0%, #087FB2 100%);
    opacity: 0.1;
    z-index: -1;
}
#register .box {
    width: 525px;
    padding: 30px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
}
#register .hd_tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 1.0em;
    padding: 0 30px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
#register .tit_wrap {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin: 55px 0 30px;
    /* padding: 15px 0;
    */
}
#register .tabs {
    margin: 55px 0 0px;
    display: flex;
}
#register .tabs > *{
    width: 100%;
}
#register .tabs ~ div .tit_wrap {
    margin: 15px 0 30px;
}
#register .tit_wrap h1 {
    font-size: 1.5em;
    font-weight: 600;
}
#register .tit_wrap p {
    font-size: .9em;
    line-height: 1.5;
    color: #999;
    margin: 10px 0 0;
}
#register .form_wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    margin: 0 0 30px;
}
#register .form_wrap:last-child {
    margin: 0;
}
#register .form_wrap > label {
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    grid-gap: 10px 5px;
    flex-wrap: wrap;
}
#register .form_wrap input:checked + label.border_gray {
    border: 1px solid #087FB2;
}
#register .form_wrap input:checked + label i {
    color: #087FB2;
}
#register .form_wrap .guide-box {
    padding: 15px;
    /* margin: 15px 0 0;
    */
    background: #F2F8FB;
    color: #087FB2;
    font-size: .9em;
    line-height: 1.5;
    border-radius: 5px;
}
#register #radi_seller_wrap .guide-box {
    display: none;
}
#register #radi_seller_wrap input:checked + label .guide-box {
    display: block;
}
#register .form_wrap .msg-text {
    color: red;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 5px;
    margin: 0;
    padding: 0 20px;
}
#register .form_wrap .msg-text.comp{
    color: #087FB2
}
#register .form_wrap .guide-text {
    white-space: pre-line;
    font-size: .9em;
    line-height: 1.5;
    border-radius: 5px;
    margin: 5px 0;
    color: #999;
}
#register .form_wrap .input_certi {
    display: grid;
    grid-template-columns: 1fr 100px;
    align-items: center;
    grid-gap: 10px;
}
#register .form_wrap .btn-comp {
    margin: 20px 0;
}
#register .form_wrap .tit {
    display: block;
    font-size: 1.0em;
    font-weight: 500;
    margin: 10px 0 0;
}
.border_gray:disabled, .border_gray:disabled::placeholder{
    background: #f9f9f9;
    color: #aaa;
}
#register .form_wrap input[type='checkbox'] {
    display: none !important;
}
#register .form_wrap textarea {
    height: 110px;
}
#register .wh-box {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #eee;
    color: #222;
    padding: 20px;
    grid-gap: 0;
}
#register .wh-box .tit {
    margin: 0 0 15px;
}
#check_service label{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
#check_service #ch_gmarket + label .ic {
    overflow: auto;
    display: inline-block;
    font-size: 0;
    background: url(//pics.gmarket.com/sprite/signup/sprite__signup-seller.png) no-repeat;
    background-size: 200px auto;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -1px 12px 0 0;
    background-position: -94px 0;
}
#check_service #ch_action + label .ic {
    overflow: auto;
    display: inline-block;
    font-size: 0;
    background: url(//pics.gmarket.com/sprite/signup/sprite__signup-seller.png) no-repeat;
    background-size: 200px auto;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -1px 12px 0 0;
    background-position: -116px 0
}
.agr_form_wrap .agr_wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.agr_form_wrap .agr_wrap > p {
    font-size: .9em;
    margin: 0 0 20px 0;
}
.agr_form_wrap .agr_wrap label {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 12px 12px;
    min-height: 50px;
    align-items: center;
    grid-gap: 10px 0;
}
.agr_form_wrap .agr_wrap label .label_tit {
    display: flex;
    align-items: baseline;
    grid-gap: 10px;
    line-height: 1.6;
    font-size: .95em;
    cursor: pointer;
}
.agr_form_wrap .agr_wrap label i {
    font-size: 1.1em;
    color: #aaa;
    transform: rotate(0deg);
}
.section-termsbox .box__service-info .button__terms-more i.active, .agr_form_wrap .agr_wrap label i.active{
    transform: rotate(180deg);
}
.agr_form_wrap .agr_wrap label .btn-more {
    font-size: 12px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}
.agr_form_wrap .agr_all {
    background: #f2f2f2;
    border-radius: 5px;
    border-bottom: 1px solid #eee;
    padding: 0;
}
.agr_form_wrap .agr_wrap .agr_text{
    display: none;
    grid-column: 1/3;
    background: #f2f2f2;
    border-radius: 5px;
    padding: 15px;
    font-size: .85em;
    color: #999;
    white-space: pre-line;
    max-height: 300px;
    overflow: auto;
}
.agr_form_wrap .agr_wrap label .agr_text table{
    width: 100%;
    background: #999;
    border-spacing: 1px;
    font-size: .95em;
    /* border: 1px solid #999;
    */
}
.agr_form_wrap .agr_wrap label .agr_text table td{
    background: #eee;
    padding: 5px;
    line-height: 1em;
}
.agr_form_wrap .guide_wrap {
    display: flex;
    flex-direction: column;
}
.agr_form_wrap .guide_wrap p {
    font-size: .85em;
    color: #999;
    padding: 10px 15px;
    line-height: 1.4;
}
#anchor-termsment {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 0 15px;
}
#anchor-termsment .button__terms-more {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    align-items: center;
    background: #f2f2f2;
    border-radius: 5px;
}
#anchor-termsment .box__terms-cont, .section-termsbox .box__service-info .box__terms-cont {
    display: none;
}
#anchor-termsment .box__terms-cont.active, .section-termsbox .box__service-info .box__terms-cont.active {
    display: block;
}
.section-termsbox .box__service-info .button__terms-more {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#register .ic_arrow{
    position: relative;
}
#register .ic_arrow::before{
    content: '펼치기';
    position: relative;
    display: inline-block;
    font-size: 1em;
    font-style: normal;
}
#register .ic_arrow.active{
    transform: rotate(0);
}
#register .ic_arrow.active::before{
    content: '접기';
}
#register .radi_wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}
#register .radi_wrap label {
    display: grid;
    grid-template-columns: 15px 1fr;
    /* grid-template-rows: 50px 50px;
    */
    align-items: center;
    grid-gap: 5px;
    padding: 10px 0;
}
#register .radi_wrap label > div:last-child {
    display: none;
    grid-column: 1/3;
    margin: 10px 0 0;
}
#register .radi_wrap input + label > div {
}
#register .radi_wrap input:checked + label > div {
    display: block;
}
#register #radi_infoSale.form_wrap {
    padding: 10px 20px;
}
#register #radi_infoSale.form_wrap label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
#register .seller_wrap{
    background: #eee;
    grid-gap: 1px;
    padding: 1px;
    /* border-radius: 5px;
    */
}
#register .seller_wrap label{
    font-size: 1em;
    background: #fff;
    border-radius: 0;
}
#register .seller_wrap input:checked + label{
    color: #087FB2;
    border: 1px solid #087FB2;
}
@media(max-width:525px) {
    #register {
        height: auto;
        padding: 0;
    }
    #register .box {
        box-shadow: none;
    }
}
#cp_email_domain{
    position: relative;
    z-index: 1;
}
.sub_tit{
    font-size: 1.25em;
    font-weight: 600;
    margin: 15px 0 0;
}
.input_id{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
}
.input_mail{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-gap: 10px;
}
.input_busi{
    display: grid;
    grid-template-columns: 1fr 50px 50px;
    grid-gap: 10px;
}
#business_type_container,#business_item_container{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
}
.input_shopurl{
    grid-template-columns: 1fr;
    grid-gap: 10px;
    display: none;
}
.input_url{
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 10px;
}
#register .form_wrap .input_shopurl .tit{
    margin: 0 0 10px;
}
.input_id .btn, .input_shopurl .btn{
    font-size: 1em;
}
#adm_content .write_wrap .btn-more{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#adm_content .write_wrap .agr_text {
    display: none;
    grid-column: 1 / 3;
    background: #f2f2f2;
    border-radius: 5px;
    padding: 15px;
    font-size: .85em;
    color: #999;
    white-space: pre-line;
}
#adm_content .write_wrap .box > .input_seller{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
#adm_content .write_wrap .seller_wrap{
    border-radius: 5px;
    background: #eee;
    border: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 50px;
    grid-gap: 1px;
    overflow: hidden;
    font-size: .9em;
}
#adm_content .write_wrap .seller_wrap > input[type='checkbox']{
    display: none;
}
#adm_content .write_wrap .seller_wrap > label{
    display: block;
    line-height: 50px;
    text-align: center;
    background: #fff;
    font-size: 1em;
    border-radius: 0;
}
#adm_content .write_wrap .seller_wrap > input[type='checkbox']:checked + label{
    background: #087FB2;
    color: #fff;
}
#adm_content .write_wrap .radi_wrap{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-gap: 20px;
}
#adm_content .write_wrap .radi_wrap > label{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    align-items: baseline;
}
#adm_content .write_wrap .radi_wrap > label > div{
    grid-column: 1/3;
    max-width: 100% !important;
    display: none;
}
#adm_content .write_wrap .radi_wrap > input[type='radio']:checked + label > div{
    display: block;
}
#adm_content .write_wrap .radi_wrap > input[type='radio']:checked + label i{
    color: #087FB2;
}

 .differential-row {
    padding: 10px;
    margin-bottom: 5px;
    background: #00000008;
    border-radius: 5px;
    justify-content: space-between;
}
 .differential-row .diff_ship_error {
    border-color: #ff0000!important;
     background: #ffeded!important;
}

 #div_diff_error {
    color: #ff0000!important;
}
 #div_diff_error:before {
    content: '※ ';
     display: inline-block;
     margin-right: 5px;
}

 .differential-row .input_unit:last-of-type {
    justify-content: end;
}
div.secondBox {
    background: #4e5b810d;
    padding: 10px 10px;
    border-radius: 5px;
    margin-top: 10px;
}
div.secondBox input[type="checkbox"]{
    display: none;
}

.brandWrap {
    position: relative
}
#all_search {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 99998;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
    box-sizing: border-box
}
.header_scroll #all_search{
    display: none!important;
}
.all_search{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: 358px;
    overflow-y: auto;
}
.all_search .box__category {
    max-height: unset;
}

.swal2-html-container .agr_text{
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    font-size: 14px;
    color: #999;
    white-space: pre-line;
    text-align: left;
}
.swal2-html-container .agr_text table{
    width: 100%;
    border-spacing: 1px;
    font-size: .95em;
    background: #aaa;
}
.swal2-html-container .agr_text table td{
    padding: 5px;
    background: #fff;
}
.swal2-html-container .agr_text .list__service-info{
    max-height: 250px;
    overflow-y: scroll;
}
@media(max-width:500px){
    .agr_form_wrap .agr_wrap label .label_tit{
        flex-wrap: wrap;
    }
}
#delivery_charge_form .deli_charg_wrap{
    display: flex;
    align-items: center;
    background: #087FB2;
    grid-gap: 1px;
    padding: 1px;
    border-radius: 5px;
    overflow: hidden;
}
#delivery_charge_form .deli_charg_wrap label{
    font-size: 1em;
    background: #fff;
    border-radius: 0;
    justify-content: center;
}
#delivery_charge_form .deli_charg_wrap input:checked + label{
    background: #087FB2;
    color: #fff;
}
#default_ship + label{
    margin: 10px 0;
}
#default_ship + label > i{
    color: #999;
}
#default_ship:checked + label > i{
    color: #087FB2;
}
.input_unit3{
    display: grid;
    grid-template-columns: 1fr 150px;
}
.input_mauntain_address{
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-gap: 10px;
    align-items: center;
    margin: 0 0 10px;
}
#adm_content .con_wrap .sch_wrap .box {
    font-weight: 400
}
#adm_content .con_wrap .sch_wrap .box > div > p {
    font-weight: 400
}
#adm_content.order .con_wrap .table > table > thead > tr > th:last-child, #adm_content.order .con_wrap .table > table > tbody > tr > td:last-child {
    padding-right: 10px;
}
#adm_content.order h1 {
    font-size: 1.5em
}
#adm_content.order .con_wrap .sch_wrap .box {
    gap: 10px
}
#adm_content.order .con_wrap .sch_wrap .box > div {
    margin-right: 0px
}
#adm_content.order input[type=radio] {
    margin: 0px 5px 0 0;
}
#adm_content.order [type="radio"] {
    display: inline-block;
    vertical-align: middle;
    background: lightgray;
    appearance: none;
    width: 1.25em;
    height: 1.25em;
}
#adm_content.order [type="radio"]:checked {
    background: #fff;
    border: 0.4em solid #459bcb;
}
#adm_content.order [type="radio"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #459bcb;
}
#adm_content.order [type="radio"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
#adm_content.order [type="radio"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}
#adm_content.order [type="radio"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}
#adm_content.order [type="checkbox"] {
    margin: 0px 3px 0 0!important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #00000014;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
}
#adm_content.order [type="checkbox"]::after {
    color:#707070;
    position: absolute;
    right: 4px;
    font-size: 0.8em;
    cursor: pointer;
    top: 4px;
    left: 9px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #707070;
    border-top: 0;
    content: " ";
    border-left: 0;
    transition: all 200ms ease-in;
}
#adm_content.order [type="checkbox"]:checked {
    border-color: #325b80;
    background: #325b80;
}
#adm_content.order [type="checkbox"]:checked + label{
    color: #333333;
}
#adm_content.order [type="checkbox"]:checked::after {
    border-color: #fff
}
#adm_content.order [type="checkbox"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #459bcb;
}
#adm_content.order [type="checkbox"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
#adm_content.order [type="checkbox"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}
#adm_content.order table tbody td {
    line-height: 27px;
}
#adm_content.order table tbody td a {
    cursor: pointer;
    text-decoration: underline;
}
#adm_content.order table tbody tr td {
    align-content: flex-start;
}
#adm_content.order table tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #ececec40;
}
#adm_content.order table tbody tr:nth-child(even) td {
    background: #ececec70;
}
#adm_content.order table tbody tr:nth-child(even) td:nth-child(odd) {
    background: #ececec;
}
#adm_content.order table tbody td a:before {
    display: inline-block;
    content: '\e60e';
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    margin-right: 5px;
    font-size: 0.8em
}
#adm_content.order .con_wrap .result_wrap .top_text select {
    min-width: 140px;
    width: fit-content
}
/* #adm_content.order select {
     padding: 0em 3.5em 0em 1em;
}
*/
#adm_content.order .con_wrap .result_wrap .top_text {
    display: block!important;
}
#adm_content.order .con_wrap .result_wrap .top_text > .wrap {
    grid-gap: 5px
}
#adm_content.order .con_wrap .table > table > thead > tr > th:first-child, #adm_content.order .con_wrap .table > table > tbody > tr > td:first-child {
    padding-left: 10px;
    text-align: center
}
#adm_content.order .input_date {
    display: flex;
    gap: 5px
}
#adm_content.order .order_search .table > table > thead > tr > th:first-child, #adm_content.order .order_search .table > table > tbody > tr > td:first-child {
    text-align: left;
}
#adm_content.order .order_search table thead th {
    height: 55px
}
#adm_content.order .order_search table tbody td {
    height: 102px
}
#adm_content.order .order_search table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
#adm_content.order .new_list table thead th {
    height: 55px
}
#adm_content.order .new_list table tbody td {
    height: 102px
}
#adm_content.order .new_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
#adm_content.order .send_list table thead th {
    height: 55px
}
#adm_content.order .send_list table tbody td {
    height: 102px
}
#adm_content.order .send_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
#adm_content.order .deliver_list table thead th {
    height: 55px
}
#adm_content.order .deliver_list table tbody td {
    height: 102px
}
#adm_content.order .deliver_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
#adm_content.order .confirm_list table thead th {
    height: 55px
}
#adm_content.order .confirm_list table tbody td {
    height: 102px
}
#adm_content.order .confirm_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
#adm_content.order .state_list .today_wrap div {
    cursor: pointer
}
#adm_content.order .state_list .sch_wrap p {
    width: 100%
}

#adm_content.calcu .calculate_view table thead th {
    height: 55px
}
#adm_content.calcu .calculate_view table tbody tr:not(.sum) td {
    height: 50px
}
#adm_content.calcu .calculate_view table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}

#adm_content .total_wrap {
    display: flex;
    gap: 10px;
    padding: 15px;
    margin:30px 25px;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 15px;
    border-radius: 5px;
    align-items: flex-start;
}
#adm_content .total_wrap ul {
    width: calc(( 100% - 90px ) / 10 );
}
#adm_content .total_wrap ul li.title h6 {
    margin-bottom: 10px;
    background: #e0e0e050;
    padding: 2.5px 7.5px;
    color: #919294;
    font-weight: 400;
    border-radius: 5px;
}
#adm_content .total_wrap ul li:nth-of-type(2) {
    margin-bottom: 5px;
    padidng-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-align: right;
}
#adm_content.order .today_wrap {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    padding: 15px;
    margin:30px 25px;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 15px;
    border-radius: 5px;
}
#adm_content.order .today_wrap > * {
    width: 100%;
}
#adm_content.order .today_wrap .flex i {
    font-style: normal;
    font-size: 0.8em;
    color: #087FB2;
}
#adm_content.order .today_wrap .flex h1 {

    cursor: pointer;
}
#adm_content .seller_wrap p {
    opacity: 0.4;
}
#adm_content .seller_wrap  h6 {
    font-size: 18.5px;
}
#adm_content .seller_wrap .top_wrap {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin:25px 25px 0;
    font-size: 15px;
    border-radius: 5px;
}
#adm_content .seller_wrap + section .thumb {
    width: 80px;
    height: 80px;
    background-size: cover !important;
    background-position: center center !important;
    border: 1px solid #eee;
}
#adm_content .seller_wrap .flex {
    display: flex;
    gap: 1ㄴ디5px;
    padding: 15px;
    margin:15px 25px 0;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 15px;
    border-radius: 5px;
}

#adm_content .seller_wrap .flex div {
    position: relative;
}
#adm_content .seller_wrap .flex div:not(:last-of-type) {
    padding-right: 15px
}
#adm_content .seller_wrap .flex div:not(:last-of-type):after {
    width: 1px;
    height: 100%;
    display: inline-block;
    background: #eee;
    content: '';
    position: absolute;
    top: 0;
    right: 0
}
#adm_content.order .state_wrap {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding: 15px;
    margin:25px 25px 0;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 15px;
    border-radius: 5px;
}
#adm_content.order .state_wrap div {
    position: relative
}
#adm_content.order .state_wrap div:not(:last-of-type) {
    padding-right: 25px
}
#adm_content.order .state_wrap div:not(:last-of-type):after {
    width: 1px;
    height: 100%;
    display: inline-block;
    background: #eee;
    content: '';
    position: absolute;
    top: 0;
    right: 0
}
#adm_content.order .state_wrap .gap5 > * {
    width: 100%;
    text-align: center;
    cursor: pointer;
}
#adm_content.order .state_wrap .grid  {
    gap: 45px;
}
#adm_content.order .state_wrap .grid p {
    display: flex;
    cursor: pointer;
    align-items: center;
}
#adm_content.order .state_wrap .grid p span {
    margin-left: auto;
    font-weight: 800;
}
#adm_content.order .return_list.con_wrap .sch_wrap .box {
    flex-wrap: wrap;
}

#adm_content.order .con_wrap .sch_wrap .tit {
    display: flex;
    align-items: center;
    gap: 5px;
}

#adm_content.order .text-guide{
    font-weight: 400;
    margin: 10px 0;
    opacity: 0.6
}

#adm_content.calcu .text-guide{
    font-weight: 400;
    margin: 10px 0;
    opacity: 0.6
}

#adm_content.calcu .con_wrap .sch_wrap .tit {
    display: flex;
    align-items: center;
    gap: 5px;
}
#adm_content.seller .input_date {
    display: flex!important;
    gap: 5px;
}
#adm_content.calcu .input_date {
    display: flex!important;
}
#adm_content .con_wrap.gmarket_list .sch_wrap {
    padding-bottom: 25px
}
#adm_content .con_wrap.auction_list .sch_wrap {
    padding-bottom: 25px
}
#adm_content.calcu .con_wrap .sch_wrap .tit {
    display: flex;
    align-items: center;
    gap: 5px;
}
#adm_content .auction_list .pagination_wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
#adm_content .auction_list .result_wrap {
    background: #f9f9f9;
    margin-bottom: 10px
}
#adm_content .auction_list .table {
    background: #fff;
}
#adm_content .gmarket_list .pagination_wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
#adm_content .gmarket_list .result_wrap {
    background: #f9f9f9;
    margin-bottom: 10px
}
#adm_content .gmarket_list .table {
    background: #fff;
}
#adm_content.calcu .con_wrap .result_wrap .top_text {
    display: block !important;
}

#adm_content.calcu input[type=radio] {
    margin: 0px 5px 0 0;
}
#adm_content.calcu [type="radio"] {
    display: inline-block;
    vertical-align: middle;
    background: lightgray;
    appearance: none;
    width: 1.25em;
    height: 1.25em;
}
#adm_content.calcu [type="radio"]:checked {
    background: #fff;
    border: 0.4em solid #459bcb;
}
#adm_content.calcu [type="radio"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #459bcb;
}
#adm_content.calcu [type="radio"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
#adm_content.calcu [type="radio"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}
#adm_content.calcu [type="radio"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}
#adm_content.calcu [type="checkbox"] {
    margin: 0px 3px 0 0!important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #E8E8E8;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
}
#adm_content.calcu [type="checkbox"]::after {
    color:#707070;
    position: absolute;
    right: 4px;
    font-size: 0.8em;
    cursor: pointer;
    top: 4px;
    left: 9px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #707070;
    border-top: 0;
    content: " ";
    border-left: 0;
    transition: all 200ms ease-in;
}
#adm_content.calcu [type="checkbox"]:checked {
    border-color: #325b80;
    background: #325b80;
}
#adm_content.calcu [type="checkbox"]:checked + label{
    color: #333333;
}
#adm_content.calcu [type="checkbox"]:checked::after {
    border-color: #fff
}
#adm_content.calcu [type="checkbox"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #459bcb;
}
#adm_content.calcu [type="checkbox"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
#adm_content.calcu [type="checkbox"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}
#adm_content.calcu .box_gray {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0 10px;
}
#adm_content.calcu .box_gray .monthBox {
    width: calc( 100% / 6 - 10px ); text-align: center; border-radius: 5px 5px 0 0;  /*box-shadow: 0 0 5px 0px #eee*/; margin-bottom: 10px
}
#adm_content.calcu .box_gray .monthBox h2 {
    font-size: 1.2em;    color: #2c2c2c;    opacity: 1;    font-weight: 800;    border-radius: 5px 5px 0 0;    background: #d9d9d9;    margin-bottom: 0; padding: 10px 0
}
#adm_content.calcu .box_gray .monthBox p {
    font-size: 1.05em; font-weight: 800;padding: 10px 0; border: 0px solid #c5c5c5;background: #f3f3f3;border-radius: 0 0 5px 5px ;
}
#adm_content.calcu .box_gray .monthBox.monthBg h2 {
    background: #087eb1 !important; color: #fff!important;
}
#adm_content.calcu .box_gray .monthBox.monthBg p {
    color: #087eb1;border: 1px solid #087eb1 !important; background: #f6f7fd
}

#adm_content.calcu table tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #ececec40;
}
#adm_content.calcu table tbody tr:nth-child(even) td {
    background: #ececec70;
}
#adm_content.calcu table tbody tr:nth-child(even) td:nth-child(odd) {
    background: #ececec;
}

#adm_content.calcu table tbody tr.sum td {
    background: #087eb1!important;
    color: #fff;
}
#adm_content.calcu table tbody .text-right {
    text-align: right!important;
}

.modal .popstit {
    font-size: 1.1em;
    line-height: 1.5em
}
.modal .table {
    font-size: 1em
}
.modal .guide {
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 0.9em;
    opacity: 0.85;
    font-weight: 600;
    border-radius: 8px;
}
.modal .guide li{
    width: 100%
}
.swal2-input {
    margin: 0!important;
    background: #fff!important;
}
#orderLabelModal .label_choice {
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #eee;
    background-color: #f1f7fa;
    letter-spacing: -1px;
}
#orderLabelModal .print_label {
    padding: 20px;
    border: 1px solid #a6a8b6;
}
#orderLabelModal .print_label .title_txt {
    margin-bottom: 15px;
}
#orderLabelModal .print_label .title_txt img {
    vertical-align: 2px;
}
#orderLabelModal .print_label .send_recipient {
    overflow: hidden;
    width: 100%;
    padding-bottom: 27px;
}
#orderLabelModal .print_label .send_recipient .box_area {
    float: left;
    padding: 0 23px;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line {
    position: relative;
    width: 299px;
    height: 180px;
    padding: 11px 13px;
    border: 2px solid #a6a8b6;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .tit {
    margin-bottom: 7px;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .address {
    font-weight: bold;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .address .nubmer {
    display: block;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .seller_buyer {
    position: absolute;
    bottom: 11px;
    left: 13px;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .seller_buyer .name {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .seller_buyer .name span {
    font-size: 11px;
    font-weight: normal;
    color: #48494f;
}
#orderLabelModal .print_label .send_recipient .box_area .box_line .seller_buyer .order {
    margin-top: 1px;
    font-size: 11px;
    line-height: 15px;
}
#orderLabelModal .print_label .send_recipient .dotted_line {
    float: left;
    width: 54px;
    text-align: center;
}
#adm_content .con_wrap .table:has(.sticky) {
    align-items: flex-start!important;
    position: relative;
}

table .nodata_tr > td {
    color: #999;
    display: table-cell;
}
table .nodata_tr p {
    font-size: 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
    min-height: 200px;
}
table .nodata_tr i {
    font-size: 4em;
}


#adm_content .con_wrap .goods .state_list .sch_wrap p {
    width: 100%
}
#adm_content .con_wrap .goods .ad_wrap {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding: 15px;
    margin:30px 25px;
    background: #fff;;
    border: 1px solid #dadada;
    font-size: 15px;
    border-radius: 5px;
}
#adm_content .con_wrap .goods .ad_wrap > * {
    width: 100%
}
#adm_content .con_wrap .goods .state_wrap {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding: 15px;
    margin:25px 25px 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 15px;
    border-radius: 5px;
}
#adm_content .con_wrap .goods .state_wrap div {
    position: relative
}
#adm_content .con_wrap .goods .state_wrap div:not(:last-of-type) {
    padding-right: 30px
}
#adm_content .con_wrap .goods .state_wrap div:not(:last-of-type):after {
    width: 1px;
    height: 100%;
    display: inline-block;
    background: #eee;
    content: '';
    position: absolute;
    top: 0;
    right: 0
}
#adm_content .con_wrap .goods .state_wrap .gap5 > * {
    width: 100%;
}

#adm_content .con_wrap .goods .state_wrap .gap5 > h1 {
   font-size: 1.2em;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    cursor: pointer;
}
#adm_content .con_wrap .goods .state_wrap .gap5 ul {
    display: flex;
    gap: 10px;
}
#adm_content .con_wrap .goods .state_wrap .gap5 li {
    cursor: pointer;
    width: 50%;
}
#adm_content .con_wrap .goods .state_wrap .gap5 > h1 span{
    font-size: 1.2em;
    font-weight: 800;
}

#adm_content .con_wrap .goods .sch_wrap .box {
    flex-wrap: wrap
}

#adm_content .con_wrap .goods [type="checkbox"] {
    margin: 0px px 0 0!important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #E8E8E8;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
}
#adm_content .con_wrap .goods [type="checkbox"] + label {
    margin-right: 7.5px;
}
#adm_content .con_wrap .goods [type="checkbox"]::after {
    color:#707070;
    position: absolute;
    right: 4px;
    font-size: 0.8em;
    cursor: pointer;
    top: 4px;
    left: 9px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #707070;
    border-top: 0;
    content: " ";
    border-left: 0;
    transition: all 200ms ease-in;
}
#adm_content .con_wrap .goods [type="checkbox"]:checked {
    border-color: #325b80;
    background: #325b80;
}
#adm_content .con_wrap .goods [type="checkbox"]:checked + label{
    color: #333333;
}
#adm_content .con_wrap .goods [type="checkbox"]:checked::after {
    border-color: #fff
}
#adm_content .con_wrap .goods [type="checkbox"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #459bcb;
}
#adm_content .con_wrap .goods [type="checkbox"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
#adm_content .con_wrap .goods [type="checkbox"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}

#adm_content .con_wrap .goods .id_select{
    cursor: pointer;
    position: relative;
}

#adm_content .con_wrap .goods #idSelect{
    display: none;
}

#adm_content .con_wrap .goods #idSelect + label{
    display: flex;
    gap: 5px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    padding: 0 10px;
    letter-spacing: -0.5px;
    background: #fff;
    min-width: 180px;
}
#adm_content .con_wrap .goods #idSelect:checked + label{
    background: #dadada;
}
#adm_content .con_wrap .goods .id_select:has(#idSelect) ul{
    padding: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    position: absolute;
    top: 45px;
    left: 0px;
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 5px;
    z-index: 2;
}

#adm_content .con_wrap .goods.id_select:has(#idSelect:checked) ul{
    display: flex;
}
#adm_content .con_wrap .goods .input_date{
    display: flex;
}

#adm_content .con_wrap .goods .sch_wrap .box:not(.v2) > div {
    margin-right: 0px;
}
#adm_content .con_wrap .goods .sch_wrap .box:not(.v2) > div:nth-child(even) {
    padding-right: 0px;
    border-right: 0px
}
#adm_content .con_wrap .goods .sch_wrap .box:not(.v2) > div.line {
    padding-right: 10px;
    border-right: 1px solid #eee;
}
#adm_content .con_wrap .goods .sch_wrap .box:not(.v2) > div.w100 {
    padding-right: 0px;
    border-right: 0px
}
#adm_content .con_wrap .goods .tit:has(#schMore) + .box{
    display: none;
}
#adm_content .con_wrap .goods .tit:has(#schMore:checked) + .box{
    display: flex;
}

#adm_content .con_wrap .goods .box.v2 > .input_select{
    width: 15%;
}
#adm_content .con_wrap .goods .con_wrap .result_wrap .top_text{
    flex-direction: column;
    width: 100%;
    align-items: end;
}
#adm_content .con_wrap .goods .thumb{
    width: 80px;
    height: 80px;
    background-size: cover!important;
    background-position: center center!important;
    border: 1px solid #eee;
}
#adm_content .con_wrap .table .thumb{
    width: 80px;
    height: 80px;
    background-size: cover!important;
    background-position: center center!important;
    border: 1px solid #eee;
}
#adm_content .con_wrap .goods .result_wrap .top_text #goodsEdit + label  {
    position: relative;
    margin: 0;
}
#adm_content .con_wrap .goods .result_wrap .top_text #goodsEdit + label ul {
    display: none;
}
#adm_content .con_wrap .goods .result_wrap .top_text #goodsEdit:checked + label ul {
    display: block;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: #ffffff20;
}
#adm_content .con_wrap .goods .result_wrap .top_text #goodsEdit + label ul li {
    background: #fff;
    padding: 12.5px 15px !important;
    border: 1px solid #ccc !important;
    color: #222 !important;
    line-height: 1em;
    border-radius: 5px;
    margin-bottom: 5px;
    width: fit-content;
}
#adm_content .con_wrap .goods .result_wrap .top_text #goodsEdit + label ul li:hover {
    background: #e3e3e3;
}

#adm_content .con_wrap .goods .result_wrap .top_text {
    flex-direction: column;
    gap: 10px;
}
#adm_content .con_wrap .goods .result_wrap .top_text > .wrap {
    width: 100%;
    white-space: nowrap;
}
#adm_content .con_wrap .goods .result_wrap .top_text > .wrap h1{
    margin-right: auto;
}

#adm_content.order .cancel_list table thead th {
    height: 55px
}
#adm_content.order .cancel_list table tbody td {
    height: 102px
}
#adm_content.order .cancel_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}

#adm_content.order .return_list table thead th {
    height: 55px
}
#adm_content.order .return_list table tbody td {
    height: 102px
}
#adm_content.order .return_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
#adm_content.order .exchange_list table thead th {
    height: 55px
}
#adm_content.order .exchange_list table tbody td {
    height: 102px
}
#adm_content.order .exchange_list table.sticky {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 99;
    border-right: 1px solid #919191;
    box-shadow: 0 0 10px #0000005c;
}
.proImgAddList #addImgBtn{
    width: 100%;
}
#addtionalImg > .flex{
    grid-gap: 10px;
    margin: 10px 0 0;
}
#div_gyeonggiList{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0 20px;
    background: #00000008;
    padding: 0 10px 10px;
    border-radius: 5px;
}


#adm_content .con_wrap.calculate_view .table > table > tbody > tr > * {
    align-content: baseline;
}
#adm_content .con_wrap.calculate_view .table > table > tbody > tr > * dt {
    margin-bottom: 10px;
    background: #e0e0e050;
    padding: 2.5px 7.5px;
    color: #919294;
    font-weight: 400;
    border-radius: 5px;
}
#adm_content .con_wrap.calculate_view .table > table > tbody > tr > * summary {
    flex-direction: row-reverse;
    gap: 20px;
}
#adm_content .con_wrap.calculate_view .table > table > tbody > tr > * details > summary:after {
    font-size: 0.75em;
    opacity: 0.45;
}


#dashboard {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px;
}

#dashboard .grid {
    display: grid;
    gap: 20px;
}

#dashboard .grid.v1 {
    grid-template-columns: repeat(4, 1fr);
}

#dashboard .grid.v2 {
    grid-template-columns: 3fr 1fr;
}

#dashboard .grid.v3 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
    margin-top: 15px;
    padding: 0px 40px;
}
#dashboard .section {
    padding: 10px 20px;
    text-align: left;
}
#dashboard .section:not(:last-child) {
    margin-right: 20px;
    border-right: 1px solid #eee;
}
#dashboard .section h2 {
    font-size: 1em;
    margin-bottom: 20px;
    font-weight: 400;
}
#dashboard .section h2 span {
    color: red;
}
#dashboard .section dl {
    display: flex;
    gap: 5px;
    align-items: center;
}
#dashboard .section dl p {
    padding: 0;
}
#dashboard .section dl h6 {
    font-weight: 400;
    font-size: 1.2em;
}
#dashboard .section i {
    font-size: 2em;
    color: #ffffff;
    margin-bottom: 10px;
    background: #9e9e9e;
    border-radius: 20px;
    aspect-ratio: 1 / 1;
    width: 50px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#dashboard .card {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding-bottom: 5px;
}

#dashboard .card h3 {
    padding: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
    display: flex;
    align-items: center;
    gap: 5px;
}

#dashboard .card h3 span {
    font-size: 0.8em;
    color: #888888;
    font-weight: 400;
}

#dashboard .card h3 a {
    font-size: 0.7em;
    font-weight: 400;
    margin-left: auto;
    color: #888888;
}

#dashboard .card button {
    width: calc( 100% - 30px );
    margin: 0 auto;
}

#dashboard .card p {
    font-size: 1rem;
    color: #282828;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#dashboard .highlight {
    color: #888888;
}
#dashboard .highlight a{
    color: #e74c3c;
    font-size: 1.3em;
    font-weight: 900;
}
#dashboard .highlight a:hover{
    text-decoration: underline;
}
#dashboard .highlight.v2 a{
    color: #000000;
}
#dashboard p .tooltip {
    margin: 0 auto 0 5px;
    color: #888888;
}
#dashboard .tooltip {
    position: relative;
    cursor: pointer;
    display: block;
    opacity: 1;
    z-index: 0;
}
#dashboard .tooltip::after {
    content: attr(data-tooltip);
    visibility: hidden;
    opacity: 0;
    width: max-content;
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    max-width: 200px;
    text-align: left;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    top: 20px;
    left: 0%;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 10;
    pointer-events: none;
    font-size: 14px;
}

#dashboard .tooltip:hover::after {
    visibility: visible;
    opacity: 1;
}

#goodsDeliveryModal .modal-body #div_gyeonggiList {padding: 15px}
#goodsDeliveryModal .modal-body div.box_white2[style*="display: block"] + div {margin-top:15px}
#goodsDeliveryModal .modal-body div > p:not(.guide):first-of-type {color: #087FB2; font-weight: 600; margin-bottom: 5px}
#goodsDeliveryModal .input_checkbox  input[type='checkbox'] + label { padding: 0px 0!important;}
#goodsDeliveryModal .text-guide {opacity: 0.8; font-size: 0.9em}
#goodsDeliveryModal button.btn.btn-white.btn-remove {padding: 0 10px;font-size: 1em; margin-left: 10px;width: calc(100% - 10px);}
#goodsDeliveryModal .differential-row > *:nth-child(2) {margin-left: auto;width: fit-content;min-width: unset;justify-content: end; }

#goodsDonateModal .modal-body div.box_white2 > p:not(.guide) {color: #087FB2; font-weight: 600; margin-top: 15px; margin-bottom: 5px}
#goodsDonateModal .modal-body div.box_white2 > p:not(.guide):first-of-type {margin-top: 0px;}
#goodsDonateModal .modal-body div.box_white2 {margin-top: 15px;}
#goodsDonateModal .modal-body .input_date {display: flex!important; padding-top: 0}

#categoryCodeModal .modal-body > div.flex {margin-bottom: 15px}
#categoryCodeModal ul.list {margin-top: 15px; max-height: 150px; overflow: auto}
#categoryCodeModal ul.list li:not(:last-of-type) {border-bottom: 1px solid #eee}
#categoryCodeModal ul.list li button {padding: 10px 0; width: 100%; text-align: left}

#categoryCodeModal ul.selected {margin-top: 15px;  overflow: auto; padding: 5px 15px; background: #fff; border-radius: 8px;}
#categoryCodeModal ul.selected li {display: flex; align-items: center; gap: 10px; padding: 10px 0}
#categoryCodeModal ul.selected li > span {width: 150px}
#categoryCodeModal ul.selected li > p {font-weight: 800; max-width: 690px}
#categoryCodeModal ul.selected li > p span {font-weight: 400}
#categoryCodeModal ul.selected li > div {margin-left: auto;display: flex; align-items: center; gap: 10px}
#categoryCodeModal ul.selected li:not(:last-of-type) {border-bottom: 1px solid #eee;  }
#categoryCodeModal ul.selected li button {border: 1px solid #E8E8E8; color: #484951;height: 30px; display: inline-block ; text-align:center;  width: max-content; word-break: keep-all;
    padding: 8px; line-height: 1em; cursor: pointer; font-weight: 700; font-size: 14px;    position: relative; box-sizing: border-box;border-radius:5px;}

#stickerModal .modal-body div + div {margin-top:15px}
#imgHostModal .modal-body div {margin-top:10px}
#imgHostModal .modal-body div input {cursor: pointer}

#resrvMoreModal h5 {font-size: 1.35em}

#messageViewModal .modal-body .table {margin: 0;max-height: 50vh}

#goodsSpecialDiscountModal .modal-body  h6 {font-size: 1.25em; margin-bottom: 10px}
#goodsSpecialDiscountModal .modal-body div.box {margin-top: 10px}
#goodsSpecialDiscountModal .modal-body div.box input {max-width: 200px}
#goodsSpecialDiscountModal .modal-body div.box div.flex {margin-bottom: 10px}

#goodsSpecialDiscountModal .box_whiteline2 input[type='radio'] + label {cursor: pointer}
#goodsSpecialDiscountModal .box_whiteline2 input[type='radio'] + label > i {    color: #aaa;}
#goodsSpecialDiscountModal .box_whiteline2 input[type='radio']:checked + label > i { color: #087FB2;}


#goodsMultiplePurchaseDiscountModal .modal-body  h6 {font-size: 1.25em; margin-bottom: 10px}
#goodsMultiplePurchaseDiscountModal .modal-body div.box {margin-top: 10px}
#goodsMultiplePurchaseDiscountModal .modal-body div.box input {max-width: 200px}
#goodsMultiplePurchaseDiscountModal .modal-body div.box div.flex {margin-bottom: 10px}

#goodsMultiplePurchaseDiscountModal .box_whiteline2 input[type='radio'] + label {cursor: pointer; margin-right: 10px}
#goodsMultiplePurchaseDiscountModal .box_whiteline2 input[type='radio'] + label > i {    color: #aaa;}
#goodsMultiplePurchaseDiscountModal .box_whiteline2 input[type='radio']:checked + label > i { color: #087FB2;}




/**/
#adm_content.jungbi .con_wrap [type="checkbox"] {
    margin: 0px px 0 0!important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #E8E8E8;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
}
#adm_content.jungbi .con_wrap [type="checkbox"] + label {
    margin-right: 7.5px;
}
#adm_content.jungbi .con_wrap [type="checkbox"]::after {
    color:#707070;
    position: absolute;
    right: 4px;
    font-size: 0.8em;
    cursor: pointer;
    top: 4px;
    left: 9px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #707070;
    border-top: 0;
    content: " ";
    border-left: 0;
    transition: all 200ms ease-in;
}
#adm_content.jungbi .con_wrap [type="checkbox"]:checked {
    border-color: #325b80;
    background: #325b80;
}
#adm_content.jungbi .con_wrap [type="checkbox"]:checked + label{
    color: #333333;
}
#adm_content.jungbi .con_wrap [type="checkbox"]:checked::after {
    border-color: #fff
}
#adm_content.jungbi .con_wrap [type="checkbox"]:focus-visible {
    outline-offset: max(2px, 0.1em);
    outline: max(2px, 0.1em) dotted #459bcb;
}
#adm_content.jungbi .con_wrap [type="checkbox"]:hover {
    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;
    cursor: pointer;
}
#adm_content.jungbi .con_wrap [type="checkbox"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}

#adm_content.jungbi .con_wrap .sch_wrap .box {
    flex-wrap: wrap; gap: 10px;
}
#adm_content.jungbi .con_wrap .input_date{
    display: flex; align-items: center;
}

#adm_content.jungbi .con_wrap .input_form{
    display: flex; align-items: center;
}

#adm_content.jungbi .con_wrap .sch_wrap .box:not(.v2) > div {
    margin-right: 0px;
}
#adm_content.jungbi .con_wrap .sch_wrap .box:not(.v2) > div.w100 {
    padding-right: 0px;
}
#adm_content.jungbi table tbody td a:before {
    display: inline-block;
    content: '\e60e';
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    margin-right: 5px;
    font-size: 0.8em;
}

#adm_content.jungbi .view_wrap .table {
    margin: 0;
}
#adm_content.jungbi .view_wrap table.top {
    border-top: 1px solid #000;
}
#adm_content.jungbi .view_wrap table tbody th {
    border-bottom: 1px solid #CED1D0;
    padding: 10px 10px;
}
#adm_content.jungbi .view_wrap table tbody tr:nth-of-type(odd) th {
    background: #f9f9f9;
}
#adm_content.jungbi .view_wrap .box2 {
    padding: 30px ;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 15px;
}
#adm_content.jungbi .view_wrap .box2 h2 {
   margin-bottom: 15px;
    color: #325b80;
}

#orderAmountModal .modal-body .box_whiteline  {
    gap: 10px;
    align-items: stretch
}
#orderAmountModal .modal-body .box_whiteline .flex {
    flex-wrap: wrap;
    row-gap: 10px;
    align-items: stretch
}
#orderAmountModal .modal-body .box_whiteline p {
    width: calc( 100% / 4 );
    padding: 0 5px;
}
#orderAmountModal .modal-body .box_whiteline p.total {
    width: fit-content;
    border-radius: 5px;
    background: #f8f8f8;
    padding: 10px;
}
#orderAmountModal .modal-body .box_whiteline h2 {
    border-radius: 5px;
    background: #f8f8f8;
    padding: 10px;
}
#orderAmountModal .modal-body .box_whiteline p  b{
    opacity: 0.6;
}
#orderAmountModal .modal-body table thead th {
    height: auto !important;
    padding: 5px 10px !important;
}

.admin_modal {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 500px; height: auto;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 98;
}
.admin_modal-content {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    max-width: 500px;
    width: 98%;
}
.admin_copy-button {
    padding: 10px 20px;
    margin: 10px 0;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}