@import url('slick.css');

button.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background-color: #d9d9d9;
}

/* add */
.custom_table .service {
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
}

.custom_table .service::after {
    content: '';
    position: absolute;
    top: 22%;
    left: 0;
    width: 1px;
    height: 65%;
    background-color: #dbdbdb;
}

.cs_table2 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
}

.cs_table2 tr {
    border: 1px solid #dbdbdb;
}

.cs_table2 tr td {
    padding: 5px 15px;
    border: none;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;

}

.cs_table2 tr td .list_button {
    display: flex;
    gap: 10px;
}

.cs_table2 tr td .list_button .disabled {
    opacity: 0.5;
}

.cs_table2 td .content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.cs_table2 td:first-child {
    border-left: 1px solid #dbdbdb;
}

.cs_table2 td:last-child {
    border-right: 1px solid #dbdbdb;
}

.cs_table2 td.txt_right {
    text-align: right;
    justify-items: end;
}

.cs_table2 td.txt_left {
    text-align: left;
    justify-items: start;
}

.cs_table2 td.txt_center {
    text-align: center;
    justify-items: start;
}

.cs_table2 .btn_small {
    display: block;
    height: 30px;
    padding: 5px;
    width: 90px;
}

.cs_table2 .btn_white {
    background-color: white;
    border: 1px solid #dbdbdb;
}

.cs_table2 .btn_primary {
    background-color: #3b71dd;
    color: white
}

.cs_table2 .btn_default {
    background-color: #878787;
    color: white
}

.basic_ttl {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
}

.custom_view_wrap .reply_list {
    margin-top: 46px;
}

.list_item .item .col .service {
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
}

.list_item .item .col .service::after {
    content: '';
    position: absolute;
    top: 22%;
    left: 0;
    width: 1px;
    height: 65%;
    background-color: #dbdbdb;
}

/* container */
#container.hs01 {
    margin-top: 107px;
}

#container.hs01.spe {
    padding-top: 107px;
    margin-top: 0;
}

#container.hs01.login {
    margin-top: 60px;
}

/* //container */

/* sub_layout */
.sub_layout {
    display: flex;
    align-items: flex-start;
    padding-bottom: 100px;
}

.sub_layout .snb_box {
    width: 188px;
    margin-right: 24px;
    flex: 0 0 auto;
}

/* snb_box */
.snb_box .snb_ttl {
    padding: 14px 0;
    margin-top: 12px;
}

.snb_box .snb_list01 {
    border-top: 2px solid #333333;
    padding-top: 10px;
}

.snb_box .snb_list01 .banner_ic {
    margin-top: 30px;
}

.snb_box .snb_list01 > li > a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    background-position: right 0 center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/snb_nav_arrow.png);
}

.snb_box .snb_list01 > li > a.on {
    font-weight: 700;
    color: #000;
    background-image: url(../img/ico/snb_nav_arrow_on.png);
}

.snb_box .snb_list01 > li > a.arrow_none {
    background: none;
}

.snb_box .snb_list02 {
    display: none;
}

.snb_box .snb_list02.on {
    display: block;
}

.snb_box .snb_list02 > ul {
    margin: 6px 0 12px;
    padding: 12px 16px;
    background: #f3f4f8;
    border-radius: 5px;
}

.snb_box .snb_list02 > ul > li > a {
    display: block;
    padding: 5px 0;
}

.snb_box .snb_list02 > ul > li > a > span {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    font-size: 13px;
    font-weight: 400;
    color: #919191;
}

.snb_box .snb_list02 > ul > li > a.on > span {
    color: #333333;
    border-color: #333333;
}

/* //snb_box */
.sub_layout .content_box {
    /* width: calc(100% - 212px); */
    width: 100%;
}

/* //sub_layout */

/* mem_container common */
.mem_container {
    padding: 100px 0 120px;
}

.mem_container .mem_ttl {
    margin-bottom: 60px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

.mem_container .mem_box {
    max-width: 460px;
    margin: 0 auto;
}

.mem_container .form_box .input_row .label {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.mem_container .form_box .input_row + .input_row {
    margin-top: 30px;
}

.mem_container .form_box .input_row .label {
    display: block;
}

.mem_container .form_box .input_box + .input_box {
    margin-top: 10px;
}

.mem_container .form_box .button-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mem_container .form_box .no_certi {
    display: flex;
    align-items: center;
    gap: 40px;
}

.mem_container .form_box .no_certi div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mem_container .form_box .item_radio input + label {
    margin-right: 30px;
}

.mem_container .form_box .button-row .bs-input {
    width: 480px;
}

.mem_container .form_box .button-row .cling-btn {
    width: 150px;
    margin-left: 10px;
}

.mem_container .logo_box {
    margin-bottom: 40px;
}

.login_tab {
    display: flex;
    margin-bottom: 40px;
}

.login_tab button {
    position: relative;
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #dbdbdb;
    border-bottom-color: #252525;
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    box-sizing: border-box;
}

.login_tab button.on {
    border: 1px solid #252525;
    color: #252525;
    border-bottom: 0;
    z-index: 1;
}

.tel_row {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.tel_row .bs-select, .tel_row .bs-input {
    width: calc(33.333% - 13.333px);
}

.mem_container .form_box .input_box input,
.mem_container .form_box .input_box select {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}

.mem_container .form_box .input_box input::placeholder {
    color: #999999;
}

.mem_container .form_box .input_box input:read-only {
    background: #fafafa;
}

.mem_container .form_box .input_box input[type="file"] {
    display: none;
}

.mem_container .form_box .input_box input[type="file"] + label {
    display: flex;
    width: 150px;
    margin-left: 10px;
    height: 52px;
    border: 1px solid #252525;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}


.mem_container .form_box .input_box button {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #252525;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.mem_container .form_box .input_box.top_box {
    display: flex;
}

.mem_container .form_box .button_box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.mem_container .form_box .button_box button {
    /* width: 152px;
    margin-left: 10px; */
    flex: 0 0 auto;
}

.mem_container .form_box .phone_box {
    display: flex;
    align-items: center;
    width: 100%;
}

.mem_container .form_box .phone_box input,
.mem_container .form_box .phone_box select {
    width: 33.333%;
    flex: 1;
}

.mem_container .form_box .phone_box span {
    display: block;
    width: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    flex: 0 0 auto;
}

.mem_container .form_box .email_box {
    display: flex;
    align-items: center;
    width: 100%;
}

.btn_input_wrap {
    width: 100% !important;
}

.mem_box .find_address {
    width: 100%;
}

.mem_box .find_address .search_box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mem_box .find_address .search_box input {
    width: 100%;
    height: 52px;
    border: 1px solid #dbdbdb;
    padding: 0 20px;
    font-size: 16px;
}

.mem_box .find_address .search_box .btn_zip {
    height: 52px;
    width: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    color: #fff;
}

.mem_box .find_address .address_input {
    width: 100%;
    display: flex;
}

.mem_box #sample2_address {
    width: 49%;
}

.mem_box #sample2_postcode {
    width: 160px;
}

.mem_box #sample2_detailAddress {
    width: 49%;
    margin-left: 10px;
}

.mem_box .find_address .address_input input {
    width: 100%;
    height: 52px;
    border: 1px solid #dbdbdb;
    padding: 0px 20px;
    font-size: 16px;
    margin-top: 8px;
}

.mem_box .buis_file {
    display: flex;
    align-items: center;
    max-width: 100%;
}

.mem_box .buis_file input {
    max-width: none;
    height: 52px;
    width: 360px;
}

.mem_box .buis_file input[type="file"] {
    display: none;
}

.mem_box .buis_file label {
    display: block;
    width: 80px;
    line-height: 52px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #777777;
}

.mem_container .form_box .email_box span {
    display: block;
    width: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    flex: 0 0 auto;
}

.mem_container .form_box .email_box select {
    margin-right: 10px;
}

.mem_container .form_box .certi_time {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 400;
    color: #ee0505;
}

.mem_container .form_box .submit_btn {
    display: block;
    width: 420px;
    height: 56px;
    margin: 30px auto 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #116ad4;
    border-radius: 28px;
}

#btnLogin {
    display: block;
    width: 420px;
    height: 56px;
    margin: 30px auto 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #116ad4;
    border-radius: 28px;
    box-shadow: 0px 8px 18.8px 1.2px rgba(0, 138, 255, 0.63);
}

/* //mem_container common */

/* check_account */

.acc_chk {
    padding: 100px 0 253px;
    background: #fafafa;
}

.acc_chk .mem_ttl {
    margin-bottom: 20px;
}

.acc_chk .mem_stl {
    font-size: 16px;
    text-align: center;
    color: #454545;
}

.acc_chk .mem_stl + .form_box {
    margin-top: 60px;
}

.acc_chk .form_box .submit_btn {
    box-shadow: 0px 6px 15px rgb(0 138 255 / 63%);
}

/* login */
.login .save_id {
    margin-top: 20px;
}

.login .mem_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.login .mem_link li + li {
    position: relative;
}

.login .mem_link li + li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #dddddd;
    content: '';
}

.login .mem_link li a {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.login .mem_link li a span {
}

.login .sns_login_box {
    width: 310px;
    margin: 60px auto 0;
}

.login .sns_login_ttl {
    position: relative;
}

.login .sns_login_ttl::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    content: '';
}

.login .sns_login_ttl span {
    position: relative;
    display: block;
    width: 112px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #454545;
    background: #fff;
}

.login .sns_login_list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.login .sns_login_list li + li {
    margin-left: 30px;
}

.login .sns_login_list li button,
.login .sns_login_list li button img {
    display: block;
}

.login .form_box .submit_btn {
    box-shadow: 0px 8px 18.8px 1.2px rgba(0, 138, 255, 0.63);
}

/* //login */

/* join_type */
.join_type {
    background: #fafafa;
}

.join_type .mem_box {
    max-width: 480px;
}

.join_type .join_type_btn {
    display: block;
    width: 100%;
    height: 68px;
    line-height: 66px;
    text-align: center;
    background-position: 30px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-sizing: border-box;
}

.join_type .join_type_btn:not(:last-child) {
    margin-bottom: 20px;
}

.join_type .join_type_btn span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: inherit;
}

.write_table .member_flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.write_table .member_flex button {
    width: 280px;
    margin-bottom: 0 !important;
}

.write_table .member_flex button img {
    width: 100%;
}

.write_table .member_flex p {
    color: red;
}

.join_type .join_type_btn.naver {
    color: #fff;
    background-image: url(../img/ico/ico_join_type_naver.png);
    background-color: #1ec800;
    margin-bottom: 20px;
}

.join_type .join_type_btn.kakao {
    background-image: url(../img/ico/ico_join_type_kakao.png);
    background-color: #fee500;
}

.join_type .join_type_btn.google {
    border: 1px solid #aaaaaa;
    background-image: url(../img/ico/ico_join_type_google.png);
    background-color: #fff;
}

.join_type .join_type_btn.email {
    border: 1px solid #aaaaaa;
    background-image: url(../img/ico/ico_join_type_email.png);
    background-color: #fff;
}

.join_type .etc_link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.join_type .etc_link a {
    display: block;
    width: 100%;
    height: 68px;
    line-height: 66px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #116ad4;
    border-radius: 5px;
}

.join_type .etc_link a + a::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #dbdbdb;
    content: '';
}

.join_type .new_memnt {
    color: #252525;
    text-align: center;
    margin-top: 20px;
}

/* //join_type */

/* join */
.join .mem_box {
    max-width: 640px;
}

.join .join_ttl {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
}

.join .guide_txt {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #999999;
}

.join .guide_txt.red {
    color: #ee0505;
}

.join .guide_txt.blue {
    color: #0a6ec2;
}

.note_new {
    color: red; 
    margin: 10px 0 20px; 
    font-size: 13px;
    line-height: 1.3;
}

.note_red {
    color: red; 
    margin: 10px 0 60px; 
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
}

.join .agree_wrap {
    margin-top: 30px;
}

.join .agree_wrap .item_check input + label {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.join .agree_list {
    border: 1px solid #dbdbdb;
    margin-top: 20px;
}

.join .agree_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 20px 22px 16px;
}

.join .agree_list li:not(:last-of-type) {
    border-bottom: 1px solid #dbdbdb;
}

.join .agree_list li .agree_more {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}

.join .form_box .submit_btn {
    width: 315px;
    margin-top: 60px;
}

/* //join */

/* find */
.find .find_tab {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.find .find_tab li {
    flex: 1;
}

.find .find_tab li + li {
    margin-left: -1px;
}

.find .find_tab li a {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    border-bottom: 1px solid #252525;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    box-sizing: border-box;
}

.find .find_tab li a.on {
    border: 1px solid #252525;
    border-bottom: 0;
    z-index: 1;
}

.find .find_notice {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 1.6;
}

.find .find_pw_type {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.find .find_pw_type .item_radio:not(:last-of-type) {
    margin-right: 40px;
}

.find .result_id {
    margin-top: 40px;
}

.find .result_id .label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.find .find_form {
    display: none;
}

.find .find_form.on {
    display: block;
}

.form_box .find_box.on {
    display: block;
}

.form_box .find_box {
    display: none;
}

.form_box .find_box .first_box {
    margin-top: 15px;
}

/* //find */


/* list_ttl_row */
.list_ttl_row {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.list_ttl_row .list_ttl {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 700;
    flex: 0 0 auto;
}

.list_ttl_row .item_detail_tab {
    display: flex;
    align-items: center;
    margin-left: auto;
    flex: 0 0 auto;
}

.list_ttl_row .item_detail_tab button {
    display: block;
    padding-left: 23px;
    font-size: 13px;
    font-weight: 400;
    color: #757575;
    line-height: 17px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_check_17x17.png);
}

.list_ttl_row .item_detail_tab button.active {
    background-image: url(../img/ico/ico_check_17x17_on.png);
}

.list_ttl_row .item_detail_tab button:not(:last-of-type) {
    margin-right: 20px;
}

/* list_ttl_row */

/* prd_list_wrap */
.prd_list_wrap .category_tab {
    padding: 12px 0 40px;
}

.prd_list_wrap .ad_box {
    margin-bottom: 44px;
}

.prd_list_wrap .ad_box .ad_ttl_row {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.prd_list_wrap .ad_box .ad_ttl {
    font-size: 28px;
    font-weight: 700;
}

.prd_list_wrap .ad_box .control_box {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.prd_list_wrap .ad_box .control_box button {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #dbdbdb;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    box-sizing: border-box;
}

.prd_list_wrap .ad_box .control_box button.prev_btn {
    background-image: url(../img/btn/prd_prev.png);
}

.prd_list_wrap .ad_box .control_box button.next_btn {
    background-image: url(../img/btn/prd_next.png);
}

.prd_list_wrap .ad_box .control_box .pager {
    margin: 0 9px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.prd_list_wrap .ad_box .control_box .pager strong {
    font-weight: 400;
}

.prd_list_wrap .ad_box .ad_link {
    display: block;
    width: 69px;
    height: 25px;
    margin-left: 14px;
    border: 1px solid #dbdbdb;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #757575;
    border-radius: 13px;
    flex: 0 0 auto;
}

.prd_list_wrap .ad_box .slider_item {
    margin: 0 10px;
}

.prd_list_wrap .ad_box .slick-list {
    margin: 0 -10px;
}

.prd_list_wrap .itme_type01 {
    display: flex;
    flex-wrap: wrap;
}

.prd_list_wrap .itme_type01 li {
    width: calc(25% - 18px);
    margin-right: 24px;
    margin-bottom: 24px;
    position: relative;
}

.prd_list_wrap .itme_type01 li .btn_row {
    position: absolute;
    right: 8px;
    bottom: 20px;
    z-index: 99;
}

.prd_list_wrap .itme_type01 li .btn_row .zzim_btn {
    display: block;
    width: 98px;
    height: 44px;
    margin-right: 8px;
    border: 1px solid #dddddd;
    border-radius: 22px;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.prd_list_wrap .itme_type01 li .btn_row .zzim_btn span {
    display: inline-block;
    line-height: 42px;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../img/btn/client_zzim.png);
    vertical-align: top;
}

.prd_list_wrap .itme_type01 li .btn_row .zzim_btn.on span {
    background-image: url(../img/btn/client_zzim_on.png);
}

.prd_list_wrap .itme_type01 li .thumb {
    position: relative;
    aspect-ratio: 1 / 1;
}

.prd_list_wrap .itme_type01 li .thumb .stamp_div {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
}

.prd_list_wrap .itme_type01 li .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.prd_list_wrap .itme_type01 li .thumb .stamp_div img {
    width: 57px;
}

.prd_list_wrap .itme_type01 li:nth-of-type(4n) {
    margin-right: 0;
}

/* //prd_list_wrap */

/* search_result_box */
.search_result_box {
    margin-top: 20px;
    padding-bottom: 100px;
}

.search_result_box .search_ttl {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}

.search_result_box .search_ttl strong {
    font-weight: 400;
    color: #000;
}

.search_result_list {
    display: flex;
    flex-wrap: wrap;
}

.search_result_list li {
    width: calc(20% - 11.2px);
    margin-right: 14px;
    margin-bottom: 28px;
}

.search_result_list li:nth-of-type(5n) {
    margin-right: 0;
}

.search_none {
    padding: 100px 0 50px;
    text-align: center;
}

.search_none_ttl {
    margin-bottom: 40px;
}

.search_none h3 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 400;
}

.search_none p {
    line-height: 1.5;
    font-size: 17px;
    color: #555;
    font-weight: 400;
}

.search_none .search_cation {
    font-size: 15px;
}

/* //search_result_box */

/* item_view */
.item_view {
    padding-top: 25px;
}

.item_view .view_top {
    padding-bottom: 65px;
}

.view_top_info {
    display: flex;
    align-items: flex-start;
}

.view_top_info .vti_left {
    width: 610px;
    margin-right: 70px;
    flex: 0 0 auto;
}

.vit_main_slider .vit_ms_img .img_in {
    display: block;
    width: 600px;
    height: 600px;
    /* padding-top: 65.574%; */
    background-size: 600px 600px;
    background-position: center center;
    background-repeat: no-repeat;
}

.vit_tab_slider {
    width: 100%;
    margin-top: 10px;
    padding: 0 160px;
    box-sizing: border-box;
}

.vit_tab_slider .slick-list {
    margin: 0 -5px;
}

.vit_tab_slider .vit_ts_img {
    margin: 0 5px;
}

.vit_tab_slider .vit_ts_img .img_in {
    display: block;
    padding-top: 66.667%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.view_top_info .vti_right {
    width: calc(100% - 680px);
    margin-left: auto;
}

.view_top_info .vti_right .level_box {
    margin-bottom: 5px;
}

.view_top_info .vti_right .level_box strong.level {
    display: flex;
    font-size: 14px;
    font-family: 'Gmarket Sans';
    font-weight: 700;
    align-items: center;
    text-transform: uppercase;
    flex: 0 0 auto;

}

.view_top_info .vti_right .level_box strong.level i {
    display: block;
    width: 24px;
    height: 24px;
    background: no-repeat center / 24px auto;
    margin-right: 6px;
    margin-bottom: 2px;

}

.view_top_info .vti_right .level_box .level.iron {
    color: #767676;
}

.view_top_info .vti_right .level_box .level.iron i {
    background-image: url(../img/sub/ico_Iron.png)
}

.view_top_info .vti_right .level_box .level.bronze {
    color: #9d7649;
}

.view_top_info .vti_right .level_box .level.bronze i {
    background-image: url(../img/sub/ico_bronze.png)
}

.view_top_info .vti_right .level_box .level.silver {
    color: #8d8d8d;
}

.view_top_info .vti_right .level_box .level.silver i {
    background-image: url(../img/sub/ico_silver.png)
}

.view_top_info .vti_right .level_box .level.gold {
    color: #d6ad26;
}

.view_top_info .vti_right .level_box .level.gold i {
    background-image: url(../img/sub/ico_gold.png)
}

.view_top_info .vti_right .level_box .level.platinum {
    color: #d6ad26;
}

.view_top_info .vti_right .level_box .level.platinum i {
    background-image: url(../img/sub/ico_gold.png)
}

.view_top_info .vti_right .level_box .level.diamond {
    color: #d044e6;
}

.view_top_info .vti_right .level_box .level.diamond i {
    background-image: url(../img/sub/ico_diamond.png)
}

.view_top_info .vti_right .level_box .level.master {
    color: #d47621;
}

.view_top_info .vti_right .level_box .level.master i {
    background-image: url(../img/sub/ico_master.png)
}

.view_top_info .vti_right .level_box .level.grand_master {
    color: #7d3bf3;
}

.view_top_info .vti_right .level_box .level.grand_master i {
    background-image: url(../img/sub/ico_grand_master.png)
}


.view_top .summary_info {
    display: flex;
    margin-top: 30px;
    border: 1px solid #dbdbdb;
}

.view_top .summary_info .si_box {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 16px 10px;
    text-align: center;
    flex: 1;
}

.view_top .summary_info .si_box + .si_box {
    border-left: 1px solid #dbdbdb;
}

.view_top .summary_info .si_box .label {
    display: block;
    font-size: 16px;
    font-weight: 500;
}

.view_top .summary_info .si_box .star_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 10px;
}

.view_top .summary_info .star_box .star_ico {
    display: block;
    width: 21px;
    height: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_star_21x21.png);
}

.view_top .summary_info .star_box .star_ico.on {
    background-image: url(../img/ico/ico_star_21x21_on.png);
}

.view_top .summary_info .star_box .star_ico + .star_ico {
    margin-left: 2px;
}

.view_top .summary_info .star_grade {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.view_top .summary_info .count {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.view_top .summary_info .si_box .data {
    display: block;
    /* margin-top: 20px; */
    font-size: 20px;
    font-weight: 700;
}

.view_top .summary_info .si_box .data strong {
    font-size: 30px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.view_top .seller_info {
    padding: 120px 15px 20px;
}

.view_top .seller_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view_top .seller_top .profile {
    display: flex;
    align-items: center;
}

.view_top .seller_top .profile .thumb {
    display: block;
    width: 64px;
    height: 64px;
    margin-right: 20px;
    flex: 0 0 auto;
}

.view_top .seller_top .profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-sizing: border-box;
}

.view_top .seller_top .profile .seller_name {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.3;
}

.view_top .seller_top .profile .time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}

.view_top .seller_top .seller_inquiry {
    display: block;
    padding-left: 46px;
    padding-right: 14px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    background: url(../img/ico/seller_inquiry.png) left center no-repeat;
}

.view_top .seller_bottom {
    margin-top: 32px;
}

.view_top .seller_bottom .desc {
    display: block;
    padding: 0 6px;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.view_top .seller_bottom .desc.add {
    display: block;
}

.view_top .seller_bottom .desc_more {
    display: block;
    width: 100%;
    margin-top: 42px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.view_top .vti_item_tit {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

.view_top .vti_item_desc {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
    line-height: 1.5;
}

.view_top .vti_money {
    display: flex;
    align-items: flex-end;
    margin-top: 10px;
    justify-content: space-between;
}

.view_top .vti_money .m_dc {
    display: block;
    margin-right: 10px;
    font-size: 30px;
    font-weight: 500;
}

.view_top .vti_money .m_dc strong {
    font-size: 48px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.view_top .vti_money .m_before {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #bbbbbb;
    text-decoration: line-through;
}

.view_top .vti_money .m_after {
    font-size: 20px;
    font-weight: 700;
}

.view_top .vti_money .m_after strong {
    font-size: 30px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.view_top .vti_util {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.view_top .average_work {
    display: block;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background: url(../img/ico/ico_time.png) left center no-repeat;
}

.vti_item_opt {
    position: relative;
    display: flex;
    align-items: center;
}

.vti_item_opt > button {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    background-color: #f8f8f8;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3px;
}

.vti_item_opt > button.btn_zzim {
    width: auto;
    padding: 10px;
}

.vti_item_opt > button + button {
    margin-left: 6px;
}

.vti_item_opt .btn_zzim {
    text-indent: 0;
    display: flex;
    align-items: center;
}

.vti_item_opt .btn_zzim span {
    text-indent: 0;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;

}

.vti_item_opt .btn_zzim span + span {
    margin-left: 3px;
}

.vti_item_opt .btn_zzim .ico_zzim {
    width: 22px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/btn/btn_zzim.png);

}

.vti_item_opt .btn_zzim.active .ico_zzim {
    background-image: url(../img/btn/btn_zzim_on.png);
}

.vti_item_opt .btn_share {
    background-image: url(../img/btn/btn_share.png);
}

.vti_item_opt .share_box {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 208px;
    padding: 24px 0 15px;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 2px;
    z-index: 11;
    box-sizing: border-box;
}

.vti_item_opt .share_box .share_list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.vti_item_opt .share_box .share_list li + li {
    margin-left: 20px;
}

.vti_item_opt .share_box .share_list li button {
    display: block;
}

.vti_item_opt .share_box .share_list .ico {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.vti_item_opt .share_box .kakao_copy .ico {
    background-image: url(../img/ico/kakao_copy.png);
}

.vti_item_opt .share_box .blog_copy .ico {
    background-image: url(../img/ico/blog_copy.png);
}

.vti_item_opt .share_box .link_copy .ico {
    background-image: url(../img/ico/link_copy.png);
}

.vti_item_opt .share_box .share_list .txt {
    display: block;
    margin-top: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #646464;
}

.vti_item_opt .share_box .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/btn/share_box_close_btn.png);
}

.view_top .info_list {
    margin-top: 24px;
}

.view_top .info_list li {
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0;
}

.view_top .info_list li .label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.view_top .info_list li .il_option select {
    display: block;
    width: 100%;
    height: 42px;
    padding-left: 12px;
    border: 1px solid #aaaaaa;
    font-size: 16px;
}

.view_top .info_list li.point {
    border: 1px solid #2c63ae;
    padding: 20px 16px;
}

.view_top .info_list li.point .point_label {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}

.view_top .info_list li.point .point_num {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #2c63ae;
}

.view_top .info_list li.point .point_txt {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}

.view_top .info_list li.delivery {
    padding: 14px 16px;
}

.view_top .info_list li.delivery .delivery_label {
    margin-right: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.view_top .info_list li.delivery .delivery_data {
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.view_top .info_list li.delivery .delivery_data strong {
    font-size: 16px;
    font-weight: 700;
    color: #252525;
}

.view_top .info_list li .il_schedule {
    display: flex;
    align-items: center;
}

.view_top .info_list li .il_schedule > div {
    position: relative;
    flex: 1;
}

.view_top .info_list li .il_schedule > div + div {
    margin-left: 10px;
}

.view_top .info_list li .il_schedule input {
    display: block;
    width: 100%;
    height: 42px;
    padding-right: 38px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    box-sizing: border-box;
}

.view_top .info_list li .il_schedule input::placeholder {
    color: #999999;
}

.view_top .info_list li .il_schedule .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.view_top .info_list li .il_schedule .timepick {
    background: url(../img/ico/timepicker_ico.png) right 10px center no-repeat;
}

.view_top .info_result {
    padding: 20px 16px;
    border-bottom: 1px solid #eeeeee;
}

.info_result_box {
    padding: 20px 20px 24px;
    margin-bottom: 10px;
    background: #f5f5f5;
}

.info_result_box .ir_tit {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.info_result_box > div {
    display: flex;
    align-items: center;
}

.info_result_box .ir_num_sel {
    display: flex;
    align-items: center;
    border: 1px solid #dadada;
    background: #fff;
}

.info_result_box .ir_num_sel button {
    display: block;
    width: 23px;
    height: 23px;
    line-height: 21px;
    font-size: 20px;
}

.info_result_box .ir_num_sel .btn_minus {
    font-size: 30px;
    padding-bottom: 15px;
    line-height: 22px;
}

.info_result_box .ir_num_sel span {
    width: 38px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
}

.info_result_box .ir_num_money {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.info_result_box .ir_num_money .m_txt {
    margin-right: 10px;
    font-size: 14px;
    color: #000;
}

.info_result_box .ir_num_money .m_txt strong {
    font-size: 18px;
    font-weight: 900;
}

.info_result .coupon_btn {
    display: block;
    width: 78px;
    height: 28px;
    margin-left: auto;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #333333;
}

.view_top .money_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    border-bottom: 1px solid #eee;
}

.view_top .money_total .label {
    font-size: 16px;
    font-weight: 400;
}

.view_top .money_total .data {
    font-size: 20px;
}

.view_top .money_total .view_price {
    font-size: 24px;
}

.view_top .vit_btn_wrap {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.view_top .vit_btn_wrap button {
    display: block;
    width: 100%;
    height: 58px;
    border: 1px solid #dbdbdb;
    font-size: 20px;
    font-weight: 500;
    box-sizing: border-box;
}

.view_top .vit_btn_wrap button + button {
    margin-left: 10px;
}

.view_top .vit_btn_wrap .order_btn {
    border-color: #006fff;
    color: #fff;
    background: #006fff;
}

.view_tab_row {
    position: relative;
    height: 50px;
    background: #f5f5f5;
}

.view_tab_row .view_tab_in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #dbdbdb;
    background: #f5f5f5;
    z-index: 11;
}

.view_tab_row .view_tab_in.fix {
    position: fixed;
    top: 91px;
}

.view_tab_row .inner {
    /* padding-right: 282px; */
    box-sizing: border-box;
}

.view_tab_row .view_tab {
    display: flex;
    align-items: center;
}

.view_tab_row .view_tab li {
    position: relative;
    flex: 1;
}

.view_tab_row .view_tab li.on::after {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #252525;
    content: '';
}

.view_tab_row .view_tab li button {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #757575;
}

.view_tab_row .view_tab li.on button {
    color: #252525;
}

.view_content {
    padding-bottom: 100px;
}

.view_content .inner {
    display: flex;
}

.view_content .vc_wrap {
    width: 100%;
    padding-right: 28px;
    box-sizing: border-box;
}

.view_content .vc_box {
    padding-top: 60px;
}

.view_content .vc_box .vc_ttl {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
}

.view_content .vc_box .vc_ttl02 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.view_content .vc_box .vc_ttl02 span {
    font-weight: 400;
}

.vc_box .seller_info {
    margin-top: 20px;
}

.vc_box .seller_profile {
    display: flex;
    align-items: flex-start;
}

.vc_box .seller_profile .thumb {
    width: 120px;
    height: 120px;
    margin-right: 30px;
    flex: 0 0 auto;
}

.vc_box .seller_profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.vc_box .seller_profile .name {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
}

.vc_box .seller_profile .time {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.vc_box .seller_profile .inquiry_btn {
    display: block;
    width: 242px;
    height: 50px;
    margin-top: 20px;
    border: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.vc_box .seller_cont {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eeeeee;
}

.review_board_wrap {
    padding-top: 18px;
    border-top: 1px solid #252525;
    margin-bottom: 40px;
}

.review_board {
    display: flex;
    align-items: center;
    padding: 44px 0 38px;
    background: #f8f9fb;
}

.review_board .total_box {
    max-width: 292px;
    width: 34%;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
}

.review_board .total_box .star_num {
    font-size: 42px;
    font-weight: 100;
    font-family: 'NanumSquare', sans-serif;
    color: #dddddd;
    line-height: 72px;
    letter-spacing: -0.04em;
}

.review_board .total_box .star_num strong {
    font-size: inherit;
    font-weight: 800;
    font-family: inherit;
    color: #252525;
}

.review_board .total_box .star_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.review_board .total_box .star_ico {
    display: block;
    width: 21px;
    height: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px;
    background-image: url(../img/ico/ico_star_21x21.png);
}

.review_board .total_box .star_ico.on {
    background-image: url(../img/ico/ico_star_21x21_on.png);
}

.review_board .total_box .star_ico + .star_ico {
    margin-left: 2px;
}

.review_board .total_box .label {
    display: block;
    margin-top: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
}

.review_board .ratio_box {
    position: relative;
    width: 100%;
    padding: 0 60px 0 46px;
    box-sizing: border-box;
}

.review_board .ratio_box::before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 100px;
    background: #eeeeee;
    content: '';
}

.review_board .ratio_row {
    display: flex;
    width: 100%;
    align-items: center;
}

.review_board .ratio_row + .ratio_row {
    margin-top: 10px;
}

.review_board .ratio_row .grade_label {
    display: block;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    flex-shrink: 0;
    flex-grow: 0;
}

.review_board .ratio_row .grade_num {
    display: block;
    margin-left: 6px;
    width: 60px;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    flex-shrink: 0;
    flex-grow: 0;
}

.review_board .ratio_row .radio_bar {
    display: block;
    width: 100%;
    height: 11px;
    background: #dddddd;
    border-radius: 5.5px;
}

.review_board .ratio_row .radio_bar span {
    display: block;
    height: 100%;
    background: #ffc809;
    border-radius: 5.5px;
}

.review_board .ratio_box .label {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
}

.vc_review .review_list {
    border-top: 1px solid #dbdbdb;
}

.vc_review li {
    padding: 20px 0 30px;
    border-bottom: 1px solid #dbdbdb;
}

.vc_review .rl_star {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.vc_review .rl_star img:not(:last-of-type) {
    margin-right: 2px;
}

.vc_review .rl_txt {
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
}

.vc_review .rl_info {
    display: flex;
    align-items: center;
}

.vc_review .rl_info .writer {
    display: block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
}

.vc_review .rl_info .date {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}

.vc_review .review_view_row .rl_info {
    margin-top: 20px;
}

.vc_review .review_answer_row {
    margin-top: 30px;
    padding: 30px 40px 40px 30px;
    background: #fafafc
}

.vc_review .review_answer_row .rl_info {
    margin-bottom: 20px;
}

.vc_box .cancel_notice {
    border-top: 1px solid #252525;
    padding: 30px 0 50px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
}

.vc_box .cancel_notice * {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.vc_nav {
    position: relative;
    width: 282px;
    flex: 0 0 auto;
}

.vc_nav_fix {
    width: 282px;
    border: 1px solid #dddddd;
    border-top: 0;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
}

.vc_nav_fix.fix {
    position: fixed;
    top: 142px;
    bottom: auto;
}

.vc_nav_fix.fix.absole {
    position: absolute;
    top: auto;
    bottom: 0;
}

.vc_nav_sel {
    padding: 29px 19px;
}

.vc_nav_sel .label {
    margin-bottom: 15px;
    font-size: 16px;
    color: #333;
}

.vc_nav_sel .il_option {
    margin-bottom: 12px;
}

.vc_nav_sel .il_option select {
    display: block;
    width: 100%;
    height: 42px;
    border-color: #bbb;
}

.vc_nav_sel .il_schedule > div {
    position: relative;
}

.vc_nav_sel .il_schedule > div + div {
    margin-top: 10px;
}

.vc_nav_sel .il_schedule input {
    display: block;
    width: 100%;
    height: 42px;
    padding-right: 38px;
    border-color: #bbb;
}

.vc_nav_sel .il_schedule input::placeholder {
    color: #999999;
}

.vc_nav_sel .il_schedule .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.vc_nav_sel .il_schedule .timepick {
    background: url(../img/ico/timepicker_ico.png) right 10px center no-repeat;
}

.vc_nav_total {
    border-top: 1px solid #ddd;
    padding: 29px 19px;
}

.vc_nav_total .vcnt_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc_nav_total .vcnt_top .total_num {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.vc_nav_total .vcnt_top .m_txt {
    font-size: 20px;
}

.vc_nav_total .vcnt_top .m_txt strong {
    font-size: 24px;
    font-weight: 700;
}

.vc_nav_total .btn_wrap {
    margin-top: 22px;
}

.vc_nav_total .btn_wrap button {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: 500;
    box-sizing: border-box;
}

.vc_nav_total .btn_wrap button + button {
    margin-top: 10px;
}

.vc_nav_total .btn_wrap .order_btn {
    border-color: #006fff;
    color: #fff;
    background-color: #006fff;
}

/* inquiry_pop */
.inquiry_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11111;
}

.inquiry_pop .pop_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 768px;
    max-height: 80vh;
    padding: 40px 40px 50px;
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
}

.inquiry_pop .pop_header {
    margin-bottom: 20px;
    flex: 0 0 auto;
}

.inquiry_pop .pop_ttl {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.inquiry_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 62px;
    background: url(../img/btn/pop_close_btn.png) center center no-repeat;
}

/* am */
.custom_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11111;
}

.custom_pop .pop_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    width: 768px;
    max-height: 83vh;
    padding: 40px 40px 50px;
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
}

.custom_pop .pop_header {
    margin-bottom: 20px;
    flex: 0 0 auto;
}

.custom_pop .pop_ttl {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.custom_pop .close_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 62px;
    background: url(../img/btn/pop_close_btn.png) center center no-repeat;
}

.custom_pop .dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);

}

/* an */

.inquiry_pop .pop_body {
    overflow-y: auto;
}

.inquiry_pop .pop_body::-webkit-scrollbar {
    display: none;
}

.inquiry_pop .seller_info {
    margin-bottom: 22px;
}

.inquiry_pop .profile {
    display: flex;
    align-items: center;
}

.inquiry_pop .profile .thumb {
    width: 64px;
    height: 64px;
    margin-right: 18px;
    flex: 0 0 auto;
}

.inquiry_pop .profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-sizing: border-box;
}

.inquiry_pop .profile .seller_name {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.inquiry_pop .profile .time {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #555555;
}

.inquiry_pop textarea {
    display: block;
    width: 100%;
    height: 130px;
    padding: 22px 20px;
    border: 1px solid #c8cad2;
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    box-sizing: border-box;
    resize: none;
}

.inquiry_pop textarea::placeholder {
    color: #777777;
}

.inquiry_pop .txt_count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.inquiry_pop .txt_count span {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
}

.inquiry_pop .txt_count > span + span {
    position: relative;
    margin-left: 6px;
    padding-left: 6px;
}

.inquiry_pop .txt_count > span + span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: #777;
    content: '';
}

.inquiry_pop .file_row {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.inquiry_pop .file_row .label {
    display: block;
    margin-right: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    flex: 0 0 auto;
}

.inquiry_pop .file_row input {
    display: none;
}

.inquiry_pop .file_row input + label {
    display: block;
    width: 78px;
    height: 32px;
    margin-right: 16px;
    font-size: 13px;
    font-weight: 350;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background: #116ad4;
    flex: 0 0 auto;
}

.inquiry_pop .file_row .file_name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inquiry_pop .file_notice {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #777777;
}

.inquiry_pop .pop_cate {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.inquiry_pop .pop_cate h3 {
    font-size: 16px;
}

.inquiry_pop .pop_cate p {
    font-size: 14px;
    color: #757575;
}

.inquiry_pop .pop_notice {
    margin-top: 15px;
    border: 1px solid #e4e5ed;
    padding: 16px 13px;
}

.inquiry_pop .images_before {
    /* display: flex;
        align-items: center; */
    /* gap: 10px; */
    margin-bottom: 25px
}

.inquiry_pop .images_before .title p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    width: 50px;
}

.inquiry_pop .pop_cash {
    margin-top: 10px;
    display: flex;
    gap: 50px;
    align-items: center;
}

.inquiry_pop .pop_cash .link {
    padding: 10px 20px;
    background: #116ad4;
}

.inquiry_pop .pop_cash .link a {
    color: #fff;
    font-size: 13px;
}


.inquiry_pop .pop_notice p {
    padding-left: 38px;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 500;
    color: #454545;
    background: url(../img/ico/ico_pop_notice.png) left center no-repeat;
}

.inquiry_pop .pop_notice p strong {
    color: #000;
}

.inquiry_pop .pop_notice p a {
    display: inline-block;
    border-bottom: 1px solid #116ad4;
    font-size: 13px;
    font-weight: 500;
    color: #116ad4;
    line-height: 1.2;
}

.inquiry_pop .submit_btn {
    display: block;
    width: 100%;
    height: 52px;
    border: 1px solid #c8cad2;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    box-sizing: border-box;
}

.inquiry_pop .dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

/* //item_view */

/* custom_list_wrap */
.custom_top_banner {
    background: #26348a;
    margin-top: 10px;
}

.custom_top_banner .inner {
    display: flex;
    align-items: center;
}

.custom_top_banner .subject {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 57px;
}

.custom_top_banner .add_box {
    display: flex;
    align-items: center;
    margin-left: auto;
    height: 57px;
    padding-left: 40px;
    background: url(../img/sub/custom_banner_ico01.png) left center no-repeat;
}

.custom_top_banner .add_subject {
    display: block;
    line-height: 57px;
    padding-right: 115px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background: url(../img/sub/custom_banner_ico02.png) right 0 bottom no-repeat;
}

.custom_top_banner .add_link {
    display: block;
    width: 180px;
    height: 34px;
    margin-left: 24px;
    border: 1px solid #fff;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.custom_list_wrap .category_tab {
}

.custom_list_wrap .snb_box .snb_ttl {
    margin-top: 0px;
}

.custom_list_wrap .list_ttl_row {
    margin-bottom: 12px;
}

.custom_list_wrap .list_ttl {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.custom_list_wrap .list_search_card {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.custom_list_wrap .list_search_box {
    position: relative;
    max-width: 295px;
}

#g_list_rows {
    height: 44px;
    padding: 0 30px 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    border-radius: 6px;
    box-sizing: border-box;
}

.custom_list_wrap .list_search_box input {
    display: block;
    width: 100%;
    height: 44px;
    border: 0;
    padding: 0 66px 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    background: #f7f7f7;
    border-radius: 6px;
    box-sizing: border-box;
}

.list_product_search {
    display: flex;
    gap: 10px;
    align-items: center;
}

#status_product {
    height: 44px;
    padding: 0 66px 0 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    border-radius: 6px;
    box-sizing: border-box;
}

.custom_list_wrap .list_search_box button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 44px;
    text-indent: -9999em;
    background: url(../img/btn/list_search_btn.png) center center no-repeat;
}

.custom_list_wrap .item_detail_tab {
    margin-left: 20px;
}

.custom_list_wrap .custom_list li:not(:last-of-type) {
    margin-bottom: 20px;
}

/* //custom_list_wrap */

/* custom_view_wrap */
.custom_view_wrap {
    padding: 70px 0 100px;
}

.custom_view_box {
    display: flex;
}

.custom_view_box .custom_view_cont {
    width: calc(100% - 280px);
}

.custom_view_cont .add_date {
    display: block;
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.custom_view_cont .subject {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 26px;
    font-weight: 500;
    color: #222222;
    line-height: 1.3;

}

.custom_view_cont .custom_view_board {
    padding: 40px 0 30px;
    border-top: 2px solid #1c418b;
    border-bottom: 1px solid #eeeeee;
}

.custom_view_cont .summary {
    display: flex;
    padding: 30px 0;
    background: #f8fafc;
}

.custom_view_cont .summary dl {
    position: relative;
    text-align: center;
    flex: 1;
}

.custom_view_cont .summary dl + dl::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #e7e9ec;
    content: '';
}

.custom_view_cont .summary dt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
}

.custom_view_cont .summary dt .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.custom_view_cont .summary dd {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 400;
    color: #133986;
}

.custom_view_cont .summary dd strong {
    font-size: 20px;
    font-weight: 500;

}

.custom_view_cont .keyword_row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.custom_view_cont .keyword_row .keyword {
    display: block;
    height: 34px;
    margin: 10px 0;
    padding: 0 10px;
    border: 1px solid #eeeeee;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 350;
    color: #000;
    background: #f9f9f9;
    border-radius: 4px;
}

.custom_view_cont .keyword_row .keyword:not(:last-of-type) {
    margin-right: 10px;
}

.custom_view_cont .basic_info {
    margin-top: 46px;
}

.custom_view_cont .basic_info .basic_ttl {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
}

.custom_view_cont .custom_table {
    border-top: 1px solid #666666;
    width: 100%;
    table-layout: fixed;
}

.custom_view_cont .custom_table tr {
    border-bottom: 1px solid #eeeeee;
}

.custom_view_cont .custom_table th {
    padding: 17px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    text-align: left;
    background: #fafafa;
    vertical-align: middle;
    box-sizing: border-box;
}

.custom_view_cont .custom_table td {
    padding: 17px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
}

.custom_view_cont .custom_table td .all_down_btn {
    display: block;
    width: 80px;
    height: 30px;
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #333333;
    flex: 0 0 auto;
}

.custom_view_cont .file_down_row {
    display: flex;
    align-items: center;
}

.custom_view_cont .file_down_box {
    width: calc(100% - 90px);
}

.custom_view_cont .file_down_box a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 1.6;
}

.custom_view_cont .file_down_box a .file_name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom_view_cont .file_down_box a .file_size {
    margin-left: 18px;
    flex: 0 0 auto;
}

.custom_view_cont .img_down_row {
    display: flex;
    align-items: center;
}

.custom_view_cont .img_down_box {
    display: flex;
    flex-wrap: wrap;
    max-width: 540px;
    width: calc(100% - 90px);
}

.custom_view_cont .img_down_box a {
    display: block;
    width: calc(20% - 12.8px);
    margin: 8px 0;
    margin-right: 16px;
}

.custom_view_cont .img_down_box a:nth-of-type(5n) {
    margin-right: 0;
}

.custom_view_cont .img_down_box a span {
    display: block;
    width: 100%;
    padding-top: 100%;
    border: 1px solid #ebebeb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.custom_view_cont .other_txt {
    min-height: 220px;
    padding: 50px 20px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
    box-sizing: border-box;
}

.custom_view_cont .btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.custom_view_cont .btn_row button {
    display: block;
    width: 120px;
    height: 52px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    box-sizing: border-box;
}

.custom_view_box .custom_view_fix_wrap {
    position: relative;
    width: 240px;
    margin-left: 40px;
    flex: 0 0 auto;
}

.custom_view_fix {
    width: 240px;
}

.custom_view_fix.fix {
    position: fixed;
    top: 91px;
    bottom: auto;
}

.custom_view_fix.fix.absole {
    position: absolute;
    top: auto;
    bottom: 0;
}

.custom_view_fix .profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* min-height: 194px;
    border: 1px solid #eeeeee;
    padding: 20px;
    background: #fafafa;
    box-sizing: border-box; */
}

.custom_view_fix .profile .thumb {
    width: 81px;
    height: 81px;
    flex: 0 0 auto;
    display: none;
}

.custom_view_fix .profile .thumb span {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #eeeeee;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
}

.custom_view_fix .profile .name {
    display: block;
    margin-top: 10px;
    font-size: 23px;
    font-weight: 500;
    color: #252525;
    line-height: 1.3;
    text-align: center;
}

.custom_view_fix .about {
    min-height: 154px;
    padding: 20px 30px;
    border: 1px solid #eeeeee;
    border-top: 0;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 400;
    color: #727272;
    box-sizing: border-box;
}

.custom_view_fix .btn_box {
    padding-top: 10px;
}

.custom_view_fix .btn_box .zzim_btn {
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}

.custom_view_fix .btn_box .zzim_btn span {
    display: inline-block;
    padding-right: 24px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    background-position: right 0 center;
    background-repeat: no-repeat;
    background-image: url(../img/btn/project_zzim.png);
    vertical-align: top;
}

.custom_view_fix .btn_box .zzim_btn.on span {
    background-image: url(../img/btn/project_zzim_on.png);
}

.custom_view_fix .btn_box .proposal_btn {
    display: block;
    width: 100%;
    height: 42px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #3ba4dd;
}

.custom_view_fix .btn_box .proposal_btn.disabled {
    background: #f0f0f0 !important;
    color: #666666;
}

.custom_view_fix .btn_box .sugs {
    background-color: #3b71dd !important;
}

.custom_view_fix .btn_box .btn_white {
    background-color: white !important;
}

/* //custom_view_wrap */

/* custom_write_wrap */
.custom_write_wrap {
    padding: 70px 0 100px;
}

.custom_write_wrap .inner {
    /* max-width: 820px; */
}

.custom_write_wrap .custom_write_ttl {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #133986;
    font-size: 26px;
    font-weight: 500;
    color: #252525;
}

.custom_write_box + .custom_write_box {
    margin-top: 50px;
}

.custom_write_box .subject {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #252525;
}

.custom_write_box .find_address {
    width: 520px;
}

.custom_write_box .find_address .search_box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom_write_box .find_address .search_box input {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    padding: 0 20px;
    font-size: 16px;
}

.custom_write_box .find_address .search_box .btn_zip {
    height: 48px;
    width: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
}

.custom_write_box .find_address .address_input input {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    padding: 0px 20px;
    font-size: 16px;
    margin-top: 8px;
    max-width: 520px;
}

.custom_write_box .write_table table th {
    height: 58px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
}

.custom_write_box .write_table table th i {
    font-size: 14px;
    font-weight: 500;
    color: #3b71dd;
}

.custom_write_box .write_table table td {
    padding: 12px 20px;
}

.custom_write_box .write_table table td input,
.custom_write_box .write_table table td select {
    max-width: 480px;
    height: 45px;
    border-color: #cccccc;
}

.custom_write_box .notice_txt {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    line-height: 1.4;
}

.custom_write_box .datepick_box {
    position: relative;
    width: 160px;
}

.custom_write_box .datepick_box img {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.custom_write_box .unit_box {
    display: flex;
    align-items: center;
}

.custom_write_box .unit_box input {
    width: 160px;
}

.custom_write_box .unit_box .unit {
    display: block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
}

.custom_write_box .category_select {
    display: flex;
    align-items: center;
}

.custom_write_box .category_select select {
    width: 200px;
    margin-right: 5px;
}

.custom_write_box .item_radio:not(:last-of-type) {
    margin-right: 40px;
}

.custom_write_box .img_add_row {
    max-width: 530px;
}

.custom_write_box .img_add_box input {
    display: none;
}

.custom_write_box .img_add_box:not(:last-of-type) {
    margin-right: 4px;
}

.custom_write_box .file_row {
    display: flex;
    align-items: center;
}

.custom_write_box .file_row + .file_row {
    margin-top: 6px;
}

.custom_write_box .file_row input {
    display: none;
}

.custom_write_box .file_row label {
    display: block;
    width: 80px;
    height: 34px;
    margin-right: 15px;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #333333;
    flex: 0 0 auto;
}

.custom_write_box .file_row .file_name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom_write_box .file_row .file_size {
    display: block;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    flex: 0 0 auto;
}

.custom_write_box .file_row .del_btn {
    display: block;
    margin-left: 20px;
    padding-left: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #454545;
    background: url(../img/btn/keyword_del.png) left center no-repeat;
    flex: 0 0 auto;
}

.custom_write_box textarea {
    display: block;
    width: 100%;
    height: 400px;
    border: 1px solid #cfcfcf;
    resize: none;
}

.custom_write_btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.custom_write_btn_row button {
    display: block;
    width: 100px;
    height: 42px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    box-sizing: border-box;
}

.custom_write_btn_row button + button {
    margin-left: 10px;
}

.custom_write_btn_row .point_line {
    border-color: #4a7ce0;
    color: #3b71dd;
}

.custom_write_btn_row .point_bg {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
}

/* //custom_write_wrap */

/* order_wrap 주문하기 / 주문완료 */
.order_wrap {
    padding-top: 25px;
    padding-bottom: 106px;
}

.order_top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 22px;
    border-bottom: 2px solid #252525;
}

.order_top .order_ttl {
    font-size: 24px;
    font-weight: 700;
    color: #252525;
}

.order_top .order_step {
    display: flex;
    align-items: center;
}

.order_top .order_step li {
    font-size: 16px;
    font-weight: 700;
    color: #999999;
}

.order_top .order_step li.on {
    color: #3b71dd;
}

.order_top .order_step li + li {
    position: relative;
    margin-left: 14px;
    padding-left: 14px;
}

.order_top .order_step li + li::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 14px;
    background: url(../img/ico/order_step_arrow.png) center center no-repeat;
    content: '';
}

.order_body .order_form {
    display: flex;
    align-items: flex-start;
}

.order_body .order_form .odn_box {
    width: 100%;
}

.order_body .order_box {
    width: 100%;
}

.order_body .order_box + .order_box {
    margin-left: 60px;
}

.order_body .order_row + .order_row {
    margin-top: 40px;
}

.order_body .order_row.tax_checkwrap {
    display: none;
}

.order_body .order_row.tax_checkwrap .order_cont {
    border-top: none;
}

.order_row .order_ttl02 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #252525;
}

.order_row .order_cont {
    border-top: 2px solid #aaaaaa;
    border-bottom: 1px solid #dbdbdb;
}

/* 주문하기 */
.order_row .sa_tab {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.order_row .sa_tab li {
    width: 200px;
}

.order_row .sa_tab li + li {
    margin-left: -1px;
}

.order_row .sa_tab li button {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    border: 1px solid #dbdbdb;
    font-size: 15px;
    font-weight: 500;
    color: #999;
    box-sizing: border-box;
}

.order_row .sa_tab li.active button {
    border-color: #3b71dd;
    color: #3b71dd;
    z-index: 1;
}

.order_row .sa_list {
    width: 100%;
    table-layout: fixed;
}

.order_row .sa_list tr:not(:last-of-type) {
    border-bottom: 1px solid #eeeeee;
}

.order_row .sa_list th {
    height: 60px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    vertical-align: middle;
}

.order_row .sa_list th.deliv_msg {
    vertical-align: top;
    padding-top: 20px;
    box-sizing: border-box;
}

.order_row .sa_list td {
    padding: 9px 20px;
    vertical-align: middle;
}

.order_row .sa_list td input {
    display: block;
    width: 60%;
    height: 52px;
    padding: 0 12px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .sa_list td input#zipcode {
    width: calc(44.7% - 162px);
    background: #fafafa;
}

.order_row .sa_list td select {
    display: block;
    width: 80%;
    height: 52px;
    padding-left: 12px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .sa_list td textarea {
    display: block;
    width: 60%;
    height: 160px;
    padding: 13px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 1.4;
    color: #252525;
    box-sizing: border-box;
    resize: none;
}

.order_row .sa_list td .add_box {
    width: 90%;
    display: flex;
}

.order_row .sa_list td .add_box input {
    width: 100%;
}

.order_row .sa_list td .add1 {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.order_row .sa_list td .add1 .btn_add {
    display: block;
    width: 152px;
    height: 52px;
    border: 1px solid #aaaaaa;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    box-sizing: border-box;
}


.order_row .sa_list td .add2 {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 10px;
}

.order_row .sa_list td .add3 {
    width: calc(50% - 5px);
}

.order_row .sa_list td .ph {
    width: 60%;
    display: flex;
    align-items: center;
}

.order_row .sa_list td .ph span {
    display: block;
    width: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    flex: 0 0 auto;
}


.order_row .sa_list td .ph #tel1 {
    width: 40%;
}


.order_row .sa_list td .ph #hp1 {
    width: 39%;
}

.order_row .point_use {
    padding: 10px 20px;
}

.order_row .point_use dl {
    display: flex;
    align-items: center;
}

.order_row .point_use dt {
    margin-right: 68px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.order_row .point_use .point_apply {
    display: flex;
    align-items: center;
}

.order_row .point_use .point_input {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}

.order_row .point_use .point_input input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
}

.order_row .point_use .point_input .unit {
    display: block;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    flex: 0 0 auto;
}

.order_row .point_use .point_apply button {
    display: block;
    width: 100px;
    height: 42px;
    border: 1px solid #aaaaaa;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.order_row .point_use .point_apply button.all_btn {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
}

.order_row .point_use .balance {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #757575;
}

.order_row .point_use .balance strong {
    font-weight: 400;
    color: #e51f25;
}

.order_row .payment_list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}

.order_row .payment_list.payment_flex {
    justify-content: flex-start;
}

.order_row .payment_list li:first-of-type {
    margin-left: -30px;
}

.order_row .payment_list li {
    width: 33.3333%;
}

.order_row .payment_list input {
    display: none;
}

.order_row .payment_list input + label {
    display: block;
    padding-top: 38px;
    font-size: 15px;
    font-weight: 400;
    color: #757575;
    line-height: 1.5;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../img/ico/ico_radio_26x26.png)
}

.order_row .payment_list input:checked + label {
    background-image: url(../img/ico/ico_radio_26x26_on.png)
}

.order_row .tax_tit01 {
    border-bottom: solid 2px #aaa;
    padding-bottom: 20px;
}

.order_row .tax_type {
    margin-bottom: 10px;
    padding: 0 20px;
}

.order_row .tax_type .tax_rbox {
    display: flex;
}

.order_row .tax_type .tax_rbox > div:first-child {
    margin-right: 40px;
}

.order_row .tax_type .tax_radio + .tax_radio {
    margin-left: -1px;
}

.order_row .tax_type .tax_radio input {
    display: none;
}

.order_row .tax_type .tax_check input {
    display: none;
}

.order_row .tax_type .tax_check {
    margin-bottom: 20px;
}

.order_row .tax_type .tax_check input[type="checkbox"] + label {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    line-height: 1.3;
    vertical-align: middle;

}

.order_row .tax_type .tax_check input[type="checkbox"] + label span {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url(../img/ico/ico_radio_26x26.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.order_row .tax_type .tax_check input:checked + label span {
    background-image: url(../img/ico/ico_radio_26x26_on.png)
}

.order_row .tax_type .tax_radio input + label {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #252525;
    line-height: 1.3;
    vertical-align: middle;
}

.order_row .tax_type .tax_radio input + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 10px;
    background: url('../img/ico/ico_radio_20x20.png)') no-repeat center center;
}

.order_row .tax_type .tax_radio input:checked + label span {
    background-image: url('../img/ico/ico_radio_20x20_on.png');
    border: none;
}

.order_row .tax_box {
    display: none;
    padding: 10px 0 20px;
}

.order_row .tax_box.on {
    display: flex;
    align-items: center;
}


.order_row .tax_box .tax_l {
    width: 200px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    flex: 0 0 auto;
    margin-right: 10px;
}

.order_row .tax_box .tax_input {
    display: flex;
    align-items: center;
}

.order_row .tax_box .tax_input span {
    display: block;
    width: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    text-align: center;
    flex: 0 0 auto;
}

.order_row .tax_box .tax_r {
    width: calc(100% - 210px);
}

.order_row .tax_box .tax_input input {
    display: block;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    box-sizing: border-box;
}

.order_row .tax_box .tax_input input::placeholder {
    color: #999;
}

.order_row .tax_box select {
    display: block;
    width: 100%;
    height: 42px;
    padding-left: 10px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    box-sizing: border-box;
}

.order_row .order_info_box {
    min-height: 130px;
    max-height: 392px;
    overflow-y: scroll;
    box-sizing: border-box;
}

.order_row .order_info_box .order_info_item {
    padding: 20px 12px;
}


.order_row .order_info_box .order_info_item + .order_info_item {
    border-top: 1px solid #eee;
}

.order_row .tax_agree {
    margin-bottom: 25px;
}

.order_row .tax_agree input {
    display: none;
}

.order_row .tax_agree input + label {
    display: flex;
    font-size: 15px;
    font-weight: 400;
    color: #454545;
    line-height: 1.5;
    vertical-align: middle;
}

.order_row .tax_agree input + label span {
    display: block;
    min-width: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url(../img/ico/ico_radio_26x26.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 10px;
}

.order_row .tax_agree input:checked + label span {
    background-image: url(../img/ico/ico_radio_26x26_on.png);
}

/* order_info_item 상품 정보 공통 */
.order_row .order_info_item {
    display: flex;
    align-items: center;
    text-align: left;
}

.order_row .order_info_item .img_box {
    width: 90px;
    border: 1px solid #eeeeee;
    margin-right: 20px;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.order_row .order_info_item .img_thumb {
    display: block;
}

.order_row .order_info_item .img_thumb span {
    display: block;
    padding-top: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.order_row .order_info_item .subject {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    line-height: 1.4;
}

.order_row .order_info_item .option {
    margin-top: 15px;
}

.order_row .order_info_item .option li {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.order_row .order_info_item .option .label {
    color: #999999;
}

.order_row .order_info_item .option .data {
    color: #454545;
}

.order_row .order_info_item .option .data strong {
    font-weight: 700;
    color: #252525;
}

.order_row .benefit_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.order_row .benefit_row dt {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .benefit_row dd {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .benefit_row dd strong {
    font-size: 18px;
    font-weight: 900;
}

.order_row .order_final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.order_row .order_final + .order_final {
    border-top: 1px solid #eee;
}

.order_row .order_final dt {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .order_final dd {
    font-size: 16px;
    font-weight: 400;
    color: #252525;
}

.order_row .order_final dd strong {
    font-size: 18px;
    font-weight: 900;
}

.order_row .order_final.total dd strong {
    font-size: 26px;
}

.order_box .order_btn_row {
    display: flex;
    margin-top: 20px;
}

.order_box .order_btn_row .btn_payment {
    display: block;
    width: 100%;
    max-width: 230px;
    height: 54px;
    margin-left: auto;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #3b71dd;
}

/* ship_address */

.odn_box .order_box {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.ship_address {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}

.ship_address .sa_wrap .sa_content {
    display: none;
}

.ship_address .sa_wrap .sa_content.on {
    display: block;
}

.ob_tit {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 0.8333em;
}

.ob_tit .lit_txt {
    font-size: 0.583em;
    color: #757575;
    font-weight: 400;
    margin-left: 10px;

}

.ord_satab {
    padding: 10px 20px;
    box-sizing: border-box;

    border-top: solid 2px #aaa;
    border-bottom: 1px solid #ececec;
}

.ord_satab .radio_wrap > div + div {
    margin-left: 28px;
}

.ord_satab .radio_wrap input {
    display: none;
}

.ord_satab .radio_wrap input + label {
    font-size: 1.125em;
    font-weight: 500;
    color: #999;
    padding-left: 1.666em;
    box-sizing: border-box;
    line-height: 1.5;
    background-size: 20px 20px !important;
}

.ord_satab .radio_wrap input:checked + label {
    color: #252525;
}

.ord_satab .btn01 {
    width: 110px;
    height: 3em;
    border: solid 1px #dbdbdb;
    background-color: #fff;
    color: #454545;
    line-height: 3;
    text-align: center;
}

.ord_satab input[type=radio] + label {
    padding-left: 28px;
    background: url(../img/ico/radio.png) left center no-repeat;
}

.ord_satab input[type=radio]:checked + label {
    background: url(../img/ico/radio_on.png) left center no-repeat;
}

.sa_wrap.mid {
    padding: 1.875em 1.25em;
    border-bottom: 1px solid #ececec;
}

.sa_row.info0ne span {
    display: inline-block;
    position: relative;
    font-size: 1.25em;
    font-weight: 500;
    padding: 0 0.5em;
}

.sa_list > div {
    margin-bottom: 10px;
}

.sa_row .my_adds {
    margin-bottom: 30px;
    line-height: 1.5;
}

.sa_row.info0ne span:first-child {
    padding-left: 0;
}

.sa_row.info0ne span + span::before {
    content: '';
    width: 1px;
    height: 14px;
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.ship_address .sa_list > div {
    margin-bottom: 0;
}

.ship_address .sa_list .sa_row #receive_name {
    max-width: 100%;
}

.ship_address .sa_list .sa_row select,
.ship_address.sa_list .sa_row input[type="button"],
.ship_address .sa_list .sa_row input[type="password"],
.ship_address .sa_list .sa_row input[type="text"] {
    height: 3.25em;
    line-height: 3.25;
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    font-size: 1em;
    display: block;
    margin-bottom: 10px;

}

.ph span {
    display: block;
    flex: 1;

}

.ship_address .ph span {

    max-width: 172px;
}

.memo_wrap {
    display: none;
}

.sa_list .add1 .btn_add {
    display: block;
    width: 110px;
    height: 3.25em;
    margin-right: 8px;
    border: 1px solid #252525;
    line-height: 3.25;
    text-align: center;
    color: #252525;
    /* margin-bottom: 10px; */
}

.ship_address .sa_list .sa_row .add1 input[type="text"] {
    max-width: 100%;
}

.ph span + span::after {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    background-color: #252525;
    width: 5px;
    height: 1px;
    margin-top: -4px;
}

.ph span + span {
    position: relative;
    margin-left: 15px;
}

.ship_address .sa_list .sa_row select {
    padding-right: 30px;
    background-image: url(/img/sub/arr-down.png);
    background-size: 10px 7px;
}

.ship_address .sa_list .sa_row select.mydeli_select2,
.ship_address .sa_list .sa_row select.mydeli_select {
    min-width: 300px;
}

.ship_address .sa_list .sa_row select.on {
    background-image: url(../img/ico/cart_select_on.png);

}

.ord_satab {
    padding: 15px 0px;
}

.ord_pmt {
    width: 360px;
}

.ord_pmt .ord_ttl {
    font-size: 24px;
    font-weight: 700;
    color: #252525;
    padding: 0px 20px 20px;
    box-sizing: border-box;
    border-bottom: solid 1px #eee;
}

/*주문하기 new*/
.order-travel-page .reservation-form .form-title .wrap_check_box {
    display: flex;
    align-items: center;
    gap: 10px;
}

[hidden] {
    display: none !important;
}

.order_row .sa_tab .wrap_check_box {
    margin-left: auto;
}

.order_row .sa_tab .wrap_check_box label {
    font-size: 18px;
    padding-left: 30px;
    position: relative;
}

.order_row .sa_tab .wrap_check_box label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.order_row .sa_tab .wrap_check_box input:checked + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 22%;
    transform: rotate(45deg) translateY(-50%);
    width: 8px;
    height: 16px;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
}

.odn_box .order_step {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    margin: 40px 0 30px;
}

.odn_box .order_step .step {
    display: block;
    width: 158px;
    height: 100%;
    line-height: 60px;
    padding-left: 18px;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-right: 20px;
    background: url('../img/sub/order_label.png') no-repeat center center;
}

.odn_box .order_step h3 {
    font-size: 24px;
    font-weight: 500;
    color: #252525;
}

.odn_box #od_tb {
    width: 100%;
    border-top: solid 2px #aaa;
}

.odn_box #od_tb thead tr {
    border-bottom: solid 1px #dbdbdb;
}

.odn_box #od_tb th {
    font-size: 16px;
    color: #252525;
    padding: 18px 0;
    box-sizing: border-box;
    text-align: center;
}

.odn_box #od_tb td {
    padding: 30px 0;
    box-sizing: border-box;
    text-align: center;
}

.odn_box #od_tb td.item_info {
    text-align: left;
}

.odn_box #od_tb tbody td {
    border-bottom: solid 1px #dbdbdb;
}


.odn_box #od_tb tbody td.deliv p {
    line-height: 1.3;
    color: #454545;
    font-size: 15px;
}

.odn_box #od_tb tbody td.deliv p:first-of-type {
    font-weight: 700;
}

.odn_box #od_tb tbody td.free {
    border-bottom: none;
}

.odn_box #od_tb .order_info_item {
    display: flex;
    align-items: center;
}

.odn_box #od_tb .order_info_item .img_box {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.odn_box #od_tb .order_info_item .img_box span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.odn_box #od_tb .txt_box .subject {
    font-size: 17px;
    line-height: 1.3;
    color: #252525;
    margin-bottom: 10px;
}

.odn_box #od_tb .txt_box .option {
    font-size: 15px;
    color: #757575;
}

.odn_box .date_chk {
    font-size: 18px;
    color: #252525;
    padding: 26px 0 26px 18px;
    box-sizing: border-box;
    background: #fafafa;
}

.odn_box .date_chk strong {
    font-size: 20px;
    font-weight: 700;
}

.order_body .point_row {
    display: flex;
}

.order_body .pt_left {
    width: 53%;
}

.order_body .pt_left .pt_row {
    display: flex;
    padding: 10px 0;
    border-bottom: solid 1px #eee;
}

.order_body .pt_left .label {
    width: 25%;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    display: flex;
    align-items: center;
}

.order_body .pt_left .cont {
    width: 75%;
    display: flex;
    align-items: center;
}

.order_body .pt_left .cont.pt_use {
    flex-direction: column;
    align-items: flex-start;
}

.order_body .pt_left .cont button {
    height: 52px;
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    padding: 0 18px;
    border: solid 1px #252525;
    box-sizing: border-box;
}

.order_body .pt_left input[type="text"] {
    width: 198px;
    height: 52px;
    border: solid 1px #dbdbdb;
    margin-right: 10px;
}

.order_body .pt_left .pt_box {
    display: flex;
}

.order_body .pt_left .pt_box button {
    width: 122px;
}

.order_body .pt_left .pt_box .all_btn {
    margin-right: 10px;
}

.order_body .pt_left .balance {
    font-size: 18px;
    font-weight: 500;
    color: #ff3333;
    margin-top: 10px;
}


.order_body .pt_right {
    width: calc(47% - 40px);
    margin-left: 40px;
    background: #f7f8fb;
    padding: 30px 20px 20px 20px;
    border-top: solid 2px #aaa;
    box-sizing: border-box;
}

.order_body .pt_right .pay_tit {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #252525;
    padding-left: 36px;
    background: url('../img/ico/check_pt_right.png') no-repeat left center;
    margin-bottom: 20px;
}

.order_body .pt_right .pay_box {
    background: #fff;
}

.order_body .pt_right .pay_box > div {
    padding: 26px 30px;
    box-sizing: border-box;
}

.order_body .pt_right .pay_info {
    padding-bottom: 0;
    border-bottom: solid 1px #eee;
}

.order_body .pt_right .pay_info .in_row:first-child {
    margin-bottom: 20px;
}

.order_body .pt_right .pay_info span {
    font-size: 20px;
    color: #252525;
}

.order_body .pt_right .pay_info .cont strong {
    font-size: 24px;
    font-weight: 700;
}

.order_body .pt_right .pay_box .in_row {
    display: flex;
    justify-content: space-between;
}

.order_body .pt_right .pay_done .label {
    font-size: 24px;
    font-weight: 500;
    color: #252525;
}

.order_body .pt_right .pay_done .cont {
    font-size: 24px;
    color: #116ad4;
}

.order_body .pt_right .pay_done .cont strong {
    font-size: 26px;
    font-weight: 700;
}

.order_body .order_btn_row {
    margin-top: 60px;
    text-align: center;
}

.order_body .order_btn_row button {
    width: 315px;
    height: 62px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.order_body .order_btn_row .btn_paynone {
    line-height: 60px;
    border: solid 1px #116ad4;
    box-sizing: border-box;
    color: #116ad4;
    margin-right: 10px;
}

.order_body .order_btn_row .btn_payment {
    line-height: 62px;
    background: #116ad4;
    color: #f3f4f8;
}

/*쿠폰할인적용*/

.coupon_popup {
    display: none;
    width: 520px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111111;
    background: #fff;
    border: solid 1px #dbdbdb;
    box-sizing: border-box;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}

.coupon_popup .cu_head {
    position: relative;
    padding: 29px 0;
    border-bottom: solid 1px #eee;
    box-sizing: border-box;
    text-align: center;
}

.coupon_popup .cu_head h2 {
    font-size: 24px;
    font-weight: 500;
    color: #252525;
}

.coupon_popup .cu_head button {
    position: absolute;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
}

.coupon_popup .cu_body {
    max-height: 592px;
    overflow-y: auto;
    padding: 30px 20px 12px;
    box-sizing: border-box;
}

.coupon_popup .cal_box {
    padding: 28px 40px 36px 45px;
    box-sizing: border-box;
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
}

.coupon_popup .cal_box li {
    width: 33.333%;
    text-align: center;
    position: relative;
}

.coupon_popup .cal_box div {
    font-size: 16px;
    color: #252525;
}

.coupon_popup .cal_box .label {
    margin-bottom: 17px;
}

.coupon_popup .cal_box .price strong {
    font-size: 22px;
    font-weight: 400;
}

.coupon_popup .cal_box .price b {
    font-size: 22px;
    font-weight: 700;
}

.coupon_popup .cal_box li:first-of-type::after {
    content: '';
    width: 14px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -7px;
}

.coupon_popup .cal_box li:nth-of-type(2)::after {
    content: '';
    width: 14px;
    height: 8px;
    background: url('../img/ico/cu_done.png') no-repeat center center;
    position: absolute;
    top: calc(50% - 4px);
    transform: translateY(-50%);
    right: -7px;
}

.coupon_popup .cal_box li:nth-of-type(2) * {
    color: #ff3333;
}

.coupon_popup .culi_tit {
    margin: 26px 0 20px;
    font-size: 20px;
    font-weight: 700;
    color: #252525;
}

.coupon_popup .culi_row {
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px #eee;
}

.coupon_popup .culi_row:not(:first-child) {
    margin-top: 10px;
}

.coupon_popup .culi_row input {
    display: none;
}

.coupon_popup .culi_row input + label {
    display: flex;
}

.coupon_popup .culi_row input + label > span {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 11px;
    border: solid 1px #eee;
    box-sizing: border-box;
}

.coupon_popup .culi_row input:checked + label > span {
    background: url('../img/ico/check_pt_right.png') no-repeat center center;
    border: none;
}

.coupon_popup .culi_row .cupon_info .top {
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    margin-top: 3px;
}

.coupon_popup .culi_row .cupon_info .top .dic {
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}

.coupon_popup .culi_row .cupon_info .top .dic::before {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background: #dbdbdb;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.coupon_popup .culi_row .cupon_info .mid {
    margin-top: 12px;
}

.coupon_popup .culi_row .cupon_info .mid div {
    font-size: 16px;
    font-weight: 350;
    color: #454545;
    line-height: 1.5;
}

.coupon_popup .cu_btn {
    width: 100%;
    height: 68px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    line-height: 68px;
    background: #116ad4;
    color: #f3f4f8;
}


/* 주문완료 */

.order_row .ok_txtopbox {
    text-align: center;
    padding: 80px 0 60px;
}

.order_row .ok_txt01 {
    font-size: 36px;
    font-weight: 700;
}

.order_row .ok_txt04 {
    font-size: 20px;
    font-weight: 500;
    color: #252525;
    margin-top: 23px;
}

.order_row .ok_txt04 span {
    color: #116ad4;
}

.order_row .ok_txt04 span strong {
    font-size: 28px;
    font-weight: 700;
    vertical-align: text-top;
}

.order_row .comple_main_desc {
    padding: 40px 10px;
    background: #faf9f9;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    text-align: center;
    margin-bottom: 60px;
}

.order_row .comple_main_desc .ok_txt02 {
    color: #757575;
    line-height: 1.8;
}

.order_row .comple_main_desc .ok_txt03 {
    font-size: 24px;
    font-weight: 500;
    color: #454545;
}

.order_row .comple_main_desc .ok_txt03 span {
    font-weight: 700;
    color: #116ad4;
}

.order_row .comple_info_table {
    width: 100%;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
    table-layout: fixed;
}

.order_row .comple_info_table tbody tr {
    border-top: 1px solid #eee;
}

.order_row .comple_info_table th {
    height: 48px;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    vertical-align: middle;
}

.order_row .comple_info_table td {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #252525;
    line-height: 1.6;
    text-align: center;
    vertical-align: middle;
}

.order_row .comple_info_table td + td {
    border-left: 1px solid #eee;
}

.order_row .comple_info_table td .order_info_item {
    padding: 0 36px;
}

.order_row .comple_info_table td .price_num {
    font-size: 18px;
    font-weight: 900;
}

.order_row .comple_info_table tfoot td {
    border-top: 1px solid #dbdbdb;
    text-align: right;
    padding: 20px;
    font-weight: 600;
    font-size: 16px;
    color: #454545;
    font-weight: 500;
}

.order_row .comple_info_table tfoot td span {
    color: #252525;
}

.order_row .comple_info_table tfoot td span:nth-child(1) {
    font-size: 1.25em;
    margin-right: 20px;
}

.order_row .comple_info_table tfoot td span.total_price {
    font-size: 1.375em;
    font-weight: 600;
}

.order_row .comple_info_table02 {
    width: 100%;
    border-top: 2px solid #aaa;
    border-bottom: 1px solid #dbdbdb;
    table-layout: fixed;
}

.order_row .comple_info_table02 tr:not(:last-of-type) {
    border-bottom: 1px solid #eee;
}

.order_row .comple_info_table02 th {
    height: 56px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    text-align: left;
    vertical-align: middle;
}

.order_row .comple_info_table02 td {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #252525;
    vertical-align: middle;
}

.order_wrap.comple .btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}

.order_wrap.comple .btn_row .btn {
    display: block;
    width: 100%;
    max-width: 230px;
    height: 54px;
    border: 1px solid transparent;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
}

.order_wrap.comple .btn_row .btn + .btn {
    margin-left: 10px;
}

.order_wrap.comple .btn_row .btn.btn01 {
    border-color: #999999;
    color: #454545;
}

.order_wrap.comple .btn_row .btn.btn02 {
    border-color: #747474;
    color: #fff;
    background: #747474;
}

.order_wrap.comple .btn_row .btn.btn03 {
    border-color: #535353;
    color: #fff;
    background: #535353;
}

.order_wrap.comple .btn_row .btn.btn04 {
    border-color: #3c3c3c;
    color: #fff;
    background: #3c3c3c;
}

/* //order_wrap */

/* shipping_popup */
.shipping_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1111;
}

.shipping_popup .pop_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 730px;
    padding: 30px 30px 40px;
    border: 1px solid #aaa;
    background: #fff;
    box-sizing: border-box;
}

.shipping_popup h2 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #252525;
    line-height: 1.1;
}

.shipping_popup table {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #888;
}

.shipping_popup table tr {
    border-bottom: 1px solid #dbdbdb;
}

.shipping_popup table th {
    height: 50px;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
}

.shipping_popup table td {
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #252525;
    line-height: 1.5;
    text-align: center;
}

.shipping_popup .shipping_normal {
    display: block;
    width: 120px;
    height: 26px;
    margin-top: 20px;
    color: #fff;
    line-height: 26px;
    background: #555;
    border-radius: 2px;
}

.shipping_popup .btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.shipping_popup .btn_row button {
    display: block;
    width: 100%;
    max-width: 160px;
    height: 42px;
    border: 1px solid #ccc;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}

.shipping_popup .btn_row button + button {
    margin-left: 10px;
}

.shipping_popup .btn_row .shipping_popup_sub {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
}

.shipping_popup a.shipping_popup_close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
}

.shipping_popup a.shipping_popup_close img {
    display: block;
}

/* //shipping_popup */


/* contact 고객센터 */
.contact .sub_layout {
    padding-top: 36px;
}

.contact .contact_phone_number {
    padding: 18px 20px;
    margin-top: 30px;
    border: 1px solid #dbdbdb;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.contact .contact_phone_number img {
    margin-right: 5px;
}

.contact .contact_phone_number span {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 500;
    color: #3b71dd;
}

.contact_tab_menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.contact_tab_menu li {
    width: 25%;
    margin-top: -1px;
}

.contact_tab_menu li:not(:nth-of-type(4n+1)) {
    width: calc(25% + 1px);
    margin-left: -1px;
}

.contact_tab_menu li a {
    position: relative;
    display: block;
    width: 100%;
    height: 38px;
    border: 1px solid #dbdbdb;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
}

.contact_tab_menu li a.active {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
    z-index: 1;
}

.contact_qna {
    border-top: 2px solid #252525;
}

.contact_qna li {
    border-bottom: 1px solid #dbdbdb;
}

.contact_qna .txt {
    font-size: 16px;
}

.contact_qna .q_box {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 20px 50px 20px 20px;
    text-align: left;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url('../img/btn/btn_down.png');
    box-sizing: border-box;
}

.contact_qna .q_box.active {
    background-image: url('../img/btn/btn_up.png');
}

.contact_qna .q_box .q_ico {
    display: block;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 800;
    font-family: 'NanumSquare';
    flex: 0 0 auto;
}

.contact_qna .q_box .category {
    font-weight: 500;
}

.contact_qna .a_box {
    display: none;
}

.contact_qna .a_box_in {
    display: flex;
    align-items: flex-start;
    padding: 20px 50px 20px 20px;
    background: #fafafa;
}

.contact_qna .a_box .a_ico {
    display: block;
    margin-right: 10px;
    font-size: 24px;
    font-weight: 800;
    font-family: 'NanumSquare';
    color: #3b71dd;
    flex: 0 0 auto;
}

.event_tab {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.event_tab li {
    width: 100%;
}

.event_tab li + li {
    margin-left: -1px;
}

.event_tab li a {
    position: relative;
    display: block;
    height: 60px;
    border: 1px solid #dbdbdb;
    font-size: 20px;
    font-weight: 400;
    color: #757575;
    text-align: center;
    line-height: 58px;
    box-sizing: border-box;
}

.event_tab li a.active {
    border-color: #3b71dd;
    color: #fff;
    background: #3b71dd;
    z-index: 1;
}

.event_list_wrap .evnt_list {
    overflow: hidden;
    width: 100%;
}

.event_list_wrap .evnt_list .evnt_item {
    position: relative;
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 60px;
}

.event_list_wrap .evnt_list .evnt_item:nth-child(3n) {
    margin-right: 0;
}

.event_list_wrap .evnt_list .evnt_item a {
    display: block;
}

.event_list_wrap .evnt_list .evnt_item a .evnt_img {
    position: relative;
    width: 100%;
    height: 230px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
}

.event_list_wrap .evnt_list .evnt_item.event_off a .evnt_img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.event_list_wrap .evnt_list .evnt_item a .evnt_img img {
    width: 100%;
    height: 100%;
}

.event_list_wrap .evnt_list .evnt_item a .evnt_tit {
    font-size: 16px;
    color: #252525;
    line-height: 1.5;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event_list_wrap .evnt_list .evnt_item a .evnt_date {
    font-size: 14px;
    color: #757575;
}

/* //contact */


/* terms */
#container.terms {
    padding: 20px 0 100px;
}

.trems_tab_menu {
    box-sizing: border-box;
    width: 100%;
    margin: 15px 0;
}

.trems_tab_menu li {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 33.333333%;
    z-index: 1;
    border-bottom: 2px solid #3b71dd;
}

.trems_tab_menu li.selected {
    border-bottom: none;
    z-index: 2;
}

.trems_tab_menu li.selected a {
    height: 37px;
    border: 2px solid #3b71dd;
    border-bottom: none;
    background: #fff;
    color: #3b71dd;
}

.trems_tab_menu li a {
    display: block;
    height: 36px;
    margin-left: -1px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f8f8f8;
    color: #333;
    text-align: center;
    font-weight: 500;
    line-height: 36px;
}

.trems_con {
    padding: 20px;
    border: solid 1px #ddd;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

/* //terms */

/* 구매관리 팝업 */
.btn01 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #333;
    border: solid 1px #ccc;
}

.btn03 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background: #116ad4;
}

.re_pop {
    background: rgba(0, 0, 0, 0.3);
}

.re_pop .review {
    position: relative;
    width: 740px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.re_pop .review .top {
    background: #3a3a3c;
    position: relative;
}

.re_pop .review .top h3 {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.re_pop .review .top .close {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

.re_pop .review .pop_bot {
    padding: 30px 34px 48px 29px;
    box-sizing: border-box;
}

.pp_pop .pop_bot {
    font-size: 15px;
    line-height: 1.75;
    word-break: break-all;
    max-height: 680px;
    overflow-y: auto;
}

.re_pop .review .re_tb {
    border-top: solid 2px #888888;
}

.re_pop .review .re_tb .re_row {
    display: flex;
    border-bottom: solid 1px #dcdcdc;
}

.re_pop .review .re_tb .label {
    display: flex;
    align-items: center;
    width: 18%;
    padding-left: 20px;
    font-size: 14px;
    color: #333;
    background: #fafafa;
}

.re_pop .review .re_tb .data {
    width: 82%;
    padding: 20px;
    box-sizing: border-box;
}

.re_pop .review .e_data .label {
    width: 15%;
}

.re_pop .review .e_data .data {
    width: 85%;
    padding: 10px 20px;
    display: flex;
}

.re_pop .review .e_data .data input {
    width: calc(100% - 128px);
    height: 34px;
}

.re_pop .review .e_data .data button {
    width: 118px;
    line-height: 34px;
    border: solid 1px #116ad4;
    font-size: 14px;
    text-align: center;
    color: #116ad4;
    margin-left: 10px;
}

.re_pop .review .item_info {
    display: flex;
    align-items: center;
}

.re_pop .review .item_info .info {
    width: calc(100% - 114px);
}

.re_pop .review .data .img_box {
    width: 100px;
    padding-top: 13%;
    box-sizing: border-box;
    margin-right: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.re_pop .review .data .subject {
    font-size: 15px;
    line-height: 1.5;
    color: #252525;
}

.re_pop .review .data .opt {
    font-size: 14px;
    font-weight: 350;
    line-height: 1.5;
    color: #757575;
}

.re_pop .review .data .star_re {
    display: flex;
}

.re_pop .review .data .star_re input {
    display: none;
}

.re_pop .review .data .star_re input + label {
    width: 21px;
    height: 21px;
    margin: 0 1px;
    background: url('../img/ico/repop_star.png') no-repeat center center;
}

.re_pop .review .data .star_re input + label.on {
    background-image: url('../img/ico/repop_staron.png');
}

.re_pop .review .data textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    border: solid 1px #dddddd;
    box-sizing: border-box;
    font-size: 14px;
    color: #454545;
    resize: none;
}

.re_pop .review .pop_btn {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.re_pop .review .pop_btn button {
    width: 160px;
    line-height: 42px;
}

.re_pop .review .pop_btn button + button {
    margin-left: 10px;
    line-height: 40px;
}

/* 전표확인 */

.pp_pop {
    background: rgba(0, 0, 0, 0.3);
}

.pp_pop .pp_box {
    position: relative;
    width: 760px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.pp_pop .pp_box .top {
    background: #3a3a3c;
    position: relative;
}

.pp_pop .pp_box .top h3 {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.pp_pop .pp_box .top .close {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
}

.pp_pop .pp_box .pop_bot {
    padding: 30px;
    box-sizing: border-box;
}

.pp_pop .bill {
    border: solid 2px #444;
}

.pp_pop .bill .b_top {
    font-size: 18px;
    font-weight: 700;
    color: #252525;
    text-align: center;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: solid 1px #aaa;
}

.pp_pop .bill .b_tb {
    display: table;
    width: 100%;
}

.pp_pop .bill .b_row {
    display: table-row;
}

.pp_pop .bill .b_row * {
    font-size: 14px;
    line-height: 1.3;
    color: #252525;
}

.pp_pop .bill .b_row div + div {
    margin-top: 10px;
}

.pp_pop .bill .b_row .label {
    display: table-cell;
    width: 30%;
    padding: 15px 20px;
    background: #fafafa;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    vertical-align: middle;
}

.pp_pop .bill .b_row .conts {
    display: table-cell;
    width: 70%;
    line-height: 1.3;
    padding: 15px 20px;
    border-bottom: solid 1px #dbdbdb;
    vertical-align: middle;
}

.pp_pop .bill .b_row .conts.pay_conts {
    padding: 0;
}

.pp_pop .bill .b_row .conts .pay_box {
    display: flex;
    height: 47px;
}

.pp_pop .bill .b_row .conts .pay_box li {
    width: 10%;
    font-size: 16px;
    color: #252525;
    line-height: 47px;
    text-align: center;
    font-family: 'Nanum Gothic', sans-serif;
}

.pp_pop .bill .b_row .conts .pay_box li + li {
    font-size: 18px;
    font-weight: 700;
    border-left: solid 1px #dbdbdb;
}

.pp_pop .bil_not {
    padding: 10px;
    box-sizing: border-box;
}

.pp_pop .bil_not .bill_txt {
    font-size: 14px;
    line-height: 1.3;
    color: #454545;
    padding: 20px 33px 20px 19px;
    background: #fff8f8;
    box-sizing: border-box;
}

.pp_pop .pp_box .pop_btn {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

.pp_pop .pp_box .pop_btn button {
    width: 160px;
    line-height: 42px;
}

.status_area {
    gap: 50px;
}

.status_area .btn_wrap {
    gap: 10px;
}

@media print {
    .bill {
        border: solid 2px #444;
    }

    .bill .b_top {
        font-size: 18px;
        font-weight: 700;
        color: #252525;
        text-align: center;
        padding: 20px 0;
        box-sizing: border-box;
        border-bottom: solid 1px #aaa;
    }

    .bill .b_tb {
        display: table;
        width: 100%;
    }

    .bill .b_row {
        display: table-row;
    }

    .bill .b_row * {
        font-size: 14px;
        line-height: 1.3;
        color: #252525;
    }

    .bill .b_row div + div {
        margin-top: 10px;
    }

    .bill .b_row .label {
        display: table-cell;
        width: 30%;
        padding: 15px 20px;
        background: #fafafa;
        border-right: solid 1px #dbdbdb;
        border-bottom: solid 1px #dbdbdb;
        vertical-align: middle;
    }

    .bill .b_row .conts {
        display: table-cell;
        width: 70%;
        line-height: 1.3;
        padding: 15px 20px;
        border-bottom: solid 1px #dbdbdb;
        vertical-align: middle;
    }

    .bill .b_row .conts.pay_conts {
        padding: 0;
    }

    .bill .b_row .conts .pay_box {
        display: flex;
        height: 47px;
    }

    .bill .b_row .conts .pay_box li {
        width: 10%;
        font-size: 16px;
        color: #252525;
        line-height: 47px;
        text-align: center;
        font-family: 'Nanum Gothic', sans-serif;
    }

    .bill .b_row .conts .pay_box li + li {
        font-size: 18px;
        font-weight: 700;
        border-left: solid 1px #dbdbdb;
    }

    .bil_not {
        padding: 10px;
        box-sizing: border-box;
    }

    .bil_not .bill_txt {
        font-size: 14px;
        line-height: 1.3;
        color: #454545;
        padding: 20px 33px 20px 19px;
        background: #fff8f8;
        box-sizing: border-box;
    }

    .pp_box .pop_btn {
        display: flex;
        justify-content: center;
        margin-top: 26px;
    }

    .pp_box .pop_btn button {
        width: 160px;
        line-height: 42px;
    }
}


/* 정산관리 */

.mp_ttl_row .right button {
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 500;
}

.calc_mid .calcc_box {
    position: relative;
    border: solid 1px #dbdbdb;
    padding: 25px 0;
    margin-bottom: 20px;
    background-color: #fafafa;
}

.calcc_box > div {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sarh01 .contact_btn {
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    height: 30px;
    border: solid 1px #dbdbdb;
    background-color: #ffffff;
    outline: none;
    line-height: 30px;
    color: #555555;
    font-size: 13px;
}

.sarh01 .contact_btn.active {
    border: solid 1px #116ad4;
    color: #116ad4;
}

.sarh01 .date_box {
    display: flex;
    align-items: center;
}

.sarh01 .date_box span {
    margin: 0 5px;
}

.sarh01 .datepick_box {
    position: relative;
}

.sarh01 .datepick_box .ui-datepicker-trigger {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
}

.calcc_box .sarh02 {
    display: flex;
    margin-top: 10px;
}

.calcc_box .sarh02 select {
    width: 100px;
    height: 30px;
    margin-left: 10px;
    padding: 0 10px;
    color: #555;
    background-color: #fff;
    font-size: 15px;
    border-radius: 2px;
}

.calcc_box .sarh02 input {
    width: 447px;
    margin-left: 10px;
}

.calcc_box .sarh02 .search_btn {
    width: 60px;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    color: #fff;
    background: #116ad4;
    font-size: 13px;
}

.mypage_cash .cal_list {
    display: flex;
    margin: 30px 0 25px;
}

.mypage_cash .cal_list li {
    width: calc(25% - 8px);
    text-align: center;
    border-radius: 5px;
    padding: 15px 10px;
    box-sizing: border-box;
    background: #f0f7fe;
    display: flex;
    justify-content: space-between;
}

.mypage_cash .cal_list li + li {
    margin-left: 10px;
}

.mypage_cash .cal_list li span {
    font-size: 14px;
    color: #252525;
}

.mypage_cash .cal_list li span:last-of-type {
    font-weight: 500;
    color: #116ad4;
}

/* 정산신청팝업 */

.btn_2wrap button + button {
    margin-left: 20px;
}

.pp_pop .p_table {
    border-top: solid 2px #252525;
}

.pp_pop .p_table .p_row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}

.pp_pop .p_table .p_row > * {
    display: table-cell;
}

.pp_pop .p_table .p_row .label {
    width: 120px;
    font-size: 13px;
    font-weight: 500;
    background: #fafafa;
    text-align: left;
    vertical-align: middle;
    padding-left: 20px;
}

.pp_pop .p_table .p_row .inpu_tb {
    width: calc(100% - 120px);
    padding: 10px 20px;
    text-align: left;
    border-left: 0 none;
}

.pp_pop .p_table .p_row .inpu_tb input {
    width: 100%;
    height: 34px;
    border: solid 1px #dbdbdb;
}

.pp_pop .p_table .p_row .inpu_tb .email_wrap,
.pp_pop .p_table .p_row .inpu_tb .phone_Wrap {
    display: flex;
    align-items: center;
}

.pp_pop .p_table .p_row .inpu_tb .email_wrap input {
    width: calc(50% - 8px);
}

.pp_pop .p_table .p_row .inpu_tb .email_wrap span {
    font-size: 13px;
    color: #666;
    margin: 0 5px;
}

.pp_pop .p_table .p_row .inpu_tb .phone_Wrap input {
    width: calc(100% / 3 - 15px);
}

.pp_pop .p_table .p_row .inpu_tb .phone_Wrap span {
    font-size: 13px;
    color: #666;
    margin: 0 10px
}

/* 스페셜 셀러 */
.special_seller .tit {
    font-size: 28px;
    display: block;
    padding: 20px 0;
}

.special_seller .sp_seller_list {
    display: flex;
    flex-wrap: wrap;

}

.special_seller .sp_seller_list li {
    width: calc(33.333% - 14px);
    margin-right: 21px;
}

.special_seller .sp_seller_list li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.special_seller .sp_seller_list li:nth-of-type(3n) {
    margin-right: 0;
}

.special_seller .sp_seller_list li:nth-child(n+4) {
    margin-top: 20px;
}

.special_seller .sp_seller_list li .sp_img {
    width: 100%;
    padding-top: 60%;
    display: block;
    background: no-repeat center/ cover;
    border-radius: 8px 8px 0 0;
}

.special_seller .sp_seller_list li .sp_txt {
    padding: 28px 22px 40px;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-radius: 0 0 8px 8px;
    height: 100%;
    min-height: 276px;
    box-sizing: border-box;
}

.special_seller .sp_seller_list li .sp_ttl {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.special_seller .sp_seller_list li .sp_area {
    line-height: 1.5;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #454545;

}

.special_seller .sp_seller_list li .sp_info {
    font-size: 14px;
    color: #999999;
}

.special_seller .next_prev_box {
    margin: 50px auto 150px;
}

/*  special_seller_view  */
.special_seller_view {
    padding-bottom: 150px;
}

.sp_board_view {
    border-top: 2px solid #252525;
}

.sp_board_view .view_top {
    padding: 34px 40px 40px;
    border-bottom: 1px solid #dbdbdb;
}

.sp_board_view .view_top .sp_id {
    font-size: 18px;
    font-weight: 500;
    color: #116ad4;
    display: block;
    margin-bottom: 12px;
}

.sp_board_view .view_top .view_tit {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 16px;
}

.sp_board_view .view_top .date {
    color: #999999;
}

.sp_board_view .view_bot {
    padding: 40px 40px 80px;
    border-bottom: 1px solid #dbdbdb;
}

.sp_board_view .view_bot li + li {
    margin-top: 60px;
}

.sp_board_view .view_bot li i {
    display: block;
    width: 48px;
    height: 48px;
    background: no-repeat center;
    flex: 0 0 auto;
    margin-right: 18px;
}

.sp_board_view .view_bot li i.ico_q {
    background-image: url(../img/sub/ico_qna_q.png);
}

.sp_board_view .view_bot li i.ico_an {
    background-image: url(../img/sub/ico_qna_a.png);
}

.sp_board_view .view_bot li > div {
    display: flex;
}

.sp_board_view .view_bot li > div.question {
    align-items: center;
    margin-bottom: 16px;
}

.sp_board_view .view_bot li > div.question span {
    font-size: 18px;
    font-weight: 500;
}

.sp_board_view .view_bot li > div.answer span {
    color: #454545;
    line-height: 1.5;
}

.sp_seller_item {
    padding-top: 68px;
}

.sp_seller_item > strong {
    font-size: 20px;
    display: block;
    padding-bottom: 24px;
}

.sp_seller_item .se_item_list {
    display: flex;
    flex-wrap: wrap;
}

.sp_seller_item .se_item_list li {
    width: calc(20% - 16px);
    margin-right: 20px;
}

.sp_seller_item .se_item_list li:nth-of-type(5n) {
    margin-right: 0;
}

.sp_seller_item .se_item_list li:nth-child(n+6) {
    margin-top: 20px;
}

.sp_seller_item .se_item_list .seller_id {
    display: flex;
    margin-bottom: 12px;
}

.sp_seller_item .se_item_list .seller_id span {
    font-size: 14px;
    color: #999999;
    display: block;
    width: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.sp_seller_item .se_item_list .subject {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 46px;
}

.sp_seller_item .txt .review_row .star {
    display: block;
    margin-right: 6px;
    padding-left: 18px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    background: url(../img/ico/prd_review_ico.png) left center no-repeat;
}

.sp_seller_item .txt .review_row .count {
    font-size: 14px;
    font-weight: 500;
}

.sp_seller_item .txt .price_row strong {
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 900;
}

.estimate_login .logo_box {
    width: 350px;
    height: 124px;
    margin: auto;
}

.estimate_login .logo_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.estimate_login .login_box {
    padding-bottom: 20px;
}

.estimate_login .login_box .input-row input {
    padding: 0 0.9375em;
    width: 100%;
    display: block;
    border: 1px solid #dbdbdb;
    height: 3.25rem;
    font-size: 1rem;
    border-radius: 2px;
    margin-top: 20px;
}

.estimate_login .btn_login {
    height: 60px;
    font-size: 18px;
    border-radius: 4px;
    padding: 0 0.9375rem;
    font-weight: 500;
    border: 1px solid #dbdbdb;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    background-color: #209e80;
    border-color: #209e80;
    color: #fff;
    width: 100%;
    margin-top: 20px;
}


@media screen and (max-width: 1240px) {
    .order_body .pt_left .pt_box {
        flex-direction: column;
    }

    .order_body .pt_left .pt_box .pt_btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 850px) {
    .prd_list_wrap .inner {
        overflow: hidden;
    }

    .sub_layout {
        flex-direction: column;
    }

    .sub_layout .snb_box {
        min-width: 25.3846rem;
    }

    .sub_layout .snb_box .snb_list01 {
        display: flex;
        gap: 1.5rem;
        overflow-x: auto;
        text-wrap: nowrap;
        display: none;
    }

    .sub_layout .content_box {
        width: 100%;
    }

    .snb_box .snb_list01 > li > a {
        background-image: unset;
    }

    .prd_list_wrap .itme_type01 {
        display: flex;
        flex-wrap: wrap;
        gap: 1.7692rem;
        justify-content: space-between;
    }

    .prd_list_wrap .itme_type01 li {
        width: calc(50% - 0.9231rem);
        margin-right: 0;
        margin-bottom: 0.9231rem;
    }

    .prd_item {
        display: block;
        border: 1px solid #dbdbdb;
        border-radius: 0.308rem;
        min-height: 18rem;
    }

    .next_prev_box ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.2rem;
    }

    .prd_item .txt .seller {
        display: block;
        font-size: 0.8462rem;
        font-weight: 400;
        color: #999999;
        line-height: 1.4;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .prd_item .txt .subject {
        display: block;
        min-height: 1.3846rem;
        font-size: 0.7692rem;
        font-weight: 400;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .prd_item .txt .review_row .star {
        display: block;
        margin-right: 0.2308rem;
        padding-left: 1rem;
        line-height: 0.5385rem;
        font-size: 0.7rem;
        font-weight: 400;
        color: #999999;
        background: url(../img/ico/prd_review_ico.png) left center no-repeat;
    }

    .prd_item .txt .review_row .count {
        display: block;
        font-size: 0.6rem;
    }

    .prd_item .txt .price_row {
        margin-top: 0.4615rem;
        font-size: 1rem;
    }

    .list_ttl_row {
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
        flex-wrap: wrap;
        gap: 1.3rem;
    }

    .list_ttl_row.spe {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .list_ttl_row.repair_spe {
        flex-wrap: wrap;
    }

    .list_product_search {
        gap: 1rem;
        width: 100%;
    }

    .list_product_search .item_check input + label {
        text-wrap: nowrap;
    }

    .list_ttl_row.repair_spe #status_product {
        width: 30%;
    }

    #g_list_rows {
        height: 2.692rem;
        padding: 0 1.154rem 0 0.385rem;
        font-size: 0.9rem;
        font-weight: 400;
        color: #252525;
        border-radius: 0.231rem;
        box-sizing: border-box;
        width: calc(100% - 16.346rem - 1.3rem);
        margin-left: 1rem;
    }

    .custom_list_wrap .list_search_card {
        margin-left: 0;
        gap: 0.385rem;
        width: 100%;
    }

    .list_ttl_row .item_detail_tab button:not(:last-of-type) {
        margin-right: 1.1538rem;
    }

    .list_ttl_row .item_detail_tab button {
        display: block;
        padding-left: 1.4rem;
        font-size: 0.8846rem;
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(../img/ico/ico_check_17x17.png);
    }

    .prd_item .txt .review_row {
        display: flex;
        align-items: center;
        margin-top: 0.385rem;
    }

    .prd_sec {
        padding: 3.0769rem 0 1.7308rem;
    }

    .prd_item .txt .price_row strong {
        font-size: 0.962rem;
        font-weight: 500;
        color: #252525;
    }

    .special_seller .sp_seller_list {
        display: flex;
        flex-wrap: wrap;

    }

    .prd_list_wrap .itme_type01 li .btn_row {
        position: absolute;
        right: 0.308rem;
        bottom: unset;
        z-index: 99;
        top: 16.7rem;
    }

    
    .prd_item .txt {
        min-height: 8rem;
    }

    .prd_list_wrap .itme_type01 li .btn_row .zzim_btn {
        display: block;
        width: 4.769rem;
        height: 2rem;
        margin-right: 0.308rem;
        border: 1px solid #dddddd;
        border-radius: 1.5rem;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .prd_list_wrap .itme_type01 li .btn_row .zzim_btn span {
        display: inline-block;
        line-height: 1.615rem;
        padding-left: 1.23rem;
        font-size: 0.7rem;
        font-weight: 500;
        color: #666666;
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(../img/btn/client_zzim.png);
        vertical-align: top;
        background-size: 0.9rem;
    }

    .prd_item .txt .seller_id {
        display: flex;
        margin-bottom: 0.308rem;
        align-items: center;
    }

    .prd_item .txt .seller_id strong.level {
        display: flex;
        font-size: 0.577rem;
        font-family: 'Gmarket Sans';
        font-weight: 700;
        align-items: center;
        margin-left: 0.231rem;
        text-transform: uppercase;
        flex: 0 0 auto;
    }

    .special_seller .sp_seller_list li {
        width: 100%;
        margin-bottom: 0.8077rem;
        margin-right: 0px;
    }

    .special_seller .sp_seller_list li a {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .special_seller .sp_seller_list li:nth-of-type(3n) {
        margin-right: 0;
    }

    .special_seller .sp_seller_list li:nth-child(n+4) {
        margin-top: 0.7692rem;
    }

    .special_seller .sp_seller_list li .sp_img {
        width: 100%;
        padding-top: 60%;
        display: block;
        background: no-repeat center/ cover;
        border-radius: 0.3077rem 0.3077rem 0 0;
    }

    .special_seller .sp_seller_list li .sp_txt {
        padding: 1.0769rem 0.8462rem 1.5385rem;
        border: 1px solid #dbdbdb;
        border-top: none;
        border-radius: 0 0 0.3077rem 0.3077rem;
        height: 100%;
        min-height: 10.6154rem;
        box-sizing: border-box;
    }

    .special_seller .sp_seller_list li .sp_ttl {
        font-size: 1.0769rem;
        font-weight: 500;
        line-height: 1.33;
        margin-bottom: 0.7692rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .special_seller .sp_seller_list li .sp_area {
        line-height: 1.5;
        margin-bottom: 1.1538rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #454545;

    }

    .special_seller .sp_seller_list li .sp_info {
        font-size: 0.9231rem;
        color: #999999;
    }

    .special_seller .tit {
        font-size: 1.4615rem;
        display: block;
        padding: 1.9231rem 0;
        display: flex;
        justify-content: center;
    }

    .special_seller_view {
        padding-bottom: 5.7692rem;
    }

    .sp_board_view {
        border-top: 0.0769rem solid #252525;
    }

    .sp_board_view .view_top {
        padding: 1.3077rem 1.5385rem 1.5385rem;
        border-bottom: 0.0385rem solid #dbdbdb;
    }

    .sp_board_view .view_top .sp_id {
        font-size: 1.0769rem;
        font-weight: 500;
        color: #116ad4;
        display: block;
        margin-bottom: 0.4615rem;
    }

    .sp_board_view .view_top .view_tit {
        font-size: 1.3077rem;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 0.6154rem;
    }

    .sp_board_view .view_top .date {
        color: #999999;
    }

    .sp_board_view .view_bot {
        padding: 1.5385rem 1.5385rem 3.0769rem;
        border-bottom: 1px solid #dbdbdb;
    }

    .sp_board_view .view_bot li + li {
        margin-top: 2.3077rem;
    }

    .sp_board_view .view_bot li i {
        display: block;
        width: 1.8462rem;
        height: 1.8462rem;
        background: no-repeat center;
        flex: 0 0 auto;
        margin-right: 0.6923rem;
    }

    .sp_board_view .view_bot li i.ico_q {
        background-image: url(../img/sub/ico_qna_q.png);
    }

    .sp_board_view .view_bot li i.ico_an {
        background-image: url(../img/sub/ico_qna_a.png);
    }

    .sp_board_view .view_bot li > div {
        display: flex;
    }

    .sp_board_view .view_bot li > div.question {
        align-items: center;
        margin-bottom: 16px;
    }

    .sp_board_view .view_bot li > div.question span {
        font-size: 1.0769rem;
        font-weight: 500;
    }

    .sp_board_view .view_bot li > div.answer span {
        color: #454545;
        line-height: 1.5;
    }

    .custom_top_banner .subject {
        display: block;
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
        line-height: 1.3;
    }

    .custom_top_banner .add_box {
        display: flex;
        align-items: center;
        margin-left: 0;
        height: 3rem;
        padding-left: 1.538rem;
        background: url(../img/sub/custom_banner_ico01.png) left center no-repeat;
        background-size: 1.346rem;
    }

    .custom_top_banner .add_subject {
        display: block;
        line-height: 2;
        padding-right: 4.423rem;
        font-size: 1rem;
        font-weight: 400;
        color: #fff;
        background: url(../img/sub/custom_banner_ico02.png) right 0 bottom no-repeat;
        background-size: 3.962rem 100%;
    }

    .custom_top_banner .add_link {
        display: block;
        width: fit-content;
        height: 1.8rem;
        margin-left: 1.5rem;
        padding: 0 0.577rem;
        border: 1px solid #fff;
        line-height: 1.8;
        text-align: center;
        font-size: 0.923rem;
        font-weight: 400;
        color: #fff;
        box-sizing: border-box;
    }

    .custom_list_wrap .inner {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0.577rem;
    }

    .sub_layout {
        padding-bottom: 3.846rem;
    }

    .sub_layout .snb_box {
        width: 7.231rem;
        margin-right: 0;
        flex: 0 0 auto;
        position: relative;
    }

    .snb_box .snb_ttl {
        padding: 0.538rem 0;
        margin-top: 0.462rem;
    }

    .snb_box .snb_list01 {
        border-top: 0.077rem solid #333333;
        padding-top: 0.385rem;
    }

    .custom_list_wrap .list_ttl_row {
        margin: 1rem 0;
    }

    #status_product {
        height: 2.692rem;
        padding: 0 1.538rem 0 0.385rem;
        font-size: 0.9rem;
        font-weight: 400;
        color: #252525;
        border-radius: 0.231rem;
        box-sizing: border-box;
        background: url(/img/sub/arr-down.png) no-repeat right 0.385rem center;
    }

    .custom_list_wrap .list_search_box {
        position: relative;
        max-width: 16.346rem;
        margin-left: auto;
    }

    .custom_list_wrap .list_search_box input {
        display: block;
        width: 100%;
        height: 2.692rem;
        border: 0;
        padding: 0 2.538rem 0 0.385rem;
        font-size: 0.9rem;
        font-weight: 400;
        color: #252525;
        background: #f7f7f7;
        border-radius: 0.231rem;
        box-sizing: border-box;
        min-width: 17.3rem;
    }

    .custom_list_wrap .list_search_box button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 2.538rem;
        height: 2.692rem;
        text-indent: -9999em;
        background: url(../img/btn/list_search_btn.png) center center no-repeat;
        background-size: 1.2rem 1rem;
    }

    #container {
        padding-top: 0.769rem;
    }

    .custom_view_wrap {
        padding: 2.692rem 0 3.846rem;
    }

    .custom_view_box {
        flex-direction: column-reverse;
        gap: 1.154rem;
    }

    .custom_view_box .custom_view_cont {
        width: 100%;
    }

    .custom_view_mo .add_date {
        display: block;
        margin-bottom: 0.692rem;
        font-size: 0.923rem;
        font-weight: 400;
        color: #999999;
    }

    .custom_view_mo .subject {
        margin-bottom: 1.615rem;
        font-size: 1.231rem;
        font-weight: 500;
        color: #222222;
        line-height: 1.3;
    }

    .custom_view_box .custom_view_fix_wrap {
        position: relative;
        width: 100%;
        margin-left: 0;
        flex: 0 0 auto;
    }

    .custom_view_fix {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .custom_view_fix .profile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* min-height: 7.462rem;
        padding: 0.769rem;
        min-width: 14rem;
        width: 100%; */
    }

    .custom_view_fix .btn_box {
        padding-top: 0.385rem;
        min-width: 14rem;
        width: 100%;
    }

    .custom_view_fix .profile .thumb {
        width: 8.846rem;
        height: 8.846rem;
    }

    .custom_view_fix .profile .name {
        margin-top: 0.385rem;
        font-size: 1.6rem;
    }

    .custom_view_fix .btn_box .zzim_btn {
        display: block;
        width: 100%;
        height: 2.692rem;
        border: 1px solid #dbdbdb;
        margin-top: 0.385rem;
        font-size: 1rem;
        font-weight: 500;
    }

    .custom_view_fix .btn_box .zzim_btn span {
        display: inline-block;
        padding-right: 1.923rem;
        line-height: 2.692rem;
        font-size: 1rem;
        font-weight: 500;
        color: #252525;
        background-position: right 0 center;
        background-repeat: no-repeat;
        background-image: url(../img/btn/project_zzim.png);
        background-size: 1.154rem 1.154rem;
        vertical-align: top;
    }

    .custom_view_fix .btn_box .proposal_btn {
        display: block;
        width: 100%;
        height: 2.692rem;
        margin-top: 0.385rem;
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        background: #3ba4dd;
    }

    .custom_view_cont .custom_view_board {
        padding: 1.538rem 0 1.154rem;
        border-top: 0.077rem solid #1c418b;
        border-bottom: 0.038rem solid #eeeeee;
    }

    .custom_view_cont .summary {
        padding: 1.154rem 0;
        flex-wrap: wrap;
    }

    .custom_view_cont .summary dl {
        padding: 0.5rem 0.385rem 0;
        width: 50%;
        flex: unset !important;
        min-height: 4rem;
    }

    .custom_view_con .summary dl:nth-of-type(1),
    .custom_view_con .summary dl:nth-of-type(2) {
        padding-bottom: 0.5rem;
    }


    .custom_view_cont .summary dl + dl::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 0.038rem;
        height: 1.077rem;
        background: #e7e9ec;
        content: '';
    }

    .custom_view_cont .summary dt {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.923rem;
        font-weight: 400;
        color: #454545;
    }

    .custom_view_cont .summary dt .ico {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 0.769rem;
        height: 0.769rem;
        margin-right: 0.192rem;
    }

    .custom_view_cont .summary dd {
        margin-top: 0.308rem;
        font-size: 1rem;
        font-weight: 400;
        color: #133986;
    }

    .custom_view_cont .summary dd strong {
        font-size: 1.077rem;
        font-weight: 500;
        min-height: 1rem;

    }

    .custom_view_cont .keyword_row {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.385rem;
    }

    .custom_view_cont .keyword_row .keyword {
        display: block;
        height: 2.077rem;
        margin: 0.385rem 0;
        padding: 0 0.385rem;
        border: 1px solid #eeeeee;
        line-height: 1.231rem;
        text-align: center;
        font-size: 0.923rem;
        border-radius: 0.154rem;
    }

    .custom_view_cont .keyword_row .keyword:not(:last-of-type) {
        margin-right: 0.385rem;
    }

    .custom_view_cont .basic_info {
        margin-top: 1.769rem;
    }

    .custom_view_cont .basic_info .basic_ttl {
        margin-bottom: 0.846rem;
        font-size: 1.077rem;
    }

    .custom_view_cont .custom_table {
        border-top: 1px solid #666666;
        width: 100%;
        table-layout: fixed;
    }

    .custom_view_cont .custom_table tr {
        border-bottom: 1px solid #eeeeee;
    }

    .custom_view_cont .custom_table th {
        padding: 0.654rem 0.769rem;
        font-size: 0.846rem;
        font-weight: 500;
    }

    .custom_view_cont .custom_table td {
        padding: 0.654rem 0.769rem;
        font-size: 0.846rem;
        font-weight: 400;
        color: #454545;
    }

    .custom_view_cont .custom_table .status_area {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 20px;
    }

    .inquiry_pop .pop_cate {
        align-items: start;
        gap: 5px;
        flex-direction: column;
    }

    .custom_table .service {
        position: relative;
        padding-left: 0.385rem;
        margin-left: 0.385rem;
    }

    .cs_table2 {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 0.308rem;
        border-top: 0.038rem solid #000;
    }

    .cs_table2 colgroup {
        display: none;
    }

    .cs_table2 tr {
        border: unset;
        border-bottom: 0.038rem solid #dbdbdb;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .cs_table2 tr td {
        padding: 0.4786rem 0.3571rem;
        border: none;
        border: unset;

    }

    .cs_table2 tr td.member {
        width: 50%;
    }

    .cs_table2 tr td.money {
        width: 20%;
        text-align: center;
        align-items: center;
    }

    .cs_table2 tr td .list_button {
        display: flex;
        gap: 0.385rem;
    }

    .cs_table2 tr td .list_button .disabled {
        opacity: 0.5;
    }

    .cs_table2 td .content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .cs_table2 td:first-child {
        border-left: unset;
    }

    .cs_table2 td:last-child {
        border-right: unset;
    }

    .cs_table2 .btn_small {
        display: block;
        height: 1.923rem;
        padding: 0.192rem 0.5rem;
        font-size: 0.846rem;
    }

    .custom_pop .pop_box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-direction: column;
        width: 25.385rem;
        max-height: 89vh;
        padding: 1.538rem 1.538rem 1.923rem;
        background: #fff;
        z-index: 2;
        box-sizing: border-box;
    }

    .custom_pop .pop_header {
        margin-bottom: 0.769rem;
        flex: 0 0 auto;
    }

    .custom_pop .pop_ttl {
        font-size: 1.154rem;
        font-weight: 700;
        color: #000;
    }

    .custom_pop .close_btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 2.385rem;
        height: 2.385rem;
        background: url(../img/btn/pop_close_btn.png) center center no-repeat;
        background-size: 1.385rem 1.385rem;
    }

    /* an */
    .inquiry_pop .pop_body {
        overflow-y: auto;
    }

    .inquiry_pop .seller_info {
        margin-bottom: 0.846rem;
    }

    .inquiry_pop .profile {
        display: flex;
        align-items: center;
    }

    .inquiry_pop .profile .thumb {
        width: 2.462rem;
        height: 2.462rem;
        margin-right: 0.692rem;
        flex: 0 0 auto;
    }

    .inquiry_pop .profile .thumb span {
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #e6e6e6;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        box-sizing: border-box;
    }

    .inquiry_pop .profile .seller_name {
        display: block;
        margin-bottom: 0.308rem;
        font-size: 1rem;
        font-weight: 400;
        color: #000;
    }

    .inquiry_pop .profile .time {
        display: block;
        font-size: 0.923rem;
        font-weight: 400;
        color: #555555;
    }

    .inquiry_pop textarea {
        display: block;
        width: 100%;
        height: 5rem;
        padding: 0.846rem 0.769rem;
        border: 1px solid #c8cad2;
        font-size: 0.923rem;
        font-weight: 400;
    }

    .inquiry_pop textarea::placeholder {
        color: #777777;
    }

    .inquiry_pop .txt_count {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 0.385rem;
    }

    .inquiry_pop .txt_count span {
        font-size: 0.923rem;
        font-weight: 400;
        color: #777777;
    }

    .inquiry_pop .txt_count > span + span {
        position: relative;
        margin-left: 0.231rem;
        padding-left: 0.231rem;
    }

    .inquiry_pop .txt_count > span + span::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 0.038rem;
        height: 0.615rem;
        background: #777;
        content: '';
    }

    .inquiry_pop .file_row {
        display: flex;
        align-items: center;
        margin-top: 0.615rem;
    }

    .inquiry_pop .file_row .label {
        display: block;
        margin-right: 0.615rem;
        font-size: 1rem;
        font-weight: 400;
        color: #000;
        flex: 0 0 auto;
    }

    .inquiry_pop .file_row input {
        display: none;
    }

    #money_offer {
        width: 8.769rem !important;
        padding: 0.5rem 0.385rem !important;
    }

    .inquiry_pop .file_row input + label {
        display: block;
        height: 2.231rem;
        margin-right: 0.615rem;
        font-size: 0.885rem;
        font-weight: 350;
        color: #fff;
        line-height: 2.231rem;
        text-align: center;
        background: #116ad4;
        flex: 0 0 auto;
    }

    .inquiry_pop .file_row .file_name {
        display: block;
        font-size: 0.923rem;
        font-weight: 400;
        color: #777777;
        line-height: 1.4;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .inquiry_pop .file_notice {
        margin-top: 0.538rem;
        font-size: 0.923rem;
        font-weight: 400;
        color: #777777;
    }

    .inquiry_pop .pop_notice {
        margin-top: 1.923rem;
        border: 1px solid #e4e5ed;
        padding: 0.615rem 0.5rem;
    }

    .inquiry_pop .pop_notice p {
        padding-left: 1.62rem;
        line-height: 1.5;
        font-size: 0.885rem;
        font-weight: 500;
        color: #777777;
        background: url(../img/ico/ico_pop_notice.png) left center no-repeat;
        background-size: 1rem 1rem;
    }

    .inquiry_pop .pop_notice p a {
        display: inline-block;
        border-bottom: 1px solid #116ad4;
        font-size: 0.885rem;
        font-weight: 500;
        color: #116ad4;
        line-height: 1.2;
    }

    .inquiry_pop .submit_btn {
        display: block;
        width: 100%;
        height: 3rem;
        border: 1px solid #c8cad2;
        margin-top: 1.538rem;
        font-size: 1rem;
        font-weight: 400;
        color: #000;
        box-sizing: border-box;
    }

    .inquiry_pop .dim {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }

    .mem_container .form_box .input_box button {
        display: block;
        width: 100%;
        border: 1px solid #252525;
        /* font-size: 1.0769rem; */
        font-weight: 500;
        box-sizing: border-box;
        margin-right: 10px;
    }

    .phone_box.phone_certification {
        width: 100%;
    }

    .btn.cling-btn.btn-outline-dark {
        margin-right: 0rem !important;
    }

    .login .sns_login_box {
        width: 310px;
        margin: 30px auto 0;
    }

    .login .sns_login_list {
        margin-top: 20px;
    }

    .custom_top_banner {
        margin-top: 0;
        padding: 1rem 0;
    }

    /* .mem_container .form_box .input_box input, .mem_container .form_box .input_box select {
        display: block;
        width: 100%;
        height: 2.308rem;
        border: 1px solid #dbdbdb;
        padding: 0 0.385rem;
        font-size: 0.923rem;
        font-weight: 400;
        box-sizing: border-box;
    }

    .mem_container .form_box .input_box+.input_box {
        margin-top: 0.385rem;
    } */
    /* .login .save_id {
        margin-top: 0.769rem;
    }

    .item_check input+label {
        display: block;
        padding-left: 1.5rem;
        line-height: 1.5rem;
        font-size: 0.923rem;
        font-weight: 400;
        color: #252525;
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(../img/ico/ico_check.png);
        background-size: 1.2rem;
        cursor: pointer;
    }

    
    .login .mem_link {
        margin-top: 1.5rem;
    }

    .login .mem_link li a {
        padding: 0 0.385rem;
        font-size:  0.923rem;
    }

    .login .sns_login_box {
        width: 19.769rem;
        margin: 1.5rem auto 0;
    }

    .login .sns_login_ttl span {
        position: relative;
        display: block;
        width: 4.308rem;
        margin: 0 auto;
        text-align: center;
        font-size: 0.923rem;
        font-weight: 500;
        color: #454545;
        background: #fff;
    }

    .login .sns_login_list {
        margin-top: 1.154rem;
    }

    .login .sns_login_list li button, .login .sns_login_list li button img {
        width: 3.538rem;
    }

    .mem_container .mem_box {
        max-width: 100%;
        margin: 0 auto;
    } */
    .order_row .sa_tab {
        margin-bottom: 0.385rem;
        flex-wrap: wrap;
    }

    .order_row .sa_tab .wrap_check_box label {
        font-size: 0.923rem;
        padding-left: 1.154rem;
    }

    .order_row .sa_tab .wrap_check_box label::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0.962rem;
        height: 0.962rem;
        border: 1px solid #ccc;
        border-radius: 0.077rem;
    }

    .order_row .sa_tab .wrap_check_box input:checked + label::after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0.077rem;
        top: 22%;
        transform: rotate(45deg) translateY(-50%);
        width: 0.385rem;
        height: 0.692rem;
        border-right: 0.115rem solid #000000;
        border-bottom: 0.115rem solid #000000;
    }

    .order_row .sa_tab li {
        width: 8.6rem;
    }

    .order_row .sa_list tr {
        border-bottom: 1px solid #eeeeee;
        display: flex;
        width: 100%;
        flex-direction: column;
        width: 26rem;
        padding: 0.3rem 0;
    }

    .order_row .sa_list th {
        height: 100%;
        text-align: left;
        font-size: 1.2rem;
        font-weight: 500;
        color: #252525;
        vertical-align: middle;
        width: 100%;
        padding: 0.577rem;
    }

    .order_row .sa_list td {
        padding: 0.577rem;
        vertical-align: middle;
    }

    .order_row .sa_list td input {
        display: block;
        width: 100%;
        height: 3rem;
        padding: 0 0.462rem;
        border: 1px solid #dbdbdb;
        font-size: 0.923rem;
        font-weight: 400;
        color: #252525;
    }

    .order_row .sa_list td .add1 {
        margin-bottom: 0.58rem;
    }

    .order_row .sa_list td .add1 .btn_add {
        display: block;
        width: 7.692rem;
        height: 3rem;
        border: 1px solid #aaaaaa;
        margin-right: 0.308rem;
        font-size: 0.923rem;
        font-weight: 500;
        color: #252525;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .order_row .sa_list td input#zipcode {
        width: calc(50% - 6.231rem);
        background: #fafafa;
    }

    .order_row .sa_list td .add2 {
        width: calc(50% - 0.192rem);
        margin-right: 0.385rem;
        margin-bottom: 0.385rem;
    }


    .order_row .sa_list td .ph {
        width: 100%;
    }

    .order_row .sa_list td select {
        display: block;
        width: 80%;
        height: 3rem;
        padding-left: 0.462rem;
        border: 1px solid #dbdbdb;
        font-size: 0.923rem;
        font-weight: 400;
        color: #252525;
    }

    .order_row .sa_list td textarea {
        width: 100%;
    }

    .shipping_popup .pop_box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 28.077rem;
        padding: 1.154rem 1.154rem 1.538rem;
        border: 1px solid #aaa;
        background: #fff;
        box-sizing: border-box;
    }

    .view_top .info_list li.delivery .delivery_label {
        margin-right: 0.462rem;
        font-size: 1.1rem;
        font-weight: 400;
        color: #454545;
    }

    .view_top .info_list li.delivery .delivery_data {
        font-size: 1.1rem;
        font-weight: 400;
        color: #454545;
    }

    .view_top .info_list li.delivery .delivery_data strong {
        font-size: 1.1rem;
        font-weight: 700;
        color: #252525;
    }

}

@media screen and (max-width: 660px) {
    .join .mem_box {
        max-width: 580px;
    }

    .mem_container .form_box .input_box button {
        display: block;
        width: 100%;
        border: 1px solid #252525;
        /* font-size: 1.0769rem; */
        font-weight: 500;
        box-sizing: border-box;
    }


}

@media screen and (max-width: 490px) {
    .join .mem_box {
        max-width: 450px;
    }

    .mem_container .form_box .input_box button {
        display: block;
        width: 100%;
        border: 1px solid #252525;
        /* font-size: 1.0769rem; */
        font-weight: 500;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 430px) {
    .join .mem_box {
        max-width: 395px;
    }

    .mem_container .form_box .input_box button {
        display: block;
        width: 100% !important;
        border: 1px solid #252525;
        font-size: 1.0769rem;
        font-weight: 500;
        box-sizing: border-box;
        margin-right: 0.6rem;
    }

    .mem_container .form_box .button_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }

    .join .agree_list li {
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
        padding: 1.6154rem 1.5385rem 1.6154rem 1.3846rem;
    }
}

@media screen and (max-width: 420px) {
    .join .mem_box {
        max-width: 380px;
    }

    .mem_container .form_box .input_box button {
        display: block;
        width: 100%;
        border: 1px solid #252525;
        font-size: 1.0769rem;
        font-weight: 500;
        box-sizing: border-box;
        margin-right: 0.6rem;
    }

    .mem_container .form_box .button_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
}

@media screen and (max-width: 390px) {
    .join .mem_box {
        max-width: 335px;
    }

    .mem_container .form_box .input_box button {
        display: block;
        width: 100%;
        border: 1px solid #252525;
        font-size: 1.0769rem;
        font-weight: 500;
        box-sizing: border-box;
    }
}