/* sub 공통 */
.center {
    text-align: center;
}

#sub_wrap {
    /*padding: 120px 40px 150px;*/
    /*padding: 12rem 4rem 15rem;*/
    /*padding: 4rem auto 15rem;*/
    /*margin: 4rem auto 15rem;*/
    margin: 0 auto;
    padding: 0 4rem;
    margin: 8rem auto 15rem;

}

#sub_wrap .sect {
    /*margin-bottom: 60px;*/
    margin-bottom: 5rem;
}

.sub_title {
    line-height: 1;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 3.6rem;
    word-break: keep-all;
}

.sub_title span {
    color: var(--main-color);
}

.sub_title2 {
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 600;
}

.view_option {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    display: none;
}

.view_option button {
    border: 1px solid #888888;
    padding: 8px 12px;
    border-radius: 5px;
    color: #555;
    transition: all 0.5s ease-in-out;
}

.view_option button img {
    width: 25px;
    height: 25px;
}

/*키워드*/
.keyword_wrap{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.keyword{
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    color: var(--main-color);
    line-height: 1.5;
    background-color: #ff641226;
    /*font-weight: bold;*/
}
.keyword:nth-child(1){

}
.keyword_info_wrap{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.keyword_info{
    padding: 10px 15px;
    width: 100px;
    position: relative;
    background-color: #ffffff;
    color: #333333;
    /*border-radius: 20px;*/
    text-align: center;
    box-shadow: 1px 1px 1px #bbbbbb;
    border: 1px solid #f2f2f2;
    /*text-align: end;*/
    /*margin-left: 20px;*/
}
/*.keyword_info::before{*/
/*    content: '1';*/
/*    width: 30px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -10px;*/
/*    background-color: #888888;*/
/*    color: #ffffff;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
@media screen and(max-width: 400px){
    .keyword{
        line-height: 1;
    }
}
/*신품중품 cate*/
.product_qlt_wrap{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 5px;
}
.product_qlt{
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: bold;
}
.product_qlt.old{
    color: #7B5398;
    background-color: #7b53983d;
}
.product_qlt.new{
    color: #F33E61;
    background-color: #F33E613d;

}





/* sub 공통 */

/* page 공통 */
.list_page {
    display: flex;
    justify-content: center;
}

.list_num ul {
    display: flex;
}

.list_num ul li {
    width: 25px;
    font-size: 16px;
    line-height: 40px;
    color: #888;
}

.list_num ul li.on {
    color: var(--main-color);
}

/* page 공통 */


/* write banner start */
.write_bnr {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 250px;
    /*background-color: #F3EFE3;*/
    padding: 20px 40px;
    margin-bottom: 4rem;
    border-radius: 20px;
    background-image: url('/image/icon_write_banner.png');
    background-repeat: no-repeat;
    background-position: 83% 75%;
    background-size: auto 67%;
    position: relative;
}
.write_bnr::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/image/bg-test.png') center / 100% no-repeat;
    z-index: -1;
}

.write_bnr .wrt_bnr_title {
    font-size: 24px;
    /*line-height: 120px;*/
    margin: auto 0;
    position: relative;
    line-height: 1.5;
    color: #333333;
    font-weight: bold;
}
.write_bnr .wrt_bnr_title span{
    font-size: 28px;
    font-weight: bold;
    color:var(--main-color)
}

.write_bnr .wrt_bnr_btn {
    margin: auto 0 20px auto;
    overflow: hidden;
    cursor: pointer;
}

.write_bnr .wrt_bnr_btn a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    border-radius: 25px;
    padding: 0 40px 0 20px;
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: right 25px center;
    background-color: var(--main-color);
    border: 0;
    color: #fff;
    background-image: url("/image/icon_arrow_right_white.png");
    width: 150px;
}

/*.write_bnr .wrt_bnr_btn a:hover{*/
/*    background-color: var(--main-color);*/
/*    border: 0;*/
/*    color: #fff;*/
/*    background-image: url("/image/icon_arrow_right_white.png");*/
/*}*/
.write_bnr .cpw_btn a:hover {
    background-color: #fff;
}

@media screen and (max-width: 1120px) {
    .write_bnr {
        zoom: 0.9;
    }
}

@media screen and (max-width: 960px) {
    .sub_title {
        margin-bottom: 2.4rem;
        /*padding: 0 10px;*/
    }

    .write_bnr {
        zoom: 0.8;
    }
    .write_bnr {
        width: 100%;
        background-position: right 75%;
    }

}

@media screen and (max-width: 560px) {
    .write_bnr {
        /*height: auto;*/
        flex-direction: column;
        padding: 30px;
        zoom: 0.7;
    }

    .write_bnr .wrt_bnr_title {
        line-height: 1.5;
        /*margin-bottom: 24px;*/
    }

    .write_bnr .wrt_bnr_btn {

    }
}

@media screen and (max-width: 380px) {
    .write_bnr {
        /*zoom: 0.5;*/
    }
}

/* us_rcmd start */

.us_rcmd .us_rcmd_wrap {
    display: flex;
    flex-wrap: wrap;
}

.us_rcmd .us_rcmd_wrap .usrc_cont_wrap {
    width: calc((100% - 30px) / 3);
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #888888;
    padding: 20px 30px;
    cursor: pointer;
    border-radius: 20px;
}

.us_rcmd .us_rcmd_wrap .usrc_cont_wrap:hover {
    border-color: var(--main-color);
}

.us_rcmd .us_rcmd_wrap .usrc_cont_wrap:hover a:last-child {
    background-color: var(--main-color);
    color: #ffffff;
}

.us_rcmd .us_rcmd_wrap .usrc_cont_wrap:nth-child(3n) {
    margin-right: 0;
}

.us_rcmd .us_rcmd_wrap .usrc_cont_wrap .usrc_top {
    display: flex;
    flex-direction: column;
}

.us_rcmd .usrc_top .usrc_dday_wrap {
    width: 60px;
    margin-bottom: 15px;
}

.us_rcmd .usrc_top .usrc_dday_wrap .usrc_dday {
    line-height: 1.5;
    margin-top: 4px;
    color: #ffffff;
    background-color: var(--main-color);
    padding: 5px 12px;
    border-radius: 20px;
    display: block;
    font-size: 14px;
}

.us_rcmd .usrc_top .usrc_cont {
    /*width: calc(100% - 60px);*/
    display: flex;
    flex-direction: column;
    line-height: 1;
    /*height: 160px;*/
}

.us_rcmd .usrc_top .usrc_title {
    font-size: 22px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #010101;
    font-weight: bold;
}

.us_rcmd .usrc_top .usrc_cate {
    font-size: 14px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;
}

.us_rcmd .usrc_top .usrc_content {
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #222;
    margin-bottom: 15px;
}

.us_rcmd .usrc_top .usrc_btm {
    display: flex;
    justify-content: end;
    color: #888;
    margin-top: auto;
}

.us_rcmd .usrc_top .usrc_btm .usrc_loc {
    padding-left: 15px;
    background-image: url('/image/location.png');
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: left center;
    font-size: 14px;
}

.us_rcmd .usrc_top .usrc_btm .usrc_more {
    color: var(--main-color);
    padding-right: 10px;
    background-image: url('/image/icon_arrow_right_mc.png');
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right center;
    cursor: pointer;
}

.us_rcmd .usrc_bottom {
    margin-top: 15px;
    border: none;
    display: flex;
    justify-content: space-between;
}

.us_rcmd .usrc_bottom a {
    display: block;
    line-height: 45px;
    text-align: center;
    color: var(--main-color);
    cursor: pointer;
    border-radius: 50px;
    color: #fff;
    background-color: var(--main-color);
    width: calc(100% / 2 - 5px);
    font-size: 14px;
}

.us_rcmd .usrc_bottom a:last-child {
    background-color: transparent;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.us_rcmd .usrc_bottom a:hover .us_rcmd .usrc_bottom a:last-child {
    color: #fff;
    background-color: var(--main-color);
}

@media screen and (max-width: 1120px) {
    .us_rcmd .us_rcmd_wrap .usrc_cont_wrap {
        width: calc((100% - 15px) / 2);
        zoom: 0.9;
    }

    .us_rcmd .us_rcmd_wrap .usrc_cont_wrap:nth-child(3n) {
        margin-right: 15px;
    }

    .us_rcmd .us_rcmd_wrap .usrc_cont_wrap:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    .us_rcmd .us_rcmd_wrap .usrc_cont_wrap {
        width: 100%;
        margin-right: 0;
    }

    /*.us_rcmd .us_rcmd_wrap .usrc_cont_wrap:nth-child(2n) {*/
    /*    margin-right: 0;*/
    /*}*/

    /*.us_rcmd .us_rcmd_wrap .usrc_cont_wrap .usrc_top {*/
    /*    width: 100%;*/
    /*    border-bottom: 0;*/
    /*}*/

    /*.us_rcmd .us_rcmd_wrap .usrc_cont_wrap .usrc_bottom {*/
    /*    position: absolute;*/
    /*    top: 20px;*/
    /*    right: 20px;*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*    display: flex;*/
    /*}*/

    /*.us_rcmd .usrc_bottom a {*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    text-indent: -999999px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: auto 60%;*/
    /*    background-position: center;*/
    /*    background-image: url("/image/chat.png");*/
    /*    margin: auto 0;*/
    /*    box-sizing: content-box;*/
    /*}*/
}

@media screen and (max-width: 460px) {

    .us_rcmd .us_rcmd_wrap .usrc_cont_wrap .usrc_top {
        flex-direction: column;
    }

    .us_rcmd .usrc_top .usrc_img_wrap {
        margin-bottom: 12px;
    }

    .us_rcmd .usrc_top .usrc_cont {
        width: 100%;
    }
}

/* us_rcmd end */


/* us_all_list start*/
.usal_wrap {
    border-top: 1px solid #cccccc;
    margin-bottom: 30px;

}

.usal_wrap >ul >li {
    position: relative;
    display: flex;
    align-items: center;

    padding: 35px 15px 30px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    height: 137px;
}

.usal_wrap ul li .usal_cmpny_wrap {
    display: flex;
}

.usal_wrap ul li .usal_cmpny_wrap .usal_cmpny {
    width: 170px;
    height: 48px;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    color: #333;
    margin: 0 0 auto 0;
}

.usal_wrap ul li .usal_cmpny_wrap .ussl_fav {
    width: 40px;
    height: 100%;
    margin: auto 0;
    background-image: url('/image/fav.png');
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: left 2px;
}


.usal_wrap ul li .usal_cont {
    width: calc(100% - 170px - 50px - 120px - 170px);
    display: flex;
    flex-direction: column;
    padding: 0 20px 0 40px;
    /*height: 100%;*/
    justify-content: center;
}

.usal_wrap ul li .usal_cont .usal_title {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.usal_wrap ul li .usal_cont .usal_cate {
    font-size: 14px;
    color: #888;
}

/*.usal_wrap ul li .usal_cont .usal_cate .keyword_wrap .keyword{*/
/*    background-color: rgb(127 167 49 / 22%);*/
/*    color: rgb(127, 167, 49);*/
/*}*/

.usal_wrap .usal_loc {
    width: 120px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    display: flex;
}

.usal_wrap .usal_loc .usal_loc_icon {
    display: inline-block;
    width: 25px;
    height: 100%;
    background-image: url('/image/location.png');
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: left center;
}

.usal_wrap .usal_loc p {
    width: calc(100% - 25px);
    height: 100%;
    line-height: 30px;
    text-align: left;
}

.usal_wrap .usal_chat_wrap {
    display: flex;
    flex-direction: column;
    width: 170px;
    gap: 5px;
}

.usal_wrap .usal_chat_wrap .usal_chat {
    display: none;
    width: auto;
    line-height: 2.5;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 auto 4px;
    padding: 0 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.usal_wrap .usal_chat_wrap.off .usal_chat.off {
    display: inline-block;
}

.usal_wrap .usal_chat_wrap.on .usal_chat.on {
    display: inline-block;
    color: rgb(127, 167, 49);
    border-color: rgb(127, 167, 49)
}

.usal_wrap .usal_chat_wrap .usal_date {
    text-align: center;
    color: #333;
    font-size: 14px;
}

.usal_wrap .no_content li{
    display: flex;
    flex-direction: column;
    height: auto;
    border: none;
    width: 100%;
    padding: 5rem;
}
.selling_cont_wrap .no_content li{
    padding: 5rem;
}
.no_content li{
    display: flex;
    flex-direction: column;
    height: auto;
    border: none;
    width: 100%;
    padding: 5rem;
}
.no_content img{
    width: 15%;
    margin: 0 auto 20px;
}
.no_content span {
    display: block;
    text-align: center;
    font-size: 18px;
    width: 100%;
    line-height: 1.5;
    font-weight: bold;
    color:#555555;
    word-break: keep-all;
}



@media screen and (max-width: 860px){
    .no_content img{
        width: 30%;
    }
    .no_content span{
        font-size: 14px;
    }
}

@media screen and (max-width: 540px){
    .no_content span{
        font-size: 12px;
    }

}


/*.usal_wrap .no_content button  {*/
/*    width: 200px;*/
/*    height: 40px;*/
/*    padding: 10px;*/
/*    background-color: #ffe0d0;*/
/*    !*border: 1px solid var(--main-color);*!*/
/*    margin-top: 20px;*/
/*    border-radius: 20px;*/
/*    font-weight: bold;*/
/*    color:var(--main-color)*/
/*}*/

@media screen and (max-width: 980px) {

    .usal_wrap ul li .usal_cmpny_wrap {
        /*position: absolute;*/
        /*top: 15px;*/
        /*left: 15px;*/
        height: 35px;
        line-height: 35px;
    }

    .usal_wrap ul li .usal_cmpny_wrap .ussl_fav {
        width: 30px;
        background-position: left center;
        background-size: auto 15px;
    }

    .usal_wrap ul li .usal_cmpny_wrap .usal_cmpny {
        font-size: 14px;
        line-height: 35px;
        height: 100%;
    }

    .usal_wrap ul li .usal_cont {
        padding: 0;
        width: calc(100% - 120px - 170px);
    }

    .usal_wrap .usal_chat_wrap {
        zoom: 0.9;
        width: 140px;
    }


}

@media screen and (max-width: 690px) {
    .usal_wrap ul li {
        padding-bottom: 50px;
    }

    /*.usal_wrap .usal_loc {*/
    /*    zoom: 0.9;*/
    /*    position: absolute;*/
    /*    bottom: 25px;*/
    /*    left: 45px;*/
    /*    width: auto;*/
    /*    justify-content: right;*/
    /*    color: #888;*/
    /*}*/

    .usal_wrap ul li .usal_cont {
        width: calc(100% - 50px);
    }

    .usal_wrap ul li .usal_cont .usal_title {
        font-size: 16px;
    }

    .usal_wrap ul li .usal_cont .usal_cate {
        font-size: 12px;
    }

    /*.usal_wrap .usal_chat_wrap {*/
    /*    position: absolute;*/
    /*    top: 15px;*/
    /*    right: 15px;*/
    /*    margin-left: auto;*/
    /*    flex-direction: column-reverse;*/
    /*}*/

    .usal_wrap .usal_chat_wrap .usal_date {
        text-align: right;
        color: #888;
    }

    /*.usal_wrap .usal_chat_wrap .usal_chat {*/
    /*    text-indent: -999999px;*/
    /*    width: 40px;*/
    /*    height: 40px;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: auto 60%;*/
    /*    background-position: center;*/
    /*    background-image: url("/image/icon_chat_main.png");*/
    /*    border: 0;*/
    /*    margin: 12px 0 auto auto;*/
    /*}*/
}

/* us_all_list end*/


/* cp_rcmnd start */
#product_wrap.on {
    display: block;
}

#product_wrap {
    display: none;
}

.cp_rcmnd_wrap{
    position:relative;
    overflow: visible;
}

.cp_rcmnd .cp_rcmnd_line {
    /*display: flex;*/
    /*margin-bottom: 15px;*/
    /*gap: 20px;*/
}

.cp_rcmnd .cp_rcmnd_line:last-child {
    margin-bottom: 0;
}

.cp_rcmnd .cp_rcmnd_list {
    padding: 15px;
    position: relative;
    cursor: pointer;
}

.cp_rcmnd .cp_rcmnd_list:hover {
    border-color: var(--main-color);
}

.cp_rcmnd .cp_rcmnd_list:nth-child(3n) {
    margin-right: 0;
}

.cp_rcmnd .cp_rcmnd_icon {
    display: flex;
    justify-content: right;
    margin-bottom: 4px;
}

.cp_rcmnd .cp_rcmnd_icon div {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.cp_rcmnd .cp_rcmnd_icon .cp_rcmnd_share {
    background-image: url('/image/icon_share.png');
    background-size: auto 70%;
}

.cp_rcmnd .cp_rcmnd_icon .cp_rcmnd_fav {
    background-image: url('/image/fill_heart.png');
    background-size: auto 100%;
    margin-left: 8px;
}


.cp_rcmnd .cprc_cont_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.cp_rcmnd .cprc_cont_wrap .cprc_img_wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.cp_rcmnd .cprc_cont_wrap .cprc_img {
    width: 100%;
    height: 15vw;
    /*aspect-ratio: 1;*/
    /*background-color: #ccc;*/
    border-radius: 10px;
}

.cp_rcmnd .cprc_cont_wrap .cprc_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cp_rcmnd .cprc_cont_wrap .cprc_loc {
    color: #fff;
    font-size: 12px;
    background-color: var(--main-color);
    padding: 0 10px;
    border-radius: 10px;
    text-align: center;
    margin: -8px auto auto auto;
}

.cp_rcmnd .cprc_cont_wrap .cprc_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 50%;

}

.cp_rcmnd .cprc_cont_wrap .cprc_cmpny {
    color: #333;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--main-color)
}

.cp_rcmnd .cprc_cont_wrap .cprc_title {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #010101;
    margin-bottom: 12px;
    font-weight: bold;
}

.cp_rcmnd .cprc_cont_wrap .cprc_content {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #555;
    margin-bottom: 28px;
    font-size: 16px;
}

.cprc_price {
    color: #ff0000;
    display: block;
    text-align: end;
    font-size: 18px;
}

.swiper{
    position: static;
    overflow: visible;
}
.rcmd_mySwiper .swiper-pagination-bullet-active{
    background: var(--main-color);
}
.rcmd_mySwiper .swiper-button-next, .rcmd_mySwiper .swiper-button-prev{
    color: var(--main-color);
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 50px;
    border: 1px solid var(--main-color);
}
.rcmd_mySwiper .swiper-button-next{
    right: -80px;
}
.rcmd_mySwiper .swiper-button-prev{
    left: -80px;
}
.rcmd_mySwiper .swiper-button-next:after, .rcmd_mySwiper .swiper-button-prev:after{
    font-size: 22px;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -30px;
}
/*.cp_rcmnd .cprc_cont_wrap .cprc_more a{*/
/*    display: block;*/
/*    color: var(--main-color);*/
/*    text-align: right;*/
/*    padding-right: 10px;*/
/*    line-height: 1;*/
/*    background-image: url(/image/icon_arrow_right_mc.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: auto 75%;*/
/*    background-position: right center;*/
/*}*/
/* cp_rcmnd end */

/* cp_list start */

.cp_list .cpl_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cp_list .cpl_cont {
    width: calc((100% - 40px) / 5);
    padding: 0 0 20px;
    /*border: 1px solid #cccccc;*/
    cursor: pointer;
}

.cp_list .cpl_cont:hover .cpl_img_wrap .cpl_img img {
    transform: scale(1.05);
}

/*.cp_list .cpl_cont:nth-child(5n){*/
/*    margin-right: 0;*/
/*}*/
.cp_list .cpl_cont:hover {
    border-color: var(--main-color);
}

.cp_list .cpl_cont .cpl_img_wrap {
    aspect-ratio: 1;
    position: relative;
    margin-bottom: 18px;
    border: 1px solid #ccc;
    border-radius: 20px;
    overflow: hidden;
}

.cp_list .cpl_cont .cpl_img_wrap .cpl_img {
    width: 100%;
    height: 100%;
    background-color: #ccc;
    overflow: hidden;

}

/* product list img 크기 조절 추가(허우석) */
.cp_list .cpl_cont .cpl_img_wrap .cpl_img img {
    width: 100%;
    height: 100%;
    /*border-radius: 10px;*/
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    object-fit: contain;

}

.cp_list .cpl_cont .cpl_img_wrap .cpl_loc {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    background-color: var(--main-color);
    padding: 0 10px;
    line-height: 1.8;
    z-index: 9;
    border-radius: 20px;
    font-size: 14px;

}

.cpl_cmpny {
    color: #444;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 15px;
    /*color: var(--main-color);*/
    font-size: 14px;
}

.cpl_title {
    font-size: 20px;
    line-height: 1.3;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    padding: 0 15px;
    word-break: keep-all;
    font-weight: bold;
}

.cpl_content {
    color: #555;
    /*display: -webkit-box;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    padding: 0 15px;
    height: 60px;
    margin-bottom: 10px;
    font-size: 16px;
    /*line-height: 30px;*/
}

.cpl_cate {
    padding: 0 15px;
    color: #888888;
    font-size: 14px;
}

.cpl_price {
    font-size: 18px;
    color: #ff0000;
    padding: 0 15px;
    display: flex;
    justify-content: end;
    margin-top: 20px;
}

/* cp_list end */


/* cmpny_product(new) start */

.cmpny_product .cpl_main_img {
    height: 250px;
    /*background-color: #F3EFE3;*/
    border-radius: 10px;
}

.cmpny_product .cpl_main_img .wrap_in {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-image: url('/image/icon_search-person.png');
    background-repeat: no-repeat;
    background-position: 83% 75%;
    background-size: auto 67%;
    padding: 2rem 4rem;
    position: relative;
}

.cmpny_product .cpl_main_img .wrap_in::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/image/bg-test.png') center / 100% no-repeat;
    z-index: -1;
}

.cmpny_product .cpl_main_img .wrap_in .cpl_mimg_cont {
    margin: auto 0;
}

.cmpny_product .cpl_main_img .cpl_top {
    font-size: 26px;
    line-height: 1.5;
    color: #010101;
    margin-bottom: 3.6rem;
    white-space: nowrap;
}
.cmpny_product .cpl_main_img .cpl_top .cpl_t2{
    font-weight: bold;
}
.cmpny_product .cpl_main_img .cpl_top span {
    color: var(--main-color);
}

/*.cmpny_product .cpl_main_img .cpl_bottom .cpl_b1{*/
/*     display: flex;*/
/*     padding: 0 25px 0 25px;*/
/*     !*line-height: 3.5;*!*/
/*     border: 1px solid var(--main-color);*/
/*     border-radius: 30px;*/
/*     position: relative;*/
/*     cursor: pointer;*/
/*     overflow: hidden;*/
/* }*/

.cmpny_product .cpl_bottom {
    display: flex;
    justify-content: end;
}

.cmpny_product .cpl_bottom .cpl_b1 {
    padding: 0 20px 0;
    /*line-height: 3.5;*/
    border: 1px solid var(--main-color);
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background-color: var(--main-color);
    color: #ffffff;
    display: inline-flex;
    font-size: 16px;
    align-items: center;
    /*width: 159px;*/
    height: 50px;
    justify-content: center;
}

.cmpny_product .cpl_bottom .cpl_b1 img {
    width: 4rem;
    height: 4rem;
}

/*tap menu*/
.cmpny_product .cpl_option {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.cmpny_product .cpl_option .wrap_in .tap_wrap {
    display: flex;
    align-items: end;
    gap: 8px;
    margin-bottom: 5rem;
    border-bottom: 1px solid var(--main-color);
}

.cmpny_product .cpl_option .cpl_b1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px 0 25px;
    /*line-height: 3.5;*/
    border-radius: 15px 15px 0 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    /*width: 350px;*/
    height: 50px;
    background-color: #ffffff;
    color: var(--main-color);
    font-size: 18px;
    border: 1px solid var(--main-color);
    border-bottom: none;
}

.cmpny_product .cpl_option .cpl_b1.on {
    background-color: var(--main-color);
    color: #ffffff;
}

.cmpny_product .cpl_option .cpl_b1:first-child .tap_icon {
    background: url("/image/icon_product-search-orange.png") center center / 100% 100% no-repeat;
}

.cmpny_product .cpl_option .cpl_b1:last-child .tap_icon {
    background: url("/image/icon_company-search-orange.png") center center / 100% 100% no-repeat;
}

.cmpny_product .cpl_option .cpl_b1:first-child.on .tap_icon {
    background: url("/image/icon_product-search.png") center center / 100% 100% no-repeat;
}

.cmpny_product .cpl_option .cpl_b1:last-child.on .tap_icon {
    background: url("/image/icon_company-search.png") center center / 100% 100% no-repeat;
}

/*.cmpny_product .cpl_option .cpl_b1 span {*/
/*    display: block;*/
/*    line-height: 3.5;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

.cmpny_product .cpl_option .cpl_b1 .tap_icon  {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 10px;
}

/*.cmpny_product .cpl_main_img .cpl_bottom .cpl_b1:after{*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -200px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 0;*/
/*    background-color: var(--main-color);*/
/*    transition: all 0.3s ease-in-out;*/
/*    cursor: pointer;*/
/*}*/




/*-----------------------------------------------------------------*/
.cmpny_list.on {
    display: block;
}

.cmpny_list {
    display: none;
}

.cmpny_list .cpl_filter .post_btn {
    width: 150px;
    height: 80px;
    padding: 10px 30px 10px 10px;
    border-radius: 20px;
    border: 1px solid var(--main-color);
    background-color: transparent;
    color: #333333;
    font-size: 14px;

}

.cmpny_list .cpl_filter .post_btn span {
    position: relative;
}

.cmpny_list .cpl_filter .post_btn span:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, 0);
    width: 30px;
    height: 100%;
    background: url("/image/write_hv.png") center center / 30px 30px no-repeat;
    z-index: 22222;
}


.cmpny_list .cpl_filter .cplf_wrap {
    position: relative;
    border: 1px solid #ccc;
}

.cmpny_list .cpl_filter .cplf_line {
    position: relative;
    display: flex;
    height: 60px;
    line-height: 60px;
}

.cmpny_list .cpl_filter .cplf_line:first-child {
    border-bottom: 1px solid #ccc;
}

.cmpny_list .cpl_filter .cplf_line:first-child > div {
    width: calc(100% / 3);
    border-right: 1px solid #ccc;
}

.cmpny_list .cpl_filter .cplf_line:first-child > div:last-child {
    border-right: 0;
}

.cmpny_list .cpl_filter .cplf_line div input {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 58px;
    border: 0;
    padding: 0 20px 0 50px;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: auto 35%;
}

.cmpny_list .cpl_filter .cplf_line .cplf_num input {
    background-image: url('/image/filter_num.png');
}

.cmpny_list .cpl_filter .cplf_line .cplf_name input {
    background-image: url('/image/filter_cmpny.png');
}

.cmpny_list .cpl_filter .cplf_line .cplf_loc input {
    background-image: url('/image/location.png');
}

.cmpny_list .cpl_filter .cplf_line .cplf_loc.on {
    position: relative;
    border: 1px solid var(--main-color);
    border-bottom: 0;
}

.cmpny_list .cpl_filter .cplf_line .cplf_loc.on:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #fff;
}

.cmpny_list .cpl_filter .cplf_line .cplf_cate .sb_title {
    color: #888;
    font-size: 16px;
    height: 60px;
    line-height: 60px;

}

.cmpny_list .cpl_filter .cplf_line .cplf_input input {
    background-image: url('/image/search.png');

}

.cmpny_list .cpl_filter .cplf_line .cplf_input {
    width: calc(100% - 60px);
    border-right: 1px solid #ccc;
}

.cmpny_list .cpl_filter .cplf_line .cplf_cate.on .sb_title {
    border: 1px solid var(--main-color) !important;
}

.cmpny_list .cpl_filter .cplf_line .cplf_cate.on .selectbox .sb_title {
    border: 0;
}


@media screen and (max-width: 860px) {
    .cmpny_list .cpl_filter .cplf_line {
        flex-wrap: wrap;
        height: auto;
    }

    .cmpny_list .cpl_filter .line_search {
        height: 60px;
        line-height: 60px;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child > div {
        width: 50%;
        height: 60px;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_loc {
        border-bottom: 1px solid #ccc;
        border-right: 0;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_cate {
        width: 100%;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_num,
    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_name {
        border-bottom: 1px solid #ccc;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_name {
        border-right: 0;
    }

    .cmpny_list .cpl_filter .cplf_line:last-child div {
        height: 60px;
    }
}

@media screen and (max-width: 540px) {
    .cmpny_list .cpl_filter .cplf_wrap {
        border: 0;
    }

    .cmpny_list .cpl_filter .cplf_line {
        border: 1px solid #ccc;
        font-size: 14px;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child div {
        width: 100%;
        height: 50px;
        border-right: 0;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_cate {
        border-bottom: 1px solid #ccc;
    }

    .cmpny_list .cpl_filter .cplf_line:first-child .cplf_loc {
        border-bottom: 1px solid #ccc;
    }

    .cmpny_list .cpl_filter .line_search {
        border-top: 0;
        height: 50px;
    }

    .cmpny_list .cpl_filter .cplf_line:last-child .cplf_input {
        width: 100%;
        border: 1px solid #ccc;
        border-top: 0;
        margin-bottom: 24px;
        font-size: 14px;
    }

    .cmpny_list .cpl_filter .cplf_line:last-child .cplf_search {
        margin: 0 auto;
    }
}

/*---------------------------------------------------------------------------------*/


.cpl_list_wrap .wrap_in {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    position: relative;
}

#product_list {
    position: relative;
}

.cp_list .wrap_in {
    position: relative;
}

.scroll_btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(50%);
    opacity: 0;
}

.scroll_btn.on {
    opacity: 1;
    bottom: -50px;
}


.scroll_btn .container {
    width: 24px;
    height: 24px;
}

.scroll_btn .container .chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite;
}

.scroll_btn .container .chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.scroll_btn .container .chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.scroll_btn .container .chevron:before,
.chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #d9d9d9;
}

.scroll_btn .container .chevron:before {
    left: 0;
    transform: skew(0deg, 30deg);
}

.scroll_btn .container .chevron:after {
    right: 0;
    width: 50%;
    transform: skew(0deg, -30deg);
}

@keyframes move {
    25% {
        opacity: 1;

    }
    33% {
        opacity: 1;
        transform: translateY(30px);
    }
    67% {
        opacity: 1;
        transform: translateY(40px);
    }
    100% {
        opacity: 0;
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
    }
}

.text {
    display: block;
    margin-top: 75px;
    margin-left: -30px;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 12px;
    color: #888888;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .25;
    animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

.cpl_list_wrap .wrap_in .cpll_cont_wrap {
    width: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.cpl_list_wrap .wrap_in .cpll_cont_wrap .scroll_btn img {
    width: 50px;
}

.cpl_list_wrap .wrap_in .cpll_cont_wrap > a {
    width: calc((100% - 45px) / 4);
    padding: 30px 20px 30px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: flex;
}

.cpl_list_wrap .wrap_in .cpll_cont_wrap > a .cpll_cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.cpl_list_wrap .wrap_in .cpll_cont_wrap > a:nth-child(4n) {
    margin-right: 0;
}

.cpll_cont {
    height: auto;
}

/*즐겨찾기 추가 시작 */
.cpl_list_wrap .wrap_in .cpll_cont .cpll_top {
    display: flex;
    justify-content: space-between;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_fav {
    background-image: url('/image/fav.png');
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right center;
    width: 30px;
    height: 30px;
    right: 10px;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_fav.on {
    background-image: url('/image/fill_heart.png');
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right center;
    width: 30px;
    height: 30px;
    right: 10px;
}

/*즐겨찾기 추가 끝 */
.cpl_list_wrap .wrap_in .cpll_cont .cpll_logo {
    width: 40px;
    height: 40px;
    line-height: 1;
    margin-bottom: 15px;
    object-fit: contain;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_cmpny {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: bold;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_category {
    line-height: 1.5;
    color: #888;
    font-weight: 400;
    margin-bottom: 28px;
    font-size: 16px;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_category p {
    word-break: keep-all;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_line {
    display: flex;
    justify-content: end;
    align-items: end;
    flex-direction: column;
    margin-top: auto;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_location {
    height: 100%;
    width: 100%;
    font-size: 14px;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_location span {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    color: #888888;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_location span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 100%;
    background: url('/image/location.png') center center/ contain no-repeat;
    margin-right: 5px;
}

.cpl_list_wrap .wrap_in .cpll_cont .cpll_more a {
    color: var(--main-color);
    padding-right: 10px;
    background-image: url('/image/icon_arrow_right_mc.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 10px;
}


@media screen and (max-width: 1120px) {
    .cpl_list_wrap .wrap_in .cpll_cont {
        width: calc(calc(100% - 30px) / 3);
    }

    .cpl_list_wrap .wrap_in .cpll_cont:nth-child(4n) {
        margin-right: 15px;
    }

    .cpl_list_wrap .wrap_in .cpll_cont:nth-child(3n) {
        margin-right: 0;
    }

    .cpl_list_wrap .wrap_in .cpll_cont .cpll_cmpny {
        font-size: 20px;
    }

}

/* cmpny_list end */


/* cmpny_staus start */
.cmpny_staus .cmpst_comment {
    color: #555;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 36px;
}

.cmpny_staus .cmpst_search {
    position: relative;
    width: 50%;
    height: 50px;
    border: 1px solid #ccc;
    margin: 0 auto;
}

.cmpny_staus .cmpst_search input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 60px 0 30px;
}

.cmpny_staus .cmpst_search .cmpst_btn {
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
    text-indent: -999999px;
    background-image: url('/image/icon_search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 20px;
    cursor: pointer;
}

.cmpny_staus .cmpst_center .cmpstc_line {
    height: 80px;
    font-size: 16px;
    line-height: 80px;
    border-top: 2px solid var(--main-color);
    border-bottom: 1px solid #ccc;
    text-align: center;
    display: flex;
}

.cmpny_staus .cmpst_center .cmpstc_line > div {
    width: calc(100% / 2);
    display: flex;
}

.cmpny_staus .cmpst_center .cmpstc_line > div > div {
    width: 50%;
}

.cmpny_staus .cmpst_center .cmpstc_line .cmpst_cont {
    display: flex;
    color: #888;
}

.cmpny_staus .cmpst_center .cmpstc_line .cmpst_cont div {
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    word-break: break-word;
    margin: auto;

}


.cmpst_bottom .cmpstb_wrap {
    padding: 80px 80px;
    background-color: #f7f8fb;
}

.cmpst_bottom .cmpstb_wrap .cmpstb_title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 30px;
}

.cmpst_bottom .cmpstb_cont_wrap > div {
    margin-bottom: 24px;
    color: #555;
    line-height: 1.8;
}

.cmpst_bottom .cmpstb_cont_wrap > div:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1080px) {

    .cmpny_staus .cmpst_comment {
        font-size: 13px;
    }

    .cmpny_staus .cmpst_comment br {
        display: inline-block;
    }

    .cmpny_staus .cmpst_center {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .cmpny_staus .cmpst_center .cmpstc_line {
        height: auto;
        flex-direction: column;
    }

    .cmpny_staus .cmpst_center .cmpstc_line > div {
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #dedede;
    }

    .cmpny_staus .cmpst_center .cmpstc_line > div:last-child {
        border-bottom: 0;
    }

    .cmpny_staus .cmpst_center .cmpstc_line .cmpst_title {
        width: 150px;
        font-size: 13px;
    }

    .cmpny_staus .cmpst_center .cmpstc_line .cmpst_cont {
        width: calc(100% - 150px);
    }

    .cmpny_staus .cmpst_center .cmpstc_line .cmpst_cont div {
        width: 100%;
        text-align: left;
    }

    .cmpst_bottom .cmpstb_wrap .cmpstb_cont_wrap {
        font-size: 13px;
    }
}

@media screen and (max-width: 680px) {
    #sub_wrap.cmpny_staus .sect {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        padding: 0;
    }

    #sub_wrap.cmpny_staus .wrap_in {
        padding: 0;
    }

    .cmpst_bottom .cmpstb_wrap {
        padding: 50px 40px;
    }

    .cmpny_staus .cmpst_search {
        width: 100%;
    }
}

@media screen and (max-width: 460px) {
    .cmpny_staus .cmpst_comment br {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .cmpny_staus .sub_title {
        text-align: left;
    }

    .cmpny_staus .cmpst_comment p {
        text-align: left;
    }

    .cmpny_staus .cmpst_comment p:first-child {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 380px) {
    .cmpny_staus .cmpst_center .cmpstc_line .cmpst_title {
        width: 130px;
        text-align: left;
        padding-left: 15px;
    }

    .cmpny_staus .cmpst_center .cmpstc_line .cmpst_cont {
        width: calc(100% - 130px);
    }

    .cmpst_bottom .cmpstb_wrap {
        padding: 30px 20px;
    }
}


/* cmpny_staus end */

/* customer start */
.customer{
    padding: 15.5rem 6rem 30rem 6rem;
}
.customer .cst_top_wrap {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    font-size: 18px;
}

.customer .cst_tab ul {
    display: flex;
}

.customer .cst_tab ul li {
    position: relative;
    color: #888;
    line-height: 40px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    font-weight: 300;
}

.customer .cst_tab ul li::after {
    content: "";
    display: none;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    bottom: -1px;
}

.customer .cst_tab ul li.on {
    color: #010101;
}

.customer .cst_tab ul li.on::after {
    display: block;
}

.customer .cst_write.my_cs {
    display: none;
}

.customer .cst_write.my_cs.on {
    display: flex;
    justify-content: end;
    gap: 8px;
    font-size: 14px;
    padding: 10px 0;
}


.customer .cst_write a {
    display: block;
    color: #333;
    padding: 0 10px 0 22px;
    cursor: pointer;
    background-image: url('/image/write.png');
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: left center;
    font-size: 16px;
}

.customer .cst_write a:hover {
    /* font-weight: bold; */
    color: var(--main-color);
    background-image: url('/image/write_hv.png');
}

.customer .cst_write input {
    padding: 10px;
}


.customer .cst_cont_wrap {
    border-top: 1px solid #ccc;
}

.customer .cst_1 ul li {
    height: auto;
}

.customer .cst_1 ul li div {
    padding: 0 30px;
    display: flex;
}

.customer .cst_1 ul li .cst1_q {
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}

.customer .cst_1 ul li .cst1_a {
    height: 0;
    overflow: hidden;
    color: #888;
    line-height: 1.5;
    padding: 0 30px;
    background-color: #f7f8fb;
    transition: all 0.3s ease-in-out;
}

.customer .cst_1 ul li.on .cst1_a {
    padding: 15px 30px;
    height: auto;
    border-bottom: 1px solid #ddd;
}

.customer .cst_1 ul li div .cst_mark {
    width: 3.5rem;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center;
}

.customer .cst_1 ul li .cst1_q .cst_mark {
    background-image: url('/image/q_mark.png');
}

.customer .cst_1 ul li .cst1_a .cst_mark {
    background-image: url('/image/a_mark.png');
    background-size: auto 14px;
    background-position: left 5px;
}

.customer .cst_1 ul li div p {
    font-size: 16px;
}

.customer .cst_1 ul li .cst1_q .cst_content {
    width: calc(100% - 75px);
    cursor: pointer;
    /*display: flex;*/
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.customer .cst_1 ul li .cst1_a .cst_content{
    display: block;
    width: calc(100% - 35px);
}
.customer .cst_1 ul li div .cst_content figure{
    width: 30%;
    margin-bottom: 5px;
}
.customer .cst_1 ul li div .cst_content figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.customer .cst_1 ul li div .cst_arrow {
    width: 40px;
    background-image: url('/image/arrow_down.png');
    background-repeat: no-repeat;
    background-size: auto 8px;
    background-position: right center;
}


.customer .cst_2 {
    display: none;
}

.customer .cst_2 ul li {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
}

.customer .cst_2 ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ddd;
    color: #222;
    text-align: center;
    align-items: center;
    letter-spacing: 0.8px;
    padding: 0 15px;
    justify-content: space-between;
}
.customer .cst_2 ul li a .comment .comment_y{
    font-size: 12px;
    height: 20px;
    width: 50px;
    line-height: 20px;
    background-color: rgb(127, 167, 49);
    color: #ffffff;
    border-radius: 5px;
    margin-right: 15px;
    display: block;
    display: block;
}
.customer .cst_2 ul li a .comment .comment_n{
    font-size: 12px;
    height: 20px;
    width: 50px;
    line-height: 20px;
    color: #ffffff;
    border-radius: 5px;
    margin-right: 15px;
    background-color: var(--main-color);
    display: block;
}
.customer .cst_2 ul li a .cst2_wrap{
    width: 90%;
    display: flex;
}
.customer .cst_2 ul li a .cst2_no {
    width: 5rem;
}

.customer .cst_2 ul li a .cst2_part {
    width: 100px;
}

.customer .cst_2 ul li a .cst2_content {
    width: calc(100% - 250px);
    text-align: left;
    padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.customer .cst_2 ul li a .cst2_writer {
    width: 150px;
    color: #555;
    font-size: 14px;
}

.customer .cst_2 ul li a .cst2_date {
    width: 100px;
    color: #555;
    font-size: 14px;
}

.customer .cst_2 > div {
    margin-top: 15px;
    text-align: center;
    font-size: 14px
}

.customer .cst_2 > div span {
    cursor: pointer;
    padding: 0 5px;
    margin-right: 5px;
}
.customer .cs_pagination{
    display: flex;
    justify-content: center;
    gap: 8px;
}

.customer .faq_page {
    margin-top: 15px;
    text-align: center;
    /*display: block;*/
    font-size: 14px;
    width: 20px;
}

.customer .faq_page.on {
    font-weight: bold;
}

.customer .cs_page.on {
    font-weight: bold;
}
/*#faq ul{*/
/*    overflow-y: scroll;*/
/*    height: 550px;*/
/*}*/
/*#cs ul{*/
/*    overflow-y: scroll;*/
/*    overflow-x: hidden;*/
/*    height: 550px;*/
/*}*/
/*@media screen and (max-width: 860px){*/
/*    #faq ul{*/
/*        height: 450px;*/
/*    }*/
/*    #cs ul{*/
/*        height: 450px;*/
/*    }*/


/*}*/
/*@media screen and (max-width: 480px){*/
/*    #faq ul{*/
/*        height: 350px;*/
/*    }*/
/*    #cs ul{*/
/*        height: 350px;*/
/*    }*/

/*}*/
/* customer end */


/* customer_view start */
.customer_view{
    width: 1280px;
}
.customer_view .wrap_in{
    width: 100%;
}
.customer_view .cstv_wrap {
    border-top: 2px solid var(--main-color);
    font-size: 15px;
}

.customer_view .cstv_wrap > div {
    padding: 15px 3rem;
}

.customer_view .cstv_top {
    border-bottom: 1px solid #ddd;
}

.customer_view .cstv_top .cstv_line {
    display: flex;
}

.customer_view .cstv_top .cstv_icon {
    width: 35px;
    background-image: url('/image/fill_heart.png');
    background-repeat: no-repeat;
    background-size: auto 55%;
    background-position: left center;
}

.customer_view .cstv_top .cstv_title {
    line-height: 4rem;
    font-size: 18px;
}

.customer_view .cstv_top .cstv_line:nth-child(2) {
    color: #555;
    line-height: 40px;
}

.customer_view .cstv_top .cstv_user_info {
    margin-right: 12px;
}

.customer_view .cstv_top .cstv_user_info span {
    margin-right: 4px;
}

.customer_view .cstv_top .cstv_user_info span:last-child {
    margin-right: 0;
}

.customer_view .cstv_top .cstv_loc {
    padding-left: 16px;
    background-image: url('/image/location.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 14px;
}

.customer_view .cstv_top .cstv_date {
    margin-left: auto;
}


.customer_view .cstv_center {
    border-bottom: 1px solid #ddd;
    min-height: 40rem;
}

.customer_view .cstv_center div {
    width: 100%;
    height: 100%;
    line-height: 1.5;
}
.customer_view .cstv_center div figure{
    width: 100%;
    height: 30vw;
}
.customer_view .cstv_center div figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.customer_view .cstv_wrap > div.cstv_reply {
    padding: 0px 0 0 0;
}

.customer_view .cstv_reply_title {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 18px;
    display: none;
}

.customer_view .reply_list {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ccc;
    padding: 2.5rem 20px 20px;
}

.customer_view .reply_list.secnd_dpth {
    background-color: #f9f9f9;
    padding-left: 8rem;
}

.customer_view .reply_line {
    display: flex;
}

.customer_view .reply_logo {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 50%;
    margin-right: 8px;
}

.customer_view .reply_logo_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.customer_view .reply_nick {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.customer_view .reply_more {
    position: relative;
    margin-left: auto;
}

.customer_view .reply_more_icon {
    width: 30px;
    height: 30px;
    background-image: url("/image/icon_more_ver_aaa.png");
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center;
    cursor: pointer;
}

.customer_view .reply_more_list {
    display: none;
    position: absolute;
    top: 0;
    right: 40px;
    width: 80px;
    border: 1px solid #ccc;
}

.customer_view .reply_more_list.on {
    display: block;
}

.customer_view .reply_more_list .reply_btn {
    line-height: 30px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
}

.customer_view .reply_more_list .reply_btn:last-child {
    border-bottom: 0;
}

.customer_view .reply_content {
    line-height: 1.2;
    color: #333;
    font-size: 14px;
    padding: 10px 0;
}

.customer_view .reply_date {
    font-size: 12px;
    font-weight: 300;
    color: #999;
}

.customer_view .re_reply_show {
    height: 22px;
    line-height: 20px;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 0 5px;
    margin: 12px 0;
    cursor: pointer;
}

.customer_view .reply_depth {
    display: none;
}

.customer_view .rpl_text_wrap {
    width: 100%;
    padding: 40px 0 20px 0;
    position: relative;
}

.customer_view .rpl_text_in {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
}

.customer_view .rpl_text_in textarea {
    /*min-height: 150px;*/
    border: 1px solid #aaa;
    padding: 10px 60px 10px 10px;
    resize: none;
    width: 100%;
    height: 40px;
}

.customer_view .rpl_text_in button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    height: 100%;
    background-color: transparent;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    padding: 5px 8px;
}


.customer_view .cstv_bottom {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    margin-top: 12px;
}

.customer_view .cstv_bottom a {
    /*color: #555;*/
}

.customer_view .cstv_bottom a:hover {
    /*color: var(--main-color);*/
}

.customer_view .cstv_bottom .cstv_page_wrap {
    display: flex;
    display: none;
}

.customer_view .cstv_bottom .cstv_page_wrap > div {
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 15px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.customer_view .cstv_bottom .cstv_page_wrap .cstv_up {
    background-image: url('/image/icon_arrow_right.png');
    transform: rotate(270deg);
    /*background-image: url('/image/icon_arrow_right_mc.png');*/
    /*border-color: var(--main-color);*/
}

.customer_view .cstv_bottom .cstv_page_wrap .cstv_down {
    background-image: url('/image/icon_arrow_right.png');
    transform: rotate(90deg);
    margin-right: 12px;
}

/* on 클래스 추가 시작 240408 김형우*/
.customer_view .cstv_bottom .cstv_page_wrap .cstv_up.on {
    background-image: url('/image/icon_arrow_right_mc.png');
    transform: rotate(270deg);
    border-color: var(--main-color);
}

.customer_view .cstv_bottom .cstv_page_wrap .cstv_down.on {
    background-image: url('/image/icon_arrow_right_mc.png');
    border-color: var(--main-color);
}

/* on 클래스 추가 끝 240408 김형우*/
.customer_view .cstv_bottom .cstv_list {
    background-color: var(--main-color);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 5px;
    margin: 15px 5px;
}

.customer_view .cstv_bottom .cstv_list:hover {
    /*color: var(--main-color);*/
    cursor: pointer;

}

/* customer_view end */

/* intro_use start */
/*#sub_wrap.intro_use {*/
/*    background-image: url('/image/intro_img2.png');*/
/*    background-repeat: no-repeat;*/
/*    background-position: 70% bottom;*/
/*    background-size: auto 350px;*/
/*}*/

.intro_use .isi_cont {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 4.8rem;
    word-break: keep-all;
}

.intro_use .isi_title {
    font-size: 3.2rem;
    line-height: 1;
    text-align: center;
    /*margin-bottom: 4.8rem;*/
}

.intro_use .isi_title span {
    color: var(--main-color);
}

.intro_use .isi_img {
    width: 35%;
    aspect-ratio: 4/2.5;
    margin: 0 auto;
    background-image: url('/image/intro_img1.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;

}
.intro_use02 .isi_img{
    width: 35%;
    /*aspect-ratio: 4/2.5;*/
    margin: 0 auto;
    background: url('/image/intro_img2.png') center center / 80% 80% no-repeat;
    height: 32vw;
}

.intro_use .is_toolro {
    margin-top: 6rem;
    background-color: #f7f8fb;
    padding: 8rem 0;
}

.intro_use .ist_logo {
    width: 180px;
    height: 35px;
    background-image: url('/image/toolro_logo.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    margin: 0 auto 3.6rem auto;
}

.intro_use .ist_content {
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 auto 6rem auto;
    word-break: keep-all;
}

.intro_use .ist_list_wrap {
    display: flex;
    justify-content: space-between;
    /*width: 80%;*/
    margin: 0 auto;
}

.intro_use .ist_list_wrap > div {
    width: calc(100% / 3 - 15px);
    text-align: center;
}

.intro_use .ist_list_wrap .istl_icon {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 55%;
    margin: 0 auto 15px;
}

.intro_use .ist_list_wrap .ist_list1 .istl_icon {
    background-image: url('/image/intro_location.png');
}

.intro_use .ist_list_wrap .ist_list2 .istl_icon {
    background-image: url('/image/intro_cmpny.png');
}

.intro_use .ist_list_wrap .ist_list3 .istl_icon {
    background-image: url('/image/intro_chat.png');
}

.intro_use .ist_list_wrap .istl_title {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 8px;
    word-break: keep-all;
}

.intro_use .ist_list_wrap .istl_cont {
    color: #555;
    font-size: 14px;
    word-break: keep-all;
}

/* intro_use end */

/* ist_direct start */
.ist_direct {
}

.ist_direct .istd_cont {
    font-size: 20px;
    line-height: 1.7;
    color: #555;
    text-align: center;
    margin-bottom: 60px;
    word-break: keep-all;
}

.ist_direct .istd_cont span {
    color: var(--main-color);
}

.ist_direct .istd_input_wrap {
    width: 60%;
    margin: 0 auto 6rem;
}

.ist_direct .istd_line {
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    height: 50px;
    margin-bottom: 12px;
}

.ist_direct .istd_line .istd_input {
    width: calc(50% - 10px);
    height: 100%;
    border: 1px solid #ccc;
    position: relative;
    font-size: 14px;
}

.ist_direct .istd_line .istd_input input {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0 15px 0 60px;
}

.ist_direct .istd_line .istd_input .istd_title {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 50px;
}

.ist_direct .istd_textarea_wrap {
    width: 100%;
    min-height: 180px;
    position: relative;
    border: 1px solid #ccc;
}

.ist_direct .istd_textarea_wrap textarea {
    display: block;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 1.5;
}

.ist_direct .istd_textarea_wrap textarea:focus {
    border: 0;
    outline: none;
}

.ist_direct .istd_submit {
    margin: 0 auto;
    text-align: center;
}

.ist_direct .istd_submit button {
    width: auto;
    line-height: 45px;
    letter-spacing: 1px;
    border: 1px solid var(--main-color);
    background-color: transparent;
    padding: 0 25px;
    border-radius: 40px;
    position: relative;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    font-size: 14px;
}

.ist_direct .istd_submit button:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    position: absolute;
    left: -200px;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.ist_direct .istd_submit button:hover {
    color: #fff;
}

.ist_direct .istd_submit button:hover:after {
    left: 0;
}

/* ist_direct end */


/* cmpny_write start */
.cmpny_write {
    padding: 100px 0;
}

.cmpny_write .cw_title {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 60px;
}

.cmpny_write .cw_title span {
    color: var(--main-color);
}


/* cw_cont */
.cmpny_write .wrap_in {
    /*width: 900px;*/
    max-width: 900px;
    width: calc(100% - 30px);
}

.cmpny_write .cw_cont1 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
cw_cont3_pre cw_cont2{

}
.cmpny_write .cw_cont_wrap .cw_line {
    display: flex;
    margin-bottom: 8px;
}

.cmpny_write .cw_cont_wrap .cw_line_in {
    display: flex;
    width: 400px;
    margin-left: 15px;
}

.cmpny_write .cw_cont_wrap label {
    width: 100px;
    font-size: 16px;
    line-height: 40px;
    color: #222;
}


.cmpny_write .cw_cont_wrap .cw_line input[type='text'] {
    height: 40px;
    width: calc(100% - 100px);
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    padding: 0 10px;
}

.cmpny_write .cw_cont_wrap .cw_line input[type='checkbox'] {
    width: 16px;
    height: 16px;
    border: 1px solid #aaa;
    margin: auto 6px auto 0;
}

.cmpny_write .cw_cont_wrap .cw_line select {
    width: calc(100% - 100px);
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    font-size: 16px;
}

.cmpny_write .cw_cont_wrap .cw_line_in input[type='checkbox'] + label {
    font-size: 14px;
    color: #555;
    font-weight: normal;
}

@media screen and (max-width: 1080px) {
    .cmpny_write {
        padding-top: 80px;
    }

    .cmpny_write .wrap_in,
    .detail_in {
        width: 100%;
    }

    .cmpny_write .cw_title {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 860px) {
    .cmpny_write {
        padding-top: 60px;
    }

    .cmpny_write .cw_title {
        font-size: 20px;
        padding-left: 20px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 560px) {
    .cmpny_write .cw_title {
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .cmpny_write {
        padding-top: 40px;
    }
    .customer .cst_2 ul li a{
        gap: 8px;
    }
}

/*제목 시작*/
.cmpny_write .cw_cont_wrap .cw_title_line {
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}

.cmpny_write .cw_cont_wrap .cw_title_line input[type="text"] {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

/*제목 끝*/


.cmpny_write .cw_cont2 {
    padding: 40px 0;
    display: flex;
    border-bottom: 1px solid #ccc;
}

.cmpny_write .cw2_head {
    width: 100px;
    font-size: 16px;
    line-height: 40px;
}

.cmpny_write .cw2_img_wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cmpny_write .cw2_img_wrap ul li {
    width: 150px;
}

.cmpny_write .cw2_img_wrap .cw2_img {
    position: relative;
    width: 100%;
    /*height: 150px;*/
    /*background-color: #f2f2f2;*/
    border: 1px solid #ccc;
    margin-bottom: 12px;
    /* 이미지 중간에 위치하기 위해 추가(허우석)*/
    display: flex;
    aspect-ratio: 1/ 1;
    align-items: center;
    /*justify-content: center;*/
    /*end*/
}

/* 이미지 크기를 위해 추가(허우석) */
.cmpny_write .cw2_img_wrap .cw2_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cmpny_write .cw2_img_wrap .cw2_close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    background-image: url('/image/close.png');
    background-size: auto 15px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #ffffff;
    padding: 5px;
}

.cmpny_write .cw2_img_wrap .add_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #ffffff;
    padding: 1px;
}

.cmpny_write .cw2_img_wrap .add_btn img {
    width: 30px;
    height: 30px;
}

.cmpny_write .cw2_img_wrap .cw2_label {
    display: flex;
    justify-content: center;
}

.cmpny_write .cw2_img_wrap .cw2_label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.cmpny_write .cw2_img_wrap .cw2_label label {
    width: auto;
    font-size: 14px;
    line-height: 16px;
}


.cmpny_write .cw_cont3_pre {
    display: flex;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #ccc;
}

.cmpny_write .cw3p_head {
    width: 100px;
    font-size: 16px;
    line-height: 40px;
}

.cmpny_write .cw3p_head span {
    position: relative;
    display: inline-block;
    margin-left: 4px;
}

.cmpny_write .cw3p_text_wrap {
    width: calc(100% - 100px);
    /*height: 100px;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.cmpny_write .cw3p_text_wrap p{
    font-size: 14px;
    padding: 10px;
    color: #ff0000;
}
.cmpny_write .cw3p_text_wrap{
    display: flex;
    flex-wrap:wrap;
    gap: 10px;
}
.cmpny_write .cw3p_text_wrap .cw3p_text_detail {
    display: flex;
    /*margin-right: 10px;*/

}
.cmpny_write .cw3p_text_wrap .cw3p_text_detail input{
    padding: 10px 15px;
    border-radius: 20px;
    border: 1px solid #CCCCCC;
    width: 100px;
}
.cmpny_write .cw3p_text_wrap .cw3p_text_detail input:focus{
    border: 1px solid var(--main-color)
}
.cmpny_write .cw_cont3 {
    display: flex;
    padding: 40px 0 100px 0;
}

.cmpny_write .cw3_head {
    width: 100px;
    font-size: 16px;
    line-height: 40px;
}

.cmpny_write .cw3_text_wrap {
    /*height: 150px; 버튼 과 cont3 간격 위해 주석 처리(허우석) */
    width: calc(100% - 100px);
    font-size: 14px;
}

.cmpny_write .cw3_text_wrap textarea {
    height: 100%;
    background-color: #f2f2f2;
}

.cmpny_write select {
    height: 40px;
}

.cmpny_write .cw_btn_wrap {
    display: flex;
    justify-content: center;
}

.cmpny_write .cw_btn_wrap button {
    width: 140px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
}

.cmpny_write .cw_btn_wrap .cw_cancel {
    background-color: #fff;
    border: 1px solid var(--main-color);
    margin-right: 12px;
}

.cmpny_write .cw_btn_wrap .cw_regist {
    background-color: var(--main-color);
    color: #fff;
    border: 0;
}

.cmpny_write .cw_cont3_pre .cw3p_text_wrap .keyword_content{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media screen and (max-width: 860px) {

    .cmpny_write .cw_cont_wrap .cw_title_line {
        height: 40px;
    }

    .cmpny_write .cw_cont_wrap .cw_title_line input[type="text"] {
        font-size: 15px;
    }

    .cmpny_write .cw_cont_wrap label {
        font-size: 14px;
        width: 75px;
    }

    .cmpny_write .cw_cont {
        flex-direction: column;
        padding: 30px 20px;
    }

    .cmpny_write .cw_sub_head {
        line-height: 1;
        font-size: 15px;
        margin-bottom: 18px;
    }

    .cmpny_write .cw3p_text_wrap {
        width: 100%;
    }

    .cmpny_write .cw3_text_wrap {
        width: 100%;
    }

    .cmpny_write .cw_btn_wrap {
        zoom: .8;
        margin-top: 60px;
    }
    .write_bnr::before{
        display: none;
    }
    .write_bnr{
        background-color:   #f3efe3;
    }
    /*제품(파트너)찾기*/
    .cmpny_product .cpl_main_img .wrap_in::before{
        display: none;
    }
    .cmpny_product .cpl_main_img .wrap_in{
        background-color: #f3efe3;
        border-radius: 20px;
    }

}

@media screen and (max-width: 560px) {
    .cmpny_write .cw_cont {
        padding: 20px 0px;
    }

    .cmpny_write .cw_cont_wrap .cw_line_in input[type='text'],
    .cmpny_write .cw_cont_wrap .cw_line_in select {
        width: calc(100% - 75px);
    }
}

/* cmpny_write end */


/* selling_list start */
.selling_list_tab {
    display: none;
    margin-bottom: 40px;
}

.selling_list_tab ul {
    display: flex;
}

.selling_list_tab ul li {
    line-height: 45px;
    height: 45px;
    padding: 0 15px;
    font-size: 16px;
    border: 1px solid var(--main-color);
    border-radius: 25px;
    margin-right: 12px;
}

.selling_list_tab ul li:last-child {
    margin-right: 0;
}

.selling_list_tab ul li.on {
    background-color: var(--main-color);
    color: #fff;
}

.selling_cont_wrap {
    border-top: 2px solid #ddd;
    margin-bottom: 8rem;
    zoom: .9;
}

.selling_cont_wrap li {
    display: flex;
    /*border-bottom: 1px solid #ddd;*/
    padding: 25px;
    cursor: pointer;
}

.selling_cont_wrap .selling_img {
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.selling_cont_wrap .selling_cont_list .selling_img .selling_cont_loc{
    position: absolute;
    top:10px;
    right: 10px;
    border-radius: 20px;
    display: block;
    color: #fff;
    background-color: var(--main-color);
    padding: 0 10px;
    line-height: 1.8;
    z-index: 9;
    font-size: 12px;
}
/* selling list img 크기 조절 추가(허우석) */
.selling_cont_wrap .selling_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.selling_cont_list{
    display: flex;
    justify-content: space-between;
}
.selling_cont_list > div{
    display: flex;
}
.selling_cont_wrap .selling_cont {
    display: flex;
    flex-direction: column;
    /*width: calc(100% - 150px - 150px - 100px);*/
    padding: 5px 0 10px 18px;
}

.selling_cont_wrap .ccl_title {
    color: #222;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.selling_cont_wrap .ccl_cate {
    font-size: 16px;
    line-height: 1;
    color: #555;
}

.selling_cont_wrap .ccl_date {
    color: #888;
    margin-bottom: 8px;
    /* margin-top: auto; */
    font-size: 14px;
}

.selling_cont_wrap .ccl_price {
    color: #000;
    font-size: 20px;
    line-height: 1;
    margin-top: auto;
    color: red;
}

.selling_cont_wrap .ccl_price span:first-child {
    color: #222222;
    font-size: 14px;
    margin-right: 10px;
}
.selling_list > ul{
    display: flex;
    flex-direction: column;
}
.selling_list .selling_user {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 150px;
    margin-left: auto;
    align-items: center;
}


.selling_list .selling_user .su_cmpny_name {
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    width: 100px;
    margin-top: 5px;
    word-break: keep-all;
}

.selling_list .selling_user .su_logo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50px;
    overflow: hidden;

}

.selling_list .selling_user .su_logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}

.selling_list .selling_btn_wrap {
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.selling_list .selling_btn_wrap button {
    height: 45px;
    color: var(--main-color);
    font-size: 16px;
    line-height: 45px;
    border: 1px solid var(--main-color);
    border-radius: 25px;
    padding: 0 15px;
    background-color: transparent;
}

.selling_list .selling_btn_wrap button:hover {
    background-color: var(--main-color);
    color: #fff;
}

@media screen and (max-width: 790px) {
    .selling_list .selling_cont_wrap .ccl_title {
        font-size: 16px;
    }

    .selling_list .selling_cont_wrap .ccl_date {
        font-size: 13px;
        line-height: 1;
        margin-bottom: 6px;
    }

    .selling_list .selling_cont_wrap .selling_img {
        width: 130px;
        height: 130px;
    }

    .selling_list .selling_cont_wrap .ccl_cate {
        font-size: 14px;
    }

    .selling_list .selling_cont_wrap .ccl_price {
        font-size: 16px;
    }

    .selling_list .selling_btn_wrap button {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
    .selling_list .selling_user .su_logo{
        width: 50px;
        height: 50px
    }
    .selling_list .selling_user .su_cmpny_name{
        font-size: 13px;
    }

}
@media screen and (max-width: 730px){
    .write_bnr{
        margin-bottom: 5rem
    }
    .selling_list .sub_title2{
        margin-bottom: 0;
    }
    #selling_list > ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
    }
    .selling_cont_wrap li{
        flex-direction: column;
        width: calc(100% / 3 - 20px);
        padding: 2.5rem 0;
    }
    .selling_cont_list > div{
        flex-direction: column;
    }
    .selling_list .selling_cont_wrap .selling_img{
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }
    .selling_cont_wrap .selling_cont{
        margin: 20px 0;
        padding: 0 10px;
    }
    .selling_list .selling_cont_wrap .ccl_cate{
        /*margin-bottom: 30px;*/
        height: 90px;
        line-height: 1.3;
    }
    .selling_list .selling_btn_wrap{
        width: 100%;
    }
    .selling_list .selling_user{
        display: none;
    }
    .selling_cont_wrap{
        border: 0;
    }
    .selling_list .selling_btn_wrap button{
        background-color: var(--main-color);
        color: #fff;
    }
}
@media screen and (max-width: 650px){
    .cmpny_write .cw3p_text_wrap .cw3p_text_detail input{
        width: 100%;
    }
}
@media screen and (max-width: 600px){
    .selling_cont_wrap li{
        flex-direction: column;
        width: calc(100% / 2 - 10px);
        padding: 2rem 0;
    }
    #selling_list > ul{
        gap: 10px;
    }


}
/* selling_list end */


/* selling_write start */
.selling_write .wrap_in {
    width: 1080px;

}

.selling_write .sw_title {
    width: 100%;
    margin-bottom: 18px;
}

.selling_write .sw_title input {
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}


.sw_cont1 {
    display: flex;
    justify-content: space-between;
}

.sw_cont1 .sw_img_wrap {
    width: calc(50% - 20px);
}

.sw_cont1 .sw_img_wrap .sw_main_img {
    width: 100%;
    height: 350px;
    border: 1px solid #ccc;
    padding: 10px;
    display: flex;
    margin-bottom: 12px;
}

.sw_cont1 .sw_img_wrap .sw_main_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

.sw_cont1 .sw_img_wrap .sw_sub_img_wrap {
    display: flex;
}

.sw_cont1 .sw_img_wrap .sw_sub_img {
    display: flex;
    width: calc((100% - 30px) / 4);
    height: 100px;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 10px;
}

.sw_cont1 .sw_img_wrap .sw_sub_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

.sw_cont1 .sw_img_wrap .sw_sub_img:last-child {
    margin-right: 0;
}


.sw_cont1 .swc1_list {
    width: calc(65% - 20px);
}

.sw_cont1 .swc1_list .swc1_line {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.sw_cont1 .swc1_list .swc1_line_head {
    width: 80px;
    font-size: 16px;
    line-height: 45px;
}

.sw_cont1 .swc1_list input[type="text"],
.sw_cont1 .swc1_list select {
    width: calc(100% - 80px);
    height: 45px;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #ccc;
}

.sw_cont1 .swc1_list .swc1_price input {
    width: calc((100% - 80px) / 2);
    position: relative;
}

.sw_cont1 .swc1_list .swc1_price input::after {
    content: "원";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
}

.selling_write .cw_cont3_pre {
    padding: 40px 0;
    display: flex;
    border-top: 1px solid #ccc;
    display: flex;
    margin-top: 8rem;
}

.selling_write .cw_cont3_pre .cw3p_head {
    width: 100px;
    font-size: 16px;
    line-height: 40px;
}

.selling_write .cw3p_text_wrap {
    width: calc(100% - 100px);
    /*height: 100px;*/
}

.selling_write .cw3p_text_wrap textarea {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    resize: none;
    overflow: hidden;
}

.selling_write .sw_cont3 {
    padding: 4rem 0;
    display: flex;
    border-top: 1px solid #ccc;
}

.selling_write .sw_cont3 .cw3p_head {
    width: 100px;
    font-size: 16px;
    line-height: 40px;
}

.selling_write .sw_cont3 .cw3p_text_wrap {
    width: calc(100% - 100px);
    /*height: 100px;*/
    font-size: 16px;
}

.selling_write .sw_cont3 .cw3p_text_wrap textarea {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    resize: none;
    overflow: hidden;
}
.cw3p_text_wrap {
    width: calc(100% - 100px);
    /*height: 100px;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.selling_write .cw3p_text_wrap .cw3p_text{
    font-size: 14px;
    padding: 10px;
    color: #ff0000;
}
.selling_write .cw3p_text_wrap .keyword_content{
    display: flex;
    flex-wrap:wrap;
    gap: 10px;
}
.selling_write .cw3p_text_wrap .cw3p_text_detail {
    display: flex;
    /*margin-right: 10px;*/

}
.selling_write .cw3p_text_wrap .cw3p_text_detail input{
    padding: 10px 15px;
    border-radius: 20px;
    border: 1px solid #CCCCCC;
    width: 100px;
}
.selling_write .cw3p_text_wrap .cw3p_text_detail input:focus{
    border: 1px solid var(--main-color)
}

ck-placeholder {

}

/* selling_write end */


/* selling_info start */
.selling_info .si_title {
    width: 100%;
    margin-bottom: 18px;
}

.selling_info .si_title .si_title_cont {
    width: 100%;
    /*height: 50px;*/
    line-height: 1.3;
    font-size: 20px;
   padding: 10px 8px;
    /*word-break: keep-all;*/
    background-color: #f2f2f2;
}

/* si_cont1 start  */
.si_cont1 {
    display: flex;
    /*flex-direction: column;*/
    justify-content: space-between;
    margin-bottom: 4rem;
}
.user_si_cont1{
    flex-direction: column;
}
.si_cont1 .user_sic1_list{
    width: 100%;
}
#si_cont1 .si_img_wrap {
    width: calc(35% - 20px);
    flex-direction: row;

}
#user_si_img_wrap{
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;

}
#user_si_main_img{
    width: calc(100% / 4 - 10px);
    aspect-ratio:1;
    margin-bottom: 0;
}
#user_si_sub_img_wrap{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    justify-content: start;
}
#user_si_sub_img{
    width: calc(100% / 4 - 10px);
    aspect-ratio:1;
    margin-right: 0;
    object-fit: cover;
}
.si_cont1 .si_img_wrap{
    display: flex;
    flex-direction: column;
    width: 33%
}
.si_cont1 .si_img_wrap .si_main_img {
    width: 100%;
    /*height: 350px;*/
    aspect-ratio: 1;
    border: 1px solid #ccc;
    /*padding: 10px;*/
    display: flex;
    margin-bottom: 12px;
}

.si_cont1 .si_img_wrap .si_main_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
}

.si_cont1 .si_img_wrap .si_sub_img_wrap {
    display: flex;

}

.si_cont1 .si_img_wrap .si_sub_img {
    display: flex;
    width: calc(100% / 4 - 10px);
    aspect-ratio: 1;
    /*height: 100px;*/
    border: 1px solid #ccc;
    /*padding: 5px;*/
    margin-right: 10px;
}

.si_cont1 .si_img_wrap .si_sub_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    aspect-ration: 1;
    display: block;
}

.si_cont1 .si_img_wrap .si_sub_img:last-child {
    margin-right: 0;
}


.si_cont1 .sic1_list {
    width: 65%;
    display: flex;
    flex-direction: column;
}
#user_sic1_list{
    width: 100%;
    margin-top: 20px;
}
#user_sic1_list .sic1_line{
    padding: 5px;
}
#user_sic1_list .sic1_btm{
    margin-top: 10px;
}

/* 기업정보 시작 */
.si_cont1 .sic1_list .sic_cmpny_info {
    padding: 20px 2.5rem;
    background-color: #f2f2f2;
    margin-bottom: 2.4rem;
    /*블러처리용*/
    position: relative;
    height: 214px;
}

.si_cont1 .sic1_list .sic_cmpny_info_blur.blur {
    filter: blur(5px);
    pointer-events: none;
}

.si_cont1 .sic1_list .sic_cmpny_warn {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background: rgba(255, 255, 255, 0.8); !* 반투명 배경 *!*/
    border-radius: 5px;
    font-size: 16px;
    color: var(--main-color);
    text-align: center;
    z-index: 1; /* 블러 처리된 요소 위에 표시 */
    /*background-color: var(--main-color);*/
    padding: 20px;
    font-weight: bold;
    width: 100%;
}

.si_cont1 .sic1_list .sic_cmpny_warn.on {
    display: flex;
    flex-direction: column;
}

.si_cont1 .sic1_list .sic_cmpny_warn button {
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    pointer-events: auto;
    width: 100px;
    margin: 15px auto 0;
    background-color: var(--main-color);
    color: #ffffff;

}

.si_cont1 .sic1_list .sic_cmpny_line {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin: 5px 0;
}

.si_cont1 .sic1_list .sic_cmpny_name {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    /*margin-bottom: 8px;*/
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.si_cont1 .sic1_list .sic_cmpny_name button {
    cursor: pointer;
}

/* 기업정보 끝 */
.si_cont1 .sic1_list .sic1_line {
    display: flex;
    width: 100%;
    padding: 0 25px;
    font-size: 16px;
}

.si_cont1 .sic1_list .sic1_line_head {
    width: 80px;
    line-height: 35px;
    color: #555;
}


.si_cont1 .sic1_list .sic1_cont {
    width: calc(100% - 80px);
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    padding: 0 10px;
    color: #222;
}

.si_cont1 .sic1_list .sic1_price input {
    width: calc((100% - 80px) / 2);
    position: relative;
}

.si_cont1 .sic1_list .sic1_price input::after {
    content: "원";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
}

.sic1_btm {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: end;
    width: 100%;
    /*height: 45px;*/
    margin-top: auto;
}

.sic1_btm .sic1_btm_price {
    position: relative;
    display: flex;
    width: 100%;
}

.sic1_btm .sic1_btm_price .sic1_btm_head {
    position: absolute;
    top: 0;
    left: 35px;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;

}

.si_cont1 .sic1_btm .sic1_btm_price .sic1_price_cont {
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 45px;
    text-align: end;
    padding: 0 0px 0 25px;
    border: 0;
    margin-bottom: 20x;
    color: red;
    font-weight: bold;
}

.si_cont1 .sic1_btm .sic1_btm_price .sic1_price_cont span:first-child {
    font-size: 14px;
    margin-right: 10px;
    color: #222222;
    font-weight: normal;
}

.si_cont1 .sic1_btm .sic1_btm_price .sic1_price_cont span:last-child {
    color: #222222;
    font-weight: normal;
}

.si_cont1 .sic1_btm .sic1_btm_price .sic1_price_cont02 {
    width: 100%;
    height: 100%;
    font-size: 22px;
    line-height: 45px;
    text-align: end;
    padding: 0 0px 0 25px;
    border: 0;
    margin-bottom: 50px;
    color: red;
    font-weight: bold;
}

.si_cont1 .sic1_btm .sic1_btm_price .sic1_price_cont02 span:first-child {
    font-size: 14px;
    margin-right: 10px;
    color: #222222;
    font-weight: normal;
}

.si_cont1 .sic1_btm .sic1_btm_price .sic1_price_cont .sic1_unit {
    font-size: 16px;
    color: #555;
    margin-left: 4px;
}

.sic1_btm button {
    width: 30%;
    height: 45px;
    background-color: transparent;
    border: 1px solid var(--main-color);
    border-radius: 5px;
}

.sic1_btm button:hover {
    background-color: var(--main-color);
    color: #fff;
}



/* si_cont1 end */

/* si_cont2 start */
.si_cont2 {
    font-size: 14px;
    margin-top: 6rem;
    word-break: break-word;
}

.si_cont2 .sic2_content .image img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    /*aspect-ratio: auto 2382 / 593;*/
    width: auto;
    height: auto;
}

/* si_cont2 end */
/*si_cont3 start*/

.si_cont2 .sic2_content > span {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px 12px;
    color: #222222;
    background-color: #f2f2f2;

}

.si_cont2 .sic2_content p {
    padding: 10px 20px;
    font-size: 16px;
}

/* si_btn end */
.si_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    gap: 8px;
}

.si_btn button {
    height: 45px;
    width: 180px;
    background-color: #fff;
    border: 1px solid var(--main-color);
    border-radius: 5px;
}

.si_btn .sw_list_page {
    background-color: var(--main-color);
    color: #fff;
}

/* si_btn end */
/* selling_info end */

/* selling_write start */

.selling_write .sw_title {
    width: 100%;
    margin-bottom: 18px;
}

.selling_write .sw_title input {
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    padding: 0 8px;
}

/* sw_cont1 start  */
.sw_cont1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sw_cont1 .sw_img_wrap {
    width: calc(35% - 20px);
}

.sw_cont1 .sw_img_wrap .sw_main_img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    padding: 10px;
    display: flex;
    margin-bottom: 12px;
    position: relative;
    aspect-ratio: 1;
}

.sw_cont1 .sw_img_wrap .sw_main_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

.sw_cont1 .sw_img_wrap .sw_sub_img_wrap {
    display: flex;
}

.sw_cont1 .sw_img_wrap .sw_sub_img {
    display: flex;
    width: calc((100% - 30px) / 4);
    height: auto;
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 10px;
    position: relative;
    aspect-ratio: 1;
}

.sw_cont1 .sw_img_wrap .sw_sub_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

.sw_cont1 .sw_img_wrap .sw_sub_img .delete_btn {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    padding: 3px;
    cursor: pointer;

}

.sw_cont1 .sw_img_wrap .sw_main_img .delete_btn {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    padding: 3px;
    cursor: pointer;

}

.sw_cont1 .sw_img_wrap .sw_main_img .add_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sw_cont1 .sw_img_wrap .sw_main_img .add_btn img {
    width: 70px;
    height: 70px;
    cursor: pointer;
    margin: 0 auto;
}

.sw_cont1 .sw_img_wrap .sw_sub_img .add_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sw_cont1 .sw_img_wrap .sw_sub_img .add_btn img {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 auto;
}

.sw_cont1 .sw_img_wrap .sw_sub_img:last-child {
    margin-right: 0;
}


.sw_cont1 .swc1_list {
    display: flex;
    flex-direction: column;
}

.sw_cont1 .swc1_list .swc1_line {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.sw_cont1 .swc1_list .swc1_line_head {
    width: 80px;
    font-size: 16px;
    line-height: 45px;
}

.sw_cont1 .swc1_list input[type="text"],
.sw_cont1 .swc1_list select {
    width: calc(100% - 80px);
    height: 45px;
    background-color: #fff;
    padding: 0 10px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.sw_cont1 .swc1_list .swc1_price input {
    width: calc((100% - 80px) / 2);
    position: relative;
}

.sw_cont1 .swc1_list .swc1_price input::after {
    content: "원";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
}

.swc1_btm {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    margin-top: auto;
}

.swc1_btm .swc1_btm_price {
    position: relative;
    display: flex;
    width: 100%;
}

.swc1_btm .swc1_btm_price .swc1_btm_head {
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    z-index:222;
}

.sw_cont1 .swc1_btm .swc1_unit {
    /*position: absolute;*/
    /*left: calc(60% - 5px);*/
    /*top: 0;*/
    /*line-height: 45px;*/
    /*font-size: 16px;*/
    /*color: #555;*/
}
.sw_cont1 .swc1_btm .swc1_btm_price input::after{
    content: '원';
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 40px;
    font-size: 14px;
}
.sw_cont1 .swc1_btm .swc1_btm_price input {
    width: 65%;
    height: 100%;
    font-size: 16px;
    text-align: right;
    padding: 0 30px 0 80px;
    border: 0;
    border-bottom: 1px solid var(--main-color);
    position:relative;
    /*color: #ff0000;*/
}

.sw_cont1 .swc1_btm .swc1_price_type {
    display: flex;
    margin-left: 18px;
}

.sw_cont1 .swc1_btm .swc1_price_type input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: auto 4px auto 0;
}

.sw_cont1 .swc1_btm .swc1_price_type label {
    line-height: 45px;
    color: #444;
    font-size: 16px;
}


.swc1_btm button {
    width: 30%;
    height: 100%;
    background-color: transparent;
    border: 1px solid var(--main-color);
    border-radius: 5px;
}

/* sw_cont1 end */

/* sw_cont2 start */
.sw_cont2 {
    border: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 60px;
}

.sw_cont2 textarea {
    height: 800px;
    width: 100%;
    padding: 30px 20px;
    border: 0;
}

.sw_cont2 textarea:focus {
    outline: none;
}

/* sw_cont2 end */




/* sw_btn end */
.sw_btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sw_btn button {
    height: 45px;
    width: 180px;
    background-color: #fff;
    border: 1px solid var(--main-color);
    border-radius: 5px;
}

.sw_btn button:first-child {
    margin-right: 12px;
}

.sw_btn .sw_regist {
    background-color: var(--main-color);
    color: #fff;
}

/* sw_btn end */
/* selling_write end */

/* notice start */
.notice{
    height: calc(100vh - 350px) ;
}
.notice .ntc_top_wrap {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.notice .ntc_tab ul {
    display: flex;
}

.notice .ntc_tab ul li {
    position: relative;
    color: #888;
    line-height: 40px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    font-weight: 300;
}

.notice .ntc_tab ul li::after {
    content: "";
    display: none;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    bottom: -1px;
}

.notice .ntc_tab ul li.on {
    color: #010101;
}

.notice .ntc_tab ul li.on::after {
    display: block;
}

.notice .ntc_write a {
    display: block;
    color: #333;
    padding: 0 30px 0 22px;
    cursor: pointer;
    background-image: url('/image/write.png');
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-position: left center;
}

.notice .ntc_write a:hover {
    /* font-weight: bold; */
    color: var(--main-color);
    background-image: url('/image/write_hv.png');
}


.notice .ntc_cont_wrap {
    border-top: 1px solid #ccc;
}


.notice .ntc_2 {

}

.notice .ntc_2 ul li {
    height: 60px;
    line-height: 60px;
}

.notice .ntc_2 ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ddd;
    color: #222;
    text-align: center;
    letter-spacing: 0.8px;
    padding: 0 15px;
    font-size: 14px;
}

.notice .ntc_2 ul li a .ntc2_no {
    width: 5rem;
}

.notice .ntc_2 ul li a .ntc2_part {
    width: 100px;
}

.notice .ntc_2 ul li a .ntc2_content {
    width: calc(100% - 160px);
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notice .ntc_2 ul li a .ntc2_writer {
    width: 80px;
    color: #555;
}

.notice .ntc_2 ul li a .ntc2_date {
    width: 100px;
    color: #555;
}

.notice .ntc_2 .notice_page {
    margin-top: 15px;
    text-align: center;
    display: block;
    font-size: 14px;
}

.notice .ntc_2 .notice_page.on {
    font-weight: bold;
}

/* notice end */

.cstv_wrap .cstv_reply .re_reply_write {
    display: none;
    position: relative;

}

.cstv_wrap .cstv_reply .re_reply_write.on {
    display: flex;
    justify-content: center;
    width: 102%;
}

.cstv_wrap .cstv_reply .reply_idx {
    display: none;
}

.cstv_wrap .cstv_reply img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.cstv_wrap .cstv_reply .re_reply_textarea {
    width: calc(100% - 80px);
    height: 80px;
    border: 1px solid #aaa;
    resize: none;
    padding: 10px;
    border-radius: 5px;
}

.cstv_wrap .cstv_reply .re_reply_textarea::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #333333;
    background-color: #333333;
    z-index: 2;
}

/* customer service detail reply end */
.customer{
    height: calc(100vh - 350px);
}
.cstv_wrap .cstv_reply .re_reply_btn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    height: 100%;
    background-color: var(--main-color);
    color: #ffffff;
    padding: 5px 8px;
    border-radius: 0 5px 5px 0;

}


/* customer_srvc_wrt start */
.customer_srvc_wrt .cstv_wrap {
    border-top: 2px solid var(--main-color);
}

.customer_srvc_wrt .cstv_wrap > div {
    padding: 15px 30px;
}

.customer_srvc_wrt .cstv_top {
    border-bottom: 1px solid #ddd;
}

.customer_srvc_wrt .cstv_top .cstv_line {
    display: flex;
}

.customer_srvc_wrt .cstv_top .cstv_icon {
    width: 35px;
    background-image: url('/image/fill_heart.png');
    background-repeat: no-repeat;
    background-size: auto 55%;
    background-position: left center;
}

.customer_srvc_wrt .cstv_top .cstv_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.customer_srvc_wrt .cstv_top .cstv_title input {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 0 10px;
}

.customer_srvc_wrt .cstv_top .cstv_line:nth-child(2) {
    color: #555;
    line-height: 40px;
}

.customer_srvc_wrt .cstv_top .cstv_user_info {
    margin-right: 12px;
    font-size: 14px;
    color: var(--main-color)
}

.customer_srvc_wrt .cstv_top .cstv_user_info span {
    margin-right: 4px;
}

.customer_srvc_wrt .cstv_top .cstv_user_info span:last-child {
    margin-right: 0;
}

.customer_srvc_wrt .cstv_top .cstv_loc {
    padding-left: 16px;
    background-image: url('/image/location.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 14px;
}

.customer_srvc_wrt .cstv_top .cstv_date {
    margin-left: auto;
}


.customer_srvc_wrt .cstv_center {
    border-bottom: 1px solid #ddd;
    min-height: 600px;
}

.customer_srvc_wrt .cstv_center > div {
    width: 100%;
    /*height: 100%;*/
    line-height: 1.5;

}

.customer_srvc_wrt .cstv_center .ck-deiter {
    height: 100%;
}

.customer_srvc_wrt .cstv_center .cstvc_content {
    height: 100%;
    margin-top: 15px;
    justify-content: end;
    display: flex;
    align-items: center;
    font-size: 16px;
    position: relative;
}
.customer_srvc_wrt .cstv_center .cstvc_content p{
    margin:  10px 5px;
}
.customer_srvc_wrt .cstv_center .cstvc_content input {
    padding: 8px 12px;
    margin-left: 10px;
}
.customer_srvc_wrt .cstv_center .cstvc_content .password_cover{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    cursor: pointer;
}

.customer_srvc_wrt .cstv_center .cstvc_content .password_cover img{
    width: 100%;
    height: 100%;
}

.customer_srvc_wrt .cstv_center .cstvc_content .password_cover .eye_on{
    display: none;
}

.customer_srvc_wrt .cstv_wrap > div.cstv_reply {
    padding: 0px 0 0 0;
}

.customer_srvc_wrt .cstv_reply_title {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 18px;
    display: none;
}

.customer_srvc_wrt .reply_list {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ccc;
    padding: 25px 20px 20px;
}

.customer_srvc_wrt .reply_list.secnd_dpth {
    background-color: #f9f9f9;
    padding-left: 80px;
}

.customer_srvc_wrt .reply_line {
    display: flex;
}

.customer_srvc_wrt .reply_logo {
    width: 30px;
    height: 30px;
    background-color: #ccc;
    border: 1px solid #eee;
    border-radius: 50%;
    margin-right: 8px;
}

.customer_srvc_wrt .reply_nick {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.customer_srvc_wrt .reply_more {
    position: relative;
    margin-left: auto;
}

.customer_srvc_wrt .reply_more_icon {
    width: 30px;
    height: 30px;
    background-image: url("/image/icon_more_ver_aaa.png");
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center;
    cursor: pointer;
}

.customer_srvc_wrt .reply_more_list {

    position: absolute;
    top: 0;
    right: 40px;
    width: 80px;
    border: 1px solid #ccc;
}

.customer_srvc_wrt .reply_more_list .reply_btn {
    line-height: 30px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    color: #555;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    background-color: #fff;
}

.customer_srvc_wrt .reply_more_list .reply_btn:last-child {
    border-bottom: 0;
}

.customer_srvc_wrt .reply_content {
    line-height: 1.2;
    color: #333;
    font-size: 14px;
    padding: 10px 0;
}

.customer_srvc_wrt .reply_date {
    font-size: 12px;
    font-weight: 300;
    color: #999;
}

.customer_srvc_wrt .re_reply_show {
    height: 22px;
    line-height: 20px;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 0 5px;
    margin-top: 12px;
}

.customer_srvc_wrt .reply_depth {
    display: none;
}

.customer_srvc_wrt .rpl_text_wrap {
    width: 100%;
    padding: 40px 0 20px 0;
    position: relative;
}

.customer_srvc_wrt .rpl_text_in {
    position: relative;
    display: block;
    width: 100%;
}

.customer_srvc_wrt .rpl_text_in textarea {
    min-height: 150px;
    width: 100%;
    border: 1px solid #aaa;
    padding: 10px 60px 10px 10px;
}

.customer_srvc_wrt .rpl_text_in button {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 0 6px;
}


.customer_srvc_wrt .cstv_bottom {
    display: flex;
    justify-content: center;
    padding: 0 !important;
    line-height: 40px;
    height: 40px;
    margin-top: 40px;
    font-size: 14px;
}

.customer_srvc_wrt .cstv_bottom > div {
    cursor: pointer;
    padding: 0 15px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
    color: #ffffff;
    border-radius: 5px;
    margin-right: 10px;
}

.customer_srvc_wrt .cstv_bottom #cs_back:hover {
    color: var(--main-color);
}

.customer_srvc_wrt .cstv_bottom #cs_insert {
    padding: 0 15px;
    border: 1px solid var(--main-color);
    border-radius: 5px;
}

.customer_srvc_wrt .cstv_bottom #cs_insert:hover {
    background-color: var(--main-color);
    color: #fff;
}

/* customer_srvc_wrt end */


@media screen and (max-width: 1510px){
    .rcmd_mySwiper .swiper-button-next, .rcmd_mySwiper .swiper-button-prev{
        display: none;
    }
}

@media screen and (max-width: 1280px) {
    .customer_view{
        width: calc(100% - 28rem);
    }
    /*.cmpny_product .cpl_main_img {*/
    /*    height: 300px;*/
    /*}*/

    .cmpny_product .cpl_main_img .wrap_in {
        background-size: auto 60%;
        background-position: 90% 50%;
    }

    /*.cmpny_product .cpl_main_img .wrap_in .cpl_mimg_cont {*/
    /*    padding: 0 40px;*/
    /*}*/
}

@media screen and (max-width: 1190px) {
    /*제품찾기*/

    .cp_list .cpl_cont {
        width: calc((100% - 40px) / 4);
    }
/*        서비스소개*/
    .ist_direct .istd_submit button{
        background-color: var(--main-color);
        color: #ffffff;

    }
/*    견적받기*/
    .usal_wrap{
        border: 0;
    }
    .usal_wrap ul{
        display: flex;
        flex-wrap: wrap;
        /*justify-content: space-between;*/
        gap: 15px;
    }
    .usal_wrap ul li{
        /*height: 350px;*/
        height:auto;
        flex-direction: column;
    }
    .usal_wrap ul li .usal_cont{
        width: 100%;
        padding: 0;
    }
    .usal_wrap ul li {
        padding: 20px;
        width: 100%;
        /*width: calc(100% / 3 - 10px);*/
        border-bottom: 1px solid #888888;
        border-top: 1px solid #888888;
        /*border-radius: 20px;*/
    }
    .usal_wrap ul li .usal_cmpny_wrap{
        width: 100%;
        margin-left: 5px;
    }
    .usal_wrap ul li .usal_cmpny_wrap .usal_cmpny{
        width: auto;
        color:  rgb(127, 167, 49);
    }
    .usal_wrap ul li .usal_cont .usal_title{
        margin-bottom: 10px;
    }
    .usal_wrap .usal_loc {
        width: 50px;
        margin-left: auto;
        margin-bottom: 10px;
    }
    .usal_wrap .usal_chat_wrap{
        width: 100%;
    }
    .usal_wrap .usal_chat_wrap .usal_chat{
        width: 100%;
        order: 0;
        background-color: rgb(127, 167, 49);

    }
    .usal_wrap .usal_chat_wrap.on .usal_chat.on{
        color: #ffffff;
    }
    .usal_wrap .usal_chat_wrap .usal_date{
        font-size: 16px;
        color: rgb(127, 167, 49);
        margin-bottom: 10px;
        order: -1;
        text-align: right;
    }
    .usal_wrap .usal_chat_wrap .usal_chat{
        border-radius: 25px;
    }
    .usal_wrap ul li .usal_cont .usal_cate{
        height: 50px;
    }
    .sw_cont1{

    }

}

/*1190px end*/
@media screen and (max-width: 980px) {
    .customer_view{
        width: 100%;
    }
    /*#sub_wrap {*/
    /*    padding-top: 8rem;*/
    /*    padding-bottom: 8rem;*/
    /*}*/
    /*#sub_wrap{*/
    /*    margin: 5rem 0 ;*/
    /*}*/
    /*제품찾기*/
    .cp_list .cpl_cont {
        width: calc((100% - 40px) / 3);
    }
    .cp_rcmnd .cprc_cont_wrap .cprc_img{
        height: 25vw
    }
/*    제휴/제안*/
    .ist_direct .istd_input_wrap{
        margin-bottom: 3.5rem;
    }
}


@media screen and (max-width: 890px) {
    .cpl_list_wrap .wrap_in .cpll_cont {
        width: calc(calc(100% - 15px) / 2);
    }

    .cpl_list_wrap .wrap_in .cpll_cont:nth-child(3n) {
        margin-right: 15px;
    }

    .cpl_list_wrap .wrap_in .cpll_cont:nth-child(2n) {
        margin-right: 0;
    }
    .cpl_list_wrap .wrap_in .cpll_cont_wrap > a{
        width: calc(100% / 3 - 15px)
    }
}

@media screen and (max-width: 860px) {
    body, html {
        font-size: 50%;
    }
    #sub_wrap{
        width: 100%;
    }
    .cp_rcmnd .cprc_cont_wrap {
        flex-direction: column;
    }


    .si_cont1 {
        flex-direction: column;
    }

    .si_cont1 .sic1_list {
        width: 100%;
    }

    .si_cont1 .si_img_wrap {
        width: 100%;
        margin-bottom: 4rem;
        display: flex;
        justify-content: space-between;
        gap: 5px;
    }
    .si_cont1 .sic1_list .sic1_line{
        padding: 0;
    }
    /*견적받기*/
    .usal_wrap ul li{
        /*width: calc(100% / 2 - 10px);*/
    }
    /*    서비스소개*/
    .ist_direct .istd_input_wrap{
        width: auto;
    }
    /*판매제품 selling_info*/
    .si_cont1 .si_img_wrap .si_main_img{
        margin-bottom: 0;
    }
    .si_cont1 .si_img_wrap .si_sub_img_wrap{
        flex-wrap: wrap;
        justify-content: end;
        width: 100%;
        gap: 5px;
        justify-content: space-between;
    }
    .si_cont1 .si_img_wrap .si_sub_img{
        width: calc((100% - 10px) / 2);
        aspect-ratio:1 / 1;
        margin-right: 0;
    }

    /*장터 start*/
    /*글쓰기*/
    .sw_cont1{
        flex-direction: column;
    }
    .sw_cont1 .sw_img_wrap{
        width: 100%;
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }
    .sw_cont1 .swc1_list{
        width: 100%;
        margin-top: 20px;
    }
    .sw_cont1 .sw_img_wrap .sw_main_img{
        width: 50%;
        margin-bottom: 0;
    }
    .sw_cont1 .sw_img_wrap .sw_sub_img_wrap{
        width: 50%;
        flex-wrap: wrap;
        gap: 10px;
    }
    .sw_cont1 .sw_img_wrap .sw_sub_img{
        width: calc((100% - 10px) / 2);
        margin-right: 0;
    }
    .swc1_btm{
        justify-content: end;
    }
    .swc1_btm .swc1_btm_price{
        width: 70%;
    }
    .sw_cont1 .swc1_btm .swc1_btm_price input{
        width: 80%;
    }
    .sw_cont1 .swc1_btm .swc1_price_type{
        flex-basis: 20%;
    }
    /*proposal_info*/
    #user_si_img_wrap{
        margin-bottom: 0;
    }

    /*장터 end*/
/*문의하기 글쓰기*/
    .customer_srvc_wrt .cstv_wrap > div{
        padding: 15px 0;
    }
/*    제휴/제안*/
    #sub_wrap.intro_use{
        background: none;
    }
}

@media screen and (max-width: 786px) {
    #sub_wrap .sect{
        margin-bottom: 3rem;
    }
    /*제품찾기*/
    /*.cp_rcmnd .cp_rcmnd_list{*/
    /*    width: 100%;*/
    /*}*/
    .cmpny_product .cpl_option .cpl_b1 {
        width: calc(100% / 2);
        height: 40px;
        padding: 0 10px;
    }

    .cp_rcmnd .cprc_cont_wrap .cprc_info {
        justify-content: flex-start;
    }

    .cp_rcmnd .cprc_cont_wrap .cprc_cmpny {
        margin-bottom: 10px;
    }

    .cp_list .cpl_cont {
        width: calc(100% / 2 - 10px);
    }

    .cpl_list_wrap .wrap_in .cpll_cont_wrap > a{
        width: calc(100% / 2 - 15px)
    }

    /*제품찾기 end*/

    .cmpny_product .cpl_main_img {
        height: 200px;
    }

    .cmpny_product .cpl_main_img .wrap_in .cpl_mimg_cont {
        transform: scale(0.7) translateX(-10rem);
        padding: 0;
    }
    .cmpny_product .cpl_bottom .cpl_b1{
        font-size: 16px;
        /*padding: 10px 18px;*/
    }

    .cmpny_product .cpl_main_img .wrap_in {
        background-size: auto 55%;
        padding: 2rem 3rem;
    }
    /*.selling_list .sub_title2{*/
    /*    margin-top: 20rem;*/
    /*}*/
    .cmpny_product .cpl_bottom{
        justify-content: start;
    }

    /*faq*/
    .customer .cst_1 ul li div{
        padding: 0 5px;
    }

    .customer .cst_top_wrap{c
        font-size: 14px;
    }

    .customer .cst_1 ul li div p{
        font-size: 13px;
    }

    .customer .cst_write a{
        font-size: 12px;
    }

    .customer .cst_1 ul li div .cst_mark{
        background-size: auto 12px;
    }

    .customer .cst_1 ul li.on .cst1_a{
        padding: 10px 3rem;
    }

    .customer .cst_1 ul li .cst1_a .cst_mark{
        background-size: auto 10px;
    }

    .customer .cst_1 ul li div .cst_arrow {
        background-size: auto 6px;
    }

        /*견적받기*/
    .us_rcmd{
        margin-top: 18rem;
    }


        /* 고객센터 */
    .customer .cst_2 ul li{
        font-size: 13px;
    }

    .customer .cst_2 ul li a{
        padding: 0 5px;
    }
    .customer .cst_2 ul li a .cst2_date {
        font-size: 11px;
    }
    .customer .cst_2 ul li a .cst2_writer {
        font-size: 11px;
    }
    /*.customer_view .cstv_center {*/
    /*    min-height: auto;*/
    /*}*/

    .customer .cst_write.my_cs.on {
        font-size: 11px;
    }

    /* 기업소개  */
    .intro_use .ist_list_wrap{
        flex-direction: column;
    }
    .intro_use .ist_list_wrap > div{
        width: 100%;
    }

/*    마이페이지 end*/

}

@media screen and (max-width: 700px){
    .cmpny_write .cw2_img_wrap ul li{
        width: calc(100% / 4 - 10px)
    }
/*    장터글쓰기*/
    .swc1_btm .swc1_btm_price{
        width: 100%;
    }
/*    문의하기*/
    .customer .cst_2 ul li a .cst2_writer {
        display: none;
    }
    .customer .cst_2 ul li a .cst2_date{
        margin-left: auto;
    }
    .customer .cst_2 ul li a .cst2_content{
        width: calc(100% - 150px);
    }

}

@media screen and (max-width: 600px) {
    body, html {
        font-size: 40%;
    }

    .cp_rcmnd .cprc_cont_wrap .cprc_info {
        justify-content: space-between;
    }
    .list_num ul li{
        font-size: 13px;
    }

    /*견적받기*/
    /*.usal_wrap ul li{*/
    /*    height: 300px;*/
    /*}*/
    .usal_wrap .usal_loc .usal_loc_icon{
        background-size: auto 15px;
    }
    .usal_wrap .usal_loc{
        font-size: 12px;
    }
    /*고객센터*/
    .customer .cst_2 ul li a .cst2_date {
        display: none;
    }
    .customer .cst_2 ul li a .cst2_writer {
        display: none;
    }
    .customer .cst_2 ul li a .cst2_content{
        padding: 0 5px;
        width: 100%;
    }
    /*    공지사항*/
    .notice .ntc_2 ul li a{
        font-size: 12px;
        padding: 0;
    }
    .notice .ntc_2 ul li a .ntc2_content{
        font-size: 14px;
        width: 100%;
    }
    .notice .ntc_2 .notice_page{
        font-size: 11px;
    }
    .notice .ntc_2 ul li a .ntc2_writer{
        display: none;
    }
    .notice .ntc_2 ul li a .ntc2_date{
        font-size: 11px;
        width: 120px;
    }

    /*footer*/
    footer .wrap_in .ft_info_wrap .ft_info_top .footer_menu{
     font-size: 12px;
    }
    footer .wrap_in .ft_info_wrap .ft_info_top .family_site{
        font-size: 12px;
    }
    footer .wrap_in .ft_info_wrap .ft_info_top .family_site a img{
        width: 27px;
    }
    footer .wrap_in .ft_info_wrap .ft_info_top .family_site{
        line-height: 2.5;
    }

}

@media screen and (max-width: 580px){
    .sub_title2{
        font-size: 16px;
    }
    .cmpny_product .cpl_option .cpl_b1{
        width: calc(100% / 2);
        height: 40px;
        padding: 0 10px;
        font-size: 12px;
    }
    .cmpny_product .cpl_option .cpl_b1 span{
        line-height:40px;
        font-size: 13px;
    }
    .cmpny_product .cpl_option .cpl_b1 span:last-child{
        width: 20px;
        height: 20px;
    }
    .cpl_list_wrap .wrap_in .cpll_cont {
        width: 100%;
        margin-right: 0;
    }

    .cpl_list_wrap .wrap_in .cpll_cont:nth-child(3n) {
        margin-right: 0;
    }

}

@media screen and (max-width: 525px) {
    /*#sub_wrap{*/
    /*    padding: 8rem 15px 8rem;*/
    /*}*/
    #sub_wrap{
        margin: 5rem 0 8rem;
    }
    .cmpny_product .cpl_main_img {
        height: 200px;
    }

    /*.cmpny_product .cpl_main_img .wrap_in .cpl_mimg_cont {*/
    /*    transform: scale(0.5) translateX(-180px);*/
    /*}*/

    .cp_rcmnd .cprc_cont_wrap .cprc_title {
        font-size: 18px;
    }

    .cp_rcmnd .cprc_cont_wrap .cprc_content {
        font-size: 14px;
    }

    .cprc_price {
        font-size: 16px;
    }

    .cpl_cmpny {
        font-size: 13px;
    }
    .cmpny_product .cpl_main_img .wrap_in{
        /*background-size: auto 42%;*/
        padding: 10px 4rem;
    }

/*    제품찾기*/
    .cmpny_product .cpl_bottom{
        justify-content: start;
    }
}

@media screen and (max-width: 480px) {
    body,html{
        font-size: 37.5%;
    }
    #sub_wrap{
        padding: 0;
    }
    .mobile_menu{
        width: 60%;
    }
    .sub_title{
        /*padding: 0 5px;*/
        line-height: 1.3;
    }
    .cpl_cmpny{
        font-size: 12px;
        padding: 0 10px;
    }
    .cpl_title{
        font-size: 16px;
        padding: 0 10px;
    }
    .cpl_content{
        font-size: 13px;
        padding: 0 10px;
    }
    .cpl_cate{
        font-size: 12px;
    }
    .cpl_price{
        margin-top: 10px;
        font-size: 16px;
    }
    .cmpny_product .cpl_main_img {
        height: 150px;
    }
    .cmpny_product .cpl_main_img .wrap_in .cpl_mimg_cont {
        /*transform: scale(0.4) translate(-220px, -25%);*/
        /*padding: 0 3rem;*/
    }
    .cmpny_product .cpl_main_img .cpl_top{
        font-size: 20px;
    }
    .cpl_list_wrap .wrap_in .cpll_cont_wrap > a{
        width: 100%;
    }
    .cp_list .cpl_wrap{
        gap:10px;
        justify-content: space-between;
    }
    .cp_list .cpl_cont{
        width: calc(100% / 2 - 5px);
    }

/*    제품찾기*/
    .cmpny_product .cpl_bottom .cpl_b1{
        padding: 3px 18px;
    }
    .cp_rcmnd .cp_rcmnd_list {
        width: 100%;
    }

    .cp_rcmnd .cprc_cont_wrap {
        flex-direction: row;
    }
    .cp_rcmnd .cprc_cont_wrap .cprc_img{
        height: 38vw;
    }
    .cmpny_write .cw3p_text_wrap .cw3p_text_detail{
        width: 100%;
    }
    .sic1_btm button{
        width: 100%;
    }
/*    장터글쓰기*/
    .selling_write .cw3p_text_wrap .cw3p_text_detail{
        width: 100%;
    }
    .selling_write .cw3p_text_wrap .cw3p_text_detail input{
        width: 100%;
    }


/*    고객센터*/
    .customer_view .cstv_bottom .cstv_list{
        width: 100%;
        text-align: center;
    }
    .customer .cst_2 ul li a .comment{
        width: 35px;
        font-size: 11px;
        margin-right: 8px;
    }

/*    견적서쓰기*/
    .cmpny_write .cw2_img_wrap ul li{
        width: calc(100% / 2 - 10px);

    }
    .usal_wrap ul li{
        width: 100%;
        height: 285px;
    }
/*    장터판매글쓰기*/
    .sw_cont1 .swc1_btm .swc1_price_type label{
        font-size: 12px;
    }
    .sw_cont1 .swc1_list input[type="text"], .sw_cont1 .swc1_list select{
        font-size: 14px;
    }
    .sw_cont1 .swc1_list .swc1_line_head {
        width: 70px;
    }
    .selling_write .sw_cont3{
        justify-content: space-between;
        flex-direction: column;
    }
    .selling_write .cw3p_text_wrap{
        width: 100%;
    }
    .selling_write .sw_cont3 .cw3p_head{
        width: 70px;
    }
    .selling_write .sw_cont3 .cw3p_text_wrap{
        width: 100%;
    }
    .selling_write .cw_cont3_pre{
        justify-content: space-between;
        flex-direction: column;
    }
    .selling_write .cw_cont3_pre .cw3p_head{
        width: 70px;
    }
    .sw_cont1 .swc1_list .swc1_line{
        justify-content: space-between;
    }
    #user_si_img_wrap{
        flex-direction: column;
    }
    #user_si_main_img{
        width: 100%;
    }
    #user_si_img{
        width: 100%;
    }
    #user_si_sub_img{
        width: calc(100% / 4 - 10px);
    }

}

@media screen and (max-width: 430px){
    /*.cp_list .cpl_cont{*/
    /*    width: 100%;*/
    /*}*/

    /*.cmpny_product .cpl_main_img .wrap_in{*/
    /*    background-size: auto 35%;*/
    /*}*/

/*    제품찾기*/
    .cmpny_product .cpl_bottom .cpl_b1 img{
        width: 20px;
        height: 20px;
    }
    .cmpny_product .cpl_bottom .cpl_b1{
        padding: 10px 18px;
    }
/*    장터글쓰기*/
    .sw_cont1 .swc1_btm .swc1_btm_price input{
        width: 70%;22
    }
    .sw_cont1 .sw_img_wrap{
        flex-direction: column;
    }
    .sw_cont1 .sw_img_wrap .sw_main_img{
        width: 100%;
    }
    .sw_cont1 .sw_img_wrap .sw_sub_img_wrap{
        width: 100%;
        justify-content: space-between;
    }

}
@media screen and (max-width: 365px) {
    .cp_rcmnd .cprc_cont_wrap .cprc_img{
        height: 50vw;
    }
    .cp_rcmnd .cprc_cont_wrap{
        flex-direction: column;
    }
    .cmpny_product .cpl_main_img {
        height: 150px;
    }
    .cp_rcmnd .cprc_cont_wrap .cprc_img_wrap {
        width: 100%;
    }
    .selling_list .selling_btn_wrap button{
        height: 35px;
        line-height: 35px;
    }
/*    장터글쓰기*/

    .swc1_btm .swc1_btm_price {
        justify-content: end;
    }
    #faq ul{
        height: 260px;
    }
    #cs ul{
        height: 260px;
    }

}