.smart_modi_layer {
    display: none;
    position: relative;
    width: 1240px;
    min-height: 336px;
    background: #FFFFFF;
    border: 4px solid #F0F3F6;
    border-radius: 6px;
    padding: 32px 36px 32px 36px;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
}

.smart_modi_layer.api_layer {
    min-height: 240px;
}

.smart_modi_layer input[type="number"]::-webkit-outer-spin-button,
.smart_modi_layer input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.smart_title {
    display: flex;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    align-items: center;
    justify-content: space-between;
}

.smart_title img {
    width: 30px;
    height: 30px;
    vertical-align: -8px;
}

.smart_btn button {
    border-radius: 6px;
    width: 93px;
    padding: 13px 0;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.smart_modi_btn {
    background: #0475D5;
    color: white;
    border: none;
    margin-right: 2px;
}
.cm_api_layer_wrap .smart_modi_btn{
    background-color: #FF3800 !important;
}
.smart_close_btn {
    background: #FFFFFF;
    border: 1px solid #DADEE2;
}

.smart_page_head {
    width: 1160px;
    height: 54px;
    background-color: #FBFBFC;
    font-weight: 700;
    display: flex;
    gap: 20px;
    text-align: center;
    align-items: center;
    border-top: 1px solid #000000;
    margin-top: 12px;
}

.smart_page_code,
.smart_prd_code {
    width: 212px;
}

.smart_page_name,
.smart_prd_nm {
    width: 212px;
}

.smart_page_price,
.smart_price {
    width: 212px;
}

.smart_price_all_btn,
.smart_option_modi_btn,
.smart_price_tune_btn {
    width: 68px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #DADEE2;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    margin-left: 5px;
    cursor: pointer;
}

.smart_price {
    position: relative;
}

.smart_page_sale,
.smart_option_price,
.product_margin {
    width: 212px;
}

input[name=product_margin] {
    width: 100px;
}


/* 수정 박스 */

.smart_price_tune,
.smart_op_tune {
    display: none;
    position: absolute;
    width: 284px;
    height: 196px;
    background: #FFFFFF;
    font-weight: 700;
    box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    z-index: 10;
}

.smart_price_tune {
    left: 750px;
    top: 138px;
}

.smart_op_tune {
    left: 980px;
    height:131px;
}

.smart_price_tune>div,
.smart_op_tune>div {
    display: flex;
}

.smart_price_tune .price_tune_title,
.smart_op_tune .price_tune_title {
    height: 47px;
    justify-content: space-between;
    padding: 16px 16px 0 20px;
    border-bottom: 1px solid #F0F3F6;
}

.price_tune_title .price_tune_close,
.price_tune_title .op_tune_close {
    background-image: url(../images/price_tune_close.png);
    background-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: -3px;
}

.smart_input_wrap {
    padding: 0 20px;
}

.smart_price_refresh,
.smart_op_refresh {
    cursor:pointer;
    font-size: 12px;
    line-height: 12px;
    margin: 16px 0 8px;
    text-align: left;
    font-weight: 400;
}

.smart_btn_wrap {
    display: flex;
    color: #737E88;
    text-align: center;
    font-size: 18px;
    border: 1px solid #DADEE2;
    border-radius: 4px;
}

.smart_btn_wrap div {
    width: 30px;
    height: 30px;
    padding-top: 8px;
}

.smart_btn_wrap input {
    border: 0px;
    border-right: 1px solid #DADEE2;
    border-left: 1px solid #DADEE2;
    height: 30px;
    width: 50px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
}

.percent {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.04rem;
    align-items: flex-end;
    margin: 44px 0 0 84px;
}

.smart_bottom_wrap {
    border-top: 1px solid #F0F3F6;
    padding-top: 16px;
    gap: 4px;
    margin: 16px 20px 0;
}

.smart_bottom_wrap button {
    font-weight: 700;
    width: 120px;
    height: 32px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -0.04em;
    border: 0px;
}

.smart_bottom_wrap .price_tune_close,
.smart_bottom_wrap .op_tune_close {
    background: #FFFFFF;
    border: 1px solid #DADEE2;
}

.smart_bottom_wrap .smart_btn_done {
    background: #0475D5;
    color: white;
}


/* 수정 박스 */

.smart_flex {
    display: flex;
    gap: 20px;
    align-items: center;
}

.smart_page_li {
    width: 1160px;
    border-top: 1px solid #F0F3F6;
}

.smart_page_li>li {
    border-bottom: 1px solid #F0F3F6;
}

.smart_prd_code {
    text-align: center;
}

.smart_prd_nm {
    height: 54px;
    outline: none;
    border: none;
}

.smart_price,
.smart_option_price,
.product_margin {
    text-align: center;
}

.smart_each_modi {
    padding-left: 20px;
}

.smart_option_modi {
    position: absolute;
    display: none;
    width: 548px;
    background-color: white;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
    top: -21px;
}

.smart_option_modi input {
    font-size: 14px;
    border: 0px;
    height: 35px;
}

.smart_option_modi button {
    border: 0;
    font-size: 12px;
    line-height: 12px;
}

.smart_option_title {
    background-color: #FBFBFC;
    font-weight: 700;
    line-height: 14px;
    gap: 10px;
    justify-content: center;
    height: 36px;
    text-align: center;
    align-items: center;
    border-top: 1px solid #000000;
}

.smart_option_modi>ul>li {
    border-bottom: 1px solid #F0F3F6;
}

.smart_option_modi>ul>li>ul {
    gap: 10px;
    justify-content: center;
}

.smart_modi_op_nm,
.smart_option_nm {
    width: 250px;
}

.smart_modi_cus_price {
    width: 129px;
}

.smart_modi_cus_price input {
    width: 115px;
    text-align: right;
}

.smart_modi_op_price {
    width: 129px;
}

.smart_option_modi .smart_btn {
    padding: 5px;
    justify-content: center;
    gap: 10px;
}

.smart_option_modi .smart_btn button {
    width: 100px;
    height: 28px;
    padding: 0;
}

.smart_btn .smart_op_done {
    border: 0;
    background-color: #0475D5;
    color: white;
}

.smart_btn .smart_op_close {
    background-color: white;
    border: 1px solid #DADEE2;
}

.smart_option_modi .smart_price_tune_btn {
    width: 67px;
    height: 28px;
    border: 1px solid #DADEE2;
}

.smart_op_tune {
    position: absolute;
}

.smart_lap * {
    background-color: #f1f1f1;
}
.smart_loading_layer {
    position: absolute;
    top: 0px;
    background-color: white;
    background-image: url(/images/coupang_loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.7;
    width: 1250px;
    height: 100%;
    display: none;
}
span.cm_length{
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="8" fill="%23727379"/><path d="M8.58008 3.77273L8.49485 10.0455H7.50621L7.42099 3.77273H8.58008ZM8.00053 12.5682C7.79031 12.5682 7.60991 12.4929 7.45934 12.3423C7.30877 12.1918 7.23349 12.0114 7.23349 11.8011C7.23349 11.5909 7.30877 11.4105 7.45934 11.2599C7.60991 11.1094 7.79031 11.0341 8.00053 11.0341C8.21076 11.0341 8.39116 11.1094 8.54173 11.2599C8.69229 11.4105 8.76758 11.5909 8.76758 11.8011C8.76758 11.9403 8.73207 12.0682 8.66104 12.1847C8.59286 12.3011 8.50053 12.3949 8.38406 12.4659C8.27042 12.5341 8.14258 12.5682 8.00053 12.5682Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    cursor: pointer;
    top: 3px;
    left: 25px;
    margin-left: -20px;
}
span.cm_length:hover::after{
    position: absolute;
    display: block;
    clear: both;
    width: 272px;
    height: 148px;
    top: 9px;
    left: -128px;
    content: "스마트스토어 정책상 옵션명은 25자까지만 등록 가능합니다. 옵션명 수정 후 전송해 주세요. 수정하지 않았을 경우, 자동으로 25자까지만 전송됩니다.";
    background-image: url('data:image/svg+xml,<svg width="272" height="148" viewBox="0 0 272 148" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_10636_35635)"><path d="M132 24H140L136 12L132 24Z" fill="white"/><rect x="16" y="24" width="240" height="104" rx="8" fill="white"/></g><defs><filter id="filter0_d_10636_35635" x="0" y="0" width="272" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="8"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_10636_35635"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_10636_35635" result="shape"/></filter></defs></svg>');
    color: #2E2F33;
    font-family: 'Pretendard';
    font-size: 13px;
    line-height: 150%;
    box-sizing: border-box;
    padding: 36px 32px;
    z-index: 10;
}