@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* .nanumpenscript * {
 font-family: 'Nanum Pen Script', cursive;
} */


/* 공통 메인베너 */
.main_visual{
    height: 323px;
    position: relative;
}
.main_visual .main_title{
    margin-left: 111px;;
    display: flex;
    align-items: center;
    height: 323px;
    font-family: 'Nanum Pen Script', cursive;
    background: url(../img/service_center/main_visual.png)no-repeat right;
    background-size: contain;
    margin-right: 110px;
}
.main_visual .main_title .title{
    font-size: 49px;
    font-weight: 400;
    color: #E97F30;
    margin-right: 40px;;
}
.main_visual .main_title .sub_title{
    font-size: 90px;
    font-weight: 400;
    color: #DA302B;
}
.main_visual .btm_bg{
    width: 100%;
    height: 119px;
    position: absolute;
    bottom: 0;
    background-color:#E97F30;
    z-index: -1;
}
.main_visual .btm_bg p{
    display: flex;
    height: 119px;
    margin-left: 111px;
    align-items: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    font-family: 'EliceDigitalBaeumOTF', sans-serif;
}

/* 공지사항 페이지 */
.notice_wrap{
    margin-top: 60px;
}
.notice_wrap .table_box .table_th{
    cursor: pointer;
}
.notice_wrap .title{
    font-size: 25px;
    font-weight: 700;
    color: #E97F30;
    text-align: center;
    margin-bottom: 43px;
}
.notice_wrap .nav_list_box {
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    color: #888888;
    margin-bottom: 52px;
    width: 1094px;
}
.notice_wrap .nav_list_box .nav_list.active{
    color: #FFFFFF;
    background-color:#DA302B;
    border-radius: 4px 4px 0 0;
}
.swiper-slide { width: auto !important; }
.notice_wrap .nav_list_box .nav_list a{
    display: block;
    padding: 13px 50px;
    border-bottom: 1px solid #DA302B;
}
.title_box{
    width: 1094px;
    margin: 0 auto;
    margin-top: 40px;
}
.title_box .title{
    font-size: 20px;
    font-weight: 700;
    color: #DA302B;
    text-align: left;
    margin-bottom: 31px;
}

.board_box{
    width: 1094px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.board_box .board_top{
    display: flex;
}
.board_box .board_top .select_wrap{
    width: 131px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #969696;
    position: relative;
}
.board_box .board_top .select_wrap .one{
    width: 100%;
    position: relative;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #ACACAC;
    padding: 10px 0;
    padding-left: 12px;
    cursor: pointer;
}
.board_box .board_top .select_wrap .one::after{
    position: absolute;
    content: '';
    width: 14px;
    height: 7px;
    background: url(../img/service_center/select.svg)no-repeat;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
}
.select_wrap ul{
    width: 100%;
    height: 160px;
    overflow-y: auto;
    border: 1px solid #969696;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    margin-top: 1px;
    display: none;
}
.select_wrap ul li{
    width: 100%;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color:#888888;
    cursor: pointer;
}
.select_wrap ul li:hover{
    color: #E97F30;
}
.board_top .search_wrap{
    width: 392px;
    height: 42px;
    margin-left: 16px;
}
.board_top .search_wrap .search{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border:1px solid #969696;
    padding: 10px;
    padding-left: 22px;
}
.board_top .search_btn{
    padding: 10px 22px;
    background-color: #E97F30;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 16px;
}

.table_box{
    width: 1094px;
    margin: 0 auto;
    border-top: 1px solid #000000;
    border-bottom: 2px solid #CB2B32;
}

.table_box .table_th{
    display: flex;
    flex-wrap: wrap;
}
.table_box .table_th.active .answer_box{
    display: block;
}
.table_box .table_th .num{
    padding: 15px 0;
    width: 106px;
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    text-align: center;
    margin-bottom: 0;
}
.table_box .table_th .num_2{
    font-size: 14px;
    padding: 15px 0;
    font-weight: 400;
    color: #222222;
    text-align: center;
    margin-bottom: 0;
}
.table_box .table_th .title{
    width: 591px;
}
.table_box .table_th .writer{
    width: 132px;
}
.table_box .table_th .date{
    width: 138px;
}
.table_box .table_th .look{
    width: 127px;
}
.table_box .table_th.fir{
    border-bottom: 1px solid #D9D9D9;
    cursor: unset;
}
.notice_wrap .table_box .table_th .num_2.title{
    text-align: left;
    padding-left: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.table_box .table_th .answer_box{
    border-bottom: 1px solid #D9D9D9;
    width: 1094px;
    padding-left: 134px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    display: none;
}
.table_box .table_th .answer_box .ment{
    padding-bottom: 24px;
}

.table_nav_box{
    justify-content: center;
    margin: 0 auto;
    display: flex;
    margin-top: 60px;
}
.table_nav_box .btn_box{
    display: flex;
}
.table_nav_box .btn_box .btn{
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background:none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table_nav_box .btn_box .btn:first-child {
    margin-right: 10px;
}

.table_nav{
    display: flex;
    margin: 0 30px; 
}
.table_nav .nav{
    margin-right: 30px;
    font-family: 'Pretendard';
    font-size: 19px;
    font-weight: 500;
    background:none;
    color: #222222;
}
.table_nav .nav:last-child {
    margin-right: 0;
}
.table_nav .nav.active{
    color: #E97F30;
}

.notice_wrap .table_nav_box{
    margin-bottom: 145px;
}

.table_box .table_th.body{
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #888888;
    font-weight: 400;
    height: 60px;
}


/* fqa 페이지 */
.tab_wrap{
    width: 1094px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    padding-left: 83px;
    padding-right: 64px;
    margin-bottom: 25px;
}
.tab_wrap .tab{
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    cursor: pointer;
}
.tab_wrap .tab.select{
    color: #E97F30;
    font-weight: 700;
}
.content_nav .table_box .table_th .title{
    width: 848px;
}


/* 1:1문의 페이지 */
.question_wrap .table_box .tb_sub_box{
    display: flex;
}
.question_wrap .table_box .sub_box{
    display: flex;
}
.question_wrap .table_box .table_th{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    flex-wrap: wrap;
}
.question_wrap .table_box .table_th.fir{
    border-bottom: 1px solid #D9D9D9;
    cursor:unset;
}
.question_wrap .table_box .table_th .num{
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    width: 110px;
    padding: 20px 0;
    text-align: center;
}
.question_wrap .table_box .table_th .content_name{
    width: 183px;
}
.question_wrap .table_box .table_th .item{
    width: 383px;
}
.question_wrap .table_box .table_th .date{
    width: 287px;
}
.question_wrap .table_box .table_th .form{
    width: 130px;
}
.question_wrap .table_box .table_th .num_2{
    font-size: 14px;
    font-weight: 400;
    color: #20232B;
    padding: 20px 0;
    text-align: center;
}
.question_wrap .table_box .table_th .num_2.color{
    color: #E97F30;
}
.question_wrap .table_th .answer_box{
    width: 1094px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 20px 40px;
    display: none;
}
.question_wrap .answer_box .answer_top{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
    padding-bottom: 20px;
}
.question_wrap .answer_box .answer_top .img_wrap{
    width: 55px;
    height: 55px;
    border-radius: 4px;
}
.question_wrap .answer_box .answer_top .img_wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.question_wrap .answer_box .answer_top .item_name{
    max-width: 800px;
    font-size: 14px;
    font-weight: 400;
    color: #20232B;
    margin-left:15px;
    padding-right:12.5px;
    position: relative;
}
.question_wrap .answer_box .answer_top .item_name::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 8px;
    top: 50%;
    transform: translateY(-50%);
    right:0;
    background-color: #DBDBDB;
}
.question_wrap .answer_box .answer_top span{
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    margin-left: 12.5px;
}
.question_wrap .answer_box .answer_top .btn_box{
    position:absolute;
    top:0;
    right:0;
}
.question_wrap .answer_box .answer_top .btn_box .btn{
    background:none;
    font-size: 14px;
    color: #ACACAC;
}
.question_wrap .answer_box .answer_top .btn_box .btn.re_write{
    padding-right:8.5px;
    position: relative;
}
.question_wrap .answer_box .answer_top .btn_box .btn.re_write::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 8px;
    top: 50%;
    transform: translateY(-50%);
    right:0;
    background-color: #DBDBDB;
}
.question_wrap .answer_box .answer_top .btn_box .btn.delete{
    margin-left: 8.5px;
}
.question_wrap .answer_btm .guest_qna{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #20232B;
}
.question_wrap .answer_ment{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #CB2B32;
}
.question_wrap .answer_ment .ment_top{
    display: flex;
}
.question_wrap .answer_ment .ment_top .answer{
    min-width: 26px;
    font-size: 14px;
    font-weight: 700;
    color: #DA302B;
}
.question_wrap .answer_ment .ment_top .item_name{
    font-size: 14px;
    font-weight: 400;
    color: #ACACAC;
    margin-left: 48px;
}
.question_wrap .answer_ment .ment_top .day{
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    margin-left: auto;
}
.question_wrap .answer_ment .ment{
    font-size: 14px;
    font-weight: 400;
    color: #20232B;
    margin: 20px 0;
    margin-left: 74px;
}
.question_wrap .table_nav_box{
    margin-bottom: 145px;
}
.question_wrap .write_box{
    width: 1094px;
    display: flex;
    margin: 0 auto;
}
.question_wrap .write_box .write_btn{
    padding: 12px 28px;
    border-radius: 4px;
    border: 1px solid #000000;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    margin-left: auto;
    margin-top: 30px;
}
.question_wrap .table_box .table_th.body{
    justify-content: center;
}


/* 1:1문의 글쓰기 페이지 */
.write_wrap .board_box{
    width: 1094px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #CB2B32;
    padding: 50px 0;
}
.write_wrap .name{
    color:#222222;
    font-size: 16px;
    font-weight: 400;
    margin-right:31px;
}
.write_wrap .board_top {
    align-items: center;
}
.write_wrap .board_top .select_wrap{
    width: 157px;
}
.write_wrap .board_top .search_wrap{
    width: 834px;
}
.write_wrap .board_top .search_wrap .search{
    padding-left: 16px;
    font-size: 16px;
    color: #222222;
    font-weight: 400;
}
.write_wrap .board_btm{
    display: flex;
    margin-top: 12px;
    align-items: center;
}
.write_wrap .board_btm .form{
    border-radius: 4px;
    border: 1px solid #888888;
    padding: 8px 0;
    padding-left: 16px;
    font-size: 16px;
    color: #222222;
    font-weight: 400;
    height: 40px;
}
.write_wrap .board_btm .emali_wrap{
    width: 279px;
}
.write_wrap .name.name_2{
    margin-right: 16px;
}
.write_wrap .board_btm .tel_wrap{
    display: flex;
    align-items: center;
}
.write_wrap .board_btm .tel_wrap .tel_line{
    margin: 0 12.5px;
}
.write_wrap .board_btm .form.tel{
    width: 68px;
}

.write_wrap .edit_box{
    width: 1094px;
    height: 660px;
    border-radius: 4px;
    border: 1px solid #E4E4E4;
    margin: 50px 0;
}
.write_wrap .edit_box .edit{
    width: 100%;
    padding: 13px 0;
    padding-left: 41px;
    background-color: #F7F7F7;
}
.write_wrap .file_box{
    display: flex;
    align-items: center;
}
.write_wrap .file_box .name_3{
    margin-right: 36px;
}
.write_wrap .file_box #file{
    display: none;
}
.write_wrap .file_box .file_name{
    display: block;
    width: 279px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #DBDBDB;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 8px 0;
    padding-left: 16px;
    position: relative;
}
.write_wrap .file_box .file_name .esc{
    position: absolute;
    right: 16px;
    background: url(../img/service_center/esc.svg)no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    border-radius: 50%;
}
.write_wrap .file_box .file{
    margin-left: 36px;
    padding: 7px 21px;
    border: 1px solid #000000;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}
.change_btn_box{
    display: flex;
    justify-content: center;
    margin-bottom: 145px;
    margin-top: 35px;
}
.change_btn_box .btn{
    width: 206px;
    height: 50px;
    border-radius: 4px;
    font-size: 16px;
}
.change_btn_box .cancel{
    background-color: #FFFFFF;
    border: 1px solid #E97F30;
    color: #E97F30;
    font-weight: 500;
    margin-right: 16px;
}

.change_btn_box .confirm{
    background-color: #E97F30;
    color: #FFFFFF;
    font-weight: 700;
}
.change_btn_box .confirm:disabled{
    background-color: rgba(233,127,48, 0.4);
    color: #FFFFFF;
    font-weight: 700;
}
/* 작성완료모달창 */
.write_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
/* 수정완료 모달창 */
.rewrite_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
/* 삭제모달창 */
.delete_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
/* 삭제확인모달창 */
.delete_ok_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
/* 등록신청모달창 */
.enrollment_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
/* 상품제안신청모달창 */
.proposal_write_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
.proposal_rewrite_modal_wrap{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.35);
    z-index: 1000;
    display: none;
}
.change_modal{
    width: 467px;
    height: 184px;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
.change_modal .ment{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #292929;
}
.change_modal .btn{
    background-color: #E97F30;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 51px;
}
.change_modal .cancel_btn{
    background-color: #FFFFFF;
    color: #E97F30;
    border: 1px solid #E97F30;
    margin-right: 16px;;
}
.change_modal .btn_box{
    display: flex;
}


/* 쇼핑몰등록신청페이지 */
.enrollment{
    width: 1094px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    color: #888888;
    margin-top: 65px;
    word-spacing: -2.0px;
}
.circle_wrap{
    margin-top: 90px;
    display: flex;
    justify-content: center;
}
.circle_wrap .circle {
    width: 180px;
    height: 180px;
    margin-right: 93px;
    border-radius: 50%;
    background:linear-gradient(to right bottom,#CB2B32, #E97F30);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle_wrap .circle:last-child {
    margin-right: 0;
}
.circle_wrap .circle .circle_info{
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
}
.circle_wrap .circle::after{
    position: absolute;
    content: '';
    width: 28px;
    height: 24px;
    background: url(../img/service_center/circle_next.svg)no-repeat;
    background-size: contain;
    right: -63px;
}
.circle_wrap .circle:last-child::after{
    display: none;
}
.enrollment_Write{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 145px;
    width: 206px;
    height: 50px;
    background-color: #E97F30;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
}


/* 쇼핑몰등록신청_글쓰기페이지 */
.enrollment_box .form_box{
    display: flex;
    align-items: center;
}
.enrollment_box .form_box .form_sub_box{
    display: flex;
    align-items: center;
}
.enrollment_box .form_box .form_sub_box.box_two{
    margin-left: 51px;
}
.enrollment_box .form_box .form_sub_box .name{
    margin-right: 51px;
}
.enrollment_box .form_box .form_sub_box .form{
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #DBDBDB;
    height: 40px;
    padding-left: 15px;
}
.enrollment_box .form_box .form_sub_box .company{
    width: 364px;
}
.enrollment_box .form_box .form_sub_box .company_name{
    width: 279px;
}
.enrollment_box .tel_wrap .name_2{
    font-size: 14px;
    font-weight: 400;
    color: #888888;
}
.enrollment_box .tel_wrap{
    display: flex;
    align-items: center;
}
.enrollment_box .tel_wrap:nth-child(1){
    margin-bottom: 9px;
}
.enrollment_box .tel_wrap .tel_line{
    margin: 0 16px;
}
.enrollment_box .tel_wrap .tel{
    width: 57px;
}
.enrollment_box .call_box{
    margin-top: 38px;
}
.tel_form_box{
    display: flex;
    flex-direction: column;
}
.tel_form_box:nth-child(2){
    margin-right: 82px;
}
.enrollment_box .call_box .form_sub_box{
    align-items: baseline;
}
.enrollment_box .form_box .form_sub_box .tel_wrap .head{
    margin-right: 34px;
}
.enrollment_box .form_box .form_sub_box .tel_wrap .etc{
    margin-right: 60px;
}
.enrollment_box .form_box .form_sub_box .address_name{
    margin-right: 66px;
}
.enrollment_box .address_box .form_sub_box{
    align-items: baseline;
    margin-top: 30px;
}
.enrollment_box .address_box .add_one{
    width: 221px;
}
.add_search_btn{
    width: 130px;
    height: 40px;
    border-radius: 4px;
    background-color: #E97F30;
    margin-left: 5px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}
.add_one_box{
    margin-bottom: 9px;
}
.enrollment_box .address_box .add_two_box{
    display: flex;
    flex-direction: column;
}
.enrollment_box .address_box .add_two_box .add_two:nth-child(1){
    margin-bottom: 9px;
}
.enrollment_box .address_box .add_two_box .add_two{
    width: 803px;
}
.emali_box .form_sub_box{
    margin-top: 30px;
}
.emali_box .form_sub_box .email_input{
    width: 356px;
}
.enrollment_sub_box{
    width: 1094px;
    margin: 0 auto;
    padding-bottom: 44px;
    margin-bottom: 60px;
    border-bottom: 2px solid #CB2B32;
}


/* 광고신청페이지 */
.add_wrap .enrollment{
    word-spacing: 1px;
}
.enrollment span .ment{
    font-size: 20px;
    font-weight: 700;
    color: #E97F30;
}
.enrollment span{
    vertical-align: text-bottom;
}

.add_wrap .circle_sub_wrap {
    width: 206px;
    height: 206px;
    border-radius: 50%;
    margin-right: 58px;
    background-color: #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add_wrap .circle_sub_wrap:last-child {
    margin-right: 0;
}
.add_wrap .circle_sub_wrap .circle{
    background: linear-gradient(to bottom,#E97F30 50%,#CB2B32)
}
.add_wrap .circle_wrap{
    margin-bottom: 132px;
    position: relative;
}
.add_wrap .circle_wrap::after{
    position: absolute;
    content: '';
    width: 792px;
    height: 1px;
    background-color: #DA302B;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}


/* 상품제안 페이지 */
.proposal_wrap .table_box .table_th .content_title{
    width: 582px;
}
.proposal_wrap .table_box .table_th .writer{
    width: 250px;
}
.proposal_wrap .table_box .table_th .date{
    width: 150px;
}
.proposal_wrap .board_box{
    margin-bottom: 53px;
}
.proposal_wrap .table_th .answer_box{
    border: 1px solid #CB2B32;
    padding: 20px;
}
.proposal_wrap .table_th .answer_top{
    display: flex;
    align-items: baseline;
    border-bottom: 1px solid #DBDBDB;
    padding-right: 20px;
}
.proposal_wrap .table_th .answer_top .title{
    margin: 0;
    margin-left: 5px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color :#000000;
    width: inherit;
    max-width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.proposal_wrap .table_th .answer_top .date{
    margin-left: 34px;
}
.proposal_wrap .table_th .answer_top .btn_wrap{
    margin-left: auto;
    font-size: 14px;
    font-weight: 400;
    color: #20232B;
}
.proposal_wrap .table_th .answer_top .btn_wrap a{
    padding-right: 8.5px;
    position: relative;
    margin-right: 8.5px;
}
.proposal_wrap .table_th .answer_top .btn_wrap a::after{
    position: absolute;
    content: '';
    height: 8px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #DBDBDB;
}
.proposal_wrap .table_th .answer_top .btn_wrap .delete{
    background: none;
}
.proposal_wrap .table_th .answer_btm{
    height: 60px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DBDBDB;
    padding-left: 5px;
}
.proposal_wrap .table_th .answer_btm .name{
    font-size: 14px;
    font-weight: 400;
    color: #DA302B;
}
.proposal_wrap .table_th .answer_btm .email{
    color: #000000
}
.proposal_wrap .table_th .answer_btm .email_name{
    padding-right: 12.5px;
    margin-right: 12.5px;
    position: relative;
}
.proposal_wrap .table_th .answer_btm .email_name::after{
    position: absolute;
    content: '';
    height: 17.5px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #DBDBDB;
}
.proposal_wrap .table_th .answer_ment{
    border: none;
    margin: 0;
    padding: 0;
}
.proposal_wrap .table_th .answer_ment .ment{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}


/* 상품제안 글쓰기 페이지 */
.proposal_wrap .board_top .search_wrap_2{
    margin-left: 0;
    width: 949px;
}




/* 테블릿 */
@media all and (max-width: 1400px){
    /* 공통 메인베너 */
    .main_visual{
        height: calc(100vw * (323/1400));
        position: relative;
    }
    .main_visual .main_title{
        margin-left: calc(100vw * (111/1400));
        display: flex;
        align-items: center;
        height: calc(100vw * (323/1400));
        font-family: 'Nanum Pen Script', cursive;
        background: url(../img/service_center/main_visual.png)no-repeat right;
        background-size: contain;
        margin-right: calc(100vw * (110/1400));
    }
    .main_visual .main_title .title{
        font-size: calc(100vw * (49/1400));
        font-weight: 400;
        color: #E97F30;
        margin-right: calc(100vw * (40/1400));
    }
    .main_visual .main_title .sub_title{
        font-size: calc(100vw * (90/1400));
        font-weight: 400;
        color: #DA302B;
    }
    .main_visual .btm_bg{
        width: 100%;
        height: calc(100vw * (119/1400));
        position: absolute;
        bottom: 0;
        background-color:#E97F30;
        z-index: -1;
    }
    .main_visual .btm_bg p{
        display: flex;
        height: calc(100vw * (119/1400));
        margin-left: calc(100vw * (111/1400));
        align-items: center;
        font-size: calc(100vw * (16/1400));
        color: #FFFFFF;
        font-weight: 400;
        font-family: 'EliceDigitalBaeumOTF', sans-serif;
    }

    /* 공지사항 페이지 */
    .notice_wrap{
        margin-top: calc(100vw * (60/1400));
    }
    .notice_wrap .title{
        font-size: calc(100vw * (25/1400));
        font-weight: 700;
        color: #E97F30;
        text-align: center;
        margin-bottom: calc(100vw * (43/1400));
    }
    .notice_wrap .nav_list_box {
        display: flex;
        font-size: calc(100vw * (16/1400));
        font-weight: 500;
        margin: 0 auto;
        color: #888888;
        margin-bottom: calc(100vw * (52/1400));
        width: calc(100vw * (1094/1400));
    }
    .notice_wrap .nav_list_box .nav_list.active{
        color: #FFFFFF;
        background-color:#DA302B;
        border-radius: 4px 4px 0 0;
    }
    .notice_wrap .nav_list_box .nav_list a{
        display: block;
        padding: calc(100vw * (13/1400)) calc(100vw * (50/1400));
        border-bottom: 1px solid #DA302B;
    }
    .title_box{
        width: calc(100vw * (1094/1400));
        margin: 0 auto;
        margin-top: calc(100vw * (40/1400));
    }
    .title_box .title{
        font-size: calc(100vw * (20/1400));
        font-weight: 700;
        color: #DA302B;
        text-align: left;
        margin-bottom: calc(100vw * (31/1400));
    }

    .board_box{
        width: calc(100vw * (1094/1400));
        margin: 0 auto;
        margin-bottom: calc(100vw * (25/1400));
    }
    .board_box .board_top{
        display: flex;
    }
    .board_box .board_top .select_wrap{
        width: calc(100vw * (131/1400));
        height: calc(100vw * (42/1400));
        border-radius: 4px;
        border: 1px solid #969696;
        position: relative;
    }
    .board_box .board_top .select_wrap .one{
        width: 100%;
        position: relative;
        display: block;
        font-size: calc(100vw * (15/1400));
        font-weight: 500;
        color: #ACACAC;
        padding: calc(100vw * (10/1400)) 0;
        padding-left: calc(100vw * (12/1400));
        cursor: pointer;
    }
    .board_box .board_top .select_wrap .one::after{
        position: absolute;
        content: '';
        width: calc(100vw * (14/1400));
        height: calc(100vw * (7/1400));
        background: url(../img/service_center/select.svg)no-repeat;
        background-size: contain;
        top: 50%;
        transform: translateY(-50%);
        right: calc(100vw * (12/1400));
    }
    .select_wrap ul{
        width: 100%;
        height: calc(100vw * (160/1400));
        overflow-y: auto;
        border: 1px solid #969696;
        border-radius: 4px;
        background-color: #fff;
        position: absolute;
        margin-top: 1px;
        display: none;
    }
    .select_wrap ul li{
        width: 100%;
        padding: calc(100vw * (12/1400)) 0;
        text-align: center;
        font-size: calc(100vw * (16/1400));
        font-weight: 400;
        color:#888888;
        cursor: pointer;
    }
    .select_wrap ul li:hover{
        color: #E97F30;
    }
    .board_top .search_wrap{
        width: calc(100vw * (392/1400));
        height: calc(100vw * (42/1400));
        margin-left: calc(100vw * (16/1400));
    }
    .board_top .search_wrap .search{
        width: 100%;
        height: 100%;
        border-radius: 4px;
        border:1px solid #969696;
        padding: calc(100vw * (10/1400));
        padding-left: calc(100vw * (22/1400));
    }
    .board_top .search_btn{
        padding: calc(100vw * (10/1400)) calc(100vw * (22/1400));
        background-color: #E97F30;
        border-radius: 4px;
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #FFFFFF;
        margin-left: calc(100vw * (16/1400));
    }

    .table_box{
        width: calc(100vw * (1094/1400));
        margin: 0 auto;
        border-top: 1px solid #000000;
        border-bottom: 2px solid #CB2B32;
    }
    .table_box .table_th{
        flex-wrap: wrap;
    }
    .table_box .table_th.active .answer_box{
        display: block;
    }
    .table_box .table_th .num{
        padding: calc(100vw * (15/1400)) 0;
        width: calc(100vw * (106/1400));
        font-size: calc(100vw * (16/1400));
        font-weight: 700;
        color: #222222;
        text-align: center;
        margin-bottom: 0;
    }
    .table_box .table_th .num_2{
        font-size: calc(100vw * (14/1400));
        padding: calc(100vw * (15/1400)) 0;
        font-weight: 400;
        color: #222222;
        text-align: center;
        margin-bottom: 0;
    }
    .table_box .table_th .title{
        width: calc(100vw * (591/1400));
    }
    .table_box .table_th .writer{
        width: calc(100vw * (132/1400));
    }
    .table_box .table_th .date{
        width: calc(100vw * (138/1400));
    }
    .table_box .table_th .look{
        width: calc(100vw * (127/1400));
    }
    .table_box .table_th.fir{
        border-bottom: 1px solid #D9D9D9;
        cursor: unset;
    }
    .notice_wrap .table_box .table_th .num_2.title{
        text-align: left;
        padding-left: calc(100vw * (30/1400));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .table_box .table_th .answer_box{
        border-bottom: 1px solid #D9D9D9;
        width: calc(100vw * (1094/1400));
        padding-left: calc(100vw * (134/1400));
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #000000;
        display: none;
    }
    .table_box .table_th .answer_box .ment{
        padding-bottom: calc(100vw * (24/1400));
    }

    .table_nav_box{
        justify-content: center;
        margin: 0 auto;
        display: flex;
        margin-top: calc(100vw * (60/1400));
    }
    .table_nav_box .btn_box{
        display: flex;
    }
    .table_nav_box .btn_box .btn{
        width: calc(100vw * (28/1400));
        height: calc(100vw * (28/1400));
        border-radius: 4px;
        background:none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .table_nav_box .btn_box .btn:first-child {
        margin-right: calc(100vw * (10/1400));
    }

    .table_nav{
        margin: 0 calc(100vw * (30/1400)); 
    }
    .table_nav .nav{
        margin-right: calc(100vw * (30/1400));
        font-family: 'Pretendard';
        font-size: calc(100vw * (19/1400));
        font-weight: 500;
        background:none;
        color: #222222;
    }
    .table_nav .nav.active{
        color: #E97F30;
    }

    .notice_wrap .table_nav_box{
        margin-bottom: calc(100vw * (145/1400));
    }

    .table_box .table_th.body{
        align-items: center;
        justify-content: center;
        font-size: calc(100vw * (14/1400));
        color: #888888;
        font-weight: 400;
        height: calc(100vw * (60/1400));
    }


    /* fqa 페이지 */
    .tab_wrap{
        width: calc(100vw * (1094/1400));
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        padding-left: calc(100vw * (83/1400));
        padding-right: calc(100vw * (64/1400));
        margin-bottom: calc(100vw * (25/1400));
    }
    .tab_wrap .tab{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #888888;
        cursor: pointer;
    }
    .tab_wrap .tab.select{
        color: #E97F30;
    }
    .content_nav .table_box .table_th .title{
        width: calc(100vw * (848/1400));
    }


    /* 1:1문의 페이지 */
    .question_wrap .table_box .tb_sub_box{
        display: flex;
    }
    .question_wrap .table_box .sub_box{
        display: flex;
    }
    .question_wrap .table_box .table_th{
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        flex-wrap: wrap;
    }
    .question_wrap .table_box .table_th.fir{
        border-bottom: 1px solid #D9D9D9;
        cursor:unset;
    }
    .question_wrap .table_box .table_th .num{
        font-size: calc(100vw * (16/1400));
        font-weight: 700;
        color: #222222;
        width: calc(100vw * (110/1400));
        padding: calc(100vw * (20/1400)) 0;
        text-align: center;
    }
    .question_wrap .table_box .table_th .content_name{
        width: calc(100vw * (183/1400));
    }
    .question_wrap .table_box .table_th .item{
        width: calc(100vw * (383/1400));
    }
    .question_wrap .table_box .table_th .date{
        width: calc(100vw * (287/1400));
    }
    .question_wrap .table_box .table_th .form{
        width: calc(100vw * (130/1400));
    }
    .question_wrap .table_box .table_th .num_2{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #20232B;
        padding: calc(100vw * (20/1400)) 0;
        text-align: center;
    }
    .question_wrap .table_box .table_th .num_2.color{
        color: #E97F30;
    }
    .question_wrap .table_th .answer_box{
        width: calc(100vw * (1094/1400));
        border: 1px solid #E4E4E4;
        border-radius: 4px;
        background-color: #FFFFFF;
        padding: calc(100vw * (20/1400)) calc(100vw * (40/1400));
        display: none;
    }
    .question_wrap .answer_box .answer_top{
        display: flex;
        align-items: center;
        border-bottom: 1px solid #EEEEEE;
        position: relative;
        padding-bottom: calc(100vw * (20/1400));
    }
    .question_wrap .answer_box .answer_top .img_wrap{
        width: calc(100vw * (55/1400));
        height: calc(100vw * (55/1400));
        border-radius: 4px;
    }
    .question_wrap .answer_box .answer_top .img_wrap img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .question_wrap .answer_box .answer_top .item_name{
        max-width: calc(100vw * (800/1400));
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #20232B;
        margin-left:calc(100vw * (15/1400));
        padding-right:calc(100vw * (12.5/1400));
        position: relative;
    }
    .question_wrap .answer_box .answer_top .item_name::after{
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100vw * (8/1400));
        top: 50%;
        transform: translateY(-50%);
        right:0;
        background-color: #DBDBDB;
    }
    .question_wrap .answer_box .answer_top span{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #888888;
        margin-left: calc(100vw * (12.5/1400));
    }
    .question_wrap .answer_box .answer_top .btn_box{
        position:absolute;
        top:0;
        right:0;
    }
    .question_wrap .answer_box .answer_top .btn_box .btn{
        background:none;
        font-size: calc(100vw * (14/1400));
        color: #ACACAC;
    }
    .question_wrap .answer_box .answer_top .btn_box .btn.re_write{
        padding-right:calc(100vw * (8.5/1400));
        position: relative;
    }
    .question_wrap .answer_box .answer_top .btn_box .btn.re_write::after{
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100vw * (8/1400));
        top: 50%;
        transform: translateY(-50%);
        right:0;
        background-color: #DBDBDB;
    }
    .question_wrap .answer_box .answer_top .btn_box .btn.delete{
        margin-left: calc(100vw * (8.5/1400));
    }
    .question_wrap .answer_btm .guest_qna{
        margin-top: calc(100vw * (20/1400));
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #20232B;
    }
    .question_wrap .answer_ment{
        margin-top: calc(100vw * (20/1400));
        padding-top: calc(100vw * (20/1400));
        border-top: 1px solid #CB2B32;
    }
    .question_wrap .answer_ment .ment_top{
        display: flex;
    }
    .question_wrap .answer_ment .ment_top .answer{
        min-width: calc(100vw * (26/1400));
        font-size: calc(100vw * (14/1400));
        font-weight: 700;
        color: #DA302B;
    }
    .question_wrap .answer_ment .ment_top .item_name{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #ACACAC;
        margin-left: calc(100vw * (48/1400));
    }
    .question_wrap .answer_ment .ment_top .day{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #888888;
        margin-left: auto;
    }
    .question_wrap .answer_ment .ment{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #20232B;
        margin: calc(100vw * (20/1400)) 0;
        margin-left: calc(100vw * (74/1400));
    }
    .question_wrap .table_nav_box{
        margin-bottom: calc(100vw * (145/1400));
    }
    .question_wrap .write_box{
        width: calc(100vw * (1094/1400));
        display: flex;
        margin: 0 auto;
    }
    .question_wrap .write_box .write_btn{
        padding: calc(100vw * (12/1400)) calc(100vw * (28/1400));
        border-radius: 4px;
        border: 1px solid #000000;
        background-color: #fff;
        font-size: calc(100vw * (14/1400));
        font-weight: 700;
        color: #000000;
        margin-left: auto;
        margin-top: calc(100vw * (30/1400));
    }
    .question_wrap .table_box .table_th.body{
        justify-content: center;
    }


    /* 1:1문의 글쓰기 페이지 */
    .write_wrap .board_box{
        width: calc(100vw * (1094/1400));
        border-top: 2px solid #000;
        border-bottom: 2px solid #CB2B32;
        padding: calc(100vw * (50/1400)) 0;
        position: relative;
    }
    .write_wrap .name{
        color:#222222;
        font-size: calc(100vw * (16/1400));
        font-weight: 400;
        margin-right:calc(100vw * (31/1400));
    }
    .write_wrap .board_top {
        align-items: center;
    }
    .write_wrap .board_top .select_wrap{
        width: calc(100vw * (157/1400));
    }
    .write_wrap .board_top .search_wrap{
        width: calc(100vw * (834/1400));
    }
    .write_wrap .board_top .search_wrap .search{
        padding-left: calc(100vw * (16/1400));
        font-size: calc(100vw * (16/1400));
        color: #222222;
        font-weight: 400;
    }
    .write_wrap .board_btm{
        display: flex;
        margin-top: calc(100vw * (12/1400));
        align-items: center;
    }
    .write_wrap .board_btm .form{
        border-radius: 4px;
        border: 1px solid #888888;
        padding: calc(100vw * (8/1400)) 0;
        padding-left: calc(100vw * (16/1400));
        font-size: calc(100vw * (16/1400));
        color: #222222;
        font-weight: 400;
        height: calc(100vw * (40/1400));
    }
    .write_wrap .board_btm .emali_wrap{
        width: calc(100vw * (279/1400));
    }
    .write_wrap .name.name_2{
        margin-right: calc(100vw * (16/1400));
    }
    .write_wrap .board_btm .tel_wrap{
        display: flex;
        align-items: center;
    }
    .write_wrap .board_btm .tel_wrap .tel_line{
        margin: 0 calc(100vw * (12.5/1400));
    }
    .write_wrap .board_btm .form.tel{
        width: calc(100vw * (68/1400));
    }

    .write_wrap .edit_box{
        width: calc(100vw * (1094/1400));
        height: calc(100vw * (660/1400));
        border-radius: 4px;
        border: 1px solid #E4E4E4;
        margin: calc(100vw * (50/1400)) 0;
    }
    .write_wrap .edit_box .edit{
        width: 100%;
        padding: calc(100vw * (13/1400)) 0;
        padding-left: calc(100vw * (41/1400));
        background-color: #F7F7F7;
    }
    .write_wrap .file_box{
        display: flex;
        align-items: center;
    }
    .write_wrap .file_box .name_3{
        margin-right: calc(100vw * (36/1400));
    }
    .write_wrap .file_box #file{
        display: none;
    }
    .write_wrap .file_box .file_name{
        display: block;
        width: calc(100vw * (279/1400));
        height: calc(100vw * (40/1400));
        border-radius: 4px;
        border: 1px solid #DBDBDB;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: calc(100vw * (8/1400)) 0;
        padding-left: calc(100vw * (16/1400));
        position: relative;
    }
    .write_wrap .file_box .file_name .esc{
        position: absolute;
        right: calc(100vw * (16/1400));
        background: url(../img/service_center/esc.svg)no-repeat;
        background-size: contain;
        width: calc(100vw * (26/1400));
        height: calc(100vw * (26/1400));
        border-radius: 50%;
    }
    .write_wrap .file_box .file{
        margin-left: calc(100vw * (36/1400));
        padding: calc(100vw * (7/1400)) calc(100vw * (21/1400));
        border: 1px solid #000000;
        border-radius: 4px;
        background-color: #fff;
        cursor: pointer;
    }
    .change_btn_box{
        display: flex;
        justify-content: center;
        margin-bottom: calc(100vw * (145/1400));
        margin-top: calc(100vw * (35/1400));
    }
    .change_btn_box .btn{
        width: calc(100vw * (206/1400));
        height: calc(100vw * (50/1400));
        border-radius: 4px;
        font-size: calc(100vw * (16/1400));
    }
    .change_btn_box .cancel{
        background-color: #FFFFFF;
        border: 1px solid #E97F30;
        color: #E97F30;
        font-weight: 500;
        margin-right: calc(100vw * (16/1400));
    }

    .change_btn_box .confirm{
        background-color: #E97F30;
        color: #FFFFFF;
        font-weight: 700;
    }
    .change_btn_box .confirm:disabled{
        background-color: rgba(233,127,48, 0.4);
        color: #FFFFFF;
        font-weight: 700;
    }
    /* 작성완료모달창 */
    .write_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    /* 수정완료 모달창 */
    .rewrite_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    /* 삭제모달창 */
    .delete_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    /* 삭제확인모달창 */
    .delete_ok_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    /* 등록신청모달창 */
    .enrollment_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    /* 상품제안신청모달창 */
    .proposal_write_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    .proposal_rewrite_modal_wrap{
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: rgba(0,0,0,0.35);
        z-index: 1000;
        display: none;
    }
    .change_modal{
        width: calc(100vw * (467/1400));
        height: calc(100vw * (184/1400));
        background-color: #FFFFFF;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
    }
    .change_modal .ment{
        margin-bottom: calc(100vw * (30/1400));
        font-size: calc(100vw * (16/1400));
        font-weight: 500;
        color: #292929;
    }
    .change_modal .btn{
        background-color: #E97F30;
        border-radius: 4px;
        color: #fff;
        font-size: calc(100vw * (16/1400));
        font-weight: 700;
        padding: calc(100vw * (8/1400)) calc(100vw * (51/1400));
    }
    .change_modal .cancel_btn{
        background-color: #FFFFFF;
        color: #E97F30;
        border: 1px solid #E97F30;
        margin-right: calc(100vw * (16/1400));
    }
    .change_modal .btn_box{
        display: flex;
    }


    /* 쇼핑몰등록신청페이지 */
    .enrollment{
        width: calc(100vw * (1094/1400));
        margin: 0 auto;
        font-size: calc(100vw * (16/1400));
        font-weight: 500;
        color: #888888;
        margin-top: calc(100vw * (65/1400));
        word-spacing: -2.0px;
    }
    .circle_wrap{
        margin-top: calc(100vw * (90/1400));
        display: flex;
        justify-content: center;
    }
    .circle_wrap .circle {
        width: calc(100vw * (180/1400));
        height: calc(100vw * (180/1400));
        margin-right: calc(100vw * (93/1400));
        border-radius: 50%;
        background:linear-gradient(to right bottom,#CB2B32, #E97F30);
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circle_wrap .circle .circle_info{
        font-size: calc(100vw * (20/1400));
        font-weight: 700;
        color: #FFFFFF;
        text-align: center;
    }
    .circle_wrap .circle::after{
        position: absolute;
        content: '';
        width: calc(100vw * (28/1400));
        height: calc(100vw * (28/1400));
        background: url(../img/service_center/circle_next.svg)no-repeat;
        background-size: contain;
        right: calc(100vw * (-63/1400));
    }
    .circle_wrap .circle:last-child::after{
        display: none;
    }
    .enrollment_Write{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        margin-top: calc(100vw * (100/1400));
        margin-bottom: calc(100vw * (145/1400));
        width: calc(100vw * (206/1400));
        height: calc(100vw * (50/1400));
        background-color: #E97F30;
        border-radius: 4px;
        color: #FFFFFF;
        font-size: calc(100vw * (16/1400));
        font-weight: 700;
    }


    /* 쇼핑몰등록신청_글쓰기페이지 */
    .enrollment_box .form_box{
        display: flex;
        align-items: center;
    }
    .enrollment_box .form_box .form_sub_box{
        display: flex;
        align-items: center;
    }
    .enrollment_box .form_box .form_sub_box.box_two{
        margin-left: calc(100vw * (51/1400));
    }
    .enrollment_box .form_box .form_sub_box .name{
        margin-right: calc(100vw * (51/1400));
    }
    .enrollment_box .form_box .form_sub_box .form{
        border-radius: 4px;
        background-color: #FFFFFF;
        border: 1px solid #DBDBDB;
        height: calc(100vw * (40/1400));
        padding-left: calc(100vw * (15/1400));
    }
    .enrollment_box .form_box .form_sub_box .company{
        width: calc(100vw * (364/1400));
    }
    .enrollment_box .form_box .form_sub_box .company_name{
        width: calc(100vw * (279/1400));
    }
    .enrollment_box .tel_wrap .name_2{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #888888;
    }
    .enrollment_box .tel_wrap{
        display: flex;
        align-items: center;
    }
    .enrollment_box .tel_wrap:nth-child(1){
        margin-bottom: calc(100vw * (9/1400));
    }
    .enrollment_box .tel_wrap .tel_line{
        margin: 0 calc(100vw * (16/1400));
    }
    .enrollment_box .tel_wrap .tel{
        width: calc(100vw * (57/1400));
    }
    .enrollment_box .call_box{
        margin-top: calc(100vw * (38/1400));
    }
    .tel_form_box{
        display: flex;
        flex-direction: column;
    }
    .tel_form_box:nth-child(2){
        margin-right: calc(100vw * (82/1400));
    }
    .enrollment_box .call_box .form_sub_box{
        align-items: baseline;
    }
    .enrollment_box .form_box .form_sub_box .tel_wrap .head{
        margin-right: calc(100vw * (34/1400));
    }
    .enrollment_box .form_box .form_sub_box .tel_wrap .etc{
        margin-right: calc(100vw * (60/1400));
    }
    .enrollment_box .form_box .form_sub_box .address_name{
        margin-right: calc(100vw * (66/1400));
    }
    .enrollment_box .address_box .form_sub_box{
        align-items: baseline;
        margin-top: calc(100vw * (30/1400));
    }
    .enrollment_box .address_box .add_one{
        width: calc(100vw * (221/1400));
    }
    .add_search_btn{
        width: calc(100vw * (130/1400));
        height: calc(100vw * (40/1400));
        border-radius: 4px;
        background-color: #E97F30;
        margin-left: calc(100vw * (5/1400));
        font-size: calc(100vw * (16/1400));
        font-weight: 400;
        color: #FFFFFF;
        cursor: pointer;
    }
    .add_one_box{
        margin-bottom: calc(100vw * (9/1400));
    }
   
    .enrollment_box .address_box .add_two_box .add_two:nth-child(1){
        margin-bottom: calc(100vw * (9/1400));
    }
    .enrollment_box .address_box .add_two_box .add_two{
        width: calc(100vw * (803/1400));
    }
    .emali_box .form_sub_box{
        margin-top: calc(100vw * (30/1400));
    }
    .emali_box .form_sub_box .email_input{
        width: calc(100vw * (356/1400));
    }
    .enrollment_sub_box{
        width: calc(100vw * (1094/1400));
        margin: 0 auto;
        padding-bottom: calc(100vw * (44/1400));
        margin-bottom: calc(100vw * (60/1400));
        border-bottom: 2px solid #CB2B32;
    }


    /* 광고신청페이지 */
    .add_wrap .enrollment{
        word-spacing: 1px;
    }
    .enrollment span .ment{
        font-size: calc(100vw * (20/1400));
        font-weight: 700;
        color: #E97F30;
    }
    .enrollment span{
        vertical-align: text-bottom;
    }

    .add_wrap .circle_sub_wrap{
        width: calc(100vw * (206/1400));
        height: calc(100vw * (206/1400));
        margin-right: calc(100vw * (58/1400));
        border-radius: 50%;
        background-color: #DBDBDB;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .add_wrap .circle_sub_wrap .circle{
        background: linear-gradient(to bottom,#E97F30 50%,#CB2B32)
    }
    .add_wrap .circle_wrap{
        margin-bottom: calc(100vw * (132/1400));
        position: relative;
    }
    .add_wrap .circle_wrap::after{
        position: absolute;
        content: '';
        width: calc(100vw * (792/1400));
        height: 1px;
        background-color: #DA302B;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }


    /* 상품제안 페이지 */
    .proposal_wrap .table_box .table_th .content_title{
        width: calc(100vw * (582/1400));
    }
    .proposal_wrap .table_box .table_th .writer{
        width: calc(100vw * (250/1400));
    }
    .proposal_wrap .table_box .table_th .date{
        width: calc(100vw * (150/1400));
    }
    .proposal_wrap .board_box{
        margin-bottom: calc(100vw * (53/1400));
    }
    .proposal_wrap .table_th .answer_box{
        border: 1px solid #CB2B32;
        padding: calc(100vw * (20/1400));
    }
    .proposal_wrap .table_th .answer_top{
        display: flex;
        align-items: baseline;
        border-bottom: 1px solid #DBDBDB;
        padding-right: calc(100vw * (20/1400));
    }
    .proposal_wrap .table_th .answer_top .title{
        margin: 0;
        margin-left: calc(100vw * (5/1400));
        text-align: left;
        font-size: calc(100vw * (14/1400));
        font-weight: 700;
        color :#000000;
        width: inherit;
        max-width: calc(100vw * (700/1400));
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .proposal_wrap .table_th .answer_top .date{
        margin-left: calc(100vw * (34/1400));
    }
    .proposal_wrap .table_th .answer_top .btn_wrap{
        margin-left: auto;
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #20232B;
    }
    .proposal_wrap .table_th .answer_top .btn_wrap a{
        padding-right: calc(100vw * (8.5/1400));
        position: relative;
        margin-right: calc(100vw * (8.5/1400));
    }
    .proposal_wrap .table_th .answer_top .btn_wrap a::after{
        position: absolute;
        content: '';
        height: calc(100vw * (8/1400));
        width: 1px;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background-color: #DBDBDB;
    }
    .proposal_wrap .table_th .answer_top .btn_wrap .delete{
        background: none;
    }
    .proposal_wrap .table_th .answer_btm{
        height: calc(100vw * (60/1400));
        display: flex;
        align-items: center;
        border-bottom: 1px solid #DBDBDB;
        padding-left: calc(100vw * (5/1400));
    }
    .proposal_wrap .table_th .answer_btm .name{
        font-size: calc(100vw * (14/1400));
        font-weight: 400;
        color: #DA302B;
    }
    .proposal_wrap .table_th .answer_btm .email{
        color: #000000
    }
    .proposal_wrap .table_th .answer_btm .email_name{
        padding-right: calc(100vw * (12.5/1400));
        margin-right:calc(100vw * (12.5/1400));
        position: relative;
    }
    .proposal_wrap .table_th .answer_btm .email_name::after{
        position: absolute;
        content: '';
        height: calc(100vw * (17.5/1400));
        width: 1px;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background-color: #DBDBDB;
    }
    .proposal_wrap .table_th .answer_ment{
        border: none;
        margin: 0;
        padding: 0;
    }
    .proposal_wrap .table_th .answer_ment .ment{
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }


    /* 상품제안 글쓰기 페이지 */
    .proposal_wrap .board_top .search_wrap_2{
        margin-left: 0;
        width: calc(100vw * (949/1400));
    }
}



/* 모바일 */
@media all and (max-width: 900px){
    /* 메인베너 */
    .main_visual{
        height: calc(100vw * (183/428));
    }
    .main_visual .btm_bg{
        height: calc(100vw * (84/428));
        bottom: calc(100vw * (-4/428));
    }
    .inner_wrap{
        width: 100%;
        padding: 0 calc(100vw * (20/428));
    }
    .main_visual .btm_bg .inner_wrap{
        height: 100%;
    }
    .main_visual .btm_bg p{
        height: 100%;
        margin-left: 0;
        font-size: calc(100vw * (13/428));
    }
    .inner_wrap.service{
        display: flex;
    }
    .main_visual .main_title{
        margin: 0;
        height: calc(100vw * (125/428));
        width: 100%;
    }
    .main_visual .main_title .title{
        margin-right: calc(100vw * (8/428));
        font-size: calc(100vw * (21/428));
    }
    .main_visual .main_title .sub_title{
        font-size: calc(100vw * (51/428));
    }


    /* 공지사항 */
    .notice_wrap{
        margin-top: calc(100vw * (24/428));
    }
    .title_box{
        width: 100%;
        display: none;
    }
    .notice_wrap .title{
        font-size: calc(100vw * (20/428));
        font-weight: 500;
        margin-bottom: calc(100vw * (20/428));
    }
    .nav_list_big_box{
        width: 100%;
        display: flex;
        overflow: hidden;
    }
    .swiper-slide a{
        display: block;
    }
    .notice_wrap .nav_list_box{        
        font-size: calc(100vw * (16/428));
        border-bottom: unset;
        margin-bottom: calc(100vw * (21/428));
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        width: calc(100vw * (630/428));
        height: auto;
    }
    /* 스크롤바 없애기 */
    .notice_wrap ::-webkit-scrollbar { 
        display: none; 
    }
    .notice_wrap .nav_list_box .nav_list a{
        padding:0;
        border-bottom: 0;
        position: relative;
    }
    .notice_wrap .nav_list_box .nav_list{
        margin: calc(100vw * (15/428)) calc(100vw * (13/428));
        position: relative;
        white-space: nowrap;
        height: auto;
    }
    .swiper-slide { width: auto !important; }
    .notice_wrap .nav_list:first-child{
        margin-left: 0;
    }
    .notice_wrap .nav_list:last-child{
        margin-right: 0;
    }
    .notice_wrap .nav_list_box .nav_list.active{
        background-color: #fff;
        color: #DA302B;
    }
    .notice_wrap .nav_list.active a::after {
        content: '';
        position: absolute;
        bottom: calc(100vw * (-6/428));
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #DA302B;
    }
    .board_box{
        width: 100%;
        margin-bottom: calc(100vw * (20/428));
    }
    .board_box .board_top{
        flex-wrap: wrap;
    }
    .board_box .board_top .select_wrap{
        width: 100%;
        height: calc(100vw * (42/428));
        margin-bottom: calc(100vw * (8/428));
    }
    .board_box .board_top .select_wrap .one{
        font-size: calc(100vw * (15/428));
        padding: calc(100vw * (10/428));
        padding-left: calc(100vw * (15/428));
    }
    .board_box .board_top .select_wrap .one::after{
        width: calc(100vw * (14/428));
        height: calc(100vw * (7/428));
        right: calc(100vw * (15/428));
    }
    .select_wrap ul{
        height: calc(100vw * (160/428));
        z-index: 50;
    }
    .select_wrap ul li{
        padding: calc(100vw * (12/428));
        font-size: calc(100vw * (16/428));
    }
    .board_top .search_wrap{
        margin-left: 0;
        width: calc(100vw * (306/428));
        height: calc(100vw * (42/428));
    }
    .board_top .search_wrap .search{
        padding: calc(100vw * (10/428)) 0;
        padding-left: calc(100vw * (15/428)); 
        padding-top: calc(100vw * (11/428));
        font-size: calc(100vw * (15/428)); 
    }
    .board_top .search_wrap .search::placeholder{
        font-size: calc(100vw * (15/428));
    }
    .board_top .search_btn{
        padding: calc(100vw * (11/428)) calc(100vw * (21/428));
        margin-left: auto;
        font-size: calc(100vw * (14/428));
    }
    .question_wrap .board_top .search_btn{
        margin-left: auto;
    }
    .proposal_wrap .board_top .search_btn{
        margin-left: auto;
    }
    
    .table_box{
        width: 100%;
        border-top: none
    }
    .table_box .table_th{
        display: none;
    }
    /* mb_table */
    .mb_table_box{        
        border-bottom: 1px solid #D9D9D9;
    }
    .mb_table_sub_box{
        padding: calc(100vw * (20/428));
        border-top: 1px solid #D9D9D9;
        cursor: pointer;
        position: relative;
    }
    .mb_table_sub_box .num{
        font-size: calc(100vw * (14/428));
        font-weight: 400;
        margin-right: calc(100vw * (21/428));
        color: #20232B;
    }
    .mb_table_sub_box .num.date{
        margin-right: calc(100vw * (64/428));
        color: #ACACAC;
    }
    .mb_table_sub_box .num.view{
        margin-right: 0;
        color: #ACACAC;
    }
    .mb_table_sub_box .num.name{
        color: #20232B;
        margin-right: 0;
        margin-top: calc(100vw * (20/428));
        width: calc(100vw * (300/428));
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mb_table_sub_box::after{
        position: absolute;
        content: '';
        width: calc(100vw * (24/428));
        height: calc(100vw * (24/428));
        background: url(../img/mypage/mb_table_btn.svg)no-repeat;
        background-size: contain;
        top: 50%;
        transform: translateY(-50%);
        right: calc(100vw * (20/428));
    }
    .mb_table_box.active .mb_table_sub_box::after{
        background: url(../img/mypage/mb_btn_on.svg)no-repeat;
        background-size: contain;
    }
    .mb_answer_box{
        padding: 0 calc(100vw * (20/428));
        margin-bottom: calc(100vw * (20/428));
        display: none;
    }
    .mb_answer_box .ment{
        font-size: calc(100vw * (14/428));
        font-weight: 400;
        color: #000000;
    }
    .mb_table_box:last-child{
        border-bottom: none;
    }
    .mb_table_box.active .mb_answer_box{
        display: block;
    }
    .notice_wrap .table_nav_box{
        margin-top: calc(100vw * (28/428));
        margin-bottom: calc(100vw * (80/428));
        align-items: center;
    }
    .table_nav_box .btn_box .btn{
        width: calc(100vw *(11/428));
        height: calc(100vw *(10/428));
    }
    .table_nav_box .btn_box .btn:first-child {
        margin-right: calc(100vw *(30/428));
    }
    .table_nav_box .btn_box .btn img{
        width: 100%;
        height: 100%;
    }
    .table_nav{
        margin: 0 calc(100vw *(30/428)); 
    }
    .table_nav .nav{
        margin-right: calc(100vw * (30/428));
        font-size: calc(100vw * (16/428));
    }
    .default{
        height: calc(100vw * (125/428));
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid #D9D9D9;
        font-size: calc(100vw * (14/428));
        font-weight: 400;
        color: #888888;
    }


    /* fqa페이지 */
    .tab_wrap{
        width: 100%;
        padding:0;
        flex-wrap: wrap;
        margin-bottom: calc(100vw * (20/428));
        justify-content:flex-start;
    }
    .tab_wrap .tab{
        font-size: calc(100vw * (14/428));
        width: 25%;
        /* text-overflow: ellipsis;
        overflow: hidden; */
        white-space: nowrap;
        text-align: center;
    }
    .tab_wrap .tab:nth-child(1),
    .tab_wrap .tab:nth-child(2),
    .tab_wrap .tab:nth-child(3),
    .tab_wrap .tab:nth-child(4) {
        margin-bottom: calc(100vw * (29/428));
    }
    /* 1:1문의페이지 */
    .mb_write{
        width: 100%;
        text-align: center;
        border-radius: 4px;
        background-color: #FFFFFF;
        border: 1px solid #000000;
        padding:calc(100vw * (12/428)) calc(100vw * (148/428));
        font-size: calc(100vw * (14/428));
        font-weight: 700;
        margin-bottom: calc(100vw * (20/428));
    }
    .question_wrap .table_box .table_th.fir{
        display: none;
    }
    .question_wrap .table_box .table_th{
        border-top: 1px solid #D9D9D9;
    }
    .question_wrap .table_box .table_th{
        width: 100%;
    }
    .question_wrap .table_box .tb_sub_box{
        width: 100%;
        position: relative;
        padding: calc(100vw * (20/428)) 0;
    }
    .question_wrap .table_box .table_th .num_2{
        font-size: calc(100vw * (14/428));
        padding: 0;
        align-items: baseline;
        justify-content: left;
    }
    .question_wrap .table_box .table_th .num{
        width: auto;
    }
    .question_wrap .table_box .table_th .content_name{
        display: none;
    }
    .question_wrap .table_box .table_th .item{
        order: 3;
        text-align: left;
        margin-top: calc(100vw * (20/428));
        width: calc(100vw * (265/428));
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }
    .question_wrap .table_box .table_th .date{
        width: auto;
        color: #ACACAC;
        margin-left: calc(100vw * (13/428));
    }
    .question_wrap .sub_box{
        flex-wrap: wrap;
        width: calc(100vw * (268/428));
    }
    .question_wrap .table_box .table_th .form{
        width: calc(100vw * (55/428));
        display: flex;
        align-items: flex-end;
    }
    .question_wrap .table_th .tb_sub_box::after{
        position: absolute;
        content: '';
        width: calc(100vw * (24/428));
        height: calc(100vw * (24/428));
        background: url(../img/mypage/mb_table_btn.svg)no-repeat;
        background-size: contain;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }
    .question_wrap .table_th.active .tb_sub_box::after{
        background: url(../img/mypage/mb_btn_on.svg)no-repeat;
        background-size: contain;
    }
    .question_wrap .table_th .answer_box{
        width: 100%;
        padding: calc(100vw * (20/428)) calc(100vw * (18/428));
    }
    .question_wrap .answer_box .answer_top .img_wrap{
        width: calc(100vw * (55/428));
        height: calc(100vw * (55/428));
    }
    .question_wrap .item_info{
        margin-left: calc(100vw * (14/428));
        display: flex;
        flex-direction: column-reverse;
    }
    .question_wrap .answer_box .answer_top .item_name{
        font-size: calc(100vw * (14/428));
        margin-left: 0;
        margin-top: calc(100vw * (8/428));
        max-width: calc(100vw * (283/428));
        padding: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .question_wrap .answer_box .answer_top{        
        margin-top: calc(100vw * (20/428));
        padding-bottom: calc(100vw * (23/428));
    }
    .question_wrap .answer_box .answer_top .mb_none{
        display: none;
    }
    .question_wrap .answer_box .answer_top span{
        margin-left: 0;
        font-size: calc(100vw * (14/428));
        color: #DA302B;
    }
    .question_wrap .answer_box .answer_top .btn_box{
        top: calc(100vw * (-20/428));
    }
    .question_wrap .answer_box .answer_top .btn_box .btn.re_write{
        padding-right: calc(100vw * (8.5/428));
    }
    .question_wrap .answer_box .answer_top .btn_box .btn{
        font-size: calc(100vw * (14/428));
    }
    .question_wrap .answer_box .answer_top .btn_box .btn.delete{
        margin-left: calc(100vw * (8.5/428));
    }
    .question_wrap .answer_box .answer_top .btn_box .btn.re_write::after{
        height: calc(100vw * (8/428));
    }
    .question_wrap .answer_btm .guest_qna{
        margin-top: calc(100vw * (23/428));
        font-size: calc(100vw * (14/428));
    }
    .question_wrap .answer_ment{
        margin-top: calc(100vw * (20/428));
        padding-top: calc(100vw * (20/428));
    }
    .question_wrap .answer_ment .ment_top{
        flex-wrap: wrap;
    }
    .question_wrap .answer_ment .ment_top .answer{
        order: 2;
        font-size: calc(100vw * (14/428));
        min-width: calc(100vw * (26/428));
    }
    .question_wrap .answer_ment .ment_top .item_name{
        order: 3;
        font-size: calc(100vw * (14/428));
        margin-left: calc(100vw * (16/428));
        max-width: calc(100vw * (300/428));
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
    .question_wrap .answer_ment .ment_top .day{
        width: 100%;
        order: 1;
        display: block;
        font-size: calc(100vw * (14/428));
        margin-bottom: calc(100vw * (20/428));
    }
    .question_wrap .answer_ment .ment{
        font-size: calc(100vw * (14/428));
        margin: 0;
        margin-top: calc(100vw * (20/428));
    }
    .change_modal{
        width: calc(100vw * (384/428));
        height: calc(100vw * (184/428));
    }
    .change_modal .ment{
        font-size: calc(100vw * (16/428));
        margin-bottom: calc(100vw * (32/428));
    }
    .change_modal .btn{
        font-size: calc(100vw * (16/428));
        padding: calc(100vw * (8/428)) calc(100vw * (51/428));
    }
    .change_modal .cancel_btn{
        margin-right: calc(100vw * (16/428));
    }

    /* 1:1 문의하기 글쓰기 */
    .write_wrap .board_box{
        width: 100%;
        border-top: none;
        padding: calc(100vw * (32/428)) 0;
        border-bottom: 1px solid #ACACAC;
    }
    .write_wrap .board_box::after{
        position: absolute;
        width: 100%;
        height: calc(100vw * (2/428));
        background-color: #000000;
        content: '';
        top: 0;
    }
    .write_wrap .name{
        margin: 0;
        font-size: calc(100vw * (16/428));
        margin-bottom: calc(100vw * (21/428));
    }
    .write_wrap .board_top .search_wrap{
        width: 100%;
    }
    .write_wrap .board_top .search_wrap .search{
        font-size: calc(100vw * (16/428));
        font-weight: 400;
        padding-left: calc(100vw * (16/428));
    }
    
    .write_wrap .board_btm{
        margin-top: calc(100vw * (22/428));
        flex-wrap: wrap;
    }
    .write_wrap .name.name_2{
        margin-right: 0;
        width: 100%;
        margin-bottom: calc(100vw * (9/428));
    }
    .write_wrap .board_btm .emali_wrap{
        width: 100%;
    }
    .write_wrap .board_btm .form{
        width: 100%;
        padding: calc(100vw * (8/428)) 0;
        height: calc(100vw * (40/428));
        padding-left: calc(100vw * (16/428));
        font-size: calc(100vw * (16/428));
        margin-bottom: calc(100vw * (22/428));
    }
    .write_wrap .board_btm .tel_wrap{
        width: 100%;
    }
    .write_wrap .board_btm .form.tel{
        width: calc(100vw * (99/428));
        margin-bottom: 0;
    }
    .write_wrap .board_btm .tel_wrap .tel_line{
        margin: 0 calc(100vw * (18/428));
        font-size: calc(100vw * (16/428));
    }
    .write_wrap .edit_box{
        width: 100%;
        height: calc(100vw * (345/428));
        margin:calc(100vw * (20/428)) 0;
    }
    .write_wrap .edit_box .edit{
        padding: calc(100vw * (13/428)) 0;
        padding-left: calc(100vw * (41/428));
        font-size: calc(100vw * (14/428));
        font-weight: 700;
    }
    .write_wrap .file_box{
        width: 100%;
        flex-wrap: wrap;
    }
    .write_wrap .file_box .name_3{
        margin-right: 0;
        width: 100%;
    }
    .write_wrap .file_box .file_name{
        order: 3;
        width: calc(100vw * (279/428));
        height: calc(100vw * (40/428));
        padding: calc(100vw * (8/428));
        padding-left: calc(100vw * (16/428));
        font-size: calc(100vw * (16/428));
        font-weight: 400;
        margin-left: calc(100vw * (5/428));
    }
    .write_wrap .file_box .file_name .esc{
        width: calc(100vw * (26/428));
        height: calc(100vw * (26/428));
        right: calc(100vw * (16/428));
    }
    .write_wrap .file_box .file{
        margin-left: 0;
        padding: calc(100vw * (9/428)) calc(100vw * (22/428));
        font-size: calc(100vw * (14/428));
        font-weight: 400;
    }
    .change_btn_box{
        margin-bottom: calc(100vw * (80/428));
        margin-top: calc(100vw * (24/428));
    }
    .change_btn_box .btn{
        width: calc(100vw * (186/428));
        height: calc(100vw * (50/428));
        font-size: calc(100vw * (16/428));
    }
    .change_btn_box .cancel{
        margin-right: calc(100vw * (10/428));
    }
    .question_wrap .table_box .table_th.body{
        height: auto;
    }


    /* 쇼핑몰등록신청페이지 */
    .shop_box{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .enrollment{
        width: 100%;
        order: 2;
        font-size: calc(100vw * (14/428));
        margin-top: calc(100vw * (46/428));
        margin-bottom: calc(100vw * (53/428));
    }
    .enrollment_Write{
        order: 3;
    }
    .circle_wrap{
        margin-top: calc(100vw * (40/428));
    }
    .circle_wrap .circle{
        width: calc(100vw * (88/428));
        height: calc(100vw * (88/428));
        margin-right: 0;
    }
    .circle_wrap .circle .circle_info{
        font-size: calc(100vw * (13/428));
    }
    .circle_wrap .circle::after{
        width: calc(100vw * (6/428));
        height: calc(100vw * (12/428));
        right: 0;
        bottom: 0;
    }
    .circle_wrap .circle:nth-child(2){
        margin-top: calc(100vw * (82/428));
    }
    .circle_wrap .circle:nth-child(1)::after{
        transform: rotate(45deg);
        right: calc(100vw * (-10/428));
    }
    .circle_wrap .circle:nth-child(2)::after{
        transform: rotate(-45deg);
        right: calc(100vw * (-10/428));
        top: 0;
    }
    .circle_wrap .circle:nth-child(4){
        margin-top: calc(100vw * (82/428));
    }
    .circle_wrap .circle:nth-child(3)::after{
        transform: rotate(45deg);
        right: calc(100vw * (-10/428));
    }
    .enrollment_Write{
        width: calc(100vw * (206/428));
        height: calc(100vw * (50/428));
        font-size: calc(100vw * (16/428));
        margin-top: calc(100vw * (53/428));
        margin-bottom: calc(100vw * (66/428));
    }


    /* 쇼핑몰등록신청_글쓰기페이지 */
    .enrollment_box .form_box{
        flex-direction: column;
    }
    .enrollment_box .form_box .form_sub_box{
        flex-direction: column;
        width: 100%;
        align-items: baseline;
    }
    .enrollment_box .form_box .form_sub_box.box_two{
        margin-left: 0;
        margin-top: calc(100vw * (20/428));
    }
    .enrollment_box .form_box .form_sub_box .name{
        margin:0;
        margin-bottom: calc(100vw * (9/428));
    }
    .enrollment_box .form_box .form_sub_box .company{
        width: 100%;
    }
    .enrollment_box .form_box .form_sub_box .form{        
        height: calc(100vw * (40/428));
        padding: calc(100vw * (9/428)) 0;
        padding-left: calc(100vw * (16/428));
        font-size: calc(100vw * (16/428));
        font-weight: 400;
    }
    .enrollment_box .address_box .add_one{
        width: calc(100vw * (246/428));
    }
    .enrollment_box .form_box .form_sub_box .company_name{
        width: 100%;
    }
    .enrollment_box .call_box{
        margin-top: calc(100vw * (22/428));
    }
    .enrollment_box .form_box .form_sub_box .name.hide{
        display: none;
    }
    .enrollment_box .tel_wrap{
        width: 100%;
        flex-wrap: wrap;
    }
    .enrollment_box .form_box .form_sub_box .tel_wrap .head{
        margin-right: 0;
        font-size: calc(100vw * (16/428));
        font-weight: 400;
        color: #222222;
    }
    .enrollment_box .tel_wrap .tel{
        width: calc(100vw * (99/428));
    }
    .tel_form_box:nth-child(2){
        margin-right: 0;
    }
    .enrollment_box .tel_wrap .tel_line{
        font-size: calc(100vw * (16/428));
        margin: 0 calc(100vw * (18/428));
    }
    .enrollment_box .form_box .form_sub_box .tel_wrap .etc{
        margin-right: 0;
        font-size: calc(100vw * (16/428));
        color: #222222;
        margin-top: calc(100vw * (8/428));
    }
    .tel_form_box{
        margin-bottom: calc(100vw * (10/428));
    }
    .emali_box .form_sub_box .email_input{
        width: 100%;
    }
    .enrollment_box .address_box .add_two_box .add_two{
        width: 100%;
    }
    .enrollment_box .address_box .add_two_box .add_two:nth-child(1){
        margin-bottom: calc(100vw * (9/428));
    }
    .enrollment_box .address_box .form_sub_box{
        margin-top: calc(100vw * (14/428));
    }
    .add_form_box{
        width: 100%;
    }
    .add_one_box{
        margin-bottom: calc(100vw * (8/428));
        display: flex;
        justify-content: space-between;
    }
    .emali_box .form_sub_box{
        margin-top: calc(100vw * (22/428));
    }
    .enrollment_sub_box{
        width: 100%;
        padding-bottom: 0;
        margin-bottom: calc(100vw * (44/428));
        border-bottom: none;
    }
    .add_search_btn{
        width: calc(100vw * (130/428));
        height: calc(100vw * (40/428));
        font-size: calc(100vw *(16/428));
        margin-left: calc(100vw * (8/428));
    }
    .enrollment_wrap .board_box{
        border-bottom: none;
    }



    /* ad */
    .add_wrap .circle_wrap::after{
        display: none;
    }
    .add_wrap .enrollment{
        text-align: center;
    }
    .add_wrap .enrollment span .ment{
        font-size: calc(100vw * (14/428));
    }
    .add_wrap .circle_wrap{
        margin-bottom: calc(100vw * (141/428));
    }
    .add_wrap .circle_sub_wrap{
        width: calc(100vw * (79/428));
        height: calc(100vw * (79/428));
        margin-right: 0;
        position: relative;
    }
    .add_wrap .circle_sub_wrap .circle{
        width: calc(100vw * (69/428));
        height: calc(100vw * (69/428));
    }
    .add_wrap .circle_sub_wrap:nth-child(2){
        margin-top: calc(100vw * (74/428));
    }
    .add_wrap .circle_sub_wrap:nth-child(4){
        margin-top: calc(100vw * (74/428));
    }
    .add_wrap .circle_sub_wrap:nth-child(1)::after{
        position: absolute;
        content: "";
        width: calc(100vw * (101/428));
        height: calc(100vw * (73/428));
        background: url(../img/service_center/line_1.svg)no-repeat;
        background-size: contain;
        z-index: -1;
        top: 50%;
        left: 50%;
    }
    .add_wrap .circle_sub_wrap:nth-child(2)::after{
        position: absolute;
        content: "";
        width: calc(100vw * (101/428));
        height: calc(100vw * (73/428));
        background: url(../img/service_center/line_2.svg)no-repeat;
        background-size: contain;
        z-index: -1;
        bottom: 50%;
        left: 70%;
    }
    .add_wrap .circle_sub_wrap:nth-child(3)::after{
        position: absolute;
        content: "";
        width: calc(100vw * (101/428));
        height: calc(100vw * (73/428));
        background: url(../img/service_center/line_1.svg)no-repeat;
        background-size: contain;
        z-index: -1;
        top: 50%;
        left: 50%;
    }
    
    
    /* 상품제안 페이지 */
    .proposal_wrap .mb_write{
        padding: calc(100vw * (10/428)) calc(100vw * (130/428));
    }
    .proposal_wrap .table_box .table_th .writer{
        display: none;
    }
    .proposal_wrap .table_box .table_th .content_title{
        order: 3;
        width: calc(100vw *(310/428));
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        margin-top: calc(100vw * (20/428));
    }
    .proposal_wrap .table_box .tb_sub_box{
        flex-wrap: wrap;
    }
    .proposal_wrap .table_box .table_th .date{
        display: flex;
    }
    .proposal_wrap .table_th .answer_box{
        border: 1px solid #8E8E8E;
    }
    .proposal_wrap .table_th .answer_top{
        margin:0;
        padding: 0;
        padding-bottom: calc(100vw * (20/428));
    }
    .proposal_wrap .table_th .answer_top .title{
        display: none;
    }
    .proposal_wrap .table_th .answer_top .date{
        display: none;
    }
    .proposal_wrap .answer_box .answer_top .mb_writer{
        display: flex;
    }
    .proposal_wrap .answer_box .answer_top .mb_writer_name{
        margin-left: calc(100vw * (12/428));
        color: #20232B;
    }
    .proposal_wrap .table_th .answer_top .btn_wrap{
        font-size: calc(100vw * (14/428));
        color: #ACACAC;       
    }
    .proposal_wrap .table_th .answer_top .btn_wrap a{
        padding-right: calc(100vw * (8.5/428));
        margin-right: calc(100vw * (8.5/428));
    }
    .proposal_wrap .table_th .answer_top .btn_wrap .delete{
        font-size: calc(100vw * (14/428));
        color:#ACACAC;
    }
    .proposal_wrap .table_th .answer_top .btn_wrap a::after{
        height: calc(100vw * (8/428));
    }
    .proposal_wrap .table_th .answer_btm{
        height: auto;
        padding:0;
        flex-wrap: wrap;
    }
    .proposal_wrap .table_th .answer_btm .email_name::after{
        display: none;
    }
    .proposal_wrap .table_th .answer_btm .email_name{
        padding:0 ;
        margin: 0;
        width: 100%;
        padding: calc(100vw * (20/428)) 0;
        border-bottom: 1px solid #DBDBDB;
    }
    .proposal_wrap .table_th .answer_btm .email{
        margin-left: calc(100vw * (8/428));
    }
    .proposal_wrap .table_th .answer_btm .name{
        font-size: calc(100vw * (14/428));
    }
    .proposal_wrap .table_th .answer_btm .phone_name{        
        width: 100%;
        padding: calc(100vw * (20/428)) 0;
    }
    .proposal_wrap .table_th .answer_ment .ment{
        margin-top: calc(100vw * (20/428));
    }
}