@charset "utf-8";

/* #content */
.img_box img {width: 100%;}
.block {display: block;}
.m_color {color: var(--primary-color);}
.normal_text {font-weight: 400;}
.warning_text {color: #FF0000 !important;}

.nonbenefit_top .inner {padding: 150px 16.6% 0; box-sizing: border-box; }
.nonbenefit_top .inner h3 {font-size: 40px; font-weight: 700; line-height: 2; letter-spacing: -1px;border-bottom: 1px solid var(--primary-color); }

.nonbenefit_con .inner .content_title{font-size: 40px;font-weight: 700; text-align: left; text-wrap: balance; word-break: keep-all;}
.nonbenefit_con .inner {padding: 100px 25% 150px;}
.nonbenefit_con .inner .content_graph{margin-top: 100px; }
.nonbenefit_con .inner .content_graph div .content_graph_title{font-size: 32px; font-weight: 700; }
.content_graph_title02{font-size: 16px;color: var( --gray-color-800);}
.nonbenefit_con .inner table {width: 100%;text-align: center;margin-top: 30px;}
.nonbenefit_con .inner table caption {font-weight: 700; font-size: 70px; letter-spacing: -1px; text-align: center; color: #000; margin-bottom: 90px;}
.nonbenefit_con .inner table > thead { border-top: 2px solid var(--primary-color); border-bottom: 1px solid var(--primary-color); }
.nonbenefit_con .inner table > thead tr th {font-size: 22px;line-height: 28px;letter-spacing: -1px;padding: 20.5px 0;color: var(--primary-color);}

.nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 26px; font-weight: 700; line-height: 39px; letter-spacing: -1px; color: #000;
    border-right: 1px solid #C5C7C9; padding: 0 54px;}
.nonbenefit_con .inner table > tbody:nth-child(2n-1) tr th.treatment_name {background: #A4D0FF;}
.nonbenefit_con .inner table > tbody:nth-child(2n-1) tr th {background: #F0F7FF;}
.nonbenefit_con .inner table > tbody:nth-child(2n-1) tr td {background: #F0F7FF;}
.nonbenefit_con .inner table > tbody:nth-child(2n) tr th.treatment_name {background: #DFE0E2;}
.nonbenefit_con .inner table > tbody:nth-child(2n) tr th {background: #fff;}
.nonbenefit_con .inner table > tbody:nth-child(2n) tr td {background: #fff;}
.nonbenefit_con .inner table > tbody tr {border-bottom: 1px solid  var(--primary-color);}
.nonbenefit_con .inner table > tbody tr th {font-weight: 350; font-size: 23px; line-height: 28px; letter-spacing: -1px; color: #505050;
    padding: 19px 0; box-sizing: border-box;}

.nonbenefit_con .inner table > tbody tr td {font-weight: 350;font-size: 23px;line-height: 28px;letter-spacing: -1px;color: var(--primary-color);padding: 19px 0;box-sizing: border-box;border-right: 1px solid  var(--primary-color);}

.nonbenefit_con .inner table > tbody tr td:last-child {border-right: none;}
.nonbenefit_con .inner table > tbody tr td .m_color {font-weight: 500; font-size: 18px;}

.nonbenefit_con .inner .graph_notice {color: var(--gray-color-800); text-align: center; font-size: 20px; line-height: 28px; letter-spacing: -1px; margin-top: 40px;}
.nonbenefit_con .inner .logo_box {width: 216px; height: 60px; margin: 52px auto 0;
    background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: center; background-size: contain;}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .nonbenefit_top .inner h3 {/* font-size: 70px; */}
    .nonbenefit_top .inner {padding: 40px 15%;}
    .nonbenefit_con .inner {padding: 0 15% 150px;}
    .nonbenefit_con .inner table caption {font-size: 50px; margin-bottom: 50px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {

}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    .nonbenefit_top .inner {padding: 80px 0;}
    .nonbenefit_top .inner h3 {font-size: 28px;padding: 0 24px;}

    .nonbenefit_con .inner {padding: 0 5% 80px;}
    /* .nonbenefit_con .inner table {margin-top: 50px;} */
    .nonbenefit_con .inner table caption {font-size: 34px; margin-bottom: 50px;}
    .nonbenefit_con .inner table > thead tr th {font-size: 20px; line-height: 22px; padding: 15.5px 0; }

    .nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 20px; line-height: 30px; padding: 0 40px;}
    .nonbenefit_con .inner table > tbody tr th {font-size: 18px; line-height: 22px; padding: 15px 0;}
    .nonbenefit_con .inner table > tbody tr th .m_color {font-size: 14px;}

    .nonbenefit_con .inner .notice {font-size: 16px; line-height: 22px; margin-top: 20px;}
    .nonbenefit_con .inner .logo_box {width: 165px; height: 45px; margin: 40px auto 0; background-image: url(../images/logo_mo.png);}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    .nonbenefit_top .inner {padding: 0 0 12px;}
    .nonbenefit_top .inner h3 {font-size: 26px;}

    .nonbenefit_con .inner .content_title{font-size: 20px; }
    .nonbenefit_con .inner .content_graph div .content_graph_title{font-size: 16px; }
    .content_graph_title02{font-size: 12px;}
    .nonbenefit_con .inner .content_graph{margin-top: 40px; }

    .nonbenefit_con .inner {padding: 0 5% 50px;}
    .nonbenefit_con .inner table {margin-top: 12px;}
    .nonbenefit_con .inner table caption {font-size: 30px; margin-bottom: 30px;}
    .nonbenefit_con .inner table > thead tr th {font-size: 10px; line-height: 15px; padding: 12px 0;}

    .nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 10px; line-height: 15px; padding: 0 20px;}
    .nonbenefit_con .inner table > tbody tr th {font-size: 10px; line-height: 13px; padding: 6.5px 0;}
    .nonbenefit_con .inner table > tbody tr th .m_color {font-size: 7px;}
    .nonbenefit_con .inner table > tbody tr td {font-size: 10px; font-weight: 400; line-height: 1.4;padding: 12px 0; }

    .nonbenefit_con .inner .graph_notice {font-size: 10px; line-height: 11px; }
    .nonbenefit_con .inner .logo_box {width: 82.5px; height: 22.5px; margin: 20px auto 0;}
}