@charset "utf-8";

/* #content */
.img_box img {width: 100%;}
.block {display: block;}
.detail_text {display: block; font-size: .6em;}

.sub_visual {background: rgba(240, 235, 255, .5);}
.sub_visual .inner {padding: 130px 0; box-sizing: border-box;}
.sub_visual .inner h3 {font-size: 72px; line-height: 1em; letter-spacing: -1px; text-align: center; color: #161718;}


.nonbenefit_con .inner {padding: 160px 20%;}
.nonbenefit_con .inner h4 {font-size: 64px; letter-spacing: -1px; text-align: center;}
.nonbenefit_con .inner > div {position: relative;}
.nonbenefit_con .inner > div .update_date {font-size: 20px; line-height: 28px; letter-spacing: -1px; color: #474A4D; position: absolute; top: .5em; right: 0;}
.nonbenefit_con .inner table {width: 100%; text-align: center; margin-top: 80px;}
.nonbenefit_con .inner table caption {color: #474A4D; text-align: left; font-size: 32px; font-weight: 700; line-height: 1em; letter-spacing: -1px; margin-bottom: .6em;}
.nonbenefit_con .inner table > thead {background: #DFE0E2; border-top: 1px solid #C5C7C9; border-bottom: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > thead tr th {height: 70px; line-height: 70px; font-size: 26px; letter-spacing: -1px; color: #161718; border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > thead tr th:last-child {border-right: none;}

.nonbenefit_con .inner table > tbody tr {border-bottom: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 26px; font-weight: 700; line-height: 39px; letter-spacing: -1px; color: #161718;
    border-right: 1px solid #C5C7C9; padding: 0 12px;}
.nonbenefit_con .inner table > tbody tr th {font-weight: 400; font-size: 23px; line-height: 28px; letter-spacing: -1px; color: #474A4D;
    box-sizing: border-box; border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > tbody tr th:last-child {border-right: none;}
.nonbenefit_con .inner table > tbody tr td {height: 70px; line-height: 70px; font-size: 24px; letter-spacing: -1px; color: #474A4D;
    box-sizing: border-box; border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > tbody tr td:last-child {border-right: none; font-size: 1.1rem;}
.nonbenefit_con .inner table > tbody tr td.border_r {border-right: 1px solid #C5C7C9;}

.nonbenefit_con .inner .main_table table > tbody:nth-child(2n-1) tr {background: #F0EBFF;}
.nonbenefit_con .inner .main_table table > tbody:nth-child(2n-1) tr th.treatment_name {background: #BBA3FF;}
.nonbenefit_con .inner .main_table table > tbody:nth-child(2n) tr {background: #fff;}
.nonbenefit_con .inner .main_table table > tbody:nth-child(2n) tr th.treatment_name {background: #DFE0E2;}

.nonbenefit_con .inner .sub_table table > tbody tr th.treatment_name {background: #FAFAFA;}


.nonbenefit_con .inner .notice {color: #474A4D; text-align: center; font-size: 20px; line-height: 28px; letter-spacing: -1px;}
.nonbenefit_con .inner .notice:first-of-type {margin-top: 80px;}


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .nonbenefit_con .inner {padding: 160px 10%;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    .nonbenefit_con .inner {padding: 160px 8%;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    .nonbenefit_con .inner {padding: 160px 6%;}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    .sub_visual .inner {padding: 80px 0;}
    .sub_visual .inner h3 {font-size: 64px;}
    
    
    .nonbenefit_con .inner {padding: 120px 5%;}
    .nonbenefit_con .inner h4 i {display: block;}
    .nonbenefit_con .inner table {margin-top: 60px;}
    .nonbenefit_con .inner table > thead tr th {font-size: 20px;}
    
    .nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 20px; line-height: 24px; padding: 0;}
    .nonbenefit_con .inner table > tbody tr th {font-size: 18px; line-height: 22px;}
    .nonbenefit_con .inner table > tbody tr td {font-size: 18px; line-height: 22px;}

    .nonbenefit_con .inner .notice:first-of-type {margin-top: 60px;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    .sub_visual .inner {padding: 50px 0;}
    .sub_visual .inner h3 {font-size: 34px;}
    
    
    .nonbenefit_con .inner {padding: 60px 5%;}
    .nonbenefit_con .inner h4 {font-size: 34px;}
    .nonbenefit_con .inner > div .update_date {font-size: 12px; line-height: 1em; top: .5em;}
    .nonbenefit_con .inner table {margin-top: 30px;}
    .nonbenefit_con .inner table caption {font-size: 16px;}
    .nonbenefit_con .inner table > thead tr th {height: 34px; line-height: 34px; font-size: 10px;}

    .nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 10px; line-height: 1em;}
    .nonbenefit_con .inner table > tbody tr th {font-size: 10px; line-height: 1em;}
    .nonbenefit_con .inner table > tbody tr td {height: 34px; line-height: 34px; font-size: 10px;}
    .nonbenefit_con .inner table > tbody tr td:last-child {font-size: 9px;}  
    
    .nonbenefit_con .inner .notice {font-size: 10px; line-height: 14px;}
    .nonbenefit_con .inner .notice:first-of-type {margin-top: 30px;}
}