@import url(sub.css);
@import url(sub_program_b.css);

/* focusprogram_a_1 */
.focusprogram_a h1.dft{
    line-height: 1.2em !important;
}
#focusprogram_a_1 .sec1 {
    background: url(../img/focusprogram_a_1_bg1.jpg) center center no-repeat;
    background-size: cover;
}
.focusprogram_a .sec1 .mainTxt span {
    display: inline-block;
    line-height: 1em;
    padding: 10px 20px;
    background-color: #aa0ad2;
}
.focusprogram_a .sec1 .subTxt {
    line-height: 1.2em;
}
#focusprogram_a_1 .sec3 {
    background: linear-gradient(to right, #c39712, #ed5410);
}
#focusprogram_a_1 .sec4 {
    background-color: #f7f7f7;
}
#focusprogram_a_1 .sec6 {
    background: url(../img/focusprogram_a_1_bg6.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_1 .sec8 {
    background: linear-gradient(to right, #c64490, #621c82);
}
#focusprogram_a_1 .sec10 {
    background-color: #f5f2f6;
}
#focusprogram_a_1 .sec11 .pointTxtSet .con {
    padding: 0px;
}
#focusprogram_a_1 .sec12 {
    background: url(../img/focusprogram_a_1_bg12.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_1 .sec12 .pointTxtSet .con {
    background-color: #fff;
    padding: 25px 20px;
    border-radius: 10px;
    font-weight: 600;
}
#focusprogram_a_1 .sec12 .pointTxtSet .con .c_item {
    color: #851bb6;
}
#focusprogram_a_1 .sec13 {
    background: url(../img/focusprogram_a_1_bg13.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_1 .sec14 {
    background: url(../img/focusprogram_a_1_bg14.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_1 .sec15 .imp {
    padding: 40px 15px;
    border-radius: 20px;
    background-color: #f9f4f9;
}
#focusprogram_a_1 .sec15 .imp .c_pp3 {
    text-decoration: underline;
}
#focusprogram_a_1 .sec16 {
    background: url(../img/focusprogram_a_1_bg16.jpg) center top repeat;
}
#focusprogram_a_1 .sec16 .pointTxtSet {
    padding: 30px;
    border: 2px solid #333;
    background-color: #f6f3f7;
}
#focusprogram_a_1 .sec16 .pointTxtSet .con {
    padding: 15px;
    border-radius: 10px;
    font-weight: 600;
}
#focusprogram_a_1 .sec17 {
    background: url(../img/focusprogram_a_1_bg17.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_1 .sec17 .c_item {
    color: #6d674d;
}
@media (min-width:1200px) {
    #focusprogram_a_1 .sec1 .mainTxt {
        font-size: 120px;
    }
}
@media (min-width:992px) {
    #focusprogram_a_1 .fbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #focusprogram_a_1 .fbox > div {
        width: 50%;
    }
    #focusprogram_a_1 .fbox > .txt {
        padding-right: 20px;
    }
}
@media (max-width:992px) {
    #focusprogram_a_1 .fbox > .img {
        padding-top: 30px;
    }
}
@media (max-width:768px) {
    #focusprogram_a_1 .sec12 .pointTxtSet .con {
        padding: 15px;
        border-radius: 5px;
    }
}

/* weeksCal */
.weeksCal {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.weeksCal.col4 {
    grid-template-columns: repeat(4, 1fr);
}
.weeksCal.col5 {
    grid-template-columns: repeat(5, 1fr);
}
.weeksCal .item {
    border-radius: 10px 10px;
    background-color: #fff;
    overflow: hidden;
}
.weeksCal .item .tt {
    background-color: #b42aac;
    color: #fff;
    overflow: hidden;
    padding: 20px 15px;
}
.weeksCal .item:nth-child(2) .tt {
    background-color: #851bb6;
}
.weeksCal .item:nth-child(3) .tt {
    background-color: #60008c;
}
.weeksCal .item .bt {
    padding: 25px 15px;
}
@media (max-width:768px){
    .weeksCal {
        gap: 5px;
    }
    .weeksCal.col4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .weeksCal .item .tt {
        padding: 15px 7px;
    }
    .weeksCal .item .bt {
        padding: 15px 7px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width:500px){
    .weeksCal .item .tt {
        font-size: 20px;
    }
    .weeksCal .item .bt {
        font-size: 18px;
    }
}

/* markerLined */
@media (min-width:992px) {
    .markerLinedThin {
        display: inline-block;
        position: relative;
        margin-right: 5px;
    }
    .markerLinedThin:after {
        content: "";
        position: absolute;
        left: 0px;
        width: 100%;
        bottom: 0%;
        height: 50%;
        background-color: rgba(245, 206, 33, 0.15);
        z-index: 0;
    }
    .markerLinedThin span {
        position: relative;
        z-index: 3;
    }
}
/* thList */
.thList {
    max-width: 750px;
    margin: 0 auto;
}
.thList.wide {
    max-width: 850px;
}
.thList .item {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 20px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, .05);
    background-color: #fff;
    display: flex;
    align-items: center;
}
.thList .item + .item {
    margin-top: 15px;
}
.thList .item .th_que {
    width: 40px;
}
.thList .item .th_que img {
    background-color: #851bb6;
    border-radius: 50%;
}
.thList .item .dft {
    width: calc(100% - 40px);
    padding-left: 15px;
    font-weight: 600;
}
@media (max-width:768px){
    .thList .item {
        text-align: left;
    }
    .thList .item .th_que {
        width: 30px;
    }
    .thList .item .dft {
        width: calc(100% - 30px);
    }
}

/* prsc */
.prscWrp,
.prsc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.prsc span:nth-last-of-type(odd) {
    display: inline-block;
    line-height: 1em;
    padding: 8px 12px 6px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: .9em;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.6);
}
@media (max-width:768px){
    .prscWrp,
    .prsc {
        gap:5px;
    }
}

/* whyJang */
.whyJang {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.whyJang .item {
    padding: 35px 25px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    height: 200px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .05);
}
.whyJang .item .icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 0;
}
.whyJang .item .dft {
    position: relative;
    z-index: 3;
}
@media (max-width:768px){
    .whyJang {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:500px){
    .whyJang {
        grid-template-columns: repeat(1, 1fr);
    }
    .whyJang .item {
        padding: 30px 20px;
        border-radius: 10px;
        height: auto;
    }
}

/* fdItem */
.fdItem {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.fdItem + .fdItem {
    margin-top: 20px;
}
.fdItem .txt .c_item {
    color: #812db7 !important;
    border-color: #812db7 !important;
}
.fdItem.fdItem2 .txt .c_item {
    color: #be4b12 !important;
    border-color: #be4b12 !important;
}
.fdItem.fdItem3 .txt .c_item {
    color: #b12424 !important;
    border-color: #b12424 !important;
}
.fdItem.fdItem4 .txt .c_item {
    color: #13631e !important;
    border-color: #13631e !important;
}
.fdItem .txt .named {
    display: flex;
    align-items: center;
    gap: 10px;
}
.fdItem .txt .named .lb {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 1em;
    padding: 6px 15px;
    font-weight: 600;
}
@media (min-width:768px){
    .fdItem .img {
        width: 300px;
    }
    .fdItem .txt {
        width: calc(100% - 300px);
        padding-left: 35px;
    }
}
@media (max-width:768px){
    .fdItem {
        flex-direction: column;
    }
    .fdItem .img {
        width: 50vw;
        margin: 0 auto;
    }
    .fdItem .txt {
        margin-top: 30px;
    }
}

/* fdImg */
.fdImg {
    position: relative;
    display: inline-block;
}
.fdImg .tc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-top: 9%;
}
.fdImg .tc .bb {
    display: inline-block;
    line-height: 1em;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .4);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* warnBox */
.warnBox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    line-height: 1em;
    padding: 5px 15px;
    background-color: #000;
    border-radius: 100px;
}

/* steps */
.steps {
    position: relative;
}
.steps:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
}
.steps .row {
    margin: 0 -10px;
}
.steps .row > div {
    padding: 0 10px;
}
.steps .stepArr {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(50%, -50%, 0);
    z-index: 5;
}
.steps .stepArr i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
}
.steps .stepItem {
    padding: 40px 25px;
    border-radius: 20px;
    background-color: #b17e24;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
    text-align: center;
}
.steps .stepItem.stepItem2 {
    background-color: #be590e;
}
.steps .stepItem.stepItem3 {
    background-color: #bf2607;
}
.steps .stepItem.stepItem4 {
    background-color: #a20606;
}
.steps .stepItem .top {
    border-bottom: 2px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.steps .stepItem .bt .tt {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .4);
    border: 1px solid rgba(255, 255, 255, 1);
}
@media (min-width:992px){
    .steps .row {
        margin: 0 -30px;
    }
    .steps .row > div {
        padding: 10px;
        position: relative;
    }
}
@media (max-width:992px){
    .steps .row > div {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
@media (max-width:768px){
    .steps:after {
        top: 0%;
        height: 100%;
        width: 1px;
        left: 50%;
    }
    .steps .stepArr {
        right: 50%;
        top: 100%;
        transform: translate3d(50%, -50%, 0);
    }
    .steps .stepArr i::before {
        transform: rotate(90deg);
    }
    .steps .stepItem {
        max-width: 250px;
        margin: 0 auto;
    }
    .steps .stepItem .tcon {
        min-height: auto;
    }
    .steps .stepItem .icon img {
        width: 80px;
    }
}

/* nationFeat */
.nationFeat {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.nationFeat .item {
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.nationFeat .item > div {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.nationFeat .item .top {
    padding: 25px;
}
.nationFeat .item .bt {
    padding: 30px;
}
.nationFeat .item.item1 .top {
    background-color: #1a1a4d;
}
.nationFeat .item.item1 .c_item {
    color: #1a1a4d;
}

.nationFeat .item.item2 .top {
    background-color: #d81c20;
}
.nationFeat .item.item2 .c_item {
    color: #d81c20;
}

.nationFeat .item.item3 .top {
    background-color: #0e0e7a;
}
.nationFeat .item.item3 .c_item {
    color: #0e0e7a;
}

.nationFeat .item.item4 .top {
    background-color: #012066;
}
.nationFeat .item.item4 .c_item {
    color: #012066;
}

.nationFeat .item.item5 .top {
    background-color: #120f96;
}
.nationFeat .item.item5 .c_item {
    color: #120f96;
}

.nationFeat .item.item6 .top {
    background-color: #c81025;
}
.nationFeat .item.item6 .c_item {
    color: #c81025;
}

.nationFeat .item.item7 .top {
    background-color: #15965f;
}
.nationFeat .item.item7 .c_item {
    color: #15965f;
}

.nationFeat .item.item8 .top {
    background-color: #c9132a;
}
.nationFeat .item.item8 .c_item {
    color: #c9132a;
}

@media (max-width:768px){
    .nationFeat {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* naTxtSet */
.naTxtSet {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.naTxtSet.col1 {
    grid-template-columns: repeat(1, 1fr) !important;
}
.naTxtSet.col2 {
    grid-template-columns: repeat(2, 1fr);
}
.naTxtSet.col3 {
    grid-template-columns: repeat(3, 1fr);
}
.naTxtSet.col4 {
    grid-template-columns: repeat(4, 1fr);
}
.naTxtSet .con {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 120px;
    padding: 5px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.naTxtSet .con .dft {
    line-height: 1.2em;
}
@media (max-width:768px){
    .naTxtSet {
        display: grid;
        gap: 4px;
    }
    .naTxtSet.col3,
    .naTxtSet.col4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .naTxtSet .con {
        height: auto;
        padding: 15px 10px;
        gap: 4px;
    }
    .nationFeat .item > div {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .nationFeat .item .top {
        padding: 20px;
    }
    .nationFeat .item .bt {
        padding: 25px;
    }
}

/* pointTxtSet */
.pointTxtSet {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.pointTxtSet.wide {
    grid-template-columns: repeat(1, 1fr);
}
.pointTxtSet .con {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    background-color: rgba(255, 255, 255, .8);
    border: 1px solid rgba(0, 0, 0, .1);
}
@media (min-width:992px){
    .pointTxtSet.col3 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:768px){
    .pointTxtSet {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
    }
}

/* whiteBox */
.whiteBox {
    padding: 50px;
    border-radius: 20px;
    background-color: #fff;
}
@media (max-width:768px){
    .whiteBox {
        padding: 20px;
        border-radius: 10px;
    }
}
/* table */
.table.table_pa {
    border-top: 2px solid #3b312c;
    border-bottom: 2px solid #221826;
}
.table.table_pa tr th,
.table.table_pa tr td {
    border: 1px solid rgba(59, 49, 44, 0.3);
    padding: 15px;
    font-size: 17px;
    font-weight: 500;
    color: #333;
    vertical-align: middle;
    text-align: center;
}
.table.table_pa tr th:first-child,
.table.table_pa tr td:first-child {
    border-left: 0px;
}
.table.table_pa tr th:last-child,
.table.table_pa tr td:last-child {
    border-right: 0px;
}
.table.table_pa thead tr th {
    color: #fff;
    background-color: #621c82;
    font-size: 20px;
    font-weight: 700;
    border-color: #f1e9f5;
}
.table.table_pa tbody tr th {
    font-weight: 700;
    text-align: center;
    color: #621c82;
    background-color: #f1e9f5;
    font-size: 20px;
}
@media (max-width:768px){
    .tableOvf {
        overflow-x: auto;
    }
    .tableOvf .table.table_pa {
        width: 700px;
    }
    .table.table_pa tr th,
    .table.table_pa tr td {
        padding: 11px 8px;
        font-size: 13px;
    }
    .table.table_pa thead tr th,
    .table.table_pa tbody tr th {
        font-size: 15px;
    }
}


/* quickInfoCons */
.quickInfoCons {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.quickInfoCons .item {
    background-color: #f4f3fd;
    border-radius: 20px;
    padding: 40px 15px;
    text-align: center;
    position: relative;
}
.quickInfoCons .item .num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: inline-block;
    background-color: #5c3cb7;
    color: #fff;
    border-radius: 100px;
    padding: 4px 25px;
    white-space: nowrap;
}
.quickInfoCons .item .icon img {
    max-width: 15vw;
}
.quickInfoCons .item .c_item {
    color: #7832d8;
}
@media (max-width:768px){
    .quickInfoCons {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width:500px){
    .quickInfoCons .item {
        border-width: 2px;
        padding: 30px 10px;
    }
    .quickInfoCons .item .num {
        padding: 2px 15px;
    }
}

/* ppSteps */
.ppSteps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.ppSteps .item {
    padding: 60px 50px;
    border: 1px solid #aaa;
    border-radius: 20px;
    position: relative;
}
.ppSteps .item .txt {
    position: relative;
    z-index: 5;
}
@media (min-width:768px){
    .ppSteps .item .img {
        position: absolute;
        right: 40px;
        bottom: 40px;
    }
}
@media (max-width:768px){
    .ppSteps {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .ppSteps .item {
        padding: 30px;
        border-radius: 10px;
    }
    .ppSteps .item .img {
        text-align: right;
    }
    .ppSteps .item .img img {
        height: 45px;
    }
}

/* vsTopCon */
.vsTopCon {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
.vsTopCon .item {
    padding: 60px 30px;
    border-radius: 30px;
    background-color: #efefef;
}
.vsTopCon .item .top {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    text-align: center;
}
.vsTopCon .item .top .tyt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.vsTopCon .item .bt {
    text-align: center;
}

.vsTopCon .item.item_imp {
    border: 2px solid #1b8a1b;
    background-color: #ebf9eb;
    box-shadow: 8px 8px 20px rgba(27, 138, 27, 0.2);
}
.vsTopCon .item.item_imp .c_item {
    color: #1b8a1b;
}
@media (max-width:768px) {
    .vsTopCon {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .vsTopCon .item {
        padding: 30px 15px;
        border-radius: 10px;
    }
    .vsTopCon .item .top .tyt {
        gap: 8px;
    }
    .vsTopCon .item .top .tyt img {
        width: 22px;
    }
}

/* vsBtResult */
.vsBtResult {
    padding: 50px 15px;
    border-radius: 20px;
    text-align: center;
    background-color: #621c82;
}
.vsBtResult .pp1 {
    color: #ca9fdd;
}
.vsBtResult .pp2 {
    text-decoration: underline;
}

/* strategyCons */
.strategyCons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.strategyCons .item {
    padding: 30px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
}
.strategyCons .item .addBox {
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translate3d(50%, -50%, 0);
    width: 37px;
    height: 37px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #111;
    color: #fff;
    z-index: 5;
    font-weight: 700;
}
.strategyCons .item .step {
    color: #621c82;
    font-weight: 700;
    background-color: #f1ebf3;
    line-height: 1em;
    padding: 6px 13px;
    border-radius: 50px;
    display: inline-block;
}
@media (max-width:768px){
    .strategyCons {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .strategyCons .item {
        padding: 20px 15px;
        border-radius: 10px;
    }
    .strategyCons .item .addBox {
        right: -7px;
        width: 20px;
        height: 20px;
        font-size: 11px !important;
    }
}
@media (max-width:500px){
    .strategyCons {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    .strategyCons .item .addBox {
        right: 50%;
        width: 25px;
        height: 25px;
        top: calc(100% + 8px);
        transform: translate3d(50%, -50%, 0) rotate(90deg);
    }
}

/* weekBoxs */
.weekBoxs {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
}
.weekBoxs .item {
    padding: 40px 15px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #ddd;
    background-color: #fff;
}
.weekBoxs .item .tcon .top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.weekBoxs .item .tcon .top .chk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #72378e;
    border-radius: 50%;
    color: #fff;
}
.weekBoxs .item .icon img {
    max-width: 20vw;
}
@media (max-width:768px){
    .weekBoxs {
        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
    .weekBoxs .item {
        padding: 30px 15px;
        border-radius: 10px;
    }
}
@media (max-width:500px){
    .weekBoxs {
        grid-template-columns: repeat(2, 1fr);
    }
    .weekBoxs > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}


/* focLast */
.focLast {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.focLast .item {
    padding: 40px 20px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
}
.focLast .item .step {
    color: #ffe052;
    font-weight: 700;
    background-color: #111;
    line-height: 1em;
    padding: 10px 20px;
    border-radius: 50px;
    display: inline-block;
}
.focLast .item .bt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    margin-top: 10px;
}
@media (max-width:768px){
    .focLast {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .focLast .item {
        padding: 20px 15px;
        border-radius: 10px;
    }
}

/* ===================================================
focusprogram_a_2
---------------------------------------------------= */
#focusprogram_a_2 .sec1 {
    background: url(../img/focusprogram_a_2_bg1.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_2 .sec1 .mainTxt span {
    background-color: #07a0a7;
}
#focusprogram_a_2 .weeksCal .item:nth-child(1) .tt {
    background-color: #cb25b6;
}
#focusprogram_a_2 .weeksCal .item:nth-child(2) .tt {
    background-color: #c214ac;
}
#focusprogram_a_2 .weeksCal .item:nth-child(3) .tt {
    background-color: #b709a1;
}
#focusprogram_a_2 .weeksCal .item:nth-child(4) .tt {
    background-color: #a90094;
}
#focusprogram_a_2 .sec2 .thList .item .th_que img {
    background-color: #d10da7;
}
#focusprogram_a_2 .sec3 {
    background: linear-gradient(to right, #00a3ab, #0738a7);
}
#focusprogram_a_2 .sec5 {
    background-color: #f7f7f7;
}
#focusprogram_a_2 .sec8 {
    background: linear-gradient(to right, #44aec6, #1c4a82);
}
#focusprogram_a_2 .sec8 .table.table_pa thead tr th {
    color: #fff;
    background-color: #1d999f;
}
#focusprogram_a_2 .sec8 .table.table_pa tbody tr th {
    color: #1d999f;
    background-color: #f0fdfd;
}
#focusprogram_a_2 .table.table_pa thead tr th {
    border-color: #f0fdfd;
}
#focusprogram_a_2 .sec10 {
    background-color: #eaf1f0;
    background: url(../img/focusprogram_a_2_bg10.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_2 .sec12 {
    background: url(../img/focusprogram_a_2_bg12.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_2 .sec12 {
    background: url(../img/focusprogram_a_2_bg12.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_2 .sec13 {
    background: url(../img/focusprogram_a_2_bg13.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_2 .sec14 .typeImp {
    max-width: 400px;
    margin: 0 auto;
}
#focusprogram_a_2 .sec14 .typeImp .nation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
#focusprogram_a_2 .sec14 .typeImp .nation img {
    width: 45px;
}
#focusprogram_a_2 .sec14 .typeImp .typeBoxItem {
    border-radius: 0px;
    box-shadow: 6px 6px 0px #ddd;
    border: 1px solid #ddd;
    padding: 40px 15px;
}
#focusprogram_a_2 .sec14 .typeImp .typeBoxItem .tt {
    display: flex;
    align-items: center;
    gap: 10px;
}
#focusprogram_a_2 .sec15 {
    background: url(../img/focusprogram_a_2_bg15.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_2 .sec15 .c_item {
    color: #6d674d;
}
#focusprogram_a_2 .sec15 .pointTxtSet {
    padding: 30px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}
#focusprogram_a_2 .sec15 .pointTxtSet .con {
    padding: 15px;
    border-radius: 10px;
    font-weight: 600;
    background-color: #fff;
}
#focusprogram_a_2 .sec15 .c_item {
    color: #205a6b;
}
@media (min-width:992px) {
    #focusprogram_a_2 .fbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #focusprogram_a_2 .fbox > div {
        width: 50%;
    }
    #focusprogram_a_2 .fbox > .txt {
        padding-right: 20px;
    }
}
@media (max-width:992px) {
    #focusprogram_a_2 .fbox > .img {
        padding-top: 30px;
    }
    #focusprogram_a_2 .sec12 .stit {
        text-align: center;
    }
}


/* ppIcons */
.ppIcons {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.ppIcons .item {
    border-radius: 20px;
    padding: 20px 15px 30px;
    text-align: center;
    position: relative;
    border: 1px solid #ddd;
    box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.05);
}
.ppIcons .item .icon img {
    width: 150px;
}
.ppIcons .item .c_item {
    color: #31a598;
}
@media (max-width:768px) {
    .ppIcons {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* chkCons */
.chkCons {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.chkCons .item {
    padding: 40px 10px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
}
.chkCons .item .icon img {
    background-color: #13bdaa;
    border-radius: 50%;
}
@media (min-width:768px) {
    .chkCons.col5 {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width:768px) {
    .chkCons {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    .chkCons .item {
        padding: 30px 10px;
        border-radius: 10px;
    }
    .chkCons .item .icon img {
        width: 50px;
    }
}

/* chkCons */
.aimCons {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
}
.aimCons .item {
    padding: 40px 15px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}
@media (max-width:992px) {
    .aimCons {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:768px) {
    .aimCons {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .aimCons .item {
        padding: 25px 15px;
    }
    .aimCons .item .icon img {
        width: 60px;
    }
}
@media (max-width:768px) {
    .aimCons .item {
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 8px;
        border-radius: 8px;
    }
    .aimCons .item .tcon {
        width: calc(100% - 40px);
        padding-left: 15px;
        text-align: left;
    }
    .aimCons .item .tcon br {
        display: none;
    }
    .aimCons .item .icon img {
        width: 40px;
    }
}
@media (max-width:500px) {
    .aimCons {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* impList */
.impList {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
.impList .item {
    padding: 25px 20px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.impList .item img {
    border-radius: 50%;
    background-color: #d4e9e7;
    width: 30px;
}
@media (max-width:992px) {
    .impList {
        gap: 8px;
        grid-template-columns: repeat(2, 1fr);
    }
    .impList .item {
        padding: 15px;
        border-radius: 4px;
    }
    .impList .item img {
        width: 24px;
    }
}

/* typeBox */
.typeBox {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}
.typeBoxItem {
    padding: 35px 15px 15px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.typeBoxItem .tt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.typeBoxItem .tt .ap {
    font-size: .75em;
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #8e1399;
    color: #fff;
}
.typeBoxItem .tt img {
    width: 35px;
}
.typeBoxItem .bt {
    border-radius: 8px;
    background-color: #f7e7f0;
    padding: 20px 8px;
    border: 1px solid #e8bbd4;
}
@media (max-width:992px) {
    .typeBox {
        grid-template-columns: repeat(3, 1fr);
    }
    .typeBoxItem {
        padding: 25px 10px 10px;
    }
    .typeBoxItem .tt .ap {
        width: 25px;
        height: 25px;
        border-radius: 5px;
    }
    .typeBoxItem .tt img {
        width: 28px;
    }
}
@media (max-width:768px) {
    .typeBox {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ===================================================
focusprogram_a_3
---------------------------------------------------= */
#focusprogram_a_3 .sec1 {
    background: url(../img/focusprogram_a_3_bg1.jpg) center center no-repeat;
    background-size: cover;
}
#focusprogram_a_3 .sec1 .mainTxt span {
    background-color: #ca4700;
}
#focusprogram_a_3 .weeksCal .item:nth-child(1) .tt {
    background-color: #4ab129;
}
#focusprogram_a_3 .weeksCal .item:nth-child(2) .tt {
    background-color: #399d19;
}
#focusprogram_a_3 .weeksCal .item:nth-child(3) .tt {
    background-color: #108719;
}
#focusprogram_a_3 .weeksCal .item:nth-child(4) .tt {
    background-color: #006e12;
}
#focusprogram_a_3 .sec2 .thList .item .th_que img {
    background-color: #ef5c22;
}
#focusprogram_a_3 .sec3 {
    background-color: #f7f7f7;
}
#focusprogram_a_3 .sec8,
#focusprogram_a_3 .sec6 {
    background-color: #f7f1ee;
}
#focusprogram_a_3 .table.table_pa thead tr th {
    color: #fff;
    background-color: #111;
}
#focusprogram_a_3 .table.table_pa tbody tr td {
    background-color: #fff;
}
#focusprogram_a_3 .table.table_pa tbody tr th {
    color: #ea6a24;
    background-color: #ffede4;
}
#focusprogram_a_3 .table.table_pa thead tr th {
    border-color: #fff;
}
#focusprogram_a_3 .sec8 {
    /* background: url(../img/focusprogram_a_3_bg8.jpg) center top no-repeat;
    background-size: cover; */
}
#focusprogram_a_3 .sec10 {
    background: url(../img/focusprogram_a_3_bg10.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_3 .sec10 .chkCons .item .icon img {
    background-color: #e4630d;
    border-radius: 50%;
}
#focusprogram_a_3 .sec11 .cic {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    background-color: #e4630d;
    color: #ffff;
}
#focusprogram_a_3 .sec11 .vsTopCon .item.item_imp .cic {
    background-color: #1b8a1b;
}
#focusprogram_a_3 .sec11 .nt {
    display: inline-block;
    background-color: #e4630d;
    color: #fff;
    line-height: 1em;
    padding: 7px 12px;
    border-radius: 4px;
    font-weight: 700;
}
#focusprogram_a_3 .sec11 .vsTopCon .item.item_imp2 {
    border: 2px solid #e4630d;
    background-color: #faefe8;
    box-shadow: 8px 8px 20px rgb(138 83 27 / 20%);
}
#focusprogram_a_3 .sec11 .vsTopCon .item.item_imp2 .c_item {
    color: #e4630d;
}
#focusprogram_a_3 .sec12 {
    background: url(../img/focusprogram_a_3_bg12.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_3 .sec12 .tkBox {
    display: inline-block;
    line-height: 1.3em;
    padding: 14px 25px;
    border-radius: 100px;
    background-color: #f4f4f4;
    position: relative;
}
#focusprogram_a_3 .sec12 .tkBox:after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 11px;
    border-color: #f4f4f4 transparent transparent transparent;
}
#focusprogram_a_3 .sec13 {
    background: url(../img/focusprogram_a_3_bg13.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_3 .sec13 .nations {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
}
#focusprogram_a_3 .sec13 .nations > img {
    width: 40px;
}
#focusprogram_a_3 .sec13 .typeBoxItem .tt .ap {
    background-color: #e4630d;
}
#focusprogram_a_3 .sec13 .typeBoxItem .bt {
    border-radius: 8px;
    background-color: #faefe8;
    padding: 20px 8px;
    border: 1px solid #e4630d;
}
#focusprogram_a_3 .sec15 {
    background: url(../img/focusprogram_a_3_bg15.jpg) center top no-repeat;
    background-size: cover;
}
#focusprogram_a_3 .sec15 .pointTxtSet {
    padding: 30px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}
#focusprogram_a_3 .sec15 .pointTxtSet .con {
    padding: 15px;
    background-color: rgba(255, 255, 255, 1);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}
@media (min-width:992px) {
    #focusprogram_a_3 .fbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #focusprogram_a_3 .fbox > div {
        width: 50%;
    }
    #focusprogram_a_3 .fbox > .txt {
        padding-right: 20px;
    }
}
@media (max-width:992px) {
    #focusprogram_a_3 .fbox > .img {
        padding-top: 30px;
    }
    #focusprogram_a_3 .sec12 .stit,
    #focusprogram_a_3 .sec14 .stit {
        text-align: center;
    }
}
@media (min-width:992px) {
    #focusprogram_a_3 .sec13 .typeBox {
        grid-template-columns: repeat(3, 1fr);
    }
    #focusprogram_a_3 .sec13 .typeBox .typeBoxItem:nth-child(4),
    #focusprogram_a_3 .sec13 .typeBox .typeBoxItem:nth-child(5) {
        transform: translateX(calc(50% + 2.5px));
    }
}


/* weekBoxs_col */
.weekBoxs_col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.weekBoxs_col .item,
.weekBoxs_col .tcon {
    display: flex;
    align-items: center;
}
.weekBoxs_col {
    flex-wrap: wrap;
}
.weekBoxs_col .item {
    padding: 20px 25px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #ddd;
    background-color: #fff;
}
.weekBoxs_col .item .tcon .top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.weekBoxs_col .item .tcon .top .chk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: #72378e;
    border-radius: 50%;
    color: #fff;
}
.weekBoxs_col .item .tcon {
    max-width: calc(100% - 100px);
    padding-right: 20px;
    flex-basis: 100%;
}
.weekBoxs_col .item .tcon .top {
    max-width: 150px;
    padding-right: 20px;
}
.weekBoxs_col .item .icon {
    max-width: 100px;
}

/* proKeys */
.proKeys {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}
.proKeys span {
    display: inline-block;
    line-height: 1em;
    padding: 8px 13px;
    border-radius: 4px;
    background-color: #e8faeb;
    border: 1px solid #459c45;
}


/* .tl-fd-bd-bt */
.tl-fd-check {
    padding: 20px;
    border-radius: 10px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    background-color: rgba(0,0,0,0.02);
    position: relative;
}
.tl-fd-check .chk-tit {
    display: inline-block;
    line-height: 1em;
    padding: 8px 25px;
    border-radius: 60px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(5px);
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    left: 20px;
}
/* l-fd-list */
.tl-fd-list {
    display: grid;
}
.tl-fd-list.col1 {
    grid-template-columns: repeat(1, 1fr);
}
.tl-fd-list.col2 {
    grid-template-columns: repeat(2, 1fr);
}
.tl-fd-list.col3 {
    grid-template-columns: repeat(3, 1fr);
}
.tl-fd-list.col4 {
    grid-template-columns: repeat(4, 1fr);
}
.tl-fd-list.col5 {
    grid-template-columns: repeat(5, 1fr);
}
.tl-fd-list .item {
    display: flex;
    align-items: center;
    font-size: 19px;
    padding: 3px 0;
}
.tl-fd-list .item .chk,
.tl-fd-list .item .chkBox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
.tl-fd-list .item .chk {
    color: #e4630d;
    font-size: 1.3em;
    font-weight: 700;
}
.tl-fd-list .item .chkBox {
    border: 2px solid rgba(0, 0, 0, 0.2);
    width: 20px;
    height: 20px;
    margin: 8px 0;
}
.tl-fd-list .item .txt {
    width: calc(100% - 30px);
    padding-left: 5px;
    color: rgba(0, 0, 0, 0.6);
}
.tl-fd-list .item .chkBox + .txt {
    padding-left: 10px;
}
@media (max-width:992px){
    .tl-fd-list.col4,
    .tl-fd-list.col5 {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width:768px){
    .tl-fd-list.col3,
    .tl-fd-list.col4,
    .tl-fd-list.col5 {
        grid-template-columns: repeat(2, 1fr);
    }
    .tl-fd-list .item {
        font-size: 17px;
    }
}
@media (max-width:500px){
    .tl-fd-list.col2,
    .tl-fd-list.col3,
    .tl-fd-list.col4,
    .tl-fd-list.col5 {
        grid-template-columns: 1fr;
    }
    .tl-fd-list .item {
        font-size: 15px;
        padding: 0;
    }
}