@charset "utf-8";

/* common */
body{font-weight: 400;}
.cont_group{display: flex;}
.btn.font_13{font-size: 0.8125rem !important;}
.btn{padding: 10px; padding-top: 8px !important; padding-bottom: 8px !important;}
.withdrawal{font-size: 0.875rem;}
.wh_pre{white-space: pre-line;}
.p_li{font-size: 16px;}
.p_li::before{
  content: '*';
  display: inline-block;
  margin-right: 3px;
}
.table th, .table td{word-break: keep-all;}
.m_cont{display: none;}
.t_gray7{color: #212529 !important;}

/* header */
.m_navbar, .nav_close{
  display: none !important;
}
.nav_bar{
  font-size: 1.25rem;
  padding: 0;
}
.nav_bar, .nav_close{
  border: 0;
  outline: none;
  background: transparent;
  margin-left: auto;
  color: #777;
}
.nav_close{
  padding: 10px 20px;
  text-align: right;
  font-size: 1.25rem;
}

/* form */
.form-control{
  height: 40px;
  font-size: 15px !important;
}
form input:focus, form .form-control:focus{
  border: 1px solid #000 !important;
}
form .form-control:focus{
  box-shadow: none;
}
input[type='checkbox']:focus, input[type='radio']:focus{
border: none !important;
}
.user_detail_wr .form-group .p_li {
  white-space: pre-line;
  display: flex;
}
.user_detail_wr .form-group .p_li::before{
  display: none;
}

/* check / radio */
.form-check{
  display: flex;
  margin-bottom: 0.5rem!important;
}
.form-check-label{
  line-height: 22px;
}

.checkbox label{
  display: flex;
  align-items: center;
}
input[type='checkbox'], input[type='radio']{
  appearance: none; /* 체크박스 스타일 제거 */
  border: 0 !important;
}
input[type='checkbox']{
  width: 18px;
  height: 18px;
}
input[type='radio']{
  width: 20px;
  height: 20px;
}
input[type='checkbox']:after{
  top: 0;
}
.cont_cash_wr .form-check.form-check-inline input[type='radio']:after{
  top: 1px;
  left: 0px;
}

/* 서비스 소개 */
.panel-title{font-size: 18px; font-weight: 600;}
.panel-title .font_16{font-size: 18px;}
.panel-body{font-size: 16px;}
.panel-body span{
  display: block;
  padding-left: 1.125rem;
}
.panel-body .pd{
  display: block;
  padding-left: 1.125rem;
}

/* 직업 매칭 설문 */
.job_matching_wr .checkbox label{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0 !important;
}
.job_matching_wr input[type='checkbox']{
  margin-right: 0;
}
.job_matching_wr input:focus, .job_matching_wr .form-control:focus{
  border: 0 !important;
}

/* 직업 콘텐츠 작성/업데이트 */
.sub0102 .font_14 b{
  font-size: 16px;
}

/* table */
.table_scroll{
  width: 100%;
  overflow: auto;
}
.table_scroll .table{
  margin-bottom: 0;
}
.table_scroll::-webkit-scrollbar{
  height: 6px;
}
table .checkbox label{
  justify-content: center;
}

/* cont */
.comcon .cont_text{
  text-align: justify;
  word-break: break-all;
  font-size: 1rem;
}
.comcon .cont_text2{
  /* text-align: justify; */
  word-break: keep-all;
  font-size: 1rem;
  white-space: pre-wrap;
}
.comcon .cont_text strong{
  font-weight: 500;
  font-size: 1rem;
}

/* 회원가입 */
.join_wr .checkbox label{
  display: block;
}

/* 직업 콘텐츠 작성 */
.job_write_wr ul li{
  white-space: pre-line;
}

.job_detail_wr .row{
  margin-right: 0;
  margin-left: 0;
}

/* 고객문의 */
.inq_wr .date_cont_wr.row{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.inq_wr .panel-group .cont_group{
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
}

/* 직업 경험담 */
.ex_list_wr .row{
  margin-right: 0;
  margin-left: 0;
}
.ex_list_wr .form-group{
  display: flex;
  margin-bottom: 0;
  justify-content: center;
}

/* 기간 조회 */
.term_tab li{
  line-height: 31px;
  padding: 0rem 1rem !important;
}
.date_cont_wr .d-flex > p{
  line-height: 33px;
}

/* 탈퇴하기 */
.resign_wr .checkbox label{
  align-items: flex-start;
}
.resign_wr input[type='checkbox']{
  margin-top: 3px;
}
.resign_comp_wr p{
  word-break: keep-all;
}

/* youtube */
.youtube_wr{
  position: relative;
  padding-top: 56%;
  width: 100%;
}

.youtube_wr iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 회원정보 조회/수정 */
.user_detail_wr .p_li{
  white-space: inherit;
  word-break: keep-all;
  font-size: 12px !important;
}

/* footer */
#footer{
  padding-right: 0;
  padding-left: 0;
}
.footer_bot .container{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/*반응형 max 1280px xl*/
@media (max-width: 1280px) {
  /* header */
  #header{
    padding-right: 0;
  }
  #header .d-flex{
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    align-items: center;
  }
  #header .navbar{
    min-width: 100% !important;
    justify-content: space-between;
  }

  /* 로그인 */
  .login_ul li{
    font-size: 0.9375rem;
  }
  .login_wr .checkbox label{
    font-size: 0.9375rem;
  }

  /* 홈 > 서비스 소개 */
  .panel-group .panel-title i{
    margin-left: 5px;
  }
  .panel-group .accordion-toggle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.4;
  }
  .panel-body{
    word-break: break-all;
  }
  .panel-body .table{
    word-break: keep-all;
  }

  /* 공지사항 */
  .panel-heading2 .accordion-toggle{
    align-items: baseline;
    flex-direction: column;
  }

  .panel-heading2 .accordion-toggle2{
    align-items: baseline;
    flex-direction: column;
  }

  .panel-heading2 .accordion-toggle p{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* 문의하기 */
  .inq_wr .panel-heading2 .accordion-toggle p{
    justify-content: flex-start;
  }

  /* 기간 조회 */
  .cont_group input{
    font-size: 0.9375rem;
  }

  .inq_wr .date_cont_wr.row{
    justify-content: space-between;
  }
}

/*반응형 max 1059px lg*/
@media (max-width: 1066px) {
  .container{
    width: 960px !important;
  }

  /* 로그인 */
  .login_wr .col-lg-4{
    flex: 0 0 45%;
    max-width: 45%;
  }

  /* 회원가입 */
  .join_wr .wh_pre p{white-space: normal !important; word-break: break-all;}

  /* footer */
  #footer .container{
    width: auto !important;
  }
  .footer_top .container{
    padding: 0;
  }
  .footer_top .f_menu{
    margin: 0;
  }

  .inq_wr .month_cont_wr{
    margin-left: auto;
    margin-top: 20px;
  }

  /* 서비스소개 */
  .panel-body p, .panel-body span{white-space: initial;}

  /* 이용안내 */
  .using_notice_wr .wh_pre{white-space: normal;}

  /* 직업 콘텐츠 작성/업데이트 */
  .sub0102 .p_li{white-space: normal;}
  .job_write_wr li{white-space: normal !important;}

  .comcon3{padding: 0 !important;}
  .comcon3 .col-12{padding: 0 !important}
}

/*반응형 max 1024px lg*/
@media (max-width: 1024px) {
  /* 보관함 / 내 계정 */
  .comcon{
    flex-wrap: wrap;
  }
  .comcon3{
    margin-top: -40px;
  }
  .comcon .col-3, .comcon .col-9, .comcon .col-6{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    transition: all .5s;
  }
  .comcon > .d-flex{
    flex-wrap: wrap;
  }
  .comcon .side_menu{
    margin-right: 0 !important;
    margin-bottom: 30px;
  }
  .sub_con .sub_tit .h3{
    margin-bottom: 20px !important;
  }
  .sub_con > .row{
    margin: 0
  }

  /* 기간 조회 */
  .date_cont_wr{
    justify-content: space-between;
  }

  .cont_box_wr .btn_group > div:last-child{
    display: none;
  }
  
  /* 캐시 충전 및 사용 내역 */
  .cu_com .col-10{
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
  }

  /* 서비스 소개 */
  .panel-body .table{
    word-break: keep-all;
    min-width: 450px;
  }

  /* 이용안내 */
  .using_notice_wr .wh_pre{
    white-space: pre-line;
  }
}

/*반응형 max 992px lg*/
@media (max-width: 992px) {
  .container{
    width: 100% !important;
  }
  /* common */
  .comcon{
    padding: 40px 40px;
  }

  /* header */
  #header .navbar-nav li{
    font-size: 0.9375rem;
  }
  #header > #navbar_header > div ul li:not(:first-child){
    margin-left: 20px;
  }

  /* header > nav */
  .m_navbar, .m_nav, .nav_close{
    display: block !important;
  }
  .m_nav{
    width: 400px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
    border-left: 1px solid #e3e3e3;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    transition: all 0.4s ease-in-out;
    transform: translateX(100%);
    visibility: hidden;
    max-width: 0;
    opacity: 0;
  }
  .m_nav.on{
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    max-width: 100%;
  }
  #header .navbar-nav li{
    display: block!important;
    padding: 20px;
  }
  #header > #navbar_header > div ul li:not(:first-child){
    margin-left: 0;
  }
  .navbar-nav.on{
    visibility: visible;
    margin-right: 0;
    opacity: 1;
  }
  #hovermenu2, #hovermenu1{
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    border: none;
    padding: 10px 0 0;
    display: block !important;
    font-size: 1rem !important;
  }
  #hovermenu2 .clearboth, #hovermenu2 .margin-top-6{
    margin-top: 10px !important;
  }

  /* 로그인 */
  .login_wr .col-lg-4{
    flex: 0 0 60%;
    max-width: 60%;
  }

  /* input */
  .comcon .form-group .form-control{
    height: 42px;
  }
  .upload_file span{height: 34px; line-height: 22px;}

  /* 기간 조회 */
  .date_cont_wr.row{
    margin-right: 0;
    margin-left: 0;
  }
  .date_cont_wr .cont_group{
    margin-bottom: 20px;
  }
  .term_tab{
    justify-content: end;
  }
  .sub_text .mr-3{
    margin-top: 10px;
    margin-right: 0 !important;
  }
  .datepicker{
    height: 42px !important;
  }
  .table-cell{
    height: 42px !important;
  }
  .term_tab li{line-height: 42px !important;}

  /* 기간 조회 > 컨텐츠 보관함*/
  .cont_box_wr .date_cont_wr.d-flex{
    width: 100%;
    flex-direction: column;
  }
  .date_cont_wr .wave_text{
    line-height: 44px !important;
  }

  /* 기간 조회 > 캐시 충전 및 사용 내역 */
  .cash_box_wr .date_cont_wr > .d-flex{
    width: 100%;
    flex-wrap: wrap;
    margin-right: 0 !important;
  }
  .cash_box_wr .month_cont_wr, .inq_wr .month_cont_wr{
    width: 100%;
  }
  .date_cont_wr > .mr-3{
    margin-right: 0 !important;
  }

  /* 기간 조회 > 문의 */
  .inq_wr .cont_group .display-table{
    margin-bottom: 0;
  }

  /* 캐시 충전 및 사용 내역 > 메뉴 */
  .cash_cu ul li{
    padding: 0.5rem 1rem !important;
    font-size: 0.9375rem;
    word-break: keep-all;
    text-align: center;
  }

  /* 문의하기 */
  .inq_wr .month_cont_wr{
    margin-top: 0px;
  }

  /* 직업 콘텐츠 작성/업데이트 */
  .sub0102 .p_li{
    white-space: pre-line;
  }

}

/*반응형 max 767px md*/
@media (max-width: 767px) {
  .pc_cont{display: none;}
  .m_cont{display: block;}

  /* text */
  .h1, h1{font-size: 1.5rem;}
  .h3, h3{font-size: 25px;}
  .wh_pre{white-space: normal;}

  /* form */
  input, select, textarea{
    font-size: 15px !important;
  }

  ul li, .ol li{
    word-break: break-all;
  }
  .t_cut{
    word-break: break-all;
    text-align: justify;
  }
  .t_cut.font_12{font-size: 0.75rem !important;}

  .btn{font-size: 15px;}

  /* table */
  .table th, .table td{
    font-size: 0.9375rem;
  }

  /* 로그인 */
  .login_wr .col-lg-4{
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* 회원가입 */
  .join_wr .col-lg-7 > .wh_pre{white-space: pre-line !important; }

  /* 직업 매칭 설문 */
  .job_matching.row{
    margin: 0;
  }
  .job_matching_wr form > .pl-5{
    padding-left: 20px !important;
  }
  .job_matching .t_cut {
    word-break: break-all;
    line-height: 1.4;
    white-space: inherit;
    font-size: 0.9375rem;
    text-align: center;
  }
  .job_matching table th, .job_matching table td{
    font-size: 0.9375rem;
  }

  .table td p{
    word-break: break-all;
  }

  /* 직업 콘텐츠 작성 */
  .job_write_wr ul.ml-4{
    margin-left: 5px !important;
  }
  .job_write_wr ul li, .job_write_wr ol li{
    white-space: initial;
    text-align: justify;
    font-size: 0.9375rem;
  }
  .job_write_wr .form-group textarea.t_cut{
    height: 500px;
  }
  .job_write_wr .mb-5{
    margin-bottom: 20px !important;
  }
  .job_write_wr .mt-5{
    margin-top: 20px !important;
  }

  /* 매칭된 직업군 */
  .matched_wr .col-12.row{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .matched_wr .col-12.row > .clearboth{
    width: 100% !important;
  }
  .matched_wr input[type='checkbox']:after{
    top: 0px;
  }
  .matched_wr .card-body{
    padding: 0;
  }
  .matched_wr .card-body .con_sum{
    padding-top: 0;
  }
  .matched_wr .con_sum{
    overflow-y: scroll;
    word-break: break-all;
    text-align: justify;
    padding: 1.25rem;
  }

  /* 캐시 충전하기 */
  .cash_box{
    width: 100% !important;
  }
  .form-group{
    width: 100% !important;
    max-width: 100%;
  }
  .cont_cash_wr .t_cut{
    word-break: break-all;
  }
  

  /* 캐시 충전 및 사용 내역 */
  .cu_com .w-50{
    width: 100%!important;
  }
  .cu_com .border-right.border-dark{
    border-right: 0px !important;
    border-bottom: 1px solid #343a40 !important;
  }
  .cash_box_wr .cu_com .d-flex .cash_text{
    font-size: 15px;
    line-height: 18px !important;
  }
  .cont_cash_wr .cash_text{
    font-size: 15px !important;
  }

  /* 문의하기 */
  .inq_write_wr table th{
    width: 80px;
  }
  .table .form-group .form-control{
    margin-bottom: 0 !important;
  }
  .inq_write_wr .table th{
    display: none;
  }
  .inq_write_wr .sr-only{
    position: relative;
    width: 100%;
    height: auto;
    background: #F6F6F6;
    font-weight: 600;
    padding: 0.75rem;
    margin-bottom: 0;
    border-bottom: 1px solid #dee2e6;
    margin: 0;
  }
  .inq_wr .panel-body p{
    font-size: 0.9375rem;
  }

  /* 직업 경험담 */
  .ex_list_wr .float-right{
    float: inherit !important;
    padding-left: 0 !important;
  }
  .ex_list_wr .form-group{
    margin-bottom: 10px;
  }
  .ex_list_wr form .d-flex{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /* table */
  .table_m_wr table tbody{
    display: flex;
    flex-direction: column;
  }
  .table_m_wr table tbody tr{
    display: flex;
    flex-direction: column;
  }
  .table_m_wr table th{
    font-size: 16px;
  }
  .table_m_wr table th, .table_m_wr table td{
    width: 100%;
  }
  .table_m_wr table tr td{
    min-height: 40px;
    font-size: 15px;
  }
  .table_m_wr table td > div{
    white-space: pre-line;
    word-break: break-all;
  }

  /* table */
  .cont_box_wr .table_wr thead th:nth-child(1){
    width: 40px !important;
  }
  .cont_box_wr .table_wr tbody td:nth-child(2){
    width: 105px !important;
  }
  .cont_box_wr .table_wr thead th:nth-child(4){
    width: 110px!important;
  }
  .cont_box_wr .table_wr thead th:nth-last-child(2){
    width: 105px !important;
  }

  /* 탈퇴하기 */
  .resign_wr p, .resign_wr .col-9 > .mb-5{
    font-size: 15px;
  }

  /* 이용안내 */
  .using_notice_wr .wh_pre{
    white-space: normal;
  }

  /* 직업 콘텐츠 작성/업데이트 */
  .sub0102 .p_li{
    white-space: normal;
  }
}

/*반응형 max 680px md*/
@media (max-width: 680px) {
  .main{
    padding-left: 20px;
    padding-right: 20px;
  }
  .comcon2, .comcon{
    padding-left: 20px;
    padding-right: 20px;
  }
  .reset_pw_wr .text_base{
    white-space: inherit !important;
  }

  /* 콘텐츠 보관함 */
  .cont_box_wr .table_wr tbody td:nth-child(3){
    width: 160px !important;
  }
  .cont_box_wr  .table_wr .table{min-width: 500px;}
  .table_wr .table{min-width: 500px;}
}

/*반응형 max 594px sm*/
@media (max-width: 594px) {
  /* footer */
  .footer_top{
    padding-bottom: .5rem !important;
  }
  .footer_top .f_menu li.inline-block{
    display: flex;
    margin-bottom: .5rem;
  }
}

/*반응형 max 576px sm*/
@media (max-width: 576px) {
  /* main */
  .main{padding: 0px 0 60px;}
  .main .panel-group{margin-top: 30px; padding: 0 16px;}
  
  /* 여백 */
  .comcon2, .comcon{
    padding-left: 0px;
    padding-right: 0px;
  }
  .comcon3{padding: 0!important;}
  .comcon3 .col-12{padding: 0!important;}
  .cont_pd_m{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .job_matching_wr{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cont_pd_m .job_matching{
    padding-left: 16px;
    padding-right: 16px;
  }
  .cont_pd_m .cont_tit{
    margin-left: 16px !important;
    padding-right: 16px !important;
  }
  .cont_pd_m .col-lg-8, .cont_pd_m .col-lg-7{padding: 0;}
  .sub0103 .job_matching{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .sub0103 .side_menu{
    padding-left: 16px;
    padding-right: 16px;
  }

  /* form */
  input, select, textarea{
    font-size: 0.9375rem !important;
  }
  .table thead th{vertical-align: middle;}

  /* btn */
  .btn.font_20{font-size: 1.0625rem !important;}
  .btn.font-18, .btn.font_18{
    font-size: 1.0625rem !important;
  }
  .btn-group-lg>.btn, .btn-lg{padding: .8rem 1rem;}
  .font_14, .font-14{font-size: 15px !important;}
  .font_16, .font-16{font-size: 15px !important;}

  /* text */
  .faqHeader{font-size: 18px !important;}
  .h1, h1{font-size: 20px;}
  .h3, h3{font-size: 25px; text-align:left; margin-left:10px;}
  .text_base{font-size: 15px !important;}
  .font_18, .font-18{font-size: 16px !important;}
  .sub_con .sub_tit .h3{font-size: 23px !important; font-weight: 600;}
  label{font-size: 15px;}
  .t_cut b{font-size: 16px !important;}
  .cont_tit .font_18{font-size: 15px !important;}
  .sub_tit p, .sub_tit .font-16{font-size: 15px !important; text-align:left; margin-left:10px;}
  .sub0102 .font_14 b{font-size: 15px !important;}
  .sub_text{font-size: 16px !important; font-weight: 600;}

  .cont_cash_wr p.font_18{font-size: 16px !important; font-weight: 600;}
  .job_matching .h3, .job_matching h3{font-size: 16px; font-weight: 600;}
  .job_detail_wr .mb-5 .t_cut{font-size: 16px; font-weight: 600;}
  .p_li{font-size: 15px;}

  /* banner */
  .banner{
    margin-bottom: 8px !important;
  }
  /* 아코디언 */
  .accordion-toggle .font_16{font-size: 16px !important;}
  .panel-heading, .panel-heading2{font-size: 16px; padding: 1.5rem 10px;}
  .panel-title{font-size: 16px !important;}
  .panel-body{font-size: 15px; padding: 0 10px 1.5rem;}
  .panel-body .font_w_700{font-size: 15px;}
  .panel-body p, .panel-body p{font-size: 15px !important;}
  .panel-body .table th, .panel-body .table td{font-size: 0.9375rem !important;}

  /* 이용약관 */
  .terms_wr .cont_text strong{font-size: 16px;}
  .terms_wr .cont_text{font-size: 15px;}
  .terms_wr table strong{font-size: 15px !important;}

  /* 직업매칭 */
  .job_matching.row{display: block;}
  .job_matching .t_cut{
    font-size: 15px !important;
    text-align: left;
  }

  /* 직업콘텐츠 작성/업데이트 */
  .job_write_wr .t_cut, .job_write_wr .t_cut b, .job_write_wr .sub_tit, .job_write_wr .sub_tit b{font-size: 15px;}
  .t_cut b{font-size: 16px !important;}
  .job_write_wr ul li, .job_write_wr ol li{
    font-size: 16px;
  }

  .btn_group{margin: 0;}

  .term_tab li{font-size: 0.9375rem;}

  .login_wr .col-lg-4{
    padding-left: 0;
    padding-right: 0;
  }
  .login_ul li{font-size: 14px !important;}

  /* 회원가입 */
  .comcon .mb-5{
    margin-bottom: 2rem !important;
  }
  .join_wr .wh_pre p{font-size: 15px;}
  .join_wr .text_base{ word-break: break-all;}
  .join_wr .text_base span{margin-top: 10px;}

  /* 회원탈퇴 */
  .resign_wr .form-group{
    flex: 0 0 70%;
  }

  /* 직업 매칭 설문 */
  .comcon2 form > .pl-5{
    padding-left: 0 !important;
  }
  .job_matching_wr input[type='checkbox']:after{
    top: -1px !important;
  }

  .job_matching table th, .job_matching table td{
    font-size: 0.8125rem;
  }
  .ch_box{
    width: 42px !important;
  }
  .ip_num{
    width: 32px !important;
  }
  .job_matching p{
    font-size: 13px;
  }
  .job_matching .form-control2{
    width: 22px;
  }
  .panel-body span, .panel-body .pd{
    padding-left: 0;
  }

  /* 매칭된 직업군 */
  .matched_wr .py-5{
    padding: 0 16px;
  }
  .matched_wr .row{
    margin: 0;
  }
  .matched_wr .col-12.row{
    padding: 0 16px !important;
  }
  .matched_wr .card-header{font-size: 16px; font-weight: 600;}
  .matched_wr .card-body{font-size: 15px;}

  /* 사이드 메뉴 */
  .side_menu .font_20{font-size: 18px !important;}
  .side_menu .font_18{font-size: 16px !important;}
  
  /* 콘텐츠 보관함 */
  .cash_wr{
    display: flex;
    text-align: center;
  }
  .cont_box_wr .btn_group{
    flex-direction: column;
  }
  .delete_wr{
    margin-bottom: 10px;
  }
  .cash_wr .btn{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .cash_wr .btn:first-child{
    width: 86px;
  }
  .cash_wr .btn:last-child{
    width: calc(100% - 86px);
  }

  /* 캐시 충전 */
  .cont_cash_wr .checkbox label{
    align-items: flex-start;
  }
  .cont_cash_wr input[type='checkbox']{
    margin-top: 3px;
  }

  /* 캐시 충전 및 사용 내역 */
  .cash_box_wr .cu_com .d-flex p{
    font-size: 15px;
  }
  .cash_box_wr .cu_com .d-flex p{
    font-size: 15px;
  }

  /* 아코디언 */
  .panel-heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  /* table */
  .table th, .table td{
    font-size: 0.79rem;
  }
  /* 고객문의 */
  .inq_wr{

  }
}

/*반응형 max 480px sm*/
@media (max-width: 480px) {

    .contents_period{
        width: 98px;
    }
    .contents_name{
        width: 48%;
    }
  .btn.font-18{
    font-size: 15px !important;
  }

  /* header > nav */
  .navbar-nav{
    background-color: #fff;
    width: 100%;
  }

  /* form */
  .form-group, #btn_submit{
    width: 100% !important;
  }
  .checkbox label{
    font-size: 14px !important;
  }

  /* 로그인 */
  .login_wr .checkbox input{
    margin-right: 5px;
  }
  .login_wr .checkbox label{
    font-size: 13px !important;
  }
  .login_ul > ul{
    padding-top: 2px !important;
  }
  .comcon .form-group{
    flex-direction: column;
  }
  .comcon .form-group .form-control{
    margin-right: 0;
    margin-bottom: 10px;
  }

  /* 회원가입 */
  .join_wr .t_cut{
    word-break: break-all;
    line-height: 2.1;
  }
  .text_base{
    word-break: break-all;
  }
  .join_wr .checkbox input[type='checkbox']{
    margin-bottom: 5px;
  }

  /* 회원탈퇴 */
  .resign_wr form{
    margin-right: 0;
    margin-left: 0;
  }
  .resign_wr .form-group{
    flex: 0 0 100%;
    padding: 0 !important;
  }
  .resign_wr #btn_submit{
    margin-right: 0 !important;
    margin-top: 10px !important;
  }
  .resign_wr p, .resign_wr .col-9 > .mb-5{
    font-size: 0.9357rem;
  }

  /* 기간 조회 */
  .date_cont_wr > .d-flex{
    width: 100%;
    flex-wrap: wrap;
  }
  .date_cont_wr .d-flex > p, .date_cont_wr .display-table{
    font-size: 0.9357rem;
  }
  .date_cont_wr .cont_group{
    width: 100%;
    margin-right: 0 !important;
  }
  .cont_group .clearboth{
    width: 100%;
  }
  .cont_group .float-left.display-table{
    margin-left: auto;
    float: inherit !important;
  }
  .term_tab li{
    width: 100%;
    text-align: center;
    font-size: 14px !important;
  }

  /* 캐시충전 및 사용내역 */
  .cash_cu ul li{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 캐쉬 충전 > 구매 완료 */
  .cash_comp_wr .table tbody{
    display: flex;
    flex-direction: column;
  }
  .cash_comp_wr .table tbody tr{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e3e3e3;
  }
  .cash_comp_wr .table tbody tr:last-child{
    border-bottom: 0 !important;
  }
  .cash_comp_wr .table th, .cash_comp_wr .table td{
    width: 100%;
    border: 0 !important;
    transition: all .5s;
  }
  .cash_comp_wr .table td{
    height: 40px;
  }
  .cash_comp_wr .btn_group.row{
    margin-right: 0;
    margin-left: 0;
  }

  .cash_comp_wr .btn_group .btn{
    width: 100%;
  }
  .cash_comp_wr .btn_group .btn:first-child{
    margin-right: 0 !important;
    margin-bottom: 10px;
  }

  /* 직업 경험담 */
  .ex_list_wr .form-group input{
    width: 100%;
    margin-right: 0 !important;
  }

  /* 매칭된 직업군 */
  .matched_wr .con_sum{
    font-size: 0.875rem;
  }
  
  /* footer */
  .footer_bot .d-flex{
    flex-direction: column;
  }
  .footer_bot .d-flex li{
    border-right: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: .2rem;
    font-size: 0.875rem !important;
  }
  .footer_top .f_menu li.inline-block{
    font-size: 0.875rem !important;
  }

  /* 회원정보 수정 */
  .user_write_wr .p_li{
    white-space: normal;
  }

  /*  */
  .revenue_wr .table_wr .table{min-width: 380px;}
  .table_sn .table{min-width: 350px;}
  .revenue_wr .table_wr tbody td:nth-child(1){width: 96px !important;}
  .revenue_wr .table_wr tbody th:nth-child(2){width: 66px !important;}
  .revenue_wr .table_wr tbody th:nth-child(3){width: 66px !important;}
  .revenue_wr .table_wr tbody th:nth-child(4){width: 84px !important;}
}

/*반응형 max 380px sm*/
@media (max-width: 380px) {
  body{font-size: 15px;}
  p{ font-size: 15px; }
  table tbody p{
    font-size: 12.5px;
  }
  .text_base{font-size: 15px !important;}
  .t_cut{font-size: 15px;}
  .font-16{font-size: 15px !important;}
  table td{font-size: 13px;}

  /* header */
  #header {
    padding-right: 0;
    padding-left: 0;
  }
  #header .navbar-nav li{
    font-size: 15px;
  }
  #header .d-flex{
    padding-right: 0 !important;
  }

  /* 로그인 */
  /* .comcon{
    padding-right: 16px;
    padding-left: 16px;
  } */
  .comcon > .pt-5{
    padding-right: 0;
    padding-left: 0;
  }
  
  /* 기간조회 */
  .month_cont_wr .term_tab li{
    padding: 0rem .8rem !important;
  }
}

@media (max-width: 320px) {
  .btn.font-18 {
    font-size: 14px !important;
  }

  /* 이번달 */
  .term_tab li{
    font-size: 13px !important;
  }
}