@charset "utf-8";

/* #content */
.img_box img {width: 100%;}
.block {display: block;}
.m_color {color: #0C82FE;}
.normal_text {font-weight: 400;}
.warning_text {color: #F00 !important;}
.detail_text {display: block; font-size: .6em;}

.nonbenefit_top {background: #EAF2FF;}
.nonbenefit_top .inner {padding: 110px 0; box-sizing: border-box;}
.nonbenefit_top .inner h3 {font-size: 70px; line-height: 1em; letter-spacing: -1px; text-align: center;}


.nonbenefit_con .inner {padding: 0 25% 150px;}
.nonbenefit_con .inner h4 {font-size: 70px; letter-spacing: -1px; text-align: center; color: #000; margin: 150px 0 80px;}
.nonbenefit_con .inner table {width: 100%; text-align: center;}
.nonbenefit_con .inner table caption {color: #505050; text-align: right; font-size: 20px; font-weight: 300; line-height: 28px; letter-spacing: -1px; margin-bottom: 1em;}
.nonbenefit_con .inner table > thead {background: #DFE0E2; border-top: 1px solid #C5C7C9; border-bottom: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > thead tr th {font-size: 26px; line-height: 28px; letter-spacing: -1px; padding: 20.5px 0; color: #000; border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > thead tr th:last-child {border-right: none;}

.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 #C5C7C9;}
.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; border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > tbody tr th:last-child {border-right: none;}
.nonbenefit_con .inner table > tbody tr td {font-weight: 350; font-size: 23px; line-height: 28px; letter-spacing: -1px; color: #505050; 
    padding: 19px 0; box-sizing: border-box; border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > tbody tr td:last-child {border-right: none; font-size: 21px; line-height: 26px;}
.nonbenefit_con .inner table > tbody tr td.border_r {border-right: 1px solid #C5C7C9;}
.nonbenefit_con .inner table > tbody tr td .m_color {font-weight: 500; font-size: 18px;}

.nonbenefit_con .inner .notice {color: #505050; text-align: right; font-size: 20px; font-weight: 300; line-height: 28px; letter-spacing: -1px;}
.nonbenefit_con .inner .notice:first-of-type {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: 50px;}

    .nonbenefit_con .inner {padding: 0 15% 150px;}
    .nonbenefit_con .inner h4 {font-size: 50px; margin: 100px 0 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: 42px;}

    .nonbenefit_con .inner {padding: 0 5% 80px;}
    .nonbenefit_con .inner h4 {font-size: 34px; margin: 80px 0 40px;}
    .nonbenefit_con .inner table {width: 100%; text-align: center;}
    .nonbenefit_con .inner table caption {font-size: 16px; line-height: 22px;}
    .nonbenefit_con .inner table > thead tr th {font-size: 20px; line-height: 22px; padding: 15.5px 0; border-right: .5px solid #C5C7C9;}
    
    .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 td {font-size: 18px; line-height: 22px; padding: 15px 0;}
    .nonbenefit_con .inner table > tbody tr td .m_color {font-size: 14px;}
    .nonbenefit_con .inner table > tbody tr td:last-child {font-size: 16px; line-height: 20px;}
    
    .nonbenefit_con .inner .notice {font-size: 16px; line-height: 22px;}
    .nonbenefit_con .inner .notice:first-of-type {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: 50px 0;}
    .nonbenefit_top .inner h3 {font-size: 36px;}

    .nonbenefit_con .inner {padding: 0 5% 50px;}
    .nonbenefit_con .inner h4 {font-size: 30px; margin: 50px 0 20px;}
    .nonbenefit_con .inner table caption {font-size: 10px; line-height: 11px;}
    .nonbenefit_con .inner table > thead {border-top: 1px solid rgba(197, 199, 201, 0.20); border-bottom: 1px solid rgba(197, 199, 201, 0.20);}
    .nonbenefit_con .inner table > thead tr th {font-size: 10px; line-height: 15px; padding: 5.5px 0; border-right: 1px solid rgba(197, 199, 201, 0.20);}
    
    .nonbenefit_con .inner table > tbody tr {border-bottom: 1px solid rgba(197, 199, 201, 0.20);}
    .nonbenefit_con .inner table > tbody tr th.treatment_name {font-size: 10px; line-height: 15px; border-right: 1px solid rgba(197, 199, 201, 0.20); padding: 0 12px;}
    .nonbenefit_con .inner table > tbody tr th {font-size: 10px; line-height: 13px; padding: 6.5px 0; border-right: 1px solid rgba(197, 199, 201, 0.20);}
    .nonbenefit_con .inner table > tbody tr td {font-size: 10px; line-height: 13px; padding: 6.5px 0; border-right: 1px solid rgba(197, 199, 201, 0.20);}
    .nonbenefit_con .inner table > tbody tr td:last-child {font-size: 8px; line-height: 10px;}
    .nonbenefit_con .inner table > tbody tr td.border_r {border-right: 1px solid rgba(197, 199, 201, 0.20);}
    .nonbenefit_con .inner table > tbody tr td .m_color {font-size: 7px;}
    
    .nonbenefit_con .inner .notice {font-size: 8px; line-height: 11px;}
    .nonbenefit_con .inner .notice:first-of-type {margin-top: 15px;}
    .nonbenefit_con .inner .logo_box {width: 82.5px; height: 22.5px; margin: 20px auto 0;}  
}