@charset "UTF-8";

@font-face {
    font-family: "GmarketSans";
    font-weight: 700;
    src: url("../../../font/program/GmarketSansBold.woff2") format("woff2"),
    url("../../../font/program/GmarketSansBold.woff") format("woff"),
    url("../../../font/program/GmarketSansBold.otf") format("opentype");
}
@font-face {
    font-family: "GmarketSans";
    font-weight: 500;
    src: url("../../../font/program/GmarketSansMedium.woff2") format("woff2"),
    url("../../../font/program/GmarketSansMedium.woff") format("woff"),
    url("../../../font/program/GmarketSansMedium.otf") format("opentype");
}
@font-face {
    font-family: "GmarketSans";
    font-weight: 300;
    src: url("../../../font/program/GmarketSansLight.woff2") format("woff2"),
    url("../../../font/program/GmarketSansLight.woff") format("woff"),
    url("../../../font/program/GmarketSansLight.otf") format("opentype");
}

html #n-wrapper {
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-family: "GmarketSans", dotum, sans-serif !important;
    background: #fff;
    font-weight: 500;
    letter-spacing: -1px;
    word-break: keep-all;
}

html #n-wrapper article,
html #n-wrapper aside,
html #n-wrapper details,
html #n-wrapper figcaption,
html #n-wrapper figure,
html #n-wrapper footer,
html #n-wrapper header,
html #n-wrapper hgroup,
html #n-wrapper menu,
html #n-wrapper nav,
html #n-wrapper section {
    display: block;
}
html #n-wrapper label{
    font-weight: 400 !important;
}
#n-wrapper .sr-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

/* 테이블 */
#n-wrapper table.write_style_2 {
    color: #000 !important;
}
#n-wrapper table.write_style_2 th{
    font-weight: 700;
}
#n-wrapper table td div.col-3{
    width: 100% !important;
}
html #n-wrapper table caption {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
}
html #n-wrapper legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}
html #n-wrapper select {
    font-family: "GmarketSans", dotum, sans-serif !important;
    font-size: 1.4rem;
}

/* 셀렉트박스 기본 */
.select {
    width: 100%;
    border: 0;
    height: 4.5rem;
    padding: 0 1rem;
    background: #f2f2f2 url("../../../img/program/ico-select.png") no-repeat;
    background-position: right 1rem center;
    background-size: 1.7rem;
    font-size: 1.6rem;
    font-weight: 500;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select::-ms-expand {
    display: none;
}
.select:focus {
    border: 0;
}

.select.white {
    background-color: #fff !important;
}

/* 라디오박스 */
#n-wrapper .chk-radio {
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-radio input[type="radio"] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0 none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
#n-wrapper .chk-radio label {
    cursor: pointer;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#n-wrapper .chk-radio label span {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    cursor: pointer;
    min-width: 1.8rem;
    min-height: 1.8rem;
    border-radius: 100%;
    border: 1px solid #8d8d8d;
    background: none;
    position: relative;
    margin-right: 1rem;
}
#n-wrapper .chk-radio input[type="radio"]:checked + label span {
    background: #fff;
}
#n-wrapper .chk-radio input[type="radio"]:checked + label span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #3466d5;
    width: 50%;
    height: 50%;
    border-radius: 100%;
}

/* 라디오박스(디자인 적용) */
#n-wrapper .chk-radio-design {
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-radio-design.white label {
    background: #fff;
}
#n-wrapper .chk-radio-design input[type="radio"] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0 none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
#n-wrapper .chk-radio-design label {
    width: 17rem;
    height: 4.5rem;
    padding: 0 1.5rem;
    background: #f2f2f2;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-radio-design label.w-auto {
    width: 100%;
}
#n-wrapper .chk-radio-design label span {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    cursor: pointer;
    min-width: 1.3rem;
    min-height: 1.3rem;
    border-radius: 100%;
    border: 1px solid #d1d1d1;
    background: #fff;
    position: relative;
    margin-right: 1rem;
}
#n-wrapper .chk-radio-design input[type="radio"]:checked + label {
    background: #dd3518;
    color: #fff;
}
#n-wrapper .chk-radio-design.theme-man input[type="radio"]:checked + label {
    background: #3466d5;
    color: #fff;
}

#n-wrapper .chk-radio-design input[type="radio"]:checked + label span {
    background: #fff;
}
#n-wrapper .chk-radio-design input[type="radio"]:checked + label span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #dd3518;
    width: 50%;
    height: 50%;
    border-radius: 100%;
}

#n-wrapper .chk-radio-design.theme-man {
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-radio-design.theme-man label {
    background: #fff;
}
#n-wrapper .chk-radio-design.theme-man input[type="radio"] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0 none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
#n-wrapper .chk-radio-design.theme-man label {
    width: 21rem;
    height: 4.5rem;
    padding: 0 1.5rem;
    background: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-radio-design.theme-man label.w-auto {
    width: 100%;
}
#n-wrapper .chk-radio-design.theme-man label span {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    cursor: pointer;
    min-width: 1.3rem;
    min-height: 1.3rem;
    border-radius: 100%;
    border: 1px solid #d1d1d1;
    background: #fff;
    position: relative;
    margin-right: 1rem;
}
#n-wrapper .chk-radio-design.theme-man input[type="radio"]:checked + label {
    background: #3466d5;
    color: #fff;
}
#n-wrapper .chk-radio-design.theme-man input[type="radio"]:checked + label span {
    background: #fff;
}
#n-wrapper .chk-radio-design.theme-man input[type="radio"]:checked + label span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #3466d5;
    width: 50%;
    height: 50%;
    border-radius: 100%;
}

/* 체크박스 */
#n-wrapper .chk-checkbox {
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-checkbox input[type="checkbox"] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0 none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
#n-wrapper .chk-checkbox label {
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
#n-wrapper .chk-checkbox label span {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    cursor: pointer;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: 1px solid #8d8d8d;
    background: #fff;
    position: relative;
    margin-right: 1rem;
}
#n-wrapper .chk-checkbox input[type="checkbox"]:checked + label span {
    background: #fff url("../../../img/program/ico-checkbox-on.png") 50% 50% no-repeat;
}

/* 체크박스박스(디자인 적용) */
#n-wrapper .chk-checkbox-design {
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-checkbox-design input[type="checkbox"] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0 none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
#n-wrapper .chk-checkbox-design label {
    width: 17rem;
    height: 4.5rem;
    padding: 0 1.5rem;
    background: #f2f2f2;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-checkbox-design label em {
    font-size: 1.1rem;
    font-weight: 500;
    font-style: normal;
}
#n-wrapper .chk-checkbox-design label.row-2 {
    height: 6rem;
}
#n-wrapper .chk-checkbox-design label.row-2 p {
    line-height: 100%;
    padding: 0.6rem 0 0;
}
#n-wrapper .chk-checkbox-design label span {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    cursor: pointer;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: 1px solid #8d8d8d;
    background: #fff;
    position: relative;
    margin-right: 1rem;
}
#n-wrapper .chk-checkbox-design input[type="checkbox"]:checked + label {
    background: #dd3518;
    color: #fff;
}
#n-wrapper .chk-checkbox-design input[type="checkbox"]:checked + label span {
    background: #fff url("../../../img/program/ico-checkbox-on.png") 50% 50% no-repeat;
}

/* 체크박스박스(디자인 적용-아이콘) */
#n-wrapper .chk-checkbox-design-icon {
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .chk-checkbox-design-icon input[type="checkbox"] {
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0 none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
#n-wrapper .chk-checkbox-design-icon label {
    border-radius: 2rem;
    width: 16rem;
    height: 14rem;
    padding: 1.5rem;
    background-color: #f2f2f2;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#n-wrapper .chk-checkbox-design-icon label em {
    font-size: 1.1rem;
    font-weight: 500;
    font-style: normal;
}
#n-wrapper .chk-checkbox-design-icon label span {
    display: inline-block;
    vertical-align: middle;
    top: -3px;
    cursor: pointer;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: 1px solid #8d8d8d;
    background: #fff;
    position: relative;
    margin-right: 1rem;
}
#n-wrapper .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
    background-color: #3466d5 !important;
    color: #fff;
}
#n-wrapper .chk-checkbox-design-icon input[type="checkbox"]:checked + label span {
    background: #fff url("../../../img/program/ico-checkbox-on.png") 50% 50% no-repeat;
}

#n-wrapper .font-bold {
    font-weight: 700;
}
#n-wrapper .font-medium {
    font-weight: 500;
}
#n-wrapper .font-light {
    font-weight: 300;
}

#n-wrapper .d-flex {
    display: flex;
}
#n-wrapper .d-flex.gap {
    gap: 2.2rem;
}
#n-wrapper .flex-wrap {
    flex-wrap: wrap;
}
#n-wrapper .align-items-center {
    align-items: center;
}
#n-wrapper .justify-content-between {
    justify-content: space-between;
}
#n-wrapper .justify-content-center {
    justify-content: center;
}
#n-wrapper .justify-content-end {
    justify-content: flex-end;
}

#n-wrapper .text-center {
    text-align: center !important;
}
#n-wrapper .text-right {
    text-align: center !important;
}
#n-wrapper .text-left {
    text-align: center !important;
}

#n-wrapper .mlr-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
#n-wrapper .ml-1 {
    margin-left: 0.5rem !important;
}
#n-wrapper .ml-2 {
    margin-left: 2rem !important;
}
#n-wrapper .ml-3 {
    margin-left: 3rem !important;
}
#n-wrapper .ml-4 {
    margin-left: 4rem !important;
}
#n-wrapper .ml-5 {
    margin-left: 5rem !important;
}
#n-wrapper .ml-015 {
    margin-left: 1.3rem !important;
}
#n-wrapper .mt-015 {
    margin-top: 1.5rem !important;
}
#n-wrapper .mt-1 {
    margin-top: 1rem !important;
}
#n-wrapper .mt-2 {
    margin-top: 2rem !important;
}
#n-wrapper .mt-3 {
    margin-top: 1rem !important;
}
#n-wrapper .mt-5 {
    margin-top: 5rem !important;
}
#n-wrapper .pt-2 {
    padding-top: 2rem !important;
}
#n-wrapper .mr-1 {
    margin-right: 1rem !important;
}
#n-wrapper .mb-5 {
    margin-bottom: 5rem !important;
}
#n-wrapper .mt-0 {
    margin-top: 0 !important;
}

#n-wrapper .fc-red {
    color: #ff0000;
    font-weight: 500;
}

#n-wrapper .n-frm-input {
    width: 100%;
    border: 0;
    padding: 1rem;
    height: 4.5rem;
    background: #f2f2f2;
}
#n-wrapper .n-frm-input.white {
    background-color: #fff;
}

#n-wrapper .btnWrap {
    margin: 4.5rem 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
}
#n-wrapper .btn-style {
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 2.3rem;
    font-weight: 700;
    padding: 0 5rem;
    height: 6rem;
    border-radius: 3rem;
}
#n-wrapper .btn-style {
    border: 1px solid #333;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 1.25rem;
    letter-spacing: -2px;
}
#n-wrapper .btn-style.yellow {
    padding: 0 15rem;
    background: #ffea00;
}
#n-wrapper .btn-style.yellow span {
    margin-left: 1rem;
    width: 2.1rem;
    height: 2.1rem;
    background: url("../../../img/program/ico-double-arrow.png") 50% 50% no-repeat;
}
#n-wrapper .btn-style.failgray {
    opacity: 0.5;
    filter: grayscale(100%);
}
#n-wrapper .btn-style.blue {
    background: #3466d5;
    color: #fff;
}
#n-wrapper .btn-style.w-300 {
    width: 30rem;
    padding: 0 1rem;
}
#n-wrapper .btn-style.sm {
    font-size: 2rem;
    padding: 0 2rem;
    font-weight: 500;
}
#n-wrapper .btn-style.sm strong {
    color: #3969d5;
}

#n-wrapper .n-required {
    color: #ff0000;
}

#n-wrapper .n-tbl-basic.disabled {
    opacity: 0.5;
}
#n-wrapper .n-tbl-basic th {
    width: 19rem;
    height: 5rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: left;
}
#n-wrapper .n-tbl-basic td {
    padding: 1.5rem 0;
    font-size: 1.6rem;
    font-weight: 500;
}
#n-wrapper .n-tbl-basic td .n-frm-input {
    width: 47rem;
}
#n-wrapper .n-tbl-basic td .description {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 1.5rem 0 0;
}
#n-wrapper .n-question {
    font-size: 2rem;
    font-weight: 500;
    margin: 0 0 2rem;
}
#n-wrapper .n-tbl-basic td .col-3 .chk-radio-design {
    width: 25%;
    padding: 0 0 0 5px;
}
#n-wrapper .n-tbl-basic td .ex {
    background: #f2f2f2;
    font-size: 1.5rem;
    padding: 1rem;
}
#n-wrapper .n-tbl-basic.white {
    color: #fff;
}
#n-wrapper .border-bottom {
    margin: 4rem 0;
    border-bottom: 1px solid #b8b8b8;
}
#n-wrapper .frm-textarea {
    width: 100%;
    height: 12rem;
    background: #f2f2f2;
    border: 0;
    padding: 1rem;
}
#n-wrapper .frm-textarea.white {
    background: #fff;
}
#n-wrapper .overflow-y {
    overflow-y: auto;
}

#n-wrapper .w-auto {
    width: 100%;
    flex: 1;
}
#n-wrapper .w-30 {
    width: 3rem !important;
}
#n-wrapper .w-50 {
    width: 5rem !important;
}
#n-wrapper .w-70 {
    width: 7rem !important;
}
#n-wrapper .w-100 {
    width: 10rem !important;
}
#n-wrapper .w-140 {
    width: 14rem !important;
}
#n-wrapper .w-150 {
    width: 15rem !important;
}
#n-wrapper .w-170 {
    width: 17rem !important;
}
#n-wrapper .w-220 {
    width: 22rem !important;
}

@media all and (max-width: 767px) {
    #n-wrapper .n-tbl-basic.disabled {
        opacity: 0.5;
    }
    #n-wrapper .n-tbl-basic th {
        display: block;
        width: 100%;
        height: auto;
        font-size: 1.5rem;
        font-weight: 700;
        text-align: left;
    }
    #n-wrapper .n-tbl-basic td {
        display: block;
        padding: 1.5rem 0;
        font-size: 1.3rem;
        font-weight: 500;
    }
    #n-wrapper .n-tbl-basic td .n-frm-input {
        width: 100% !important;
        height: 3.5rem !important;
        flex: 1 !important;
    }
    #n-wrapper .n-tbl-basic td .w-140 {
        width: 100% !important;
    }
    #n-wrapper .n-tbl-basic td .w-150 {
        width: 100% !important;
    }
    #n-wrapper .n-tbl-basic td .w-170 {
        width: 100% !important;
    }
    #n-wrapper .n-tbl-basic td .description {
        font-size: 1.3rem;
        font-weight: 500;
        margin: 1rem 0 0;
    }
    #n-wrapper .n-tbl-basic td .n-question {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 2rem;
    }
    #n-wrapper .n-tbl-basic td .col-3 .chk-radio-design {
        width: 47%;
    }

    #n-wrapper .btnWrap {
        margin: 2.5rem 0 0 !important;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    #n-wrapper .btn-style {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        font-weight: 700;
        padding: 0 3rem;
        height: 3.5rem;
        border-radius: 1.75rem;
    }
    #n-wrapper .btn-style {
        border: 1px solid #333;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
        margin: 0 0.7rem;
    }
    #n-wrapper .btn-style.yellow {
        padding: 0 7rem;
        background: #ffea00;
    }
    #n-wrapper .btn-style.yellow span {
        margin-left: 0.5rem;
        width: 1.3rem;
        height: 1.3rem;
        background: url("../../../img/program/ico-double-arrow.png") 50% 50% no-repeat;
        background-size: contain;
    }

    #n-wrapper .border-top-radius {
        border-radius: 3rem 3rem 0 0;
        overflow: hidden;
    }

    #n-wrapper .n-tbl-basic td .select {
        font-size: 1.3rem;
        height: 3.5rem;
        width: 48.3% !important;
        margin: 0 !important;
    }
    #n-wrapper .n-tbl-basic td .d-flex .select:nth-child(odd) {
        margin-right: 1rem !important;
    }

    #n-wrapper .chk-radio-design {
        width: 48.3%;
        margin: 0 !important;
        margin-bottom: 1rem !important;
    }
    #n-wrapper .chk-radio-design:nth-child(odd) {
        margin-right: 1rem !important;
    }
    #n-wrapper .chk-radio-design label {
        width: 100%;
        height: 3.5rem;
        font-size: 1.3rem;
    }
    #n-wrapper .chk-radio-design label span {
        top: -2px;
        min-width: 1.3rem !important;
        min-height: 1.3rem !important;
        margin-right: 0.5rem;
    }

    #n-wrapper .chk-radio-design.h-45 label {
        height: 4.5rem !important;
    }

    #n-wrapper .chk-radio label {
        font-size: 1.3rem;
    }
    #n-wrapper .chk-radio label span {
        top: -2px;
        min-width: 1.3rem !important;
        min-height: 1.3rem !important;
        margin-right: 0.5rem;
    }

    #n-wrapper .chk-checkbox label {
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: 500;
        display: flex; /*align-items:center;*/
        justify-content: center;
    }
    #n-wrapper .chk-checkbox label span {
        /*top:-2px;*/
        min-width: 1.3rem !important;
        min-height: 1.3rem !important;
        margin-right: 0.5rem;
    }

    #n-wrapper .chk-checkbox-design {
        width: 48.3%;
        margin: 0 !important;
        margin-bottom: 1rem !important;
    }
    #n-wrapper .chk-checkbox-design:nth-child(odd) {
        margin-right: 1rem !important;
    }
    #n-wrapper .chk-checkbox-design label {
        width: 100%;
        height: 3.5rem;
        font-size: 1.3rem;
    }
    #n-wrapper .chk-checkbox-design label span {
        top: -2px;
        min-width: 1.3rem !important;
        min-height: 1.3rem !important;
        margin-right: 0.5rem;
    }

    #n-wrapper .border-bottom {
        margin: 1.5rem 0;
        border-bottom: 1px solid #b8b8b8;
    }
}

.pc-block {
    display: block !important;
}
.mobile-block {
    display: none !important;
}

/***** 헤더 *****/
#n-wrapper {
    height: 100%;
}
#n-wrapper .n-header {
    background: #fff;
}
#n-wrapper .n-header .n-logo {
    height: 8rem;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
}
#n-wrapper .n-header .n-logo2 {
    height: 13.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#n-wrapper .n-header .n-logo2 div {
    text-align: center;
}
#n-wrapper .n-header .n-logo2 h1 {
    margin: 1.5rem 0 0;
    font-size: 4rem;
    font-weight: 700;
    color: #dd3518;
}
#n-wrapper .n-header .n-gnbWrap {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .n-header .n-gnbWrap li {
    width: 30rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#n-wrapper .n-header .n-gnbWrap li a {
    font-size: 2.5rem;
    font-weight: 500;
}
#n-wrapper .n-header .n-gnbWrap li.active {
    background: #dd3518;
    border-radius: 2.5rem 2.5rem 0 0;
}
#n-wrapper .n-header .n-gnbWrap li.active a {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    text-underline-position: under;
}

@media all and (max-width: 767px) {
    .pc-block {
        display: none !important;
    }
    .mobile-block {
        display: block !important;
    }

    #n-wrapper {
        height: 100%;
    }
    #n-wrapper .n-header {
        background: #fff;
    }
    #n-wrapper .n-header .n-logo {
        height: 5rem;
        background: #f2f2f2;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #n-wrapper .n-header .n-logo img {
        width: 9rem;
    }
    #n-wrapper .n-header .n-logo2 {
        height: 7rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #n-wrapper .n-header .n-logo2 img {
        width: 5.5rem;
    }
    #n-wrapper .n-header .n-logo2 div {
        text-align: center;
    }
    #n-wrapper .n-header .n-logo2 h1 {
        margin: 0.5rem 0 0;
        font-size: 2rem;
        font-weight: 700;
        color: #dd3518;
    }
    #n-wrapper .n-header .n-gnbWrap {
        max-width: 120rem;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
    }
    #n-wrapper .n-header .n-gnbWrap li {
        width: 25%;
        height: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #n-wrapper .n-header .n-gnbWrap li a {
        font-size: 1.3rem;
        font-weight: 500;
    }
    #n-wrapper .n-header .n-gnbWrap li.active {
        background: #dd3518;
        border-radius: 1.2rem 1.2rem 0 0;
    }
    #n-wrapper .n-header .n-gnbWrap li.active a {
        font-size: 1.3rem;
        font-weight: 700;
        color: #fff;
        text-decoration: underline;
        text-underline-position: under;
    }
}

/***** 메인 *****/
#n-wrapper .n-main {
    height: 65rem;
    /*min-height: calc(100vh - 340px - 215px);*/
    background: #faf9f7 url("../../../img/program/main-bg.png") 50% 0 no-repeat;
    background-size: contain;
}
#n-wrapper .n-main .n-mainWrap {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}
#n-wrapper .n-main .n-mainWrap .mainTxt {
    max-width: 77rem;
    margin: 0 auto;
    padding: 20rem 0 0;
    text-align: center;
}
#n-wrapper .n-main .n-mainWrap .mainTxt h2 {
    display: inline-block;
    position: relative;
    font-size: 7.2rem;
    font-weight: 300;
}
#n-wrapper .n-main .n-mainWrap .mainTxt h2 strong {
    color: #dd3518;
}
#n-wrapper .n-main .n-mainWrap .mainTxt img {
    position: absolute;
    top: -7rem;
    right: -3rem;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .Slogan {
    display: inline-block;
    padding: 0.3rem 1rem;
    margin: 2rem 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    background: #e2e2e2;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap {
    margin: 3rem 0 0;
    display: flex;
    justify-content: center;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a {
    margin: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    width: 13rem;
    height: 9rem;
    border-radius: 1rem;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a:nth-child(1) {
    background: #dd3518;
    color: #fff;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a:nth-child(2) {
    border: 2px solid #787878;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
}
#n-wrapper .n-main .n-mainWrap .mainTxt .n-link {
    margin: 6rem 2rem 0 0;
    text-align: right;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .n-link a {
    font-size: 1.6rem;
    font-weight: 500;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .n-link a {
    padding-right: 2rem;
    background: url("../../../img/program/ico-arrow-link.png") 100% 50% no-repeat;
}
#n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a {
    cursor: pointer;
}

@media all and (max-width: 767px) {
    #n-wrapper .n-main {
        height: auto;
        background: #faf9f7 url("../../../img/program/main-bg.png") 50% 0 no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-main .n-mainWrap {
        max-width: 120rem;
        margin: 0 auto;
        position: relative;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt {
        max-width: 77rem;
        margin: 0 auto;
        padding: 18rem 0 0;
        text-align: center;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt h2 {
        display: inline-block;
        position: relative;
        font-size: 4.7rem;
        font-weight: 300;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt h2 strong {
        color: #dd3518;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt img {
        position: absolute;
        top: -13rem;
        right: -4rem;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .Slogan {
        display: inline-block;
        padding: 0.5rem 1rem 0;
        margin: 1rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        background: #e2e2e2;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap {
        margin: 3rem 0 0;
        display: flex;
        justify-content: center;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a {
        margin: 0 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.3rem;
        font-weight: 700;
        width: 12rem;
        height: 7rem;
        border-radius: 1rem;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a:nth-child(1) {
        background: #dd3518;
        color: #fff;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .linkWrap a:nth-child(2) {
        border: 2px solid #787878;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .n-link {
        margin: 6rem 0 0;
        text-align: center;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .n-link a {
        display: block;
        height: 4.5rem;
        line-height: 4.5rem;
        font-size: 1.3rem;
        color: #fff;
        font-weight: 500;
    }
    #n-wrapper .n-main .n-mainWrap .mainTxt .n-link a {
        padding-right: 0rem;
        background: #cf4206;
    }
}

/***** 퀵메뉴 *****/
#n-wrapper .n-quick {
    position: fixed;
    right: 3rem;
    bottom: 5rem;
}
#n-wrapper .n-quick li {
    margin: 1rem 0 0;
}
#n-wrapper .n-quick li button.btn-sns-kakao {
    width: 7.5rem;
    height: 7.5rem;
    background: url(" ../../../img/program/ico-sns-kakao.png") 50% 50% no-repeat;
}
#n-wrapper .n-quick li button.btn-sns-chat {
    width: 7.5rem;
    height: 7.5rem;
    background: url(" ../../../img/program/ico-sns-chat.png") 50% 50% no-repeat;
}
#n-wrapper .n-quick li button.btn-top {
    width: 7.5rem;
    height: 7.5rem;
    background: url(" ../../../img/program/ico-top.png") 50% 50% no-repeat;
}

@media all and (max-width: 767px) {
    #n-wrapper .n-quick {
        position: fixed;
        right: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 7rem;
    }
    #n-wrapper .n-quick ul {
        display: flex;
        height: 100%;
    }
    #n-wrapper .n-quick li {
        margin: 0;
        width: 33.3%;
    }
    #n-wrapper .n-quick li:nth-child(1) {
        background: #f8e049;
    }
    #n-wrapper .n-quick li:nth-child(2) {
        background: #fff;
    }
    #n-wrapper .n-quick li:nth-child(3) {
        background: #1c0000;
    }
    #n-wrapper .n-quick li {
        margin: 0;
        height: 100%;
    }
    #n-wrapper .n-quick li button.btn-sns-kakao {
        font-size: 1.2rem;
        padding-top: 2.2rem;
        width: 100%;
        height: 100%;
        background: url(" ../../../img/program/mo-ico-sns-kakao.png") 50% 1rem no-repeat;
    }
    #n-wrapper .n-quick li button.btn-sns-chat {
        font-size: 1.2rem;
        padding-top: 2.2rem;
        width: 100%;
        height: 100%;
        background: url(" ../../../img/program/mo-ico-sns-chat.png") 50% 1rem no-repeat;
    }
    #n-wrapper .n-quick li button.btn-top {
        font-size: 1.2rem;
        color: #fff;
        padding-top: 2.2rem;
        width: 100%;
        height: 100%;
        background: url(" ../../../img/program/mo-ico-top.png") 50% 1rem no-repeat;
    }
}

/***** 푸터 *****/
#n-wrapper .n-footer .n-Poll {
    height: 43rem;
    padding: 8rem 0;
    background: #3d3d3d;
    text-align: center;
}
#n-wrapper .n-footer .n-Poll h3 {
    font-size: 3rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
#n-wrapper .n-footer .n-Poll h3:after {
    content: "";
    content: "";
    display: block;
    margin: 3rem auto 4rem;
    width: 3rem;
    height: 2px;
    background: #fff;
}
#n-wrapper .n-footer .n-Poll form {
    margin: 3rem 0 0;
}
#n-wrapper .n-footer .n-Poll form .n-subject {
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
}
#n-wrapper .n-footer .n-Poll form .chk-radioWrap {
    margin: 1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#n-wrapper .n-footer .n-Poll form .chk-radioWrap .chk-radio {
    margin-right: 2rem;
}
#n-wrapper .n-footer .n-Poll form .chk-radioWrap .chk-radio:last-child {
    margin-right: 0;
}
#n-wrapper .n-footer .n-Poll form .btnWrap {
    margin: 5rem 0 0;
    display: flex;
    justify-content: center;
}
#n-wrapper .n-footer .n-link {
    height: 7rem;
    background: #1e1e1e;
}
#n-wrapper .n-footer .n-link .n-colWrap {
    max-width: 120rem;
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
}
#n-wrapper .n-footer .n-link .n-colWrap ul {
    height: 100%;
    display: flex;
    border-left: 1px solid #424242;
}
#n-wrapper .n-footer .n-link .n-colWrap ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.5rem;
    border-right: 1px solid #424242;
}
#n-wrapper .n-footer .n-link .n-colWrap ul li a {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
}
#n-wrapper .n-footer .n-link .n-colWrap ul li a.red {
    color: #dd3518;
}
#n-wrapper .n-footer .n-link .n-colWrap button.btn-dropdown {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    padding-right: 2rem;
}
#n-wrapper .n-footer .n-link .n-colWrap button.btn-dropdown {
    background: url("../../../img/program/ico-arrow.png") 100% 50% no-repeat;
}
#n-wrapper .n-footer .n-link .n-colWrap .n-sns {
    margin-left: auto;
    display: flex;
    align-items: center;
}
#n-wrapper .n-footer .n-link .n-colWrap .n-sns a:first-child {
    margin-right: 1rem;
}
#n-wrapper .n-footer .n-copyright {
    background: #000;
    height: 27rem;
}
#n-wrapper .n-footer .n-copyright .n-colWrap {
    max-width: 120rem;
    margin: 0 auto;
}
#n-wrapper .n-footer .n-copyright .n-colWrap p.copy {
    padding: 5rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3rem;
    color: rgba(255, 255, 255, 0.2);
}
#n-wrapper .n-footer .n-copyright .n-colWrap .logo {
    margin: 5rem 0 0;
    display: flex;
    justify-content: flex-end;
}
#n-wrapper .n-footer .n-copyright .n-colWrap .logo li:not(:first-child) {
    border-left: 1px solid #3d3d3d;
}
#n-wrapper .n-footer .n-copyright .n-colWrap .logo li {
    margin-left: 1.2rem;
    padding-left: 1.2rem;
}
#n-wrapper .n-footer .f-info {
    display: block !important;
}

/***** 푸터 인포 버튼 *****/
#n-wrapper .f-info {
    position: relative;
    width: 100%;
    height: 13rem;
    padding: 1rem 0;
    background: #fff;
    box-shadow: -5px -5px 10px 5px rgba(0, 0, 0, 0.05);
}
#n-wrapper .f-info ul {
    display: flex;
    align-items: center;
    width: 76.8rem;
    margin: 0 auto;
    height: 100%;
}
#n-wrapper .f-info li {
    margin: 0;
    width: 33.3%;
    line-height: 13rem;
    border-right: 1px solid #e4e4e4;
}
#n-wrapper .f-info li:last-child {
    border: 0;
}
#n-wrapper .f-info li {
    margin: 0;
    height: 100%;
}
#n-wrapper .f-info li button.btn-tip {
    font-size: 2.5rem;
    padding-top: 4.5rem;
    width: 100%;
    height: 100%;
    background: url(" ../../../img/program/mo-ico-tip.png") 50% 0 no-repeat;
}
#n-wrapper .f-info li button.btn-restart {
    font-size: 2.5rem;
    padding-top: 4.5rem;
    width: 100%;
    height: 100%;
    background: url(" ../../../img/program/mo-ico-restart.png") 50% 0 no-repeat;
}
#n-wrapper .f-info li button.btn-request {
    font-size: 2.5rem;
    padding-top: 4.5rem;
    width: 100%;
    height: 100%;
    background: url(" ../../../img/program/mo-ico-request.png") 50% 0 no-repeat;
}

@media all and (max-width: 767px) {
    #n-wrapper .n-footer .n-Poll {
        height: 23rem;
        padding: 4rem 0;
        background: #3d3d3d;
        text-align: center;
    }
    #n-wrapper .n-footer .n-Poll h3 {
        font-size: 1.8rem;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }
    #n-wrapper .n-footer .n-Poll h3:after {
        content: "";
        content: "";
        display: block;
        margin: 1.5rem auto 2rem;
        width: 2rem;
        height: 2px;
        background: #fff;
    }
    #n-wrapper .n-footer .n-Poll form {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-footer .n-Poll form .n-subject {
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
    }
    #n-wrapper .n-footer .n-Poll form .chk-radioWrap {
        margin: 1rem 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #n-wrapper .n-footer .n-Poll form .chk-radioWrap .chk-radio {
        margin-right: 1rem;
    }
    #n-wrapper .n-footer .n-Poll form .chk-radioWrap .chk-radio:last-child {
        margin-right: 0;
    }
    #n-wrapper .n-footer .n-Poll form .chk-radioWrap .chk-radio label {
        font-size: 1.3rem;
    }
    #n-wrapper .n-footer .n-Poll form .chk-radioWrap .chk-radio label span {
        top: -2px;
        min-width: 1.3rem !important;
        min-height: 1.3rem !important;
        margin-right: 0.5rem;
    }
    #n-wrapper .n-footer .n-Poll form .btnWrap {
        margin: 2.5rem 0 0;
        display: flex;
        justify-content: center;
    }
    #n-wrapper .n-footer .n-link {
        height: 4rem;
        background: #1e1e1e;
    }
    #n-wrapper .n-footer .n-link .n-colWrap {
        max-width: 120rem;
        height: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
    }
    #n-wrapper .n-footer .n-link .n-colWrap ul {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        border-left: 0;
    }
    #n-wrapper .n-footer .n-link .n-colWrap ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 33.3%;
        border-right: 1px solid #424242;
    }
    #n-wrapper .n-footer .n-link .n-colWrap ul li:last-child {
        border: 0;
    }
    #n-wrapper .n-footer .n-link .n-colWrap ul li a {
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
    }
    #n-wrapper .n-footer .n-link .n-colWrap ul li a.red {
        color: #dd3518;
    }
    #n-wrapper .n-footer .n-link .n-colWrap button.btn-dropdown {
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
        padding-right: 2rem;
    }
    #n-wrapper .n-footer .n-link .n-colWrap button.btn-dropdown {
        background: url("../../../img/program/ico-arrow.png") 100% 50% no-repeat;
    }
    #n-wrapper .n-footer .n-link .n-colWrap .n-sns {
        margin-left: auto;
        display: flex;
        align-items: center;
    }
    #n-wrapper .n-footer .n-link .n-colWrap .n-sns a:first-child {
        margin-right: 1rem;
    }
    #n-wrapper .n-footer .n-copyright {
        background: #000;
        height: auto;
        padding: 0 2rem 11rem 2rem;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap {
        max-width: 120rem;
        margin: 0 auto;
        text-align: center;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap p.copy {
        padding: 4rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 2.5rem;
        color: rgba(255, 255, 255, 0.2);
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo {
        margin: 3rem 0 0;
        display: flex;
        justify-content: center;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo li:not(:first-child) {
        border-left: 1px solid #242424;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo li {
        margin-left: 1.2rem;
        padding-left: 1.2rem;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo img {
        height: 2.5rem;
    }

    #n-wrapper .n-footer .n-copyright .n-colWrap .logo.mobile-block {
        margin: 3rem 0 0;
        display: flex !important;
        justify-content: center;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo.mobile-block li:not(:first-child) {
        border-left: 0;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo.mobile-block li {
        margin: 0 2rem;
        padding: 0;
    }
    #n-wrapper .n-footer .n-copyright .n-colWrap .logo.mobile-block img {
        height: auto;
    }

    /***** 푸터 인포 버튼 *****/
    #n-wrapper .f-info {
        position: relative;
        width: 100%;
        height: 8rem;
        padding: 1rem 0;
        background: #fff;
        box-shadow: -5px -5px 10px 5px rgba(0, 0, 0, 0.05);
    }
    #n-wrapper .f-info ul {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        height: 100%;
    }
    #n-wrapper .f-info li {
        margin: 0;
        width: 33.3%;
        line-height: 8rem;
        border-right: 1px solid #e4e4e4;
    }
    #n-wrapper .f-info li:last-child {
        border: 0;
    }
    #n-wrapper .f-info li {
        margin: 0;
        height: 100%;
    }
    #n-wrapper .f-info li button.btn-tip {
        font-size: 1.3rem;
        padding-top: 3rem;
        width: 100%;
        height: 100%;
        background: url(" ../../../img/program/mo-ico-tip.png") 50% 0 no-repeat;
        background-size: 2.5rem;
    }
    #n-wrapper .f-info li button.btn-restart {
        font-size: 1.3rem;
        padding-top: 3rem;
        width: 100%;
        height: 100%;
        background: url(" ../../../img/program/mo-ico-restart.png") 50% 0 no-repeat;
        background-size: 2.5rem;
    }
    #n-wrapper .f-info li button.btn-request {
        font-size: 1.3rem;
        padding-top: 3rem;
        width: 100%;
        height: 100%;
        background: url(" ../../../img/program/mo-ico-request.png") 50% 0 no-repeat;
        background-size: 2.5rem;
    }
}

/***** 서브 공통 *****/
#n-wrapper .n-container {
    background: #efefef;
}
#n-wrapper .n-container .n-titleWrap {
    background: #fff;
    padding: 8rem 0 5rem;
    text-align: center;
}
#n-wrapper .n-container .n-titleWrap h2 {
    font-size: 4.5rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
}
#n-wrapper .n-container .n-titleWrap h2 span {
    font-weight: 300;
}
#n-wrapper .n-container .n-titleWrap .n-step {
    margin: 3rem 0 0;
}
#n-wrapper .n-container .n-titleWrap .n-step span {
    height: 4.5rem;
    padding: 0.5rem 1.5rem 0.2rem;
    border-radius: 2.5rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    background: #000;
}
#n-wrapper .n-container .n-titleWrap .n-step span.light {
    padding: 0;
    font-weight: 300;
}
#n-wrapper .n-container .n-titleWrap h3 {
    font-size: 3rem;
    font-weight: 700;
    color: #fff;
    margin: 3rem 0 0;
    text-align: center;
}
#n-wrapper .n-container .n-titleWrap h3:after {
    content: "";
    content: "";
    display: block;
    margin: 3rem auto 0;
    width: 3rem;
    height: 2px;
    background: #fff;
}
#n-wrapper .n-container .n-titleWrap p.subTxt {
    margin: 3rem 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    line-height: 2rem;
}
#n-wrapper .n-container .n-titleWrap .txtBox {
    max-width: 72rem;
    padding: 2rem;
    text-align: center;
    font-size: 2.5rem;
    border-radius: 2rem;
    background: #fff;
    margin: 4rem auto 0;
}
#n-wrapper .n-container .n-titleWrap .txtBox span {
    color: #3466d5;
}

#n-wrapper .n-container .bg-white {
    background-color: #fff;
}
#n-wrapper .n-container .bg-gray {
    background-color: #efefef;
}
#n-wrapper .n-container .bg-blue {
    background-color: #3466d5;
}

/***** 소개 *****/
#n-wrapper .n-container.about .n-titleWrap {
    height: 55rem;
}
#n-wrapper .n-container.about .n-containerWrap .n-conArea {
    position: relative;
    margin-top: -34rem;
}
#n-wrapper .n-container .n-containerWrap {
    position: relative;
}
#n-wrapper .n-container .n-containerWrap .n-conArea {
    position: relative;
    max-width: 72rem;
    margin: 0 auto;
    padding: 15px 0 8rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 {
    display: flex;
    justify-content: center;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li {
    padding: 2rem;
    width: 34.5rem;
    height: 43rem;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li:nth-child(1) {
    margin-right: 3rem;
    background: #fff url("../../../img/program/about-img-1.png") 50% 100% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li:nth-child(2) {
    background: #fff url("../../../img/program/about-img-2.png") 50% 100% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p.mainTxt {
    height: 10rem;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p.subTxt {
    font-size: 1.6rem;
    font-weight: 500;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p.subTxt:before {
    content: "";
    display: block;
    margin: 0 0 2rem;
    width: 3rem;
    height: 2px;
    background: #000;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p span {
    color: #dd3518;
}
/*#n-wrapper .n-container .n-containerWrap .n-conArea h3 { font-size:3rem; font-weight:500; padding:8rem 0 0; text-align:center; line-height:3.5rem; }
  #n-wrapper .n-container .n-containerWrap .n-conArea h3:after { content:""; content:""; display:block; margin:3rem auto 4rem; width:3rem; height:2px; background:#000; }*/
#n-wrapper .n-container .n-containerWrap .n-conArea h3 {
    font-size: 30px;
    font-weight: 500;
    padding: 2rem 0 0;
    line-height: 3.5rem;
    text-align: center;
}
#n-wrapper .n-container .n-containerWrap .n-conArea h3:after {
    content: "";
    display: block;
    margin: 1rem auto 2rem;
    width: 3rem;
    height: 2px;
    background: #000;
}
#n-wrapper .n-container .n-containerWrap .n-conArea h3.white {
    font-size: 3rem;
    color: #fff;
    font-weight: 500;
    padding: 8rem 0 0;
    text-align: center;
}
#n-wrapper .n-container .n-containerWrap .n-conArea h3.white:after {
    content: "";
    content: "";
    display: block;
    margin: 3rem auto 4rem;
    width: 3rem;
    height: 2px;
    background: #fff;
}
#n-wrapper .n-container .n-containerWrap .n-conArea h3 span {
    color: #dd3518;
}
#n-wrapper .n-container .n-containerWrap .n-conArea h3 span.step {
    position: relative;
    top: -2px;
    height: 3rem;
    line-height: 100%;
    background: #3466d5;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 700;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem 0;
}
/*#n-wrapper .n-container .n-containerWrap .n-conArea h4 { font-size:3rem; font-weight:500; padding:7rem 0 4rem; text-align:center; line-height:3.5rem; }*/
#n-wrapper .n-container .n-containerWrap .n-conArea h4 {
    font-size: 25px;
    font-weight: 500;
    padding: 2rem 26px 3rem;
    line-height: 3.5rem;
}

#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div {
    border-radius: 2rem;
    overflow: hidden;
    padding: 3rem 3rem 3rem 20rem;
    margin: 0 0 3rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:last-child {
    margin: 0;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .mainTxt {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .mainTxt span {
    color: #dd3518;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .subTxt.ta {
    text-align: left;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(1) {
    background: #fff url("../../../img/program/about-img2-1.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(2) {
    background: #fff url("../../../img/program/about-img2-2.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(3) {
    background: #fff url("../../../img/program/about-img2-3.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(4) {
    /*background: #fff url("../../../img/program/about-img2-4.png") 4rem 50% no-repeat;*/
    background: #fff url("../../../img/program/step03-img-1.png") 2rem 50% no-repeat;       /* 임산부일 경우 로고 수정 -> 다른 부분에서 오류 발생할수도 있음 */
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(5) {
    /*background: #fff url("../../../img/program/about-img2-5.png") 4rem 50% no-repeat;*/
    background: #fff url("../../../img/program/step03-img-2.png") 2rem 50% no-repeat;   /* 임산부일 경우 로고 수정 -> 다른 부분에서 오류 발생할수도 있음 */
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(6) {
    background: #fff url("../../../img/program/about-img2-6.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div {
    border-radius: 2rem;
    overflow: hidden;
    padding: 3rem 3rem 3rem 20rem;
    margin: 0 0 3rem;
    box-shadow: 0;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:last-child {
    margin: 0;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div .mainTxt {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div .mainTxt span {
    color: #dd3518;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step03-img-1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step03-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step03-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 23rem;
    border-radius: 2rem;
    text-align: center;
    overflow: hidden;
    padding: 5rem;
    margin: 0 0 3rem;
    box-shadow: 0;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
    background: #e2523a url("../../../img/program/step06-img-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.process .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.process .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.process .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.process .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.success .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.success .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.success .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.success .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.fail .n-titleWrap.h-auto {
    height: auto;
}
#n-wrapper .n-container.fail .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.fail .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.fail .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.fail .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div {
    height: 20rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 2rem;
    overflow: hidden;
    padding: 4rem 3rem 3rem 22rem;
    margin: 0 0 3rem;
    box-shadow: 0;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:last-child {
    margin: 0;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .mainTxt {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .mainTxt span {
    color: #dd3518;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .mainTxt strong {
    color: #000;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step06-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step06-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step06-img-4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt {
    margin: 2rem 0 0;
    list-style-type: "-";
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt li {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 0 0 0.5rem;
}
#n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt li:last-child {
    margin: 0;
}

@media all and (max-width: 767px) {
    #n-wrapper .n-container {
        background: #efefef;
    }
    #n-wrapper .n-container .n-titleWrap {
        background: #dd3518;
        padding: 5rem 0 3rem;
        text-align: center;
    }
    #n-wrapper .n-container .n-titleWrap h2 {
        font-size: 2.7rem;
        font-weight: 700;
        text-align: center;
        color: #fff;
    }
    #n-wrapper .n-container .n-titleWrap .n-step {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container .n-titleWrap .n-step span {
        height: auto;
        padding: 0.5rem 1rem;
        border-radius: 2.5rem;
        font-size: 1.7rem;
        font-weight: 700;
        color: #fff;
        background: #000;
    }
    #n-wrapper .n-container .n-titleWrap h3 {
        font-size: 1.9rem;
        font-weight: 700;
        color: #fff;
        margin: 2rem 0 0;
        text-align: center;
    }
    #n-wrapper .n-container .n-titleWrap h3:after {
        content: "";
        content: "";
        display: block;
        margin: 1.5rem auto 0;
        width: 3rem;
        height: 2px;
        background: #fff;
    }
    #n-wrapper .n-container .n-titleWrap p.subTxt {
        margin: 2rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
        line-height: 2rem;
    }

    #n-wrapper .n-container.about .n-titleWrap {
        height: 28rem;
    }
    #n-wrapper .n-container.about .n-containerWrap .n-conArea {
        position: relative;
        margin-top: -12rem;
    }
    #n-wrapper .n-container .n-containerWrap {
        position: relative;
    }
    #n-wrapper .n-container .n-containerWrap .bg-white {
        background: #fff;
    }
    #n-wrapper .n-container .n-containerWrap .bg-gray {
        background: #efefef;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea {
        position: relative;
        max-width: 72rem;
        margin: 0 auto;
        padding: 0 2rem 4rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 {
        display: block;
        justify-content: center;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li {
        text-align: center;
        padding: 2rem;
        width: 100%;
        height: 28rem;
        border-radius: 2rem;
        overflow: hidden;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li:nth-child(1) {
        margin-right: 0;
        margin: 0 0 2rem;
        background: #fff url("../../../img/program/about-img-1.png") 50% 100% no-repeat;
        background-size: 20rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li:nth-child(2) {
        background: #fff url("../../../img/program/about-img-2.png") 50% 100% no-repeat;
        background-size: 20rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p.mainTxt {
        height: auto;
        margin: 0 0 1.5rem;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p.subTxt {
        font-size: 1.3rem;
        font-weight: 500;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p.subTxt:before {
        content: "";
        display: block;
        margin: 0 auto 1.5rem;
        width: 2rem;
        height: 2px;
        background: #000;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.col-2 li p span {
        color: #dd3518;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea h3 {
        font-size: 1.7rem;
        font-weight: 500;
        padding: 2rem 0 0;
        text-align: center;
        line-height: 2.5rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .icon1 {
        font-size: 30px;
        font-weight: bold;
        padding: 2rem 0 0;
        text-align: center;
        line-height: 3.5rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea h3:after {
        content: "";
        content: "";
        display: block;
        margin: 1.5rem auto 2rem;
        width: 2rem;
        height: 2px;
        background: #000;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea h3.white {
        font-size: 30px;
        color: #fff;
        font-weight: 500;
        padding: 2rem 0 0;
        text-align: center;
        line-height: 3.5rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea h3.white:after {
        content: "";
        content: "";
        display: block;
        margin: 1.5rem auto 2rem;
        width: 2rem;
        height: 2px;
        background: #fff;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea h3 span {
        color: #dd3518;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div {
        border-radius: 2rem;
        overflow: hidden;
        padding: 2.5rem 1.5rem;
        margin: 0 0 1.5rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:last-child {
        margin: 0;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .mainTxt {
        margin-left: 7rem;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .mainTxt span {
        color: #dd3518;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .mainTxt.mh-44 {
        min-height: 44px;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div .subTxt {
        margin: 1.5rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(1) {
        background: #fff url("../../../img/program/about-img2-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(2) {
        background: #fff url("../../../img/program/about-img2-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(3) {
        background: #fff url("../../../img/program/about-img2-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(4) {
        background: #fff url("../../../img/program/about-img2-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(5) {
        background: #fff url("../../../img/program/about-img2-5.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1 div:nth-child(6) {
        background: #fff url("../../../img/program/about-img2-6.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div {
        border-radius: 2rem;
        overflow: hidden;
        padding: 2.5rem 1.5rem;
        margin: 0 0 1.5rem;
        box-shadow: 0;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:last-child {
        margin: 0;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div .mainTxt {
        margin-left: 7rem;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div .mainTxt span {
        color: #dd3518;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div .subTxt {
        margin: 4.5rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step03-img-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step03-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step03-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div {
        height: 18rem;
        border-radius: 2rem;
        text-align: center;
        overflow: hidden;
        padding: 2rem;
        margin: 0 0 3rem;
        box-shadow: 0;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 2.2rem;
        color: #fff;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 2.2rem;
        color: #fff;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
        background: #e2523a url("../../../img/program/step06-img-1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div {
        height: 20rem;
        display: flex;
        align-items: center;
        flex-direction: column;
        border-radius: 2rem;
        overflow: hidden;
        padding: 2.5rem 1.5rem;
        margin: 0 0 1.5rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:last-child {
        margin: 0;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .mainTxt {
        margin-left: 7rem;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .mainTxt span {
        color: #dd3518;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div .subTxt {
        margin: 1.5rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step06-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step06-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step06-img-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
        height: auto;
        background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt {
        margin: 1.5rem 0 0;
        list-style-type: "-";
    }
    /* 	#n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt li { font-size:1.3rem; font-weight:500; line-height:2.2rem; margin:0 0 0.5rem; } */
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt li {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.4rem;
        margin: 0 0 0.5rem;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea ul.ul-subTxt li:last-child {
        margin: 0;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .written_sec dl.ns_type2 dt {
        padding: 30px 0 50px 0;
        margin: -20px 0;
        font-size: 16px;
    }
    #n-wrapper .n-container .n-containerWrap .n-conArea .written_sec dl.ns_type2 dd {
        padding: 30px 0;
        margin: -20px 0;
    }
}

/***** 단계별 *****/
#n-wrapper .n-container.step form .txtArea {
    height: 20rem;
    padding: 1.5rem;
    border: 1px solid #e6e6e6;
    background: #fff;
    overflow-y: auto;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
}
#n-wrapper .n-container.step form .col {
    margin: 3rem 0 0;
    display: flex;
    align-items: center;
}
#n-wrapper .n-container.step form .col .tit {
    width: 21.5rem;
    font-size: 2rem;
    font-weight: 700;
}
#n-wrapper .n-container.step form .col .body {
    display: flex;
    align-items: center;
}
#n-wrapper .n-container.step form .col .n-frm-input {
    width: 20rem;
}
#n-wrapper .n-container.step form .chkWrap {
    display: flex;
    align-items: center;
    margin: 3rem 0 0;
}
#n-wrapper .n-container.step form .btnWrap {
    margin: 5rem 0 0;
    display: flex;
    justify-content: center;
}
#n-wrapper .n-container.step form .btnWrap button.btn-submit {
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    width: 14rem;
    height: 5.5rem;
    border-radius: 3rem;
}
#n-wrapper .n-container.step form .btnWrap button.btn-submit {
    border: 2px solid #787878;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
}
#n-wrapper .n-container.step .link-mydata {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffea00;
    font-size: 2rem;
    font-weight: 500;
    width: 50rem;
    height: 6.5rem;
    border-radius: 3rem;
}
#n-wrapper .n-container.step .link-mydata {
    border: 2px solid #787878;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
}
#n-wrapper .n-container.step h4.tit-tbl {
    margin: 3rem 0;
    height: 4rem;
    padding: 0 1.5rem;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}
#n-wrapper .n-container.step .n-score-box {
    margin: 8rem 0 0;
    background: #dd3518;
    border-radius: 2rem;
    padding: 5rem;
}
#n-wrapper .n-container.step .n-score-box h3 {
    padding-top: 0rem !important;
}
#n-wrapper .n-container.step .n-score-box span {
    font-size: 1.6rem;
    color: #fff;
}
#n-wrapper .n-container.step .n-score-box .score {
    font-size: 2.7rem;
    font-weight: 700;
    width: 32rem;
    height: 6rem;
    margin: 0 auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#n-wrapper .n-container.step .n-score-box .d-flex .score {
    flex: 1;
    width: 100% !important;
}
#n-wrapper .n-container.step ul.card-list {
    display: flex;
    flex-wrap: wrap;
}
#n-wrapper .n-container.step ul.card-list li {
    position: relative;
    width: 34.5rem;
    height: auto !important;
    border: 1px solid #cacaca;
    background: #fff;
    border-radius: 2rem;
    padding: 2.2rem;
    padding-top: 22rem;
    margin-bottom: 3rem;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(odd) {
    margin-right: 3rem;
}
#n-wrapper .n-container.step ul.card-list li:last-child {
    /*margin:0;*/
}
#n-wrapper .n-container.step ul.card-list li h5 {
    font-size: 2.5rem;
    font-weight: 700;
}
#n-wrapper .n-container.step ul.card-list li h5 span {
    font-size: 2rem;
    font-weight: 500;
    margin-left: 0.5rem;
}
#n-wrapper .n-container.step ul.card-list li p {
    font-size: 2rem;
    font-weight: 500;
}
#n-wrapper .n-container.step ul.card-list li .n-tit {
    font-size: 2rem;
    font-weight: 700;
    margin: 1rem 0 0;
}
#n-wrapper .n-container.step ul.card-list.n-ready li h5 span {
    letter-spacing: -2px;
}
#n-wrapper .n-container.step ul.card-list.n-ready li:nth-child(1) {
    background: #fff url("../../../img/program/step06-img-5.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.n-ready li:nth-child(2) {
    background: #fff url("../../../img/program/step06-img-6.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.n-ready li:nth-child(3) {
    background: #fff url("../../../img/program/step06-img-7.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(1) {
    background: #fff url("../../../img/program/step04-img-1.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(2) {
    background: #fff url("../../../img/program/step04-img-2.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(3) {
    background: #fff url("../../../img/program/step04-img-3.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(4) {
    background: #fff url("../../../img/program/step04-img-4.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(5) {
    background: #fff url("../../../img/program/step04-img-5.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(6) {
    background: #fff url("../../../img/program/step04-img-6.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(7) {
    background: #fff url("../../../img/program/step04-img-7.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(8) {
    background: #fff url("../../../img/program/step04-img-8.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(9) {
    background: #fff url("../../../img/program/step04-img-9.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(10) {
    background: #fff url("../../../img/program/step04-img-10.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(11) {
    background: #fff url("../../../img/program/step04-img-11.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(12) {
    background: #fff url("../../../img/program/step04-img-12.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(13) {
    background: #fff url("../../../img/program/step04-img-13.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(14) {
    background: #fff url("../../../img/program/step04-img-14.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(15) {
    background: #fff url("../../../img/program/step04-img-15.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(16) {
    background: #fff url("../../../img/program/step04-img-16.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(17) {
    background: #fff url("../../../img/program/step04-img-17.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(18) {
    background: #fff url("../../../img/program/step04-img-18.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(19) {
    background: #fff url("../../../img/program/step04-img-19.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(20) {
    background: #fff url("../../../img/program/step04-img-20.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list li:nth-child(21) {
    background: #fff url("../../../img/program/step04-img-21.png") 50% 2.5rem no-repeat;
}

#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(1) {
    background: #fff url("../../../img/program/no-smoking-step06-img-1.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(2) {
    background: #fff url("../../../img/program/no-smoking-step06-img-2.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(3) {
    background: #fff url("../../../img/program/no-smoking-step06-img-3.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(4) {
    background: #fff url("../../../img/program/no-smoking-step06-img-4.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(5) {
    background: #fff url("../../../img/program/no-smoking-step06-img-5.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(6) {
    background: #fff url("../../../img/program/no-smoking-step06-img-6.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(7) {
    background: #fff url("../../../img/program/no-smoking-step06-img-7.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(8) {
    background: #fff url("../../../img/program/no-smoking-step06-img-8.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(9) {
    background: #fff url("../../../img/program/no-smoking-step06-img-9.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(10) {
    background: #fff url("../../../img/program/no-smoking-step06-img-10.png") 50% 2.5rem no-repeat;
}

#n-wrapper .n-container.step ul.card-list ul {
    display: block;
}
#n-wrapper .n-container.step ul.card-list ul li {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    letter-spacing: -1px;
    font-size: 1.9rem;
    font-weight: 500;
    background: none !important;
    line-height: 3rem;
}
#n-wrapper .n-container.step ul.card-list ul li label {
    letter-spacing: -1px;
    font-size: 1.9rem;
    font-weight: 500;
}
#n-wrapper .n-container.step ul.card-list ul li span {
    margin-right: 0.5rem;
    top: 5px;
}
#n-wrapper .n-container.step .n-description {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 3rem 0 0;
}
#n-wrapper .n-container.step .n-synchronize {
    background: #dd3518;
    padding: 8rem 0;
}
#n-wrapper .n-container.step .n-synchronize .txt-big {
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
}
#n-wrapper .n-container.step .n-synchronize .txt-body {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    margin: 3rem 0 0;
}

@media all and (max-width: 767px) {
    #n-wrapper .n-container.step form .txtArea {
        height: 11rem;
        padding: 1rem;
        border: 1px solid #e6e6e6;
        background: #fff;
        overflow-y: auto;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 2.2rem;
    }
    #n-wrapper .n-container.step form .col {
        margin: 2rem 0 0;
        display: block;
        align-items: center;
        border-bottom: 1px solid #e3e3e3;
        padding: 0 0 1.5rem;
    }
    #n-wrapper .n-container.step form .col .chk-checkbox label {
        cursor: pointer;
        font-size: 1.3rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #n-wrapper .n-container.step form .col .chk-checkbox label span {
        top: -2px;
        min-width: 1.3rem !important;
        min-height: 1.3rem !important;
        margin-right: 0.5rem;
    }
    #n-wrapper .n-container.step form .col .tit {
        width: auto;
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0 0 1rem;
    }
    #n-wrapper .n-container.step form .col .body {
        display: block;
        align-items: center;
    }
    #n-wrapper .n-container.step form .col .body .chk-checkbox {
        margin: 0 !important;
    }
    #n-wrapper .n-container.step form .col .body .bracket {
        display: none;
    }
    #n-wrapper .n-container.step form .col .body div:nth-child(2) {
        margin: 1rem 0;
    }
    #n-wrapper .n-container.step form .col .n-frm-input {
        width: 100% !important;
        flex: 1 !important;
    }
    #n-wrapper .n-container.step form .chkWrap {
        display: flex;
        align-items: center;
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.step form .btnWrap {
        margin: 5rem 0 0;
        display: flex;
        justify-content: center;
    }
    #n-wrapper .n-container.step form .btnWrap button.btn-submit {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 700;
        width: 14rem;
        height: 5.5rem;
        border-radius: 3rem;
    }
    #n-wrapper .n-container.step form .btnWrap button.btn-submit {
        border: 2px solid #787878;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    }
    #n-wrapper .n-container.step .link-mydata {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffea00;
        font-size: 2rem;
        font-weight: 500;
        width: 50rem;
        height: 6.5rem;
        border-radius: 3rem;
    }
    #n-wrapper .n-container.step .link-mydata {
        border: 2px solid #787878;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    }
    #n-wrapper .n-container.step h4.tit-tbl {
        margin: 2.5rem 0 2rem;
        height: 3rem;
        padding: 0 1.5rem;
        border-radius: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
    }
    #n-wrapper .n-container.step .n-score-box {
        margin: 4rem 0 0;
        background: #dd3518;
        border-radius: 2rem;
        padding: 2.5rem;
    }
    #n-wrapper .n-container.step .n-score-box h3 {
        padding-top: 0rem !important;
        font-size: 1.7rem !important;
    }
    #n-wrapper .n-container.step .n-score-box .score {
        font-size: 1.7rem;
        font-weight: 700;
        width: 19rem;
        height: 3.5rem;
        margin: 0 auto;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #n-wrapper .n-container.step ul.card-list {
        display: block;
        flex-wrap: wrap;
    }
    #n-wrapper .n-container.step ul.card-list li {
        position: relative;
        width: 100%;
        height: auto !important;
        border: 1px solid #cacaca;
        background: #fff;
        border-radius: 2rem;
        padding: 2rem 1.5rem !important;
        padding-top: 0;
        margin-bottom: 3rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(odd) {
        margin-right: 0;
    }
    #n-wrapper .n-container.step ul.card-list li:last-child {
        margin: 0;
    }
    #n-wrapper .n-container.step ul.card-list li h5 {
        margin-left: 11rem;
        font-size: 1.5rem;
        font-weight: 700;
    }
    #n-wrapper .n-container.step ul.card-list li h5 span {
        font-size: 1.3rem;
        font-weight: 500;
        margin-left: 0.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li p {
        font-size: 1.2rem;
        font-weight: 500;
    }
    #n-wrapper .n-container.step ul.card-list li p:nth-child(3) {
        margin-left: 11rem;
        min-height: 5rem;
    }
    #n-wrapper .n-container.step ul.card-list li p.n-tit {
        font-size: 1.3rem;
        font-weight: 700;
        margin: 1rem 0 0 11rem;
    }
    #n-wrapper .n-container.step ul.card-list li p.n-tit:nth-child(4) {
        margin-left: 0;
        margin-top: 1rem;
    }
    #n-wrapper .n-container.step ul.card-list.n-ready li h5 span {
        letter-spacing: -2px;
    }
    #n-wrapper .n-container.step ul.card-list.n-ready li:nth-child(1) {
        background: #fff url("../../../img/program/step06-img-5.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.n-ready li:nth-child(2) {
        background: #fff url("../../../img/program/step06-img-6.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.n-ready li:nth-child(3) {
        background: #fff url("../../../img/program/step06-img-7.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(1) {
        background: #fff url("../../../img/program/step04-img-1.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(2) {
        background: #fff url("../../../img/program/step04-img-2.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(3) {
        background: #fff url("../../../img/program/step04-img-3.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(4) {
        background: #fff url("../../../img/program/step04-img-4.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(5) {
        background: #fff url("../../../img/program/step04-img-5.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(6) {
        background: #fff url("../../../img/program/step04-img-6.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(7) {
        background: #fff url("../../../img/program/step04-img-7.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(8) {
        background: #fff url("../../../img/program/step04-img-8.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(9) {
        background: #fff url("../../../img/program/step04-img-9.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(10) {
        background: #fff url("../../../img/program/step04-img-10.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(11) {
        background: #fff url("../../../img/program/step04-img-11.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(12) {
        background: #fff url("../../../img/program/step04-img-12.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(13) {
        background: #fff url("../../../img/program/step04-img-13.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(14) {
        background: #fff url("../../../img/program/step04-img-14.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(15) {
        background: #fff url("../../../img/program/step04-img-15.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(16) {
        background: #fff url("../../../img/program/step04-img-16.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(17) {
        background: #fff url("../../../img/program/step04-img-17.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(18) {
        background: #fff url("../../../img/program/step04-img-18.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(19) {
        background: #fff url("../../../img/program/step04-img-19.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(20) {
        background: #fff url("../../../img/program/step04-img-20.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list li:nth-child(21) {
        background: #fff url("../../../img/program/step04-img-21.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }

    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(1) {
        background: #fff url("../../../img/program/no-smoking-step06-img-1.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(2) {
        background: #fff url("../../../img/program/no-smoking-step06-img-2.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(3) {
        background: #fff url("../../../img/program/no-smoking-step06-img-3.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(4) {
        background: #fff url("../../../img/program/no-smoking-step06-img-4.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(5) {
        background: #fff url("../../../img/program/no-smoking-step06-img-5.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(6) {
        background: #fff url("../../../img/program/no-smoking-step06-img-6.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(7) {
        background: #fff url("../../../img/program/no-smoking-step06-img-7.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(8) {
        background: #fff url("../../../img/program/no-smoking-step06-img-8.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(9) {
        background: #fff url("../../../img/program/no-smoking-step06-img-9.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.step ul.card-list.no-smoking li:nth-child(10) {
        background: #fff url("../../../img/program/no-smoking-step06-img-10.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }

    #n-wrapper .n-container.step ul.card-list ul {
        display: block;
    }
    #n-wrapper .n-container.step ul.card-list ul li {
        width: auto !important;
        height: auto !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        letter-spacing: -1px;
        font-size: 1.2rem !important;
        font-weight: 500;
        background: none !important;
        line-height: 2.2rem !important;
    }
    #n-wrapper .n-container.step ul.card-list ul li label {
        letter-spacing: -1px;
        font-size: 1.2rem;
        font-weight: 500;
    }
    #n-wrapper .n-container.step ul.card-list ul li span {
        margin-right: 0.5rem;
        top: 0;
    }
    #n-wrapper .n-container.step .n-description {
        font-size: 1.2rem;
        font-weight: 500;
        margin: 1.5rem 0 0;
    }
    #n-wrapper .n-container.step .n-synchronize {
        background: #dd3518;
        padding: 4rem 0;
    }
    #n-wrapper .n-container.step .n-synchronize .txt-big {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
    }
    #n-wrapper .n-container.step .n-synchronize .txt-body {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 500;
        color: #fff;
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.step .n-synchronize .btnWrap {
        display: block;
        text-align: center;
    }
    #n-wrapper .n-container.step .n-synchronize .btnWrap .btn-style {
        width: 18rem;
        margin: 0 auto;
        padding: 0;
    }
    #n-wrapper .n-container.step .n-synchronize .btnWrap .btn-style:nth-child(2) {
        margin-top: 1.5rem;
    }
}

/***** 테마-레이아웃 남성 *****/
.mb-7 {
    margin-bottom: 7rem !important;
}

#n-wrapper .n-header.theme-man h1 {
    color: #3466d5;
}
#n-wrapper .n-header.theme-man .n-gnbWrap li.active {
    background: #3466d5;
    border-radius: 2.5rem 2.5rem 0 0;
}

#n-wrapper .n-container.theme-man .n-titleWrap {
    background: #3466d5;
    padding: 8rem 0 5rem;
    text-align: center;
}
#n-wrapper .n-container.theme-man .n-titleWrap {
    height: 46rem;
}
#n-wrapper .n-container.theme-man .n-titleWrap.h-auto {
    height: auto;
}

#n-wrapper .n-container.theme-man.about .n-containerWrap .n-conArea {
    position: relative;
    margin-top: -23rem;
    padding: 0 0 31rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .bg-1 {
    background: #3466d5 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-man .n-containerWrap .bg-1 h3 {
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .bg-1 h3 strong {
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .bg-1 h3:after {
    background: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .bg-2 {
    background: #3466d5 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-man .n-containerWrap .bg-3 {
    padding: 10rem 0 0;
    background: #3466d5 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea.pad {
    padding: 0 0 8rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1 .mainTxt span {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-2 .mainTxt span {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.big {
    font-size: 5.5rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.big span {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.big:after {
    display: none;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.white strong {
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3 strong {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3 span {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .boxTit {
    margin: 8rem 0 2.5rem;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    padding: 0.5rem 1rem;
    background: #000;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-man ul.card-list li.failgray {
    opacity: 0.5;
    filter: grayscale(100%);
}
#n-wrapper .n-container.theme-man ul.card-list li.active {
    color: #fff !important;
    background-color: #3466d5 !important;
}
#n-wrapper .n-container.theme-man ul.card-list li.skip {
    opacity: 0.5;
    filter: grayscale(100%);
    background-color: #c9c8c8;
}

#n-wrapper .n-container.theme-man ul.card-list li:nth-child(15) {
    background: #fff url("../../../img/program/step04-img-15-m.png") 50% 2.5rem no-repeat;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt {
    margin: 0 0 4.5rem;
    font-size: 1.6rem;
    text-align: center;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt.ta {
    text-align: left;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.black {
    color: #000;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.big {
    font-size: 2.5rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.big.white {
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.big2 {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .countWrap {
    text-align: center;
    margin: 3rem 0 5rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .countWrap .count {
    display: inline-block;
    background: #000;
    font-size: 2.5rem;
    color: #fff;
    height: 4rem;
    line-height: 4.5rem;
    border-radius: 2.5rem;
    padding: 0 1.5rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram {
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.5rem 0 2.5rem;
    margin: 0 0 3rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram h3 {
    padding: 0;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step {
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li {
    position: relative;
    z-index: 2;
    width: 33.3%;
    text-align: center;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #a0a0a0;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li p {
    font-size: 1.6rem;
    color: #9e9e9e;
    font-weight: 700;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #a0a0a0;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
    content: "";
    position: absolute;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
    font-size: 1.6rem;
    color: #3466d5;
    font-weight: 700;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #3466d5;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress {
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .title {
    text-align: center;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .title p {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    color: #fff;
    background: #000;
    height: 3.5rem;
    line-height: 3.5rem;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .barWrap {
    margin: 5rem 0 0;
    height: 1rem;
    background: #f2f2f2;
    border-radius: 0.5rem;
    position: relative;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .barWrap .percent {
    position: absolute;
    top: -3rem;
    right: 0;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .barWrap .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #3466d5;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
    background: #3466d5 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
    background: #3466d5 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray {
    background: #efefef;
    border-radius: 2.5rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div {
    background: none !important;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #000;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #000;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray.bg {
    padding-bottom: 20rem;
    background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
    padding: 2rem 0;
    background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
    border-radius: 2rem;
    background: #5881dd url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .knowhow-img {
    text-align: center;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .bodyTxt {
    text-align: center;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .bodyTxt span {
    font-weight: 700;
    color: #3466d5;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .bodyTxt-white {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step06-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step06-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step06-img-4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea ul.ul-subTxt li strong {
    color: #3466d5;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .txtBox {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0 4.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 15rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox li {
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 3rem;
    height: 9rem;
    border-radius: 3rem;
    border: 1px solid #333;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 3rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox li:last-child {
    margin: 0 0 5rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox li a {
    font-size: 1.8rem;
    color: #3466d5;
    margin-left: 1rem;
    font-weight: 500;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(1) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(2) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(3) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(4) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(5) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(6) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(7) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon:nth-child(8) label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col .bodyTxt {
    text-align: left;
    margin: 0 0 1rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col .boxTxt {
    font-size: 1.6rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
    background: #f2f2f2;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white div {
    height: auto;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
    color: #3466d5;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
    font-size: 1.2rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .wrap-bg {
    background: #f2f2f2;
    padding: 2.5rem;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list {
    text-align: center;
    margin: 7rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li {
    margin: 0 0 3rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
    width: 22rem;
    height: 40rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li .box {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 2rem 0 0;
    background: #fff;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li button {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 1rem auto 0;
    background: #3466d5;
    font-size: 2rem;
    color: #fff;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-man .n-score-box {
    margin: 8rem 0 0;
    background: #3466d5;
    border-radius: 2rem;
    padding: 5rem;
}

#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 5rem 50% no-repeat;
}

#n-wrapper .n-container.theme-man .chk-radio-design input[type="radio"]:checked + label {
    background: #3466d5 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-man .chk-radio-design input[type="radio"]:checked + label span:before {
    background: #3466d5 !important;
}
#n-wrapper .n-container.theme-man .chk-radio-design label {
    font-size: 1.4rem;
    height: 4.5rem;
}
#n-wrapper .n-container.theme-man .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
    background: #3466d5 !important;
    color: #fff;
}

@media all and (max-width: 767px) {
    /***** 테마-레이아웃 남성 *****/
    img {
        max-width: 100%;
        height: auto;
    }
    #n-wrapper .n-container.theme-man .n-question {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 2rem;
    }

    #n-wrapper .n-header.theme-man h1 {
        color: #3466d5;
    }
    #n-wrapper .n-header.theme-man .n-gnbWrap li.active {
        background: #3466d5;
        border-radius: 1.5rem 1.5rem 0 0;
    }

    #n-wrapper .n-container.theme-man .mb-7 {
        margin-bottom: 7rem !important;
    }

    #n-wrapper .n-container.theme-man .n-tbl-basic td .w-100 {
        width: 100% !important;
    }

    #n-wrapper .n-container.theme-man .n-titleWrap {
        background: #3466d5;
        padding: 5rem 0 3rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-man .n-titleWrap {
        height: 28rem;
    }
    #n-wrapper .n-container.theme-man .n-titleWrap.h-auto {
        height: auto;
    }

    #n-wrapper .n-container.theme-man .n-titleWrap .txtBox {
        max-width: 72rem;
        padding: 2rem;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 2rem;
        background: #fff;
        margin: 3rem 2rem 0;
    }

    #n-wrapper .n-container.theme-man.about .n-containerWrap .n-conArea {
        position: relative;
        margin-top: -12rem;
        padding: 0 2rem 13rem;
    }
    #n-wrapper .n-container.theme-man.about .n-containerWrap .n-conArea .btnWrap {
        margin-bottom: 5rem !important;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .bg-1 {
        background: #3466d5 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .bg-1 h3 {
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .bg-1 h3 strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .bg-1 h3:after {
        background: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .bg-2 {
        background: #3466d5 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .bg-3 {
        padding: 5rem 0 0;
        background: #3466d5 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea.pad {
        padding-bottom: 8rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1 .mainTxt span {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-2 .mainTxt span {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.big {
        font-size: 2.5rem;
        line-height: 100%;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.big span {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.big:after {
        display: none;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3.white strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3 strong {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h3 span {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea h4 {
        font-size: 2.5rem;
        line-height: 150%;
        padding-bottom: 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .boxTit {
        margin: 4rem 0;
        display: inline-block;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        background: #000;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-man ul.card-list li:nth-child(15) {
        background: #fff url("../../../img/program/step04-img-15-m.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-man ul.card-list li.failgray {
        opacity: 0.5;
        filter: grayscale(100%);
    }
    #n-wrapper .n-container.theme-man ul.card-list li.active {
        color: #fff !important;
        background-color: #3466d5 !important;
    }
    #n-wrapper .n-container.theme-man ul.card-list li.skip {
        opacity: 0.5;
        filter: grayscale(100%);
        background-color: #c9c8c8;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt {
        margin: 0 0 4.5rem;
        font-size: 1.6rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt.ta {
        text-align: left;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.black {
        color: #000;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.big {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.big.white {
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .subTxt strong.big2 {
        font-size: 1.6rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .countWrap {
        text-align: center;
        margin: 3rem 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .countWrap .count {
        display: inline-block;
        background: #000;
        font-size: 1.8rem;
        color: #fff;
        height: 4rem;
        line-height: 4.5rem;
        border-radius: 2.5rem;
        padding: 0 1.5rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram {
        background: #fff;
        border-radius: 2rem;
        overflow: hidden;
        padding: 2rem;
        margin: 0 0 3rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram h3 {
        padding: 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step {
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li {
        position: relative;
        z-index: 2;
        width: 33.3%;
        text-align: center;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 6rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #a0a0a0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li p {
        font-size: 1.3rem;
        color: #9e9e9e;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #a0a0a0;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
        content: "";
        position: absolute;
        bottom: 6rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
        font-size: 1.3rem;
        color: #3466d5;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #3466d5;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress {
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .title {
        text-align: center;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .title p {
        display: inline-block;
        text-align: center;
        font-size: 2rem;
        color: #fff;
        background: #000;
        height: 3.5rem;
        line-height: 3.5rem;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .barWrap {
        margin: 5rem 0 0;
        height: 1rem;
        background: #f2f2f2;
        border-radius: 0.5rem;
        position: relative;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .barWrap .percent {
        position: absolute;
        top: -3rem;
        right: 0;
        font-size: 2rem;
        color: #000;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .progress .barWrap .bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #3466d5;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div {
        height: auto;
        padding: 2rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
        background: #3466d5 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
        background: #3466d5 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
        margin: 2rem 0 0;
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div .subTxt {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit div .name {
        margin: 2rem 0 0;
        font-size: 1.7rem;
        color: #fff;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray {
        background: #efefef;
        border-radius: 2.5rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div {
        background: none !important;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray.bg {
        padding-bottom: 20rem;
        background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
        padding: 2rem 0;
        background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
        border-radius: 2rem;
        background: #5881dd url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .knowhow-img {
        text-align: center;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .bodyTxt {
        text-align: center;
        font-size: 1.5rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .bodyTxt span {
        font-weight: 700;
        color: #3466d5;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .bodyTxt-white {
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .d-block {
        height: auto;
        padding: 1rem;
        display: block;
        font-size: 1.7rem;
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step06-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step06-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step06-img-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray .d-flex {
        display: block;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea ul.ul-subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea ul.ul-subTxt.ml-5 {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea ul.ul-subTxt li strong {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea ul.ul-subTxt li {
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .txtBox {
        font-size: 1.3rem;
        line-height: 2.4rem;
        padding: 2rem;
        text-align: center;
        margin: 2rem 0;
        background: #fff;
        border: 1px solid #e6e6e6;
        height: 15rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox li {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0 1rem;
        height: 6rem;
        border-radius: 3rem;
        border: 1px solid #333;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
        margin: 0 0 2rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox li:last-child {
        margin: 0 0 5rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .linkBox li a {
        font-size: 1.3rem;
        color: #3466d5;
        margin-left: 1rem;
        font-weight: 500;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon {
        justify-content: center;
        gap: 5%;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon {
        width: 45%;
        margin: 0 0 5%;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon label {
        width: 100%;
        font-size: 1.3rem;
    }
    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(1)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(2)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(3)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(4)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(5)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(6)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(7)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-man
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(8)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col .bodyTxt {
        text-align: left;
        margin: 0 0 1rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col .boxTxt {
        font-size: 1.4rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
        background: #f2f2f2;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white div {
        height: auto;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
        color: #3466d5;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
        margin: 3rem 0 0;
        text-align: left;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
        font-size: 1.2rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .wrap-bg {
        background: #f2f2f2;
        padding: 2rem;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list {
        text-align: center;
        margin: 3rem 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li {
        width: 100%;
        margin: 0 0 3rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
        width: 100%;
        height: 30rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li .box {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 2rem 0 0;
        background: #fff;
        font-size: 1.6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .thumbnail-list li button {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 1rem auto 0;
        background: #3466d5;
        font-size: 1.6rem;
        color: #fff;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-man .n-score-box {
        margin: 4rem 0 0;
        background: #3466d5;
        border-radius: 2rem;
        padding: 2rem;
    }

    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-man .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-man h4.tit-tbl {
        margin: 2.5rem 0 2rem;
        height: 3rem;
        padding: 0 1.5rem;
        border-radius: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        font-size: 1.5rem !important;
        font-weight: 700;
        color: #fff;
    }

    #n-wrapper .n-container.theme-man .n-tbl-basic td .d-flex .n-frm-input.year {
        width: 9rem !important;
    }

    #n-wrapper .n-container.theme-man .chk-radio-design {
        width: 48%;
        margin: 0;
    }
    #n-wrapper .n-container.theme-man .chk-radio-design input[type="radio"]:checked + label {
        background: #3466d5 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-man .chk-radio-design input[type="radio"]:checked + label span:before {
        background: #3466d5 !important;
    }
    #n-wrapper .n-container.theme-man .chk-radio-design label {
        width: 100%;
        font-size: 1.4rem;
        height: 3.5rem;
    }

    #n-wrapper .n-container.theme-man .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
        background: #3466d5 !important;
        color: #fff;
    }
}

/***** 테마-레이아웃 여성 *****/
.mb-7 {
    margin-bottom: 7rem !important;
}

#n-wrapper .n-header.theme-women h1 {
    color: #7f5ed3;
}
#n-wrapper .n-header.theme-women .n-gnbWrap li.active {
    background: #7f5ed3;
    border-radius: 2.5rem 2.5rem 0 0;
}

#n-wrapper .n-container.theme-women .n-titleWrap {
    background: #7f5ed3;
    padding: 8rem 0 5rem;
    text-align: center;
}
#n-wrapper .n-container.theme-women .n-titleWrap {
    height: 46rem;
}
#n-wrapper .n-container.theme-women .n-titleWrap.h-auto {
    height: auto;
}
#n-wrapper .n-container.theme-women .n-titleWrap .txtBox span {
    color: #7f5ed3;
}

#n-wrapper .n-container.theme-women.about .n-containerWrap .n-conArea {
    position: relative;
    margin-top: -23rem;
    padding: 0 0 31rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .bg-1 {
    background: #7f5ed3 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-women .n-containerWrap .bg-1 h3 {
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .bg-1 h3 strong {
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .bg-1 h3:after {
    background: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .bg-2 {
    background: #7f5ed3 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-women .n-containerWrap .bg-3 {
    padding: 10rem 0 0;
    background: #7f5ed3 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea.pad {
    padding: 0 0 8rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1 .mainTxt span {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-2 .mainTxt span {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.big {
    font-size: 5.5rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.big span {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.big:after {
    display: none;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.white strong {
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3 strong {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3 span {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3 span.step {
    position: relative;
    top: -2px;
    height: 3rem;
    line-height: 100%;
    background: #7f5ed3;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 700;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem 0;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .boxTit {
    margin: 8rem 0 2.5rem;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    padding: 0.5rem 1rem;
    background: #000;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-women ul.card-list li.failgray {
    opacity: 0.5;
    filter: grayscale(100%);
}
#n-wrapper .n-container.theme-women ul.card-list li.active {
    color: #fff !important;
    background-color: #7f5ed3 !important;
}
#n-wrapper .n-container.theme-women ul.card-list li.skip {
    opacity: 0.5;
    filter: grayscale(100%);
    background-color: #c9c8c8;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt {
    margin: 0 0 4.5rem;
    font-size: 1.6rem;
    text-align: center;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt.ta {
    text-align: left;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.black {
    color: #000;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.big {
    font-size: 2.5rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.big.white {
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.big2 {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .countWrap {
    text-align: center;
    margin: 3rem 0 5rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .countWrap .count {
    display: inline-block;
    background: #000;
    font-size: 2.5rem;
    color: #fff;
    height: 4rem;
    line-height: 4.5rem;
    border-radius: 2.5rem;
    padding: 0 1.5rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram {
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.5rem 0 2.5rem;
    margin: 0 0 3rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram h3 {
    padding: 0;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step {
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li {
    position: relative;
    z-index: 2;
    width: 33.3%;
    text-align: center;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #a0a0a0;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li p {
    font-size: 1.6rem;
    color: #9e9e9e;
    font-weight: 700;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #a0a0a0;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
    content: "";
    position: absolute;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
    font-size: 1.6rem;
    color: #7f5ed3;
    font-weight: 700;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #7f5ed3;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress {
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .title {
    text-align: center;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .title p {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    color: #fff;
    background: #000;
    height: 3.5rem;
    line-height: 3.5rem;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .barWrap {
    margin: 5rem 0 0;
    height: 1rem;
    background: #f2f2f2;
    border-radius: 0.5rem;
    position: relative;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .barWrap .percent {
    position: absolute;
    top: -3rem;
    right: 0;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .barWrap .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #7f5ed3;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
    background: #7f5ed3 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
    background: #7f5ed3 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray {
    background: #efefef;
    border-radius: 2.5rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div {
    background: none !important;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #000;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #000;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray.bg {
    padding-bottom: 20rem;
    background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
    padding: 2rem 0;
    background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
    border-radius: 2rem;
    background: #7f5ed3 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .knowhow-img {
    text-align: center;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .bodyTxt {
    text-align: center;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .bodyTxt span {
    font-weight: 700;
    color: #7f5ed3;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .bodyTxt-white {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step06-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step06-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step06-img-4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea ul.ul-subTxt li strong {
    color: #7f5ed3;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .txtBox {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0 4.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 15rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox li {
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 3rem;
    height: 9rem;
    border-radius: 3rem;
    border: 1px solid #333;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 3rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox li:last-child {
    margin: 0 0 5rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox li a {
    font-size: 1.8rem;
    color: #7f5ed3;
    margin-left: 1rem;
    font-weight: 500;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(5)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(6)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(7)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-women
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(8)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col .bodyTxt {
    text-align: left;
    margin: 0 0 1rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col .boxTxt {
    font-size: 1.6rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
    background: #f2f2f2;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white div {
    height: auto;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
    color: #7f5ed3;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
    font-size: 1.2rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .wrap-bg {
    background: #f2f2f2;
    padding: 2.5rem;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list {
    text-align: center;
    margin: 7rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li {
    margin: 0 0 3rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
    width: 22rem;
    height: 40rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li .box {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 2rem 0 0;
    background: #fff;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li button {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 1rem auto 0;
    background: #7f5ed3;
    font-size: 2rem;
    color: #fff;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-women .n-score-box {
    margin: 8rem 0 0;
    background: #7f5ed3;
    border-radius: 2rem;
    padding: 5rem;
}

#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 5rem 50% no-repeat;
}

#n-wrapper .n-container.theme-women .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
    background-color: #7f5ed3 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-women .btn-style.blue {
    background: #7f5ed3 !important;
    color: #fff;
}

#n-wrapper .n-container.theme-women .chk-radio-design input[type="radio"]:checked + label {
    background: #7f5ed3 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-women .chk-radio-design input[type="radio"]:checked + label span:before {
    background: #7f5ed3 !important;
}
#n-wrapper .n-container.theme-women .chk-radio-design label {
    font-size: 1.4rem;
    height: 4.5rem;
}

#n-wrapper .n-container.theme-women .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
    background: #7f5ed3 !important;
    color: #fff;
}

@media all and (max-width: 767px) {
    /***** 테마-레이아웃 여성 *****/
    img {
        max-width: 100%;
        height: auto;
    }
    #n-wrapper .n-container.theme-women .n-question {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 2rem;
    }

    #n-wrapper .n-header.theme-women h1 {
        color: #7f5ed3;
    }
    #n-wrapper .n-header.theme-women .n-gnbWrap li.active {
        background: #7f5ed3;
        border-radius: 1.5rem 1.5rem 0 0;
    }

    #n-wrapper .n-container.theme-women .mb-7 {
        margin-bottom: 7rem !important;
    }

    #n-wrapper .n-container.theme-women .n-tbl-basic td .w-100 {
        width: 100% !important;
    }

    #n-wrapper .n-container.theme-women .n-titleWrap {
        background: #7f5ed3;
        padding: 5rem 0 3rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-women .n-titleWrap {
        height: 28rem;
    }
    #n-wrapper .n-container.theme-women .n-titleWrap.h-auto {
        height: auto;
    }

    #n-wrapper .n-container.theme-women .n-titleWrap .txtBox {
        max-width: 72rem;
        padding: 2rem;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 2rem;
        background: #fff;
        margin: 3rem 2rem 0;
    }

    #n-wrapper .n-container.theme-women.about .n-containerWrap .n-conArea {
        position: relative;
        margin-top: -12rem;
        padding: 0 2rem 13rem;
    }
    #n-wrapper .n-container.theme-women.about .n-containerWrap .n-conArea .btnWrap {
        margin-bottom: 5rem !important;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .bg-1 {
        background: #7f5ed3 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .bg-1 h3 {
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .bg-1 h3 strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .bg-1 h3:after {
        background: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .bg-2 {
        background: #7f5ed3 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .bg-3 {
        padding: 5rem 0 0;
        background: #7f5ed3 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea.pad {
        padding-bottom: 8rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1 .mainTxt span {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-2 .mainTxt span {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.big {
        font-size: 2.5rem;
        line-height: 100%;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.big span {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.big:after {
        display: none;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3.white strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3 strong {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3 span {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h4 {
        font-size: 2.5rem;
        line-height: 150%;
        padding-bottom: 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea h3 span.step {
        position: relative;
        top: -2px;
        height: 3rem;
        line-height: 100%;
        background: #7f5ed3;
        font-size: 1.8rem;
        color: #fff;
        font-weight: 700;
        border-radius: 1.5rem;
        padding: 0.5rem 1.5rem 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .boxTit {
        margin: 4rem 0;
        display: inline-block;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        background: #000;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-women ul.card-list li.failgray {
        opacity: 0.5;
        filter: grayscale(100%);
    }
    #n-wrapper .n-container.theme-women ul.card-list li.active {
        color: #fff !important;
        background-color: #7f5ed3 !important;
    }
    #n-wrapper .n-container.theme-women ul.card-list li.skip {
        opacity: 0.5;
        filter: grayscale(100%);
        background-color: #c9c8c8;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt {
        margin: 0 0 4.5rem;
        font-size: 1.6rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt.ta {
        text-align: left;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.black {
        color: #000;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.big {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.big.white {
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .subTxt strong.big2 {
        font-size: 1.6rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .countWrap {
        text-align: center;
        margin: 3rem 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .countWrap .count {
        display: inline-block;
        background: #000;
        font-size: 1.8rem;
        color: #fff;
        height: 4rem;
        line-height: 4.5rem;
        border-radius: 2.5rem;
        padding: 0 1.5rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram {
        background: #fff;
        border-radius: 2rem;
        overflow: hidden;
        padding: 2rem;
        margin: 0 0 3rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram h3 {
        padding: 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step {
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li {
        position: relative;
        z-index: 2;
        width: 33.3%;
        text-align: center;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 6rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #a0a0a0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li p {
        font-size: 1.3rem;
        color: #9e9e9e;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #a0a0a0;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
        content: "";
        position: absolute;
        bottom: 6rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
        font-size: 1.3rem;
        color: #7f5ed3;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #7f5ed3;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress {
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .title {
        text-align: center;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .title p {
        display: inline-block;
        text-align: center;
        font-size: 2rem;
        color: #fff;
        background: #000;
        height: 3.5rem;
        line-height: 3.5rem;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .barWrap {
        margin: 5rem 0 0;
        height: 1rem;
        background: #f2f2f2;
        border-radius: 0.5rem;
        position: relative;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .barWrap .percent {
        position: absolute;
        top: -3rem;
        right: 0;
        font-size: 2rem;
        color: #000;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .progress .barWrap .bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #7f5ed3;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div {
        height: auto;
        padding: 2rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
        background: #7f5ed3 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
        background: #7f5ed3 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
        margin: 2rem 0 0;
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div .subTxt {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit div .name {
        margin: 2rem 0 0;
        font-size: 1.7rem;
        color: #fff;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray {
        background: #efefef;
        border-radius: 2.5rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div {
        background: none !important;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray.bg {
        padding-bottom: 20rem;
        background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
        padding: 2rem 0;
        background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
        border-radius: 2rem;
        background: #7f5ed3 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .knowhow-img {
        text-align: center;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .bodyTxt {
        text-align: center;
        font-size: 1.5rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .bodyTxt span {
        font-weight: 700;
        color: #7f5ed3;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .bodyTxt-white {
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .d-block {
        height: auto;
        padding: 1rem;
        display: block;
        font-size: 1.7rem;
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step06-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step06-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step06-img-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray .d-flex {
        display: block;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea ul.ul-subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea ul.ul-subTxt.ml-5 {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea ul.ul-subTxt li strong {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea ul.ul-subTxt li {
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .txtBox {
        font-size: 1.3rem;
        line-height: 2.4rem;
        padding: 2rem;
        text-align: center;
        margin: 2rem 0;
        background: #fff;
        border: 1px solid #e6e6e6;
        height: 15rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox li {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0 1rem;
        height: 6rem;
        border-radius: 3rem;
        border: 1px solid #333;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
        margin: 0 0 2rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox li:last-child {
        margin: 0 0 5rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .linkBox li a {
        font-size: 1.3rem;
        color: #7f5ed3;
        margin-left: 1rem;
        font-weight: 500;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .list-icon {
        justify-content: center;
        gap: 5%;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon {
        width: 45%;
        margin: 0 0 5%;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon label {
        width: 100%;
        font-size: 1.3rem;
    }
    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(1)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(2)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(3)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(4)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(5)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(6)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(7)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-women
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(8)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col .bodyTxt {
        text-align: left;
        margin: 0 0 1rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col .boxTxt {
        font-size: 1.4rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
        background: #f2f2f2;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white div {
        height: auto;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
        color: #7f5ed3;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
        margin: 3rem 0 0;
        text-align: left;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
        font-size: 1.2rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .wrap-bg {
        background: #f2f2f2;
        padding: 2rem;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list {
        text-align: center;
        margin: 3rem 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li {
        width: 100%;
        margin: 0 0 3rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
        width: 100%;
        height: 30rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li .box {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 2rem 0 0;
        background: #fff;
        font-size: 1.6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .thumbnail-list li button {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 1rem auto 0;
        background: #7f5ed3;
        font-size: 1.6rem;
        color: #fff;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-women .n-score-box {
        margin: 4rem 0 0;
        background: #7f5ed3;
        border-radius: 2rem;
        padding: 2rem;
    }

    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-women .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-women h4.tit-tbl {
        margin: 2.5rem 0 2rem;
        height: 3rem;
        padding: 0 1.5rem;
        border-radius: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        font-size: 1.5rem !important;
        font-weight: 700;
        color: #fff;
    }

    #n-wrapper .n-container.theme-women .n-tbl-basic td .d-flex .n-frm-input.year {
        width: 9rem !important;
    }

    #n-wrapper .n-container.theme-women .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
        background-color: #7f5ed3 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .btn-style.blue {
        background: #7f5ed3 !important;
        color: #fff;
    }

    #n-wrapper .n-container.theme-women .chk-radio-design {
        width: 48%;
        margin: 0;
    }
    #n-wrapper .n-container.theme-women .chk-radio-design input[type="radio"]:checked + label {
        background: #7f5ed3 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-women .chk-radio-design input[type="radio"]:checked + label span:before {
        background: #7f5ed3 !important;
    }
    #n-wrapper .n-container.theme-women .chk-radio-design label {
        width: 100%;
        font-size: 1.4rem;
        height: 3.5rem;
    }

    #n-wrapper .n-container.theme-women .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
        background: #7f5ed3 !important;
        color: #fff;
    }
}

/***** 테마-레이아웃 임산부 *****/
.mb-7 {
    margin-bottom: 7rem !important;
}

#n-wrapper .n-header.theme-pregnant-woman h1 {
    color: #ca3f90;
}
#n-wrapper .n-header.theme-pregnant-woman .n-gnbWrap li.active {
    background: #ca3f90;
    border-radius: 2.5rem 2.5rem 0 0;
}

#n-wrapper .n-container.theme-pregnant-woman .n-titleWrap {
    background: #ca3f90;
    padding: 8rem 0 5rem;
    text-align: center;
}
#n-wrapper .n-container.theme-pregnant-woman .n-titleWrap {
    height: 46rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-titleWrap.h-auto {
    height: auto;
}
#n-wrapper .n-container.theme-pregnant-woman .n-titleWrap .txtBox span {
    color: #ca3f90;
}

#n-wrapper .n-container.theme-pregnant-woman.about .n-containerWrap .n-conArea {
    position: relative;
    margin-top: -23rem;
    padding: 0 0 31rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 {
    background: #ca3f90 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 h3 {
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 h3 strong {
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 h3:after {
    background: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-2 {
    background: #ca3f90 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-3 {
    padding: 10rem 0 0;
    background: #ca3f90 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea.pad {
    padding: 0 0 8rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1 .mainTxt span {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-2 .mainTxt span {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3.big {
    font-size: 5.5rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3.big span {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3.big:after {
    display: none;
}
#n-wrapper .n-container.theme-pregnant-women .n-containerWrap .n-conArea h3.white strong {
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3 strong {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3 span {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3 span.step {
    position: relative;
    top: -2px;
    height: 3rem;
    line-height: 100%;
    background: #ca3f90;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 700;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem 0;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .boxTit {
    margin: 8rem 0 2.5rem;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    padding: 0.5rem 1rem;
    background: #000;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-pregnant-woman ul.card-list li.failgray {
    opacity: 0.5;
    filter: grayscale(100%);
}
#n-wrapper .n-container.theme-pregnant-woman ul.card-list li.active {
    color: #fff !important;
    background-color: #ca3f90 !important;
}
#n-wrapper .n-container.theme-pregnant-woman ul.card-list li.skip {
    opacity: 0.5;
    filter: grayscale(100%);
    background-color: #c9c8c8;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt {
    margin: 0 0 4.5rem;
    font-size: 1.6rem;
    text-align: center;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt.ta {
    text-align: left;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.black {
    color: #000;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.big {
    font-size: 2.5rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.big.white {
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.big2 {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .countWrap {
    text-align: center;
    margin: 3rem 0 5rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .countWrap .count {
    display: inline-block;
    background: #000;
    font-size: 2.5rem;
    color: #fff;
    height: 4rem;
    line-height: 4.5rem;
    border-radius: 2.5rem;
    padding: 0 1.5rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram {
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.5rem 0 2.5rem;
    margin: 0 0 3rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram h3 {
    padding: 0;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step {
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li {
    position: relative;
    z-index: 2;
    width: 33.3%;
    text-align: center;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #a0a0a0;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li p {
    font-size: 1.6rem;
    color: #9e9e9e;
    font-weight: 700;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #a0a0a0;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
    content: "";
    position: absolute;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
    font-size: 1.6rem;
    color: #ca3f90;
    font-weight: 700;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #ca3f90;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress {
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .title {
    text-align: center;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .title p {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    color: #fff;
    background: #000;
    height: 3.5rem;
    line-height: 3.5rem;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .barWrap {
    margin: 5rem 0 0;
    height: 1rem;
    background: #f2f2f2;
    border-radius: 0.5rem;
    position: relative;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .barWrap .percent {
    position: absolute;
    top: -3rem;
    right: 0;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .barWrap .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #ca3f90;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
    background: #ca3f90 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
    background: #ca3f90 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray {
    background: #efefef;
    border-radius: 2.5rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div {
    background: none !important;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #000;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #000;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray.bg {
    padding-bottom: 20rem;
    background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
    padding: 2rem 0;
    background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
    border-radius: 2rem;
    background: #ca3f90 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .knowhow-img {
    text-align: center;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .bodyTxt {
    text-align: center;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .bodyTxt span {
    font-weight: 700;
    color: #ca3f90;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .bodyTxt-white {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step06-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step06-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step06-img-4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea ul.ul-subTxt li strong {
    color: #ca3f90;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .txtBox {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0 4.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 15rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox li {
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 3rem;
    height: 9rem;
    border-radius: 3rem;
    border: 1px solid #333;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 3rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox li:last-child {
    margin: 0 0 5rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox li a {
    font-size: 1.8rem;
    color: #ca3f90;
    margin-left: 1rem;
    font-weight: 500;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(5)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(6)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(7)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-pregnant-woman
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(8)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col .bodyTxt {
    text-align: left;
    margin: 0 0 1rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col .boxTxt {
    font-size: 1.6rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
    background: #f2f2f2;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white div {
    height: auto;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
    color: #ca3f90;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
    font-size: 1.2rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .wrap-bg {
    background: #f2f2f2;
    padding: 2.5rem;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list {
    text-align: center;
    margin: 7rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li {
    margin: 0 0 3rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
    width: 22rem;
    height: 40rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li .box {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 2rem 0 0;
    background: #fff;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li button {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 1rem auto 0;
    background: #ca3f90;
    font-size: 2rem;
    color: #fff;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-score-box {
    margin: 8rem 0 0;
    background: #ca3f90;
    border-radius: 2rem;
    padding: 5rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 5rem 50% no-repeat;
}

#n-wrapper .n-container.theme-pregnant-woman .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
    background-color: #ca3f90 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .btn-style.blue {
    background: #ca3f90 !important;
    color: #fff;
}

#n-wrapper .n-container.theme-pregnant-woman .chk-radio-design input[type="radio"]:checked + label {
    background: #ca3f90 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-pregnant-woman .chk-radio-design input[type="radio"]:checked + label span:before {
    background: #ca3f90 !important;
}
#n-wrapper .n-container.theme-pregnant-woman .chk-radio-design label {
    font-size: 1.4rem;
    height: 4.5rem;
}

#n-wrapper .n-container.theme-pregnant-woman .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
    background: #ca3f90 !important;
    color: #fff;
}

@media all and (max-width: 767px) {
    /***** 테마-레이아웃 임산부 *****/
    img {
        max-width: 100%;
        height: auto;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-question {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 2rem;
    }

    #n-wrapper .n-header.theme-pregnant-woman h1 {
        color: #ca3f90;
    }
    #n-wrapper .n-header.theme-pregnant-woman .n-gnbWrap li.active {
        background: #ca3f90;
        border-radius: 1.5rem 1.5rem 0 0;
    }

    #n-wrapper .n-container.theme-pregnant-woman .mb-7 {
        margin-bottom: 7rem !important;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-tbl-basic td .w-100 {
        width: 100% !important;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-titleWrap {
        background: #ca3f90;
        padding: 5rem 0 3rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-titleWrap {
        height: 28rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-titleWrap.h-auto {
        height: auto;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-titleWrap .txtBox {
        max-width: 72rem;
        padding: 2rem;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 2rem;
        background: #fff;
        margin: 3rem 2rem 0;
    }

    #n-wrapper .n-container.theme-pregnant-woman.about .n-containerWrap .n-conArea {
        position: relative;
        margin-top: -12rem;
        padding: 0 2rem 13rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman.about .n-containerWrap .n-conArea .btnWrap {
        margin-bottom: 5rem !important;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 {
        background: #ca3f90 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 h3 {
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 h3 strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-1 h3:after {
        background: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-2 {
        background: #ca3f90 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .bg-3 {
        padding: 5rem 0 0;
        background: #ca3f90 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea.pad {
        padding-bottom: 8rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1 .mainTxt span {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-2 .mainTxt span {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3.big {
        font-size: 2.5rem;
        line-height: 100%;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3.big span {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3.big:after {
        display: none;
    }
    #n-wrapper .n-container.theme-pregnant-women .n-containerWrap .n-conArea h3.white strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3 strong {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3 span {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h4 {
        font-size: 2.5rem;
        line-height: 150%;
        padding-bottom: 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea h3 span.step {
        position: relative;
        top: -2px;
        height: 3rem;
        line-height: 100%;
        background: #ca3f90;
        font-size: 1.8rem;
        color: #fff;
        font-weight: 700;
        border-radius: 1.5rem;
        padding: 0.5rem 1.5rem 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .boxTit {
        margin: 4rem 0;
        display: inline-block;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        background: #000;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman ul.card-list li.failgray {
        opacity: 0.5;
        filter: grayscale(100%);
    }
    #n-wrapper .n-container.theme-pregnant-woman ul.card-list li.active {
        color: #fff !important;
        background-color: #ca3f90 !important;
    }
    #n-wrapper .n-container.theme-pregnant-women ul.card-list li.skip {
        opacity: 0.5;
        filter: grayscale(100%);
        background-color: #c9c8c8;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt {
        margin: 0 0 4.5rem;
        font-size: 1.6rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt.ta {
        text-align: left;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.black {
        color: #000;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.big {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.big.white {
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .subTxt strong.big2 {
        font-size: 1.6rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .countWrap {
        text-align: center;
        margin: 3rem 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .countWrap .count {
        display: inline-block;
        background: #000;
        font-size: 1.8rem;
        color: #fff;
        height: 4rem;
        line-height: 4.5rem;
        border-radius: 2.5rem;
        padding: 0 1.5rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram {
        background: #fff;
        border-radius: 2rem;
        overflow: hidden;
        padding: 2rem;
        margin: 0 0 3rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram h3 {
        padding: 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step {
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li {
        position: relative;
        z-index: 2;
        width: 33.3%;
        text-align: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 6rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #a0a0a0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li p {
        font-size: 1.3rem;
        color: #9e9e9e;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #a0a0a0;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
        content: "";
        position: absolute;
        bottom: 6rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
        font-size: 1.3rem;
        color: #ca3f90;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #ca3f90;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress {
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .title {
        text-align: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .title p {
        display: inline-block;
        text-align: center;
        font-size: 2rem;
        color: #fff;
        background: #000;
        height: 3.5rem;
        line-height: 3.5rem;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .barWrap {
        margin: 5rem 0 0;
        height: 1rem;
        background: #f2f2f2;
        border-radius: 0.5rem;
        position: relative;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .barWrap .percent {
        position: absolute;
        top: -3rem;
        right: 0;
        font-size: 2rem;
        color: #000;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .progress .barWrap .bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #ca3f90;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div {
        height: auto;
        padding: 2rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
        background: #ca3f90 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
        background: #ca3f90 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
        margin: 2rem 0 0;
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div .subTxt {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit div .name {
        margin: 2rem 0 0;
        font-size: 1.7rem;
        color: #fff;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray {
        background: #efefef;
        border-radius: 2.5rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div {
        background: none !important;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray.bg {
        padding-bottom: 20rem;
        background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
        padding: 2rem 0;
        background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
        border-radius: 2rem;
        background: #ca3f90 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .knowhow-img {
        text-align: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .bodyTxt {
        text-align: center;
        font-size: 1.5rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .bodyTxt span {
        font-weight: 700;
        color: #ca3f90;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .bodyTxt-white {
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .d-block {
        height: auto;
        padding: 1rem;
        display: block;
        font-size: 1.7rem;
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step06-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step06-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step06-img-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray .d-flex {
        display: block;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea ul.ul-subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea ul.ul-subTxt.ml-5 {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea ul.ul-subTxt li strong {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea ul.ul-subTxt li {
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .txtBox {
        font-size: 1.3rem;
        line-height: 2.4rem;
        padding: 2rem;
        text-align: center;
        margin: 2rem 0;
        background: #fff;
        border: 1px solid #e6e6e6;
        height: 15rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox li {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0 1rem;
        height: 6rem;
        border-radius: 3rem;
        border: 1px solid #333;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
        margin: 0 0 2rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox li:last-child {
        margin: 0 0 5rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .linkBox li a {
        font-size: 1.3rem;
        color: #ca3f90;
        margin-left: 1rem;
        font-weight: 500;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .list-icon {
        justify-content: center;
        gap: 5%;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon {
        width: 45%;
        margin: 0 0 5%;
    }
    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon
        label {
        width: 100%;
        font-size: 1.3rem;
    }
    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(1)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(2)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(3)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(4)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(5)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(6)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(7)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(8)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col .bodyTxt {
        text-align: left;
        margin: 0 0 1rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col .boxTxt {
        font-size: 1.4rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
        background: #f2f2f2;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white div {
        height: auto;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
        color: #ca3f90;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
        margin: 3rem 0 0;
        text-align: left;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
        font-size: 1.2rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .wrap-bg {
        background: #f2f2f2;
        padding: 2rem;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list {
        text-align: center;
        margin: 3rem 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li {
        width: 100%;
        margin: 0 0 3rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
        width: 100%;
        height: 30rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li .box {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 2rem 0 0;
        background: #fff;
        font-size: 1.6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .thumbnail-list li button {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 1rem auto 0;
        background: #ca3f90;
        font-size: 1.6rem;
        color: #fff;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-score-box {
        margin: 4rem 0 0;
        background: #ca3f90;
        border-radius: 2rem;
        padding: 2rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-pregnant-woman .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-pregnant-woman h4.tit-tbl {
        margin: 2.5rem 0 2rem;
        height: 3rem;
        padding: 0 1.5rem;
        border-radius: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        font-size: 1.5rem !important;
        font-weight: 700;
        color: #fff;
    }

    #n-wrapper .n-container.theme-pregnant-woman .n-tbl-basic td .d-flex .n-frm-input.year {
        width: 9rem !important;
    }

    #n-wrapper .n-container.theme-pregnant-woman .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
        background-color: #ca3f90 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .btn-style.blue {
        background: #ca3f90 !important;
        color: #fff;
    }

    #n-wrapper .n-container.theme-pregnant-woman .chk-radio-design {
        width: 48%;
        margin: 0;
    }
    #n-wrapper .n-container.theme-pregnant-woman .chk-radio-design input[type="radio"]:checked + label {
        background: #ca3f90 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-pregnant-woman .chk-radio-design input[type="radio"]:checked + label span:before {
        background: #ca3f90 !important;
    }
    #n-wrapper .n-container.theme-pregnant-woman .chk-radio-design label {
        width: 100%;
        font-size: 1.4rem;
        height: 3.5rem;
    }

    #n-wrapper
        .n-container.theme-pregnant-woman
        .n-conArea
        .chk-checkbox-design
        input[type="checkbox"]:checked
        + label {
        background: #ca3f90 !important;
        color: #fff;
    }
}

/***** 테마-레이아웃 청소년 *****/
.mb-7 {
    margin-bottom: 7rem !important;
}

#n-wrapper .n-header.theme-teenager h1 {
    color: #258020;
}
#n-wrapper .n-header.theme-teenager .n-gnbWrap li.active {
    background: #258020;
    border-radius: 2.5rem 2.5rem 0 0;
}

#n-wrapper .n-container.theme-teenager .n-titleWrap {
    background: #258020;
    padding: 8rem 0 5rem;
    text-align: center;
}
#n-wrapper .n-container.theme-teenager .n-titleWrap {
    height: 46rem;
}
#n-wrapper .n-container.theme-teenager .n-titleWrap.h-auto {
    height: auto;
}
#n-wrapper .n-container.theme-teenager .n-titleWrap .txtBox span {
    color: #258020;
}

#n-wrapper .n-container.theme-teenager.about .n-containerWrap .n-conArea {
    position: relative;
    margin-top: -23rem;
    padding: 0 0 31rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 {
    background: #258020 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 h3 {
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 h3 strong {
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 h3:after {
    background: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .bg-2 {
    background: #258020 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .bg-3 {
    padding: 10rem 0 0;
    background: #258020 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea.pad {
    padding: 0 0 8rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1 .mainTxt span {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-2 .mainTxt span {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.big {
    font-size: 5.5rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.big span {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.big:after {
    display: none;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.white strong {
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3 strong {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3 span {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3 span.step {
    position: relative;
    top: -2px;
    height: 3rem;
    line-height: 100%;
    background: #258020;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 700;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .boxTit {
    margin: 8rem 0 2.5rem;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    padding: 0.5rem 1rem;
    background: #000;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(3) {
    background: #fff url("../../../img/program/step04-img-3-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(5) {
    background: #fff url("../../../img/program/step04-img-5-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(9) {
    background: #fff url("../../../img/program/step04-img-9-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(10) {
    background: #fff url("../../../img/program/step04-img-10-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(11) {
    background: #fff url("../../../img/program/step04-img-11-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(12) {
    background: #fff url("../../../img/program/step04-img-12-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(15) {
    background: #fff url("../../../img/program/step04-img-15-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(16) {
    background: #fff url("../../../img/program/step04-img-16-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(17) {
    background: #fff url("../../../img/program/step04-img-17-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(18) {
    background: #fff url("../../../img/program/step04-img-18-t.png") 50% 2.5rem no-repeat;
}

#n-wrapper .n-container.theme-teenager ul.card-list li.failgray {
    opacity: 0.5;
    filter: grayscale(100%);
}
#n-wrapper .n-container.theme-teenager ul.card-list li.active {
    color: #fff !important;
    background-color: #258020 !important;
}
#n-wrapper .n-container.theme-teenager ul.card-list li.skip {
    opacity: 0.5;
    filter: grayscale(100%);
    background-color: #c9c8c8;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt {
    margin: 0 0 4.5rem;
    font-size: 1.6rem;
    text-align: center;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt.ta {
    text-align: left;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.black {
    color: #000;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.big {
    font-size: 2.5rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.big.white {
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.big2 {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .countWrap {
    text-align: center;
    margin: 3rem 0 5rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .countWrap .count {
    display: inline-block;
    background: #000;
    font-size: 2.5rem;
    color: #fff;
    height: 4rem;
    line-height: 4.5rem;
    border-radius: 2.5rem;
    padding: 0 1.5rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram {
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.5rem 0 2.5rem;
    margin: 0 0 3rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram h3 {
    padding: 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step {
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li {
    position: relative;
    z-index: 2;
    width: 33.3%;
    text-align: center;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #a0a0a0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li p {
    font-size: 1.6rem;
    color: #9e9e9e;
    font-weight: 700;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #a0a0a0;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
    content: "";
    position: absolute;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
    font-size: 1.6rem;
    color: #258020;
    font-weight: 700;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #258020;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress {
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .title {
    text-align: center;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .title p {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    color: #fff;
    background: #000;
    height: 3.5rem;
    line-height: 3.5rem;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .barWrap {
    margin: 5rem 0 0;
    height: 1rem;
    background: #f2f2f2;
    border-radius: 0.5rem;
    position: relative;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .barWrap .percent {
    position: absolute;
    top: -3rem;
    right: 0;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .barWrap .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #258020;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 3rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.etc div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager2 div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager2 div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-3.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager3 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager3 div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-4.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager4 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager4 div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-5.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div:nth-child(1) {
    background: #e8e8e8 url("../../../img/program/theme-man/theme-teenager-bg-6.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div .mainTxt {
    color: #000;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div .subTxt {
    color: #000;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager6 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg-teenager6 div:nth-child(1) {
    background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-7.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray {
    background: #efefef;
    border-radius: 2.5rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div {
    background: none !important;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #000;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #000;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray.bg {
    padding-bottom: 20rem;
    background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
    padding: 2rem 0;
    background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
    border-radius: 2rem;
    background: #258020 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.white div {
    background: #fff;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.white div .mainTxt {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.white div .subTxt {
    color: #000;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .knowhow-img {
    text-align: center;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .bodyTxt {
    text-align: center;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .bodyTxt span {
    font-weight: 700;
    color: #258020;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .bodyTxt-white {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step06-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step06-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step06-img-4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc .mainTxt span {
    color: #333;
    font-size: 2rem;
    font-weight: normal;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc .subTxt strong {
    font-size: 2rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div {
    height: auto;
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img6.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 {
    margin: 3rem 0 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 .mainTxt span {
    color: #333;
    font-size: 2rem;
    font-weight: normal;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt strong {
    font-size: 2rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div {
    height: auto;
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img1.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img2.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img3.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img4.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img5.png") 4rem 50% no-repeat;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea ul.ul-subTxt li strong {
    color: #258020;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .txtBox {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0 4.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 15rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox li {
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 3rem;
    height: 9rem;
    border-radius: 3rem;
    border: 1px solid #333;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 3rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox li:last-child {
    margin: 0 0 5rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox li a {
    font-size: 1.8rem;
    color: #258020;
    margin-left: 1rem;
    font-weight: 500;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(5)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(6)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(7)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(8)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon.col-4-2 label {
    height: 17rem;
}
#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-1.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-2.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-3.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper
    .n-container.theme-teenager
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-4.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid {
    margin: 3rem 0 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div {
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
    padding: 4rem 2rem;
    margin: 0 0 4rem;
    text-align: center;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div:last-child {
    margin: 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div h3 {
    margin: 0;
    padding: 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div .mainTxt {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col .bodyTxt {
    text-align: left;
    margin: 0 0 1rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col .boxTxt {
    font-size: 1.6rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
    background: #f2f2f2;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white div {
    height: auto;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
    color: #258020;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
    font-size: 1.2rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .wrap-bg {
    background: #f2f2f2;
    padding: 2.5rem;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list {
    text-align: center;
    margin: 7rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li {
    margin: 0 0 3rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
    width: 22rem;
    height: 40rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li .box {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 2rem 0 0;
    background: #fff;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li button {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 1rem auto 0;
    background: #258020;
    font-size: 2rem;
    color: #fff;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-teenager .n-score-box {
    margin: 8rem 0 0;
    background: #258020;
    border-radius: 2rem;
    padding: 5rem;
}

#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 5rem 50% no-repeat;
}

#n-wrapper .n-container.theme-teenager .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
    background-color: #258020 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .btn-style.blue {
    background: #258020 !important;
    color: #fff;
}

#n-wrapper .n-container.theme-teenager .chk-radio-design input[type="radio"]:checked + label {
    background: #258020 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-teenager .chk-radio-design input[type="radio"]:checked + label span:before {
    background: #258020 !important;
}
#n-wrapper .n-container.theme-teenager .chk-radio-design label {
    font-size: 1.4rem;
    height: 4.5rem;
}

#n-wrapper .n-container.theme-teenager .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
    background: #258020 !important;
    color: #fff;
}

@media all and (max-width: 767px) {
    /***** 테마-레이아웃 청소년 *****/
    img {
        max-width: 100%;
        height: auto;
    }
    #n-wrapper .n-container.theme-teenager .n-question {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 2rem;
    }

    #n-wrapper .n-header.theme-teenager h1 {
        color: #258020;
    }
    #n-wrapper .n-header.theme-teenager .n-gnbWrap li.active {
        background: #258020;
        border-radius: 1.5rem 1.5rem 0 0;
    }

    #n-wrapper .n-container.theme-teenager .mb-7 {
        margin-bottom: 7rem !important;
    }

    #n-wrapper .n-container.theme-teenager .n-tbl-basic td .w-100 {
        width: 100% !important;
    }

    #n-wrapper .n-container.theme-teenager .n-titleWrap {
        background: #258020;
        padding: 5rem 0 3rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-titleWrap {
        height: 28rem;
    }
    #n-wrapper .n-container.theme-teenager .n-titleWrap.h-auto {
        height: auto;
    }

    #n-wrapper .n-container.theme-teenager .n-titleWrap .txtBox {
        max-width: 72rem;
        padding: 2rem;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 2rem;
        background: #fff;
        margin: 3rem 2rem 0;
    }

    #n-wrapper .n-container.theme-teenager.about .n-containerWrap .n-conArea {
        position: relative;
        margin-top: -12rem;
        padding: 0 2rem 13rem;
    }
    #n-wrapper .n-container.theme-teenager.about .n-containerWrap .n-conArea .btnWrap {
        margin-bottom: 5rem !important;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 {
        background: #258020 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 h3 {
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 h3 strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .bg-1 h3:after {
        background: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .bg-2 {
        background: #258020 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .bg-3 {
        padding: 5rem 0 0;
        background: #258020 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea.pad {
        padding-bottom: 8rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1 .mainTxt span {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-2 .mainTxt span {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.big {
        font-size: 2.5rem;
        line-height: 100%;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.big span {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.big:after {
        display: none;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3.white strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3 strong {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3 span {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h4 {
        font-size: 2.5rem;
        line-height: 150%;
        padding-bottom: 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea h3 span.step {
        position: relative;
        top: -2px;
        height: 3rem;
        line-height: 100%;
        background: #258020;
        font-size: 1.8rem;
        color: #fff;
        font-weight: 700;
        border-radius: 1.5rem;
        padding: 0.5rem 1.5rem 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .boxTit {
        margin: 4rem 0;
        display: inline-block;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        background: #000;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-teenager ul.card-list li.failgray {
        opacity: 0.5;
        filter: grayscale(100%);
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li.active {
        color: #fff !important;
        background-color: #258020 !important;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li.skip {
        opacity: 0.5;
        filter: grayscale(100%);
        background-color: #c9c8c8;
    }

    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(3) {
        background: #fff url("../../../img/program/step04-img-3-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(5) {
        background: #fff url("../../../img/program/step04-img-5-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(9) {
        background: #fff url("../../../img/program/step04-img-9-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(10) {
        background: #fff url("../../../img/program/step04-img-10-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(11) {
        background: #fff url("../../../img/program/step04-img-11-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(12) {
        background: #fff url("../../../img/program/step04-img-12-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(15) {
        background: #fff url("../../../img/program/step04-img-15-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(16) {
        background: #fff url("../../../img/program/step04-img-16-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(17) {
        background: #fff url("../../../img/program/step04-img-17-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-teenager ul.card-list li:nth-child(18) {
        background: #fff url("../../../img/program/step04-img-18-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt {
        margin: 0 0 4.5rem;
        font-size: 1.6rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt.ta {
        text-align: left;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.black {
        color: #000;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.big {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.big.white {
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .subTxt strong.big2 {
        font-size: 1.6rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .countWrap {
        text-align: center;
        margin: 3rem 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .countWrap .count {
        display: inline-block;
        background: #000;
        font-size: 1.8rem;
        color: #fff;
        height: 4rem;
        line-height: 4.5rem;
        border-radius: 2.5rem;
        padding: 0 1.5rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram {
        background: #fff;
        border-radius: 2rem;
        overflow: hidden;
        padding: 2rem;
        margin: 0 0 3rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram h3 {
        padding: 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step {
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li {
        position: relative;
        z-index: 2;
        width: 33.3%;
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 5.3rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #a0a0a0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li p {
        letter-spacing: -1px;
        font-size: 1.1rem;
        color: #9e9e9e;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #a0a0a0;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
        content: "";
        position: absolute;
        bottom: 5.3rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
        font-size: 1.1rem;
        color: #258020;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #258020;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress {
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .title {
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .title p {
        display: inline-block;
        text-align: center;
        font-size: 2rem;
        color: #fff;
        background: #000;
        height: 3.5rem;
        line-height: 3.5rem;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .barWrap {
        margin: 5rem 0 0;
        height: 1rem;
        background: #f2f2f2;
        border-radius: 0.5rem;
        position: relative;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .barWrap .percent {
        position: absolute;
        top: -3rem;
        right: 0;
        font-size: 2rem;
        color: #000;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .progress .barWrap .bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #258020;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div {
        height: auto;
        padding: 4rem 2rem !important;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
        background: #258020 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
        background: #258020 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.etc div:nth-child(1) {
        background: #258020 url("../../../img/program/theme-man/theme-teenager-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
        margin: 2rem 0 0;
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div .subTxt {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit div .name {
        margin: 2rem 0 0;
        font-size: 1.7rem;
        color: #fff;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray {
        background: #efefef;
        border-radius: 2.5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div {
        background: none !important;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray.bg {
        padding-bottom: 20rem;
        background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
        padding: 2rem 0;
        background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
        border-radius: 2rem;
        background: #258020 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.white div {
        background: #fff;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.white div .mainTxt {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit.white div .subTxt {
        color: #000;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .knowhow-img {
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .bodyTxt {
        text-align: center;
        font-size: 1.5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .bodyTxt span {
        font-weight: 700;
        color: #258020;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .bodyTxt-white {
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .d-block {
        height: auto;
        padding: 1rem;
        display: block;
        font-size: 1.7rem;
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step06-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step06-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step06-img-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc .subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img1.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img2.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img3.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img4.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img5.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img6.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 .mainTxt span {
        color: #333;
        font-size: 2rem;
        font-weight: normal;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt {
        text-align: left;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt strong {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div {
        height: auto;
        border: 1px solid #c7c7c7;
        border-radius: 2rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img1.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img2.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img3.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img4.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img5.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray .d-flex {
        display: block;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea ul.ul-subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea ul.ul-subTxt.ml-5 {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea ul.ul-subTxt li strong {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea ul.ul-subTxt li {
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .txtBox {
        font-size: 1.3rem;
        line-height: 2.4rem;
        padding: 2rem;
        text-align: center;
        margin: 2rem 0;
        background: #fff;
        border: 1px solid #e6e6e6;
        height: 15rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox li {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0 1rem;
        height: 6rem;
        border-radius: 3rem;
        border: 1px solid #333;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
        margin: 0 0 2rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox li:last-child {
        margin: 0 0 5rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .linkBox li a {
        font-size: 1.3rem;
        color: #258020;
        margin-left: 1rem;
        font-weight: 500;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .list-icon {
        justify-content: center;
        gap: 5%;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon {
        width: 45%;
        margin: 0 0 5%;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon label {
        width: 100%;
        font-size: 1.3rem;
    }
    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(1)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(2)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(3)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(4)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(5)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(6)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(7)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-teenager
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(8)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div {
        border: 1px solid #c7c7c7;
        border-radius: 2rem;
        padding: 1.5rem;
        margin: 0 0 2rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div:last-child {
        margin: 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div h3 {
        margin: 0;
        padding: 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col-1-tit-solid div .mainTxt {
        font-size: 1.3rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col .bodyTxt {
        text-align: left;
        margin: 0 0 1rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col .boxTxt {
        font-size: 1.4rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
        background: #f2f2f2;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white div {
        height: auto;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
        color: #258020;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
        margin: 3rem 0 0;
        text-align: left;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
        font-size: 1.2rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .wrap-bg {
        background: #f2f2f2;
        padding: 2rem;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list {
        text-align: center;
        margin: 3rem 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li {
        width: 100%;
        margin: 0 0 3rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
        width: 100%;
        height: 30rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li .box {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 2rem 0 0;
        background: #fff;
        font-size: 1.6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .thumbnail-list li button {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 1rem auto 0;
        background: #258020;
        font-size: 1.6rem;
        color: #fff;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-teenager .n-score-box {
        margin: 4rem 0 0;
        background: #258020;
        border-radius: 2rem;
        padding: 2rem;
    }

    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-teenager .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-teenager h4.tit-tbl {
        margin: 2.5rem 0 2rem;
        height: 3rem;
        padding: 0 1.5rem;
        border-radius: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        font-size: 1.5rem !important;
        font-weight: 700;
        color: #fff;
    }

    #n-wrapper .n-container.theme-teenager .n-tbl-basic td .d-flex .n-frm-input.year {
        width: 9rem !important;
    }

    #n-wrapper .n-container.theme-teenager .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
        background-color: #258020 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .btn-style.blue {
        background: #258020 !important;
        color: #fff;
    }

    #n-wrapper .n-container.theme-teenager .chk-radio-design {
        width: 48%;
        margin: 0;
    }
    #n-wrapper .n-container.theme-teenager .chk-radio-design input[type="radio"]:checked + label {
        background: #258020 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-teenager .chk-radio-design input[type="radio"]:checked + label span:before {
        background: #258020 !important;
    }
    #n-wrapper .n-container.theme-teenager .chk-radio-design label {
        width: 100%;
        font-size: 1.4rem;
        height: 3.5rem;
    }

    #n-wrapper .n-container.theme-teenager .frm-inline input {
        width: 7rem !important;
    }
    #n-wrapper .n-container.theme-teenager .frm-inline .mobile-br {
        display: block;
    }
    #n-wrapper .n-container.theme-teenager .frm-inline .mobile-br span {
        display: block;
    }

    #n-wrapper .n-container.theme-teenager .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
        background: #258020 !important;
        color: #fff;
    }
}

/***** 테마-레이아웃 비흡연자 *****/

#n-wrapper .n-header.theme-nosmoke h1 {
    color: #128091;
}
#n-wrapper .n-header.theme-nosmoke .n-gnbWrap li.active {
    background: #128091;
    border-radius: 2.5rem 2.5rem 0 0;
}

#n-wrapper .n-container.theme-nosmoke .n-titleWrap {
    background: #128091;
    padding: 8rem 0 5rem;
    text-align: center;
}
#n-wrapper .n-container.theme-nosmoke .n-titleWrap {
    height: 46rem;
}
#n-wrapper .n-container.theme-nosmoke .n-titleWrap.h-auto {
    height: auto;
}
#n-wrapper .n-container.theme-nosmoke .n-titleWrap .txtBox span {
    color: #128091;
}

#n-wrapper .n-container.theme-nosmoke.about .n-containerWrap .n-conArea {
    position: relative;
    margin-top: -23rem;
    padding: 0 0 31rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 {
    background: #128091 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 h3 {
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 h3 strong {
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 h3:after {
    background: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-2 {
    background: #128091 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-3 {
    padding: 10rem 0 0;
    background: #128091 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea.pad {
    padding: 0 0 8rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1 .mainTxt span {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-2 .mainTxt span {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.big {
    font-size: 5.5rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.big span {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.big:after {
    display: none;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.white strong {
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3 strong {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3 span {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3 span.step {
    position: relative;
    top: -2px;
    height: 3rem;
    line-height: 100%;
    background: #128091;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 700;
    border-radius: 1.5rem;
    padding: 0.5rem 1.5rem 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .boxTit {
    margin: 8rem 0 2.5rem;
    display: inline-block;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    padding: 0.5rem 1rem;
    background: #000;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(3) {
    background: #fff url("../../../img/program/step04-img-3-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(5) {
    background: #fff url("../../../img/program/step04-img-5-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(9) {
    background: #fff url("../../../img/program/step04-img-9-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(10) {
    background: #fff url("../../../img/program/step04-img-10-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(11) {
    background: #fff url("../../../img/program/step04-img-11-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(12) {
    background: #fff url("../../../img/program/step04-img-12-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(15) {
    background: #fff url("../../../img/program/step04-img-15-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(16) {
    background: #fff url("../../../img/program/step04-img-16-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(17) {
    background: #fff url("../../../img/program/step04-img-17-t.png") 50% 2.5rem no-repeat;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(18) {
    background: #fff url("../../../img/program/step04-img-18-t.png") 50% 2.5rem no-repeat;
}

#n-wrapper .n-container.theme-nosmoke ul.card-list li.failgray {
    opacity: 0.5;
    filter: grayscale(100%);
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li.active {
    color: #fff !important;
    background-color: #128091 !important;
}
#n-wrapper .n-container.theme-nosmoke ul.card-list li.skip {
    opacity: 0.5;
    filter: grayscale(100%);
    background-color: #c9c8c8;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt {
    margin: 0 0 4.5rem;
    font-size: 1.6rem;
    text-align: center;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt.ta {
    text-align: left;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.black {
    color: #000;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.big {
    font-size: 2.5rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.big.white {
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.big2 {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .countWrap {
    text-align: center;
    margin: 3rem 0 5rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .countWrap .count {
    display: inline-block;
    background: #000;
    font-size: 2.5rem;
    color: #fff;
    height: 4rem;
    line-height: 4.5rem;
    border-radius: 2.5rem;
    padding: 0 1.5rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram {
    background: #fff;
    border-radius: 2rem;
    overflow: hidden;
    padding: 4.5rem 0 2.5rem;
    margin: 0 0 3rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram h3 {
    padding: 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step {
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li {
    position: relative;
    z-index: 2;
    width: 33.3%;
    text-align: center;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #a0a0a0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li p {
    font-size: 1.6rem;
    color: #9e9e9e;
    font-weight: 700;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #a0a0a0;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
    content: "";
    position: absolute;
    bottom: 6.8rem;
    left: 0;
    width: 100%;
    border-top: 2px solid #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
    font-size: 1.6rem;
    color: #128091;
    font-weight: 700;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto 1rem;
    width: 2rem;
    height: 2rem;
    background: #128091;
    border-radius: 100%;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress {
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .title {
    text-align: center;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .title p {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    color: #fff;
    background: #000;
    height: 3.5rem;
    line-height: 3.5rem;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .barWrap {
    margin: 5rem 0 0;
    height: 1rem;
    background: #f2f2f2;
    border-radius: 0.5rem;
    position: relative;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .barWrap .percent {
    position: absolute;
    top: -3rem;
    right: 0;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .barWrap .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #128091;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div {
    height: auto;
    padding: 3rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.etc div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-1.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-2.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager2 div {
    height: auto;
    padding: 4rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager2 div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-3.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager3 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager3 div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-4.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager4 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager4 div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-5.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div:nth-child(1) {
    background: #e8e8e8 url("../../../img/program/theme-man/theme-nosmoke-bg-6.png") 50% 50% no-repeat;
    background-size: cover;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div .mainTxt {
    color: #000;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager5 div .subTxt {
    color: #000;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager6 div {
    height: auto;
    padding: 6rem 4rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg-teenager6 div:nth-child(1) {
    background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-7.png") 50% 50% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
    margin: 2rem 0 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div .subTxt {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div .name {
    margin: 2rem 0 0;
    font-size: 2.2rem;
    color: #fff;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray {
    background: #efefef;
    border-radius: 2.5rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div {
    background: none !important;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #000;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #000;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray.bg {
    padding-bottom: 20rem;
    background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
    padding: 2rem 0;
    background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
    margin: 2rem 0 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
    border-radius: 2rem;
    background: #128091 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
    background-size: cover;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.white div {
    background: #fff;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.white div .mainTxt {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.white div .subTxt {
    color: #000;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .knowhow-img {
    text-align: center;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .bodyTxt {
    text-align: center;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .bodyTxt span {
    font-weight: 700;
    color: #128091;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .bodyTxt-white {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/step06-img-2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/step06-img-3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/step06-img-4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc .mainTxt span {
    color: #333;
    font-size: 2rem;
    font-weight: normal;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc .subTxt strong {
    font-size: 2rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div {
    height: auto;
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img1.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img2.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img3.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img4.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img5.png") 2rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-04-2-img6.png") 2rem 50% no-repeat;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 {
    margin: 3rem 0 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 .mainTxt span {
    color: #333;
    font-size: 2rem;
    font-weight: normal;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt strong {
    font-size: 2rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div {
    height: auto;
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(1) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img1.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(2) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img2.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(3) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img3.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(4) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img4.png") 4rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(5) {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img5.png") 4rem 50% no-repeat;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea ul.ul-subTxt li strong {
    color: #128091;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .txtBox {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 2rem;
    text-align: center;
    margin: 2rem 0 4.5rem;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 15rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox li {
    display: flex;
    background: #fff;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 3rem;
    height: 9rem;
    border-radius: 3rem;
    border: 1px solid #333;
    box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 3rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox li:last-child {
    margin: 0 0 5rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox li a {
    font-size: 1.8rem;
    color: #128091;
    margin-left: 1rem;
    font-weight: 500;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(5)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(6)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(7)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon:nth-child(8)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-1.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-2.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-3.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-04_3-ico-4.png") 50% 2rem no-repeat;
    background-size: 8rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon.col-4-2 label {
    height: 17rem;
}
#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(1)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-1.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(2)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-2.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(3)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-3.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper
    .n-container.theme-nosmoke
    .n-containerWrap
    .n-conArea
    .list-icon
    .chk-checkbox-design-icon.col-4-2:nth-child(4)
    label {
    background: #f2f2f2 url("../../../img/program/theme-man/step-08-ico2-4.png") 50% 2rem no-repeat;
    background-size: 9rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid {
    margin: 3rem 0 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div {
    border: 1px solid #c7c7c7;
    border-radius: 2rem;
    padding: 4rem 2rem;
    margin: 0 0 4rem;
    text-align: center;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div:last-child {
    margin: 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div h3 {
    margin: 0;
    padding: 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div .mainTxt {
    font-size: 2rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col {
    margin: 3.5rem 0 0;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col .bodyTxt {
    text-align: left;
    margin: 0 0 1rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col .boxTxt {
    font-size: 1.6rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
    background: #f2f2f2;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white div {
    height: auto;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
    color: #128091;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
    text-align: left;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
    font-size: 1.2rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .wrap-bg {
    background: #f2f2f2;
    padding: 2.5rem;
    border-radius: 2.5rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list {
    text-align: center;
    margin: 7rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li {
    margin: 0 0 3rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
    width: 22rem;
    height: 40rem;
    background: #fff;
    padding: 1rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li .box {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 2rem 0 0;
    background: #fff;
    font-size: 2rem;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li button {
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    margin: 1rem auto 0;
    background: #128091;
    font-size: 2rem;
    color: #fff;
    padding: 0 1rem;
}

#n-wrapper .n-container.theme-nosmoke .n-score-box {
    margin: 8rem 0 0;
    background: #128091;
    border-radius: 2rem;
    padding: 5rem;
}

#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 5rem 50% no-repeat;
}
#n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
    background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 5rem 50% no-repeat;
}

#n-wrapper .n-container.theme-nosmoke .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
    background-color: #128091 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .btn-style.blue {
    background: #128091 !important;
    color: #fff;
}

#n-wrapper .n-container.theme-nosmoke .chk-radio-design input[type="radio"]:checked + label {
    background: #128091 !important;
    color: #fff;
}
#n-wrapper .n-container.theme-nosmoke .chk-radio-design input[type="radio"]:checked + label span:before {
    background: #128091 !important;
}
#n-wrapper .n-container.theme-nosmoke .chk-radio-design label {
    font-size: 1.4rem;
    height: 4.5rem;
}

#n-wrapper .n-container.theme-nosmoke .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
    background: #128091 !important;
    color: #fff;
}

@media all and (max-width: 767px) {
    /***** 테마-레이아웃 비흡연자 *****/
    img {
        max-width: 100%;
        height: auto;
    }
    #n-wrapper .n-container.theme-nosmoke .n-question {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0 0 2rem;
    }

    #n-wrapper .n-header.theme-nosmoke h1 {
        color: #128091;
    }
    #n-wrapper .n-header.theme-nosmoke .n-gnbWrap li.active {
        background: #128091;
        border-radius: 1.5rem 1.5rem 0 0;
    }

    #n-wrapper .n-container.theme-nosmoke .mb-7 {
        margin-bottom: 7rem !important;
    }

    #n-wrapper .n-container.theme-nosmoke .n-tbl-basic td .w-100 {
        width: 100% !important;
    }

    #n-wrapper .n-container.theme-nosmoke .n-titleWrap {
        background: #128091;
        padding: 5rem 0 3rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-titleWrap {
        height: 28rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-titleWrap.h-auto {
        height: auto;
    }

    #n-wrapper .n-container.theme-nosmoke .n-titleWrap .txtBox {
        max-width: 72rem;
        padding: 2rem;
        text-align: center;
        font-size: 1.6rem;
        border-radius: 2rem;
        background: #fff;
        margin: 3rem 2rem 0;
    }

    #n-wrapper .n-container.theme-nosmoke.about .n-containerWrap .n-conArea {
        position: relative;
        margin-top: -12rem;
        padding: 0 2rem 13rem;
    }
    #n-wrapper .n-container.theme-nosmoke.about .n-containerWrap .n-conArea .btnWrap {
        margin-bottom: 5rem !important;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 {
        background: #128091 url("../../../img/program/theme-man/step-04-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 h3 {
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 h3 strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-1 h3:after {
        background: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-2 {
        background: #128091 url("../../../img/program/theme-man/step-05-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .bg-3 {
        padding: 5rem 0 0;
        background: #128091 url("../../../img/program/theme-man/step-09-bg1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea.pad {
        padding-bottom: 8rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1 .mainTxt span {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-2 .mainTxt span {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.big {
        font-size: 2.5rem;
        line-height: 100%;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.big span {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.big:after {
        display: none;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3.white strong {
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3 strong {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3 span {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h4 {
        font-size: 2.5rem;
        line-height: 150%;
        padding-bottom: 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea h3 span.step {
        position: relative;
        top: -2px;
        height: 3rem;
        line-height: 100%;
        background: #128091;
        font-size: 1.8rem;
        color: #fff;
        font-weight: 700;
        border-radius: 1.5rem;
        padding: 0.5rem 1.5rem 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .boxTit {
        margin: 4rem 0;
        display: inline-block;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        background: #000;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-nosmoke ul.card-list li.failgray {
        opacity: 0.5;
        filter: grayscale(100%);
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li.active {
        color: #fff !important;
        background-color: #128091 !important;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li.skip {
        opacity: 0.5;
        filter: grayscale(100%);
        background-color: #c9c8c8;
    }

    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(3) {
        background: #fff url("../../../img/program/step04-img-3-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(5) {
        background: #fff url("../../../img/program/step04-img-5-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(9) {
        background: #fff url("../../../img/program/step04-img-9-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(10) {
        background: #fff url("../../../img/program/step04-img-10-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(11) {
        background: #fff url("../../../img/program/step04-img-11-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(12) {
        background: #fff url("../../../img/program/step04-img-12-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(15) {
        background: #fff url("../../../img/program/step04-img-15-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(16) {
        background: #fff url("../../../img/program/step04-img-16-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(17) {
        background: #fff url("../../../img/program/step04-img-17-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke ul.card-list li:nth-child(18) {
        background: #fff url("../../../img/program/step04-img-18-t.png") 2rem 2rem no-repeat;
        background-size: 8.5rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt {
        margin: 0 0 4.5rem;
        font-size: 1.6rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt.ta {
        text-align: left;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.black {
        color: #000;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.big {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.big.white {
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .subTxt strong.big2 {
        font-size: 1.6rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .countWrap {
        text-align: center;
        margin: 3rem 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .countWrap .count {
        display: inline-block;
        background: #000;
        font-size: 1.8rem;
        color: #fff;
        height: 4rem;
        line-height: 4.5rem;
        border-radius: 2.5rem;
        padding: 0 1.5rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram {
        background: #fff;
        border-radius: 2rem;
        overflow: hidden;
        padding: 2rem;
        margin: 0 0 3rem;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03);
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram h3 {
        padding: 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step {
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li {
        position: relative;
        z-index: 2;
        width: 33.3%;
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li:before {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 5.3rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #a0a0a0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li p {
        letter-spacing: -1px;
        font-size: 1.1rem;
        color: #9e9e9e;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #a0a0a0;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li.active:before {
        content: "";
        position: absolute;
        bottom: 5.3rem;
        left: 0;
        width: 100%;
        border-top: 2px solid #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li.active p {
        font-size: 1.1rem;
        color: #128091;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .readyprogram .step ul li.active span {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto 1rem;
        width: 2rem;
        height: 2rem;
        background: #128091;
        border-radius: 100%;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress {
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .title {
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .title p {
        display: inline-block;
        text-align: center;
        font-size: 2rem;
        color: #fff;
        background: #000;
        height: 3.5rem;
        line-height: 3.5rem;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .barWrap {
        margin: 5rem 0 0;
        height: 1rem;
        background: #f2f2f2;
        border-radius: 0.5rem;
        position: relative;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .barWrap .percent {
        position: absolute;
        top: -3rem;
        right: 0;
        font-size: 2rem;
        color: #000;
        font-weight: 700;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .progress .barWrap .bar {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #128091;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div {
        height: auto;
        padding: 4rem 2rem !important;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div:nth-child(1) {
        background: #128091 url("../../../img/program/theme-man/theme-man-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.bg2 div:nth-child(1) {
        background: #128091 url("../../../img/program/theme-man/theme-man-bg-2.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.etc div:nth-child(1) {
        background: #128091 url("../../../img/program/theme-man/theme-nosmoke-bg-1.png") 50% 50% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div .mainTxt {
        margin: 2rem 0 0;
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div .subTxt {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit div .name {
        margin: 2rem 0 0;
        font-size: 1.7rem;
        color: #fff;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray {
        background: #efefef;
        border-radius: 2.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div {
        background: none !important;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt {
        display: flex;
        align-items: center;
        height: 100%;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div .mainTxt span {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: 150%;
        color: #000;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray.bg {
        padding-bottom: 20rem;
        background: #efefef url("../../../img/program/theme-man/step-08-bg-1.png") 50% 100% no-repeat;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.gray.bg2 {
        padding: 2rem 0;
        background: #efefef url("../../../img/program/theme-man/step-12-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.blue div .mainTxt span {
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.blue div .subTxt {
        margin: 2rem 0 0;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.blue.bg div:nth-child(1) {
        border-radius: 2rem;
        background: #128091 url("../../../img/program/theme-man/step-10-bg-1.png") 50% 100% no-repeat;
        background-size: cover;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.white div {
        background: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.white div .mainTxt {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit.white div .subTxt {
        color: #000;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .knowhow-img {
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .bodyTxt {
        text-align: center;
        font-size: 1.5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .bodyTxt span {
        font-weight: 700;
        color: #128091;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .bodyTxt-white {
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .d-block {
        height: auto;
        padding: 1rem;
        display: block;
        font-size: 1.7rem;
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img5.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(6) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img6.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray div:nth-child(7) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-03-img7.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/step06-img-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/step06-img-3.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/step06-img-4.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.step06 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/step06-img-etc.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc .subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div {
        height: auto;
        display: block;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img1.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img2.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img3.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img4.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img5.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-04-2-img6.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 .mainTxt span {
        color: #333;
        font-size: 2rem;
        font-weight: normal;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt {
        text-align: left;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 .subTxt strong {
        font-size: 2rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div {
        height: auto;
        border: 1px solid #c7c7c7;
        border-radius: 2rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(1) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img1.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(2) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img2.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(3) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img3.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(4) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img4.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.etc2 div:nth-child(5) {
        background: #f2f2f2 url("../../../img/program/theme-man/step-04-5-img5.png") 2rem 1rem no-repeat;
        background-size: 5rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray .d-flex {
        display: block;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea ul.ul-subTxt {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea ul.ul-subTxt.ml-5 {
        margin-left: 0 !important;
        margin-top: 0.5rem !important;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea ul.ul-subTxt li strong {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea ul.ul-subTxt li {
        line-height: 150%;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .txtBox {
        font-size: 1.3rem;
        line-height: 2.4rem;
        padding: 2rem;
        text-align: center;
        margin: 2rem 0;
        background: #fff;
        border: 1px solid #e6e6e6;
        height: 15rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox li {
        display: flex;
        background: #fff;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0 1rem;
        height: 6rem;
        border-radius: 3rem;
        border: 1px solid #333;
        box-shadow: inset -5px -5px 1px 1px rgba(0, 0, 0, 0.1);
        margin: 0 0 2rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox li:last-child {
        margin: 0 0 5rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .linkBox li a {
        font-size: 1.3rem;
        color: #128091;
        margin-left: 1rem;
        font-weight: 500;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .list-icon {
        justify-content: center;
        gap: 5%;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon {
        width: 45%;
        margin: 0 0 5%;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .list-icon .chk-checkbox-design-icon label {
        width: 100%;
        font-size: 1.3rem;
    }
    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(1)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-1.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(2)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-2.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(3)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-3.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(4)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-4.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(5)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-5.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(6)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-6.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(7)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-7.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper
        .n-container.theme-nosmoke
        .n-containerWrap
        .n-conArea
        .list-icon
        .chk-checkbox-design-icon:nth-child(8)
        label {
        background: #f2f2f2 url("../../../img/program/theme-man/step-07-ico-8.png") 50% 2rem no-repeat;
        background-size: 8rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid {
        margin: 3rem 0 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div {
        border: 1px solid #c7c7c7;
        border-radius: 2rem;
        padding: 1.5rem;
        margin: 0 0 2rem;
        text-align: center;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div:last-child {
        margin: 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div h3 {
        margin: 0;
        padding: 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col-1-tit-solid div .mainTxt {
        font-size: 1.3rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col {
        margin: 2rem 0 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col .bodyTxt {
        text-align: left;
        margin: 0 0 1rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col .boxTxt {
        font-size: 1.4rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .textarea-col .boxTxt.gray {
        background: #f2f2f2;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white div {
        height: auto;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-1.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-08-ico-2.png") 1rem 2rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white .mainTxt {
        color: #128091;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white .subTxt {
        margin: 3rem 0 0;
        text-align: left;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white .subTxt2 {
        font-size: 1.2rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .wrap-bg {
        background: #f2f2f2;
        padding: 2rem;
        border-radius: 2.5rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list {
        text-align: center;
        margin: 3rem 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li {
        width: 100%;
        margin: 0 0 3rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li .thumbnail {
        width: 100%;
        height: 30rem;
        background: #fff;
        padding: 1rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li .box {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 2rem 0 0;
        background: #fff;
        font-size: 1.6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .thumbnail-list li button {
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        margin: 1rem auto 0;
        background: #128091;
        font-size: 1.6rem;
        color: #fff;
        padding: 0 1rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-score-box {
        margin: 4rem 0 0;
        background: #128091;
        border-radius: 2rem;
        padding: 2rem;
    }

    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(1) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-1.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(2) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-2.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(3) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-3.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(4) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-4.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(5) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-5.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(6) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-6.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }
    #n-wrapper .n-container.theme-nosmoke .n-containerWrap .n-conArea .col2-1.gray.white.ico2 div:nth-child(7) {
        background: #fff url("../../../img/program/theme-man/step-11-ico-7.png") 1rem 1rem no-repeat;
        background-size: 6rem;
    }

    #n-wrapper .n-container.theme-nosmoke h4.tit-tbl {
        margin: 2.5rem 0 2rem;
        height: 3rem;
        padding: 0 1.5rem;
        border-radius: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
        font-size: 1.5rem !important;
        font-weight: 700;
        color: #fff;
    }

    #n-wrapper .n-container.theme-nosmoke .n-tbl-basic td .d-flex .n-frm-input.year {
        width: 9rem !important;
    }

    #n-wrapper .n-container.theme-nosmoke .chk-checkbox-design-icon input[type="checkbox"]:checked + label {
        background-color: #128091 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .btn-style.blue {
        background: #128091 !important;
        color: #fff;
    }

    #n-wrapper .n-container.theme-nosmoke .chk-radio-design {
        width: 48%;
        margin: 0;
    }
    #n-wrapper .n-container.theme-nosmoke .chk-radio-design input[type="radio"]:checked + label {
        background: #128091 !important;
        color: #fff;
    }
    #n-wrapper .n-container.theme-nosmoke .chk-radio-design input[type="radio"]:checked + label span:before {
        background: #128091 !important;
    }
    #n-wrapper .n-container.theme-nosmoke .chk-radio-design label {
        width: 100%;
        font-size: 1.4rem;
        height: 3.5rem;
    }

    #n-wrapper .n-container.theme-nosmoke .frm-inline input {
        width: 7rem !important;
    }
    #n-wrapper .n-container.theme-nosmoke .frm-inline .mobile-br {
        display: block;
    }
    #n-wrapper .n-container.theme-nosmoke .frm-inline .mobile-br span {
        display: block;
    }

    #n-wrapper .n-container.theme-nosmoke .n-conArea .chk-checkbox-design input[type="checkbox"]:checked + label {
        background: #128091 !important;
        color: #fff;
    }
}

ul.card-list li {
    height: auto !important;
}

/* 2023-10-24[s] */
.btn-more-toggle {
    font-size: 1.8rem;
    color: #7f5ed3;
    margin-left: 1rem;
    font-weight: 500;
}
.toggle-hidden {
    min-height: auto !important;
}
.toggle-Txt {
    padding: 2rem 0;
}
.toggle-Txt .tit {
    font-size: 2rem;
    margin: 0 0 1rem;
    color: #222;
}
.toggle-Txt p {
    font-size: 1.7rem;
    color: #444;
}

@media all and (max-width: 767px) {
    .btn-more-toggle {
        font-size: 1.3rem !important;
        color: #7f5ed3;
        margin-left: 1rem;
        font-weight: 500;
    }
    .toggle-hidden {
        min-height: auto !important;
        height: auto !important;
    }
    .toggle-Txt {
        padding: 2rem 0;
    }
    .toggle-Txt .tit {
        font-size: 1.6rem;
        margin: 0 0 1rem;
        color: #222;
    }
    .toggle-Txt p {
        font-size: 1.3rem;
        color: #444;
    }
}
/* 2023-10-24[e] */

.btn-prev {
    position: absolute;
    width: 40px;
    margin-top: 5px;
    margin-left: 5px;
    display: none;
}
@media all and (max-width: 767px) {
    .btn-prev {
        position: absolute;
        width: 40px;
        margin-top: 5px;
        margin-left: 5px;
        display: block;
    }
}