@charset "utf-8";

.img_box img {width: 100%;}
.m_color {color: var(--man-color-02);}

.ctt_header {display: none;padding: 0 2%;border-bottom: 1px solid var(--man-color-02)}
.ctt_header h1 {color: var(--man-color-02);padding: 12px 12px 12px;line-height: 1.2}
.ctt_header .btn_box .btn_back {display: block;width: 40px;height: 40px;background: url(/theme/momo/common/images/btn_back.png) center no-repeat;background-size: contain}
/* #content */
.sub_visual {padding: 130px 0;text-align: center;position:relative}
.sub_visual::after{content:''; display: block; position:absolute; bottom: 0; left: 50%; transform:translate(-50%,0);width: 80%; height: 2px; background:#000;}
.sub_visual h1 {font-size: 44px;line-height: 1em;letter-spacing: -1px;}

.container{padding: 60px 14.7% 160px;}
.main_text{font-size: 22px;font-weight: 600;line-height: 1.6;letter-spacing: -0.02em;text-align: center;text-wrap: balance;word-break: keep-all;}
.table_wrap{width: calc(1136 / 1368 * 100%); margin: 90px auto 64px;}
.table_wrap table{width: 100%; }
.main_table{margin: 16px 0;}
.sub_table{margin-top: 64px;}
.table_wrap table thead tr:first-of-type{border-top: 1px solid #B0C3DF;border-bottom: 1px solid #B0C3DF;background: var(--man-color-06);}
.table_wrap table thead tr:first-of-type th{font-size: 24px;  padding:14px 0;}
.main_table thead tr th{height: 60px;}
.sub_table thead tr th{height: 42px;}
.sub_table thead tr:not(:first-of-type) th{background: var(--man-color-04);}
.table_wrap table tr {border-bottom: 1px solid #B9BAC1;}
.table_wrap table th, .table_wrap table td{text-align: center; line-height: 1.4}
.table_wrap table th{font-size: 16px;font-weight: 600;border-right: 1px solid #B9BAC1;}
.table_wrap table th:last-of-type{border-right:none;}
.table_wrap table td{font-size: 14px;padding: 8px 0;border-left: 1px solid #B9BAC1;}
.note_text{font-size: 16px;font-weight: 500; line-height: 1.4; text-align: right;color: #1C1C1C}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .container{padding: 60px 12.6% 160px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
  .table_wrap{width: 100%;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
 
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    .sub_visual {padding: 60px 0;}
    .sub_visual h1 {font-size: 36px;}
    .sub_visual::after{width:100%;}

    .container{padding: 60px 5% 160px;}
    .table_wrap{margin:60px auto;}
    .main_text{font-size: 18px;}
    .main_table thead tr th{height: 40px;}  
    .sub_table thead tr th{height: 32px;}
    .table_wrap table thead tr:first-of-type th{font-size: 18px; }
    .table_wrap table th,.table_wrap table td{font-size: 12px;}
    .note_text{font-size: 14px;}
 
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:767px) {
  #headerAreaMobile {display: none;}
  .ctt_header {display: block;}

   /* content */
  .sub_visual{padding:0;}
  .sub_visual h1 {font-size: 34px;}
  .sub_visual::after{content:none;}
  .container{padding: 32px 24px 80px;}

  .main_text{font-size: 16px;font-weight: 500; line-height: 1.6;}
  .table_wrap{margin:40px auto;}
  .note_text{font-size: 10px;}
  .table_wrap table td{font-size: 10px;}
  .main_table tbody th{ writing-mode: vertical-lr;  text-orientation: mixed; white-space: nowrap;}

}