/* sub - header */
#header.fixed{
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(0.2rem);
}


/* sub - footer */
#footer{
    border-top: 1px solid #cccccc;
}


/* sub - common */
#sub_header{
    margin-bottom: 60px;
}

#sub_header .sub_visual{
    height: 610px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

#sub_header .sub_visual .text_wrap{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
}

#sub_header .sub_visual .text_wrap .sub_title{
    font-size: 40px;
    font-family: 'spoqa_B', sans-serif;
    color: #fff;
    padding-bottom: 10px;
}

#sub_header .sub_visual .text_wrap .sub_en{
    font-family: 'jost_L', sans-serif;
    font-size: 22px;
    color: #fff;
}

#sub_header .sub_visual .sub_lnb{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}

#sub_header .sub_visual .sub_lnb a,
#sub_header .sub_visual .sub_lnb p{
    /* display: inline-block; */
    color: #fff;
}

#sub_header .sub_visual .sub_lnb .parent-data{
    position: relative;
}
#sub_header .sub_visual .sub_lnb .home_icon .parent-link{
    padding: 0 30px;
}
#sub_header .sub_visual .sub_lnb .home_icon .parent-link img{
    margin-top: -4px;
}
#sub_header .sub_visual .sub_lnb .child-data{
    position: relative;
}

#sub_header .sub_visual .sub_lnb .parent-link{
    font-size: 18px;
    padding: 0 20px;
    position: relative;
}

#sub_header .sub_visual .sub_lnb .parent-link::after{
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #fff;
}

#sub_header .sub_visual .sub_lnb .parent-link p{
    padding-right: 50px;
}

#sub_header .sub_visual .sub_lnb .parent p{
    /* padding-right: 70px; */
}

#sub_header .sub_visual .sub_lnb .parent-data-box,
#sub_header .sub_visual .sub_lnb .child-data-box{
    display: none;
    position: absolute;
    width: 100%;
    top: 35px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 0;
    z-index: 10;
}

#sub_header .sub_visual .sub_lnb .parent-data-box .child-link,
#sub_header .sub_visual .sub_lnb .child-data-box .child-link{
    display: inline-block;
    padding: 10px 0;
    padding-left: 20px;
    font-size: 16px;
    word-break: keep-all;
}

#sub .sc_m{
    padding-bottom: 150px;
}

#sub .sc_m .sc_tit{
    font-size: 34px;
    font-family: 'spoqa_B', sans-serif;
    text-align: center;
}





/* sub - intro */
#sub_header .sub_visual.intro{
    background-image: url(/img/sub/sub01_banner.png);
}

#gret_section01{
    margin-bottom: 140px;
}

#gret_section01 .tc{
    padding-bottom: 60px;
}

#gret_section01 .tc .bold{
    font-size: 34px;
    font-family: 'spoqa_B', sans-serif;
    line-height: 1;
    padding-bottom: 20px;
}

#gret_section01 .tc .sub_bold{
    font-size: 24px;
    font-family: 'spoqa_B', sans-serif;
    line-height: 1.4;
}

#gret_section01 p{
    line-height: 2.2;
    font-size: 20px;
    word-break: keep-all;
}

#gret_section01 .gret_wrap02{
    margin-top: 40px;
    margin-bottom: 100px;
}

#gret_section01 .gret_wrap02 .md_ban img{
    width: 100%;
}

#gret_section01 .gret_wrap03 .tc03{
    text-align: center;
}





/* sub - advice */
#advice_section01{
    margin-bottom: 200px;
}

.adc_wrap .am_t{
    padding: 25px 0;
    background: linear-gradient(to right, #0b394a, #0277a1, #83c7ce);
    text-align: center;
}

.adc_wrap .am_t .am_tit{
    font-size: 32px;
    color: #fff;
    font-family: 'spoqa_B', sans-serif;
}

.adc_wrap .am_c{
    padding: 65px 40px;
    border: 2px solid #222;
    box-sizing: border-box;
}

.adc_wrap .am_box{
    padding-bottom: 40px;
}

.adc_wrap .am_box:last-child{
    padding-bottom: 0;
}

.adc_wrap .am_box p{
    line-height: 2.2;
}

.adc_wrap .am_box .desc_t{
    font-size: 22px;
    font-family: 'spoqa_B', sans-serif;
    padding-bottom: 10px;
}

.adc_wrap .am_box .desc_x{
    font-size: 20px;
    position: relative;
    padding-left: 20px;
}

.adc_wrap .am_box .desc_x::after{
    content: '-';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.ad_imgBox{
    text-align: center;
    margin: 45px 0 115px;
}




/* sub - invest */
#sub #invest_section .sc_m{
    padding-bottom: 250px;
}

#invest_section{
    margin-bottom: 200px;
    padding: 0 5.2083vw;
}

.is_wrap01{
    margin-bottom: 200px;
}

.is_wrap01 .img_box{
    text-align: center;
}

.is_wrap02{
    margin-bottom: 270px;
    overflow: hidden;
}

#sub .is_title{
    border-top: 1px solid #ccc;
    text-align: center;
    margin-bottom: 88px;
}

#sub .is_title .it{
    display: inline-block;
    font-size: 30px;
    font-family: 'spoqa_B', sans-serif;
    color: #fff;
    background-color: #a3ce37;
    padding: 15px 95px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-top: -5px;
}

/* .is_wrap02 .table_wrap{
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
} */

.table_wrap .t_th,
.table_wrap .t_td{
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 0 40px;
}

.table_wrap .t_th{
    border-top: 1px solid #ccc;
    background-color: #a3b4ba;
    padding: 25px 40px;
    color: #fff;
    font-size: 22px;
    font-family: 'spoqa_R', sans-serif;
    font-weight: 400;
    word-break: keep-all;
}

.table_wrap .t_td{
    font-size: 20px;
    word-break: keep-all;
}

.table_wrap .t_td.left{
    text-align: left;
    padding: 0 60px;
}

.table_wrap .pd_n{
    padding: 20px 40px;
}

.table_wrap .pd_n .sub_td{
    line-height: 1.5;
}

.table_wrap .t_td.left p{
    word-break: keep-all;
    position: relative;
}

.table_wrap .t_td.left .t_ab{
    padding-left: 20px;
}

.table_wrap .t_td.left .t_ab::after{
    position: absolute;
    content: '-';
    top: 0;
    left: 0;
}

.table_wrap .t_last{
    border-right: 1px solid #ccc;
}

.table_wrap .sub_table .sub_line:not(:last-child) .sub_td{
    border-bottom: 1px solid #ccc;
}

.table_wrap .sub_table .sub_td{
    padding: 5px 30px;
}

.table_wrap .sub_table .sub_td02{
    padding: 15px 30px;
}

.is_wrap03{
    margin-bottom: 82px;
}

.is_wrap03 .iw3_right{
    margin-left: -100px;
}

.is_wrap04{
    text-align: center;
}

.is_wrap04 .val_tit{
    padding-bottom: 100px;
}

.is_wrap04 .val_tit .vt{
    display: inline-block;
    padding: 10px 20px;
    background-color: #0279a3;
    color: #fff;
    font-family: 'spoqa_B', sans-serif;
    font-size: 24px;
    border-radius: 50px;
}





/* sub - strength */
#sub .st_tit_box{
    padding-bottom: 105px;
    text-align: center;
    position: relative;
}

#sub .st_line::after{
    content: '';
    display: block;
    width: 1px;
    height: 80px;
    background-color: #222;
    position: absolute;
    top: -100px;
    left: 50%;
    animation: toBottom 2s infinite;
}

@keyframes toBottom {
    0%{
        height: 0;
    }
    100%{
        height: 80px;
    }
}

#sub .st_tit_box .st_t{
    font-size: 34px;
    font-family: 'spoqa_B', sans-serif;
    padding-bottom: 20px;
    letter-spacing: 0;
}

#sub .st_tit_box .st_t .gray{
    display: inline-block;
    font-size: 34px;
    font-family: 'jost_M', sans-serif;
    color: #8b8b8b;
    letter-spacing: 0;
}

#sub .st_tit_box .st_x{
    font-size: 20px;
    color: #000;
    line-height: 1.7;
    word-break: keep-all;
}

#strength_section{
    margin-bottom: 200px;
}

#strength_section .img_box{
    text-align: center;
}


.st_wrap01{
    margin-bottom: 120px;
}

.st_wrap02{
    margin-bottom: 170px;
}





/* sub - members */
#sub_header .sub_visual.members{
    background-image: url(/img/sub/sub02_banner.png);
}

#members_section{
    margin-bottom: 200px;
}

.ms_table .ms_h,
.ms_table .ms_d{
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ms_table .ms_h{
    border-top: 1px solid #ccc;
    background-color: #0279a3;
    padding: 20px 50px;
    font-size: 22px;
    color: #fff;
    font-family: 'spoqa_B', sans-serif;
}

.ms_table .ms_d{
    font-size: 20px;
    line-height: 2;
    padding: 0 20px;
}

.ms_table .ms_d.last{
    padding: 0;
}

.ms_table .last{
    border-right: 1px solid #ccc;
}

.ms_table .last .mst_line:not(:last-child) .msd{
    border-bottom: 1px solid #ccc;
}

.ms_table .last .mst_line .msd{
    padding: 20px 30px;
    text-align: left;
}

.ms_table .gray_bg .ms_d{
    background-color: #f3f3f3;
}





/* sub - product */
#sub_header .sub_visual.product{
    background-image: url(/img/sub/sub03_banner.png);
}

#product_section{
    margin-bottom: 200px;
}

.pd_table{
    margin-bottom: 40px;
}

.pd_table .pd_h,
.pd_table .pd_d{
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.pd_table .pd_h{
    border-top: 1px solid #ccc;
    font-size: 22px;
    color: #fff;
    font-family: 'spoqa_B', sans-serif;
    background-color: #0279a3;
    padding: 0 50px;
}

.pd_table .pd_h.last{
    padding: 0;
}

.pd_table .last{
    border-right: 1px solid #ccc;
}

.pd_table .pd_h p{
    padding: 10px 0;
    color: #fff;
}

.pd_table .pdt_line .pdd{
    border-top: 1px solid #ccc;
    padding: 10px 0;
    color: #fff;
}

.pd_table .pdt_line .pdd01{
    width: 223px;
    border-right: 1px solid #ccc;
}

.pd_table .pd_d{
    padding: 20px;
    font-size: 20px;
    word-break: keep-all;
}

.pd_table .pd_d02{
    padding: 20px 80px;
}

.pd_desc .pd_txt{
    font-size: 18px;
    color: #999;
}




/* sub - notice */
#sub_header .sub_visual.notice{
    background-image: url(/img/sub/sub04_banner.png);
}