@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SANJUGotgam';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GangwonEduSaeeum_OTFMediumA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduSaeeum_OTFMediumA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jal_Onuel';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Onuel.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'goorm-sans-code';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408@1.0/goorm-sans-code.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

b{
    font-weight: 700;
}

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

.br-ddd{
    border-right:1px solid #ddd !important;
}

.br-000{
    border-right:1px solid #000 !important;
}

.bd-000{
    border-bottom:1px solid #000 !important;
}

.bd-2-000{
    border-bottom:2px solid #000 !important;
}

/***** sub common css *****/

.sub-wrap{
    margin-top:80px;
}
.top-bg__container{
    display:flex;
    align-items:center;
    position:relative;
}

.top-bg__container::after{
    content:"";
    position:absolute;
    width: calc((100% - 930px) / 2);
    height:6px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:#f9b311;
    bottom:-6px;
    left:0;
}

.top-bg__container > div{
    width:50%;
}

.top-bg__imgBox{
    position:relative;
}


.top-bg__container .top-bg__imgBox img{
    width:100%;
}

.top-bg__titleBox{
    padding-inline:3%;
}

.top-bg_title,
.top-bg_detail{
    color:#fff;
    font-family: 'Jal_Onuel';
}

.top-bg_title{
    text-align:right;
    font-size:30px;
    font-weight:500;
}

.top-bg_detail{
    font-weight:500;
    font-size:60px !important;
    margin:8vh 0 4vh;
}

.hashtag__box .hashtag__listBox{
    display:flex;
    align-items:center;
    flex-wrap:wrap; 
    gap:15px;
}

.hashtag__list{
    color:#2b2b2b;
    background-color:#fff;
    border-radius:20px;
    padding:6px 20px 5px;
}

.hashtag_txt{
    font-size:18px;
    font-weight:700;
}

@media screen and (max-width:1440px){
    .top-bg_title {
        font-size: 26px;
    }
    .top-bg_detail {
        font-size: 50px;
    }
    .hashtag_txt {
        font-size: 16px;
    }
}
@media screen and (max-width:1080px){
    .sub-wrap {
        margin-top: 71px;
    }

    .top-bg__container {
        flex-direction: column;
    }

    .top-bg__container::after{
        width: 40%;
    }

    .top-bg__container > div {
        width: 100%;
    }

    .top-bg__titleBox {
        padding-block: 5%;
    }

    .top-bg_title{
        font-size:3.5vw;
    }
    .top-bg_detail{
        font-size:6.5vw;
    }
    .hashtag_txt{
        font-size:2vw;
    }
}

@media screen and (max-width:767px){
    
}

/***** sub inner common css *****/

.sub-inner .inner{
    font-family: 'goorm-sans-code';
    word-spacing:-2px;
}

.sub-inner .inner h3{
    font-family: 'Jal_Onuel';
    word-spacing: 0;
}

.sub-content{
    padding-block:8vh;
    font-size:20px;
    text-align: justify;
}

.sub-content h3{
    margin-block:60px 30px;
    display:flex;
    align-items: center;
}

.title-ico{
    margin-right:20px;
}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1080px){
    .sub-content{
        font-size:16px;
    }
    .sub-content h3 {
        margin-block: 12% 6%;
    }
}

@media screen and (max-width:767px){
    
}

/***** list-type css *****/

.list-type1{
    display:flex;
    flex-direction: column;
    gap:2vh;
}

.list-type1 .list-title{
    font-size:24px;
    font-weight:700;
}

.list-type1 .list-content{
    padding-left: 4rem;
    margin-top:5px;
}

.list-type1 .list-content li{
    position:relative;
    word-spacing: -5px;
}

.list-type1 .list-content li::after{
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #2b2b2b;
    top: 10px;
    left: -20px;
}

.list-type2{
    display:flex;
    flex-direction: column;
    gap:15px;
}

.list-type2 li {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.list-type3{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
}

.list-type3 li{
    display:flex;
    align-items: center;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.08);
    border-radius: 12px;
    overflow: hidden;
}

.list-type3 li > div{
    width:50%;
}

.list-type3 li span.content-txt,
.list-type3 li h4.content-title{
    font-family: 'Jal_Onuel';
}

.list-type3 li div.content-box{
    padding-inline:20px;
}

.list-type3 li span.content-txt{
    font-size:13px;
}

.list-type3 li h4.content-title{
    font-size:14px;
    margin-top:4px;
    line-height:28px;
}

.list-type4{
    display:flex;
    flex-direction: column;
    gap:120px;
    margin-top:80px;
    margin-bottom:60px;
}

.list-type4 li,
.list-type4 li > div{
    display:flex;
    align-items:center;
}

.list-type4 li{
    justify-content: space-between;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1);
    position:relative;
    padding-block:100px;
}

.list-type4 li:first-child > div:nth-child(1),
.list-type4 li:nth-child(2) > div:nth-child(2),
.list-type4 li:nth-child(3) > div:nth-child(1),
.list-type4 li:nth-child(4) > div:nth-child(2),
.list-type4 li:last-child > div:nth-child(1){
    width:calc(100% - 373px);
    padding:30px;
}

.list-type4 li .num-ico{
    background-color: #6ca8e8;
    color: #fff;
    min-width: 2vw;
    min-height: 2vw;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2vw;
}

.list-type4 li .img-box{
    max-width: 373px;
    width:100%;
}

.list-type4 li .img-box img{
    position:absolute;
}

.list-type7{
    display:flex;
    flex-direction: column;
    align-items: start;
    gap:1.5vh;
}

.list-type7  li{
    display:flex;
    align-items:center;
    justify-content: space-between;
    width:100%;
}

.list-type7 .list-title{
    color: #fff;
    display: inline-block;
    background-color:#ddd;
    width: 25%;
    text-align: center;
    padding: 5px;
    border-radius: 20px;
}

.list-type7 .list-content{
    width:72%;
}

.dot-list{
    display:flex;
    flex-direction: column;
    gap:5px;
}

.dot-list li{
    position:relative;
    padding-left: 15px;
}

.dot-list li::after{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1080px){
    .list-type2{
        display:flex;
        flex-direction: column;
        gap:2vh;
    }
    .list-type2 li{
        gap:0;
    }

    .list-type3 {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2.5vh;
    }
    
}

@media screen and (max-width:767px){
    #a3 .list-type1 .list-content {
        padding-left: 5.3vw !important;
    }
    .list-type3 li{
        flex-direction: column;
    }
    .list-type3 li > div{
        width:100%;
    }
    .list-type4{
        gap:10vh;
        margin-top: 8%;
        margin-bottom:10%;
    }
    .list-type4 li .num-ico {
        width: 8vw;
        height: 8vw;
    }
    .list-type4 li{
        padding-block:5%;
    }
    .list-type4 li .img-box img{
        position:relative;
    }

    .list-type4 li:nth-child(3),
    .list-type4 li:first-child,
    .list-type4 li:last-child{
        flex-direction: column-reverse;
    }

    .list-type4 li:nth-child(2),
    .list-type4 li:nth-child(4){
        flex-direction: column;
    }

    .list-type4 li:first-child > div:nth-child(1), .list-type4 li:nth-child(3) > div:nth-child(1), .list-type4 li:nth-child(4) > div:nth-child(2), .list-type4 li:nth-child(2) > div:nth-child(2), .list-type4 li:last-child > div:nth-child(1){
        width: 100%;
        padding:15px;
        display:flex;
        flex-direction: column;
    }

    .list-type4 li .num-ico{
        margin-bottom:2vh;
    }

    .list-type4 li .img-box {
        padding:15px;
    }

    .list-type7 li{
        flex-direction: column;
        align-items: start;
    }

    .list-type7{
        gap:2vh;
    }

    .list-type7 .list-title{
        max-width:240px;
        width:100%;
        margin-bottom:1.5%;
    }

    .list-type7 .list-content{
        width:100%;
    }
}

.table-container{
    width: 100%;
}

.table-container table{
    width:100%;
    min-width:500px;
}

.table-type1 table .total{
    background-color:#f7fcff;
}

.table-type1 table{
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}

.table-type1 thead th,
.table-type1 tbody td{
    text-align:center;
    vertical-align: middle;
    font-size:16px;
    border-bottom:1px solid #ddd;
    padding-inline:1%;
}

.table-type1 thead th:not(:last-child),
.table-type1 tbody td:not(:last-child){
    border-right:1px solid #ddd;
}

.table-type1 thead th{
    padding:15px 0;
    background-color:#f7fcff;
}

.table-type1 tbody td{
    padding:10px;
}

.table-type1 tbody td:last-child{
    text-align:center;
    padding-inline:20px;
}

.table-type1 tbody tr:last-child td{
    border-bottom:2px solid #000;
}

@media screen and (max-width:1440px){
    
}

@media screen and (max-width:1080px){
    .table-type1 tbody td {
        padding: 10px 0;
    }
}

@media screen and (max-width:767px){
    
}

@media screen and (max-width:480px){
    .table-container{
        overflow-x: scroll;
    }
}


/****** notice type ******/

.notice-type1{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.notice-type1 .notice-title h3{
    margin:0;
    position:relative;
    padding-left:20px;
    display:flex;
    align-items:center;
}

.notice-type1 .notice-title h3::after{
    content:"";
    position:absolute;
    left:0;
    height:92%;
    width:5px;
    background-color: #000;
    border-radius: 10px;
}

.notice-type1 .notice-content{
    width:70%;
}

.notice-type1 .notice-content .list-title{
    font-size:20px;
    font-weight:700
}

.notice-type1 .notice-content > ul > li:not(:last-child){
    border-bottom:1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width:1080px){
    
}

@media screen and (max-width:767px){
    .notice-type1{
        flex-direction:column;
    }
    .notice-type1 .notice-title br{
        display:none;
    }
    .notice-type1 .notice-content{
        width:100%;
        margin-top:20px;
    }
}


.img-box{
    position:relative;
}

.img-box img{
    width:100%;
}

/***** a1 css *****/

#a1 .top-bg__container{
    background-color:#48596d;
}

#a1 .hashtag_txt{
    color:#48596d;
}

#a1 .img-box{
    margin-top:40px;
}

#a1 .img-box img{
    border:1px solid #ddd;
    border-radius:20px;
}

#a1 .list-type1 .list-title,
#a1 .list-type2 .list-title{
    color:#00507a
}

#a1 .list-type2{
    margin-bottom:40px;
}



/***** a2 css *****/

#a2 .top-bg_detail{
    font-size:60px;
}

#a2 .top-bg__container{
    background-color:#7c5d85;
}

#a2 .hashtag_txt{
    color:#7c5d85;
}

#a2 .img-box{
    margin-block:35px;
}

#a2 .img-box:nth-of-type(2){
    margin-bottom:65px;
}

#a2 .img-box .deco-img-box{
    position: absolute;
    bottom: -8%;
    right: -6%;
}

#a2 .point-blue{
    color:#2e3d86;
    font-weight:700;
}

/***** a3 css *****/
#a3 .top-bg_detail{
    font-size:55px;
}

#a3 .sub-content{
    display:flex;
    flex-direction: column;
}

#a3 .top-bg__container{
    background-color:#4d7384;
}

#a3 .hashtag_txt{
    color:#4d7384;
}

#a3 .point-yellow{
    color:#ff812d;
}

#a3 .point-sky{
    color:#7da4e7;
}

#a3 .list-type1 .list-content{
    padding-left:3.3vw;
}

#a3 .list-type3{
    margin-top:40px;
}

#a3 .list-type4 p{
    text-align: left;
}

#a3 .bg-txt_box:nth-of-type(1){
    background:url(../images/a3-bg1.jpg) center / cover no-repeat;
    color:#fff;
    padding:12vh 4vw;
    display:flex;
    justify-content: center;
    margin-block:40px;
}

#a3 .bg-txt_box:nth-of-type(1) ul{
    display:flex;
    flex-direction: column;
    gap:40px;
}


#a3 .bg-txt_box:nth-of-type(1) ul .num-ico{
    display:inline-block;
    margin-right:20px;
}

#a3 .bg-txt_box:nth-of-type(1) ul h4{
    font-family: 'Jal_Onuel';
    font-size:clamp(6vw, 30px);
}
#a3 .bg-txt_box:nth-of-type(3){
    position:relative;
    width:100vw;
    background:url(../images/a3-bg2.jpg) center / cover no-repeat;
    align-self:center;
    padding-block:80px;
    margin-block:80px 40px;
}

#a3 .bg-txt_box:nth-of-type(3) > div{
    max-width:930px;
    margin:0 auto;
}

#a3 .bg-txt_box:nth-of-type(3) > div h3{
    margin-top:0;
}

#a3 .bg-txt_box:nth-of-type(3) h3,
#a3 .bg-txt_box:nth-of-type(3) p{
    text-align:justify;
}
#a3 .bg-txt_box:nth-of-type(3) h3{
    justify-content: center;
}

#a3 .bg-txt_box:nth-of-type(3) p:last-child{
    margin-top:40px;
}

#a3 .list-type2 .list-content{
    width:100%;
}

#a3 .list-type2 li:first-child .list-title{
    width:31%;
}
#a3 .list-type2 li:first-child  .list-content{
    width:67%;
}

#a3 .list-type2 li:nth-child(2) .list-title{
    width:15%;
}
#a3 .list-type2 li:nth-child(2) .list-content{
    width:83%;
}

#a3 .list-type2 li:last-child .list-title{
    width:21%;
}
#a3 .list-type2 li:last-child .list-content{
    width:77%;
}

#a3 .list-type2{
    padding-bottom:40px;
    border-bottom:1px dashed #ddd;
}

#a3 .mento-txt_box{
    margin-block: 100px 40px;
    padding-block: 100px 60px;;
    padding-inline: 40px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.15);
    border-bottom: 20px solid #38b7ff;
    border-right: 10px solid #38b7ff;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    position:relative;
}
#a3 .mento-txt_box .deco-img-box{
    position: absolute;
    top: -25px;
    left: 0;
}

#a3 .mento-txt_box .deco-img-box img{
    width:100%;
}

.mento-info{
    display:flex;
    align-items:center;
}

.mento-info img{
    max-width:50px;
}

.mento-info_txtBox{
    display:flex;
    flex-direction: column;
    margin-left:10px;
}

.mento-txt,
.mento-name_txt{
    font-size:16px;
}

.mento-name_txt{
    font-weight:700;
}

.mento-feedback_detail{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-block:40px;
}

.feedback-txt{
    color:#fff;
    font-weight:700;
    background-color:#6ca8e8;
    border-radius: 20px;
    padding:3px 12px;
    letter-spacing: 1px;
    display:inline-block;
    margin-bottom:20px;
}

#a3 .list-type1{
    margin-bottom:30px;
}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1080px){
    #a3 .list-type2 li:first-child .list-title,
    #a3 .list-type2 li:nth-child(2) .list-title,
    #a3 .list-type2 li:last-child .list-title{
        width:100%;
    }
}

@media screen and (max-width:767px){
    #a3 .list-type3 {
        margin-bottom: 20px;
    }
    #a3 .mento-txt_box {
        padding-block: 10vh 5vh;
    }
    #a3 .mento-txt_box .deco-img-box {
        top: -20px;
    }
}

/***** a4 css *****/


#a4 .top-bg__container{
    background-color:#eb97ae;
}

#a4 .hashtag_txt{
    color:#eb97ae;
}
#a4 .procedure_list .list-type1 .list-content li{
    font-size:18px;
}

#a4 h3{
    display: flex;
    align-items: center;
    line-height: 1.75rem;
    margin-block:40px 10px;
}

#a4 .cont1 h3{
    margin-block: 0px 10px;
}

#a4 div:has(.table-type1) .title__box{
    margin-block: 40px 20px;
    display:flex;
    align-items: start;
}

#a4 div:has(.table-type1) .title__box h3.table-title{
    margin:0;
    width:23%;
}

#a4 div:has(.table-type1) .title__box .program-notice{
    width:77%;
    line-height:28px;
}

#a4 h3.table-title{
    margin-block:40px 20px;
    font-size:22px;
    position:relative;
    display:flex;
    align-items: center;
    padding-left:20px;
}

#a4 h3.table-title::after{
    content:"";
    position:absolute;
    left:0;
    width:8px;
    height:8px;
    background-color:#2b2b2b;
}

#a4 h3 .title-ico{
    margin-right:15px;
}

#a4 .paragraph:not(.cont4) .list-type1{
    gap:0px;
    padding-left:60px;
}

#a4 .list-type1 .list-content{
    padding-left:25px;
}

#a4 .paragraph-caption{
    font-weight: 700;
    font-size: 26px;
    display:inline-block;
}

#a4 .cont4{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ddd
}

#a4 .cont4 .paragraph-caption{
    margin:10px 0 30px 0;
}

#a4 .cont4 .procedure_listBox{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-right:40px;
    margin-bottom:25px;
}

#a4 .cont4 .procedure_list,
#a4 .cont4 .procedure_list > div:last-child{
    display:flex;
    align-items: center;
}

#a4 .cont4 .procedure_list .img-box{
    max-width:105px;
    width:100%;
    margin-right:20px;
}

#a4 .cont4 .arrow-box img{
    width:20px;
    position:relative;
    right:-5%;
}

#a4 .cont4 .procedure_list .list-title{
    font-size:20px;
    margin-right:20px;
}

#a4 .cont6 .table3 h3.table-title{
    margin-top:30px;
}

#a4 .table-container{
    margin-top:40px;
}

#a4 .table1 .table-type1 tbody td:last-child{
    text-align:left;
}

#a4 .table1 tbody tr:first-child td:nth-child(2){
    border-right:1px solid #ddd;
}

#a4 .paragraph.cont6 .table-title{
    margin-block:60px 40px;
}

#a4 .paragraph.cont5 .img-box,
#a4 .paragraph.cont6 .img-box{
    margin-top:40px;
}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1080px){
    
}

@media screen and (max-width:767px){
    #a4 .cont4 .procedure_list > div:last-child{
        flex-direction: column;
        align-items: start;
    }
    #a4 .cont4 .arrow-box{
        display:flex;
        justify-content: center;
    }
    #a4 .cont4 .arrow-box img{
        right:0;
    }
}

/***** a5 css *****/

#a5 .top-bg__container{
    background-color:#6d4848;
}

#a5 .hashtag_txt{
    color:#6d4848;
}

#a5 .top-bg_detail {
    font-size: 50px;
}

#a5 .img-box img{
    border-radius: 20px;
}

#a5 .img-box:first-of-type,
#a5 .img-wrapper,
#a5 .img-box:last-of-type{
    margin-top:40px;
}

#a5 .img-wrapper .top.img-box{
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
    gap:20px;
}

#a5 .img-wrapper .top.img-box img{
    width:48.5%;
}

#a5 .img-wrapper .bottom{
    margin-top: 20px;
}

@media screen and (max-width:1440px){

}

@media screen and (max-width:1080px){
}

@media screen and (max-width:767px){
    #a5 .img-wrapper .top.img-box img {
        width: 100%;
    }
}


/***** a6 css *****/

#a6 .top-bg_detail{
    font-size:55px;
}

#a6 .top-bg__container{
    background-color:#2465a4;
}

#a6 .hashtag_txt{
    color:#2465a4;
}

#a6 .sub-title{
    margin-block:40px;
}

#a6 .sub-title h4{
    color:#2465a4;
    font-size:24px;
    font-weight:700;
    font-family: 'Jal_Onuel';
    margin-bottom:10px;
    word-spacing: 5px;
    display: flex
    ;
        align-items: center;
}

#a6 .sub-title img{
    margin-right: 10px;
    transform: scale(1.25);
}

#a6 .sub-title span{
    padding-left: 38px;
    display: block;
}

#a6 .sub-title .list-type1{
    padding-left: 3.8%;
    gap: 15px;
    margin-top: 20px;
}

#a6 .sub-title .list-type1 .list-title{
    font-size: 22px;
    font-weight: 700;
}

#a6 .sub-title .list-type1 .list-content{
    padding-left:3%;
    margin-top:5px;
}

#a6 .sub-title .list-type1 .list-content li:first-child{
    margin-block:7px;
}

#a6 .list-type5 li .content-txtBox ul > li:first-child{
    gap:0;
}

#a6 .list-type5 li .content-txtBox ul > li:first-child >span:first-child{
    width:20%;
}

#a6 .list-type5 li .content-txtBox ul > li:first-child >span:last-child{
    width:80%;
}

#a6  .deco.title-box{
    position:relative;
}

#a6  .deco.title-box .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    position: relative;
}

#a6  .deco.title-box .title h3{
    padding-left:2.5vw;
}

#a6  .deco.title-box .title a{
    font-size: 16px;
    letter-spacing: -2px;
    color: #007bff;
    padding-right:1%;
}

#a6  .deco.title-box .deco.img-box{
    position: absolute;
    top: -5px;
}

#a6 .list-type5{
    display:flex;
    flex-direction: column;
    gap:60px;
    margin-top: 20px;
}

#a6 .list-type5 .content-box{
    text-align: left;
}

#a6 .list-type5 li{
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

#a6 .list-type5 li .img-box{
    max-width: 334px;
    width: 100%;
}

#a6 .list-type5 li .img-box img{
    border-radius: 20px;
}

#a6 .list-type5 li:nth-child(3) .img-box img{
    border:1px solid #ddd;
}

#a6 .list-type5 li .content-box{
    max-width:calc(100% - 334px);
    width:100%;
}

#a6 .list-type5 li .content-title{
    display: flex;
    align-items: center;
    background: #2465a4;
    color: #fff;
    border-radius: 40px;
    padding: 8px 20px;
    font-size: 30px;
    font-family: 'Jal_Onuel';
}

#a6 .list-type5 li .content-title img{
    max-width: 60px;
    width:100%;
    margin-right: 15px;
}

#a6 .list-type5 li .content-txtBox ul{
    display:flex;
    flex-direction: column;
    gap:15px;
    padding-left: 9%;
    margin-top: 25px;
}

#a6 .list-type5 li .content-txtBox li{
    position:relative;
    padding-left:15px;
}

#a6 .list-type5 li .content-txtBox li::after{
    content:"";
    position:absolute;
    top:9px;
    left:0;
    width:6px;
    height:6px;
    border-radius: 100%;
    background-color:#2465a4;
}

#a6 .list-type6{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom:40px;
}

#a6 .list-type6 li{
    border:1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0,0,0,0.05);
}

#a6 .list-type6 li .content-box{
    padding: 5% 4%;
}

#a6 .list-type6 li .content-box .content-txt{
    font-size: 14px;
    display: block;
    margin-bottom: 2vh;
}

#a6 .list-type6 li .content-box .group{
    font-size: 16px;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 5px;
}

#a6 .list-type6 li .content-box .group.gray{
    background-color: #ebebec;
}

#a6 .list-type6 li .content-box .group.orange{
    background-color: #f9eee2;
}

#a6 .list-type6 li .content-box .group.purple{
    background-color: #f6edfb;
}

#a6 .img-box:last-of-type{
    margin-block:40px;
}

#a6 .sub-content > .img-box:last-of-type img{
    border:1px solid #ddd;
    border-radius: 20px;
}

@media screen and (max-width:767px){
    #a6 .list-type6{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #a6 .deco.title-box .title {
        flex-direction: column;
        align-items: start;
    }

    #a6 .deco.title-box .title h3 {
        padding-left: 0;
        margin-bottom:0;
    }

    #a6  .deco.title-box .title a{
        padding-right:0;
    }

    #a6  .deco.title-box .deco.img-box{
        display:none;
    }

    #a6 .list-type5 li{
        flex-direction: column;
    }
    #a6 .list-type5 li .img-box,
    #a6 .list-type5 li .content-box{
        max-width:none;
    }
    #a6 .sub-title .list-type1 .list-content{
        padding-left:6%;
    }
}

/***** a7 css *****/

#a7 .top-bg_detail{
    font-size:65px;
}

#a7 .top-bg__container{
    background-color:#f9b311;
}
#a7 .hashtag_txt{
    color:#f9b311;
}
#a7 .list-type7{
    margin-block:40px;
}
#a7 .list-type7 .list-title{
    background-color: #f9b311;
}

#a7 .img-box:first-of-type img{
    border:1px solid #ddd;
}

#a7 .table-type1 tbody td.text-right{
    text-align: right;
    padding-inline: 50px;
}

#a7 .table1{
    margin-block:40px;
}

#a7 .table1 table{
    margin-top:40px;
}

/***** a8 css *****/

#a8 .sub-content >h3:first-child {
    margin-block: 0px 30px;
}

#a8 .grid-img-type1 ul{
    display:grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:40px;
}

#a8 .grid-img-type1 ul .img-box{
    margin-block:0;
}

#a8 .grid-img-type1 .caption{
    text-align:center;
    display:block;
    margin:10px auto 0; 
}

#a8 .top-bg_detail{
    font-size:60px;
}

#a8 .top-bg__container{
    background-color:#427ea0;
}

#a8 .hashtag_txt{
    color:#427ea0;
}

#a8 .list-type1 .list-title{
    color: #00507a;
}

#a8 .list-type7 {
    margin-block:20px;
}

#a8 .list-type1 .list-content {
    padding-left: 60px;
}

#a8 .list-type7 .list-title{
    background-color:#427ea0;
}

#a8 .img-box img {
    border-radius: 20px;
}

#a8 .img-box:first-of-type{
    margin-top:40px;
}

#a8 .img-box:nth-of-type(2){
    margin-top:20px;
}


#a8 .img-box:last-of-type{
    margin-block:40px;
}

#a8 .dot-list{
    margin-top:10px;
}

#a8 .dot-list li::after{
    background-color: #2b2b2b;
}

@media screen and (max-width: 767px) {
    #a8 .grid-img-type1 ul{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

    #a8 .img-box:first-of-type img {
        width: 100%;
    }
    #a8 .list-type1 .list-content {
        padding-left: 8%;
    }
}

/***** b1 css *****/

#b1 .top-bg__container{
    background-color:#486c6d;
}

#b1 .hashtag_txt{
    color:#486c6d;
}

#b1 p:not(:first-child){
    margin-top:40px;
}

#b1 .img-wrapper{
    margin-top:40px;
}

#b1 .img-wrapper:first-of-type .img-box{
    display:flex;
    gap:30px;
}

#b1 .img-box img{
    border-radius: 20px;
}

#b1 .img-wrapper .caption{
    font-size:16px;
    text-align:center;
    margin-top:20px;
}

#b1 .img-wrapper:nth-of-type(2){
    margin-bottom:40px;
}

#b1 .img-wrapper:nth-of-type(2) > div .img-box:first-child,
#b1 .img-wrapper:nth-of-type(2) > div:first-child{
    display:flex;
    gap:30px;
}

#b1 .img-wrapper:nth-of-type(2) > div:first-child{
    align-items: start;
    gap: 30px;
}

#b1 .img-wrapper:nth-of-type(2) > div:first-child .img-box:first-child{
    flex-direction: column;
}

@media screen and (max-width:767px){
    #b1 .img-wrapper:first-of-type .img-box,
    #b1 .img-wrapper:nth-of-type(2) > div:first-child {
        flex-direction: column;
    }

    #b1 .img-wrapper:nth-of-type(2) .img-box{
        width:100%;
    }

}


/***** b2 css *****/

#b2 .top-bg__container{
    background-color:#d089b6;
} 

#b2 .hashtag_txt{
    color:#d089b6;
}

#b2 p:not(:first-child){
    margin-top:40px;
}

#b2 .img-box{
    display:flex;
    gap:30px;
    margin-top:40px;
}

#b2 .img-box img{
    border:1px solid #ddd;
    border-radius: 20px;
}

@media screen and (max-width:767px){
    #b2 .img-box{
        flex-direction: column;
    }
}

/***** b3 css *****/

#b3 .top-bg_detail{
    font-size:65px;
}

#b3 .top-bg__container{
    background-color:#89acd0;
} 
#b3 .hashtag_txt{
    color:#89acd0;
}

#b3 p:not(:first-child){
    margin-top:40px;
}

#b3 p:not(:first-child):has(small){
    margin-top:20px;
}

#b3 small.footnote__box{
    display:flex;
    gap:10px;
}

#b3 .img-wrapper:first-of-type .img-box{
    display: flex;
    flex-wrap:wrap;
    gap: 30px;
}

#b3 .img-wrapper:first-of-type .img-box img,
#b3 .img-wrapper:nth-of-type(2) .img-box > div:first-child img{
    width:calc(50% - 15px);
}

#b3 .img-wrapper{
    margin-top:30px;
}

#b3 .img-wrapper:nth-of-type(2) .img-box{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    gap:30px;
}

#b3 .img-wrapper:nth-of-type(2) .img-box > div:first-child{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
}

#b3 .img-wrapper:nth-of-type(2) .img-box > div:last-child{
    text-align:center;
}

#b3 .caption{
    text-align:center;
    margin-top:10px;
}

#b3 .dot-list li::after{
    background-color: #333;
}

#b3 .table-wrapper{
    display:flex;
    width:100%;
    gap:10px;
    align-items: center;
}

#b3 .table-wrapper .table-container,
#b3 .table-wrapper table{
    width: 100%;
    height: 100%;
}
#b3 .table-wrapper table{
    min-width: auto;
}

#b3 .table-wrapper .table-type1 thead th,
#b3 .table-wrapper .table-type1 tbody td{
    border-right:none;
}

#b3 .table-wrapper .table-type1 tbody td{
    text-align:center;
    padding-left:0;
}

#b3 .table-wrapper .arrow-list span{
    font-size:14px;
    color:#89acd0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#b3 .table1 .table-type1 tbody td:last-child{
    text-align: center;
}

#b3 .table2 .table-wrapper .table-list table tbody td{
    font-size:15px;
}

#b3 .table2 .table-wrapper .table-list table tbody td:last-child{
    padding-inline:0;
}

#b3 .table3 {
    margin-block:40px;
}

#b3 .table3 .dot-list li{
    text-align:left;
}

#b3 .table3 .list-type1 .list-content{
    padding-left:1vw;
    text-align:left;
}

#b3 .table3 tbody tr:nth-child(2) td:nth-child(2){
    padding-left:20px;
}

#b3 .sub-content .flex-img-box.img-box {
    display:flex;
    flex-wrap:wrap;
    gap:30px;
    margin-block:40px 20px;
}

#b3 .sub-content .flex-img-box.img-box img{
    width:calc(33% - 17px);
}

#b3 .img-box img{
    border-radius: 20px;
}

@media screen and (max-width:767px){
    #b3 .img-wrapper:first-of-type .img-box{
        flex-direction:column;
    }
    #b3 .img-wrapper:nth-of-type(2) .img-box > div:last-child img{
        width:100%;
    }
    #b3 .table-wrapper{
        flex-direction: column;
    }

    #b3 .table-wrapper .table-list{
        width:100%;
    }
    #b3 .img-wrapper:first-of-type .img-box img,
    #b3 .img-wrapper:nth-of-type(2) .img-box > div:first-child img,
    #b3 .sub-content .flex-img-box.img-box img{
        width:100%;
    }
}

/***** c1 css *****/

#c1 .top-bg_detail .date{
    font-size:45px;
}

#c1 .top-bg__container{
    background-color:#8995d0;
} 
#c1 .hashtag_txt{
    color:#8995d0;
}

#c1 p:not(:first-child){
    margin-top:40px;
}

#c1 .dot-list li::after{
    background-color:#2b2b2b;
}

#c1 .dot-list.list-type2{
    background-color: #f5f5f5;
    padding: 30px 20px;
    margin-top: 60px;
}

#c1 .img-box{
    margin-top:40px;
}
#c1 .img-box img{
    border-radius:20px;
}
#c1 .notice-type1{
    margin-top:60px;
}
#c1 .notice-type1 .list-title{
    color:#00507a;
}
#c1 .notice-type1 .notice-content .dot-list{
    margin-top:10px;
}
/***** c2 css *****/

#c2 span.check{
    position:relative;
    display:inline-flex;
    align-items: center;
    padding-left: 20px;
}

#c2 span.check::after{
    content:"☑";
    position:absolute;
    left:0;
}

#c2 .top-bg__container{
    background-color:#d09f89;
}
#c2 .hashtag_txt{
    color:#d09f89;
}

#c2 h3.sub-content_title{
    background: #d09f89;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 10px 0 6px;
    position: relative;
    /* bottom: 0px; */
    padding-left: 4.5vw;
    line-height: 30px;
    font-size: 28px;
    margin-block:100px 30px;
}

#c2 h3.sub-content_title img{
    position: absolute;
    left: 1.5vw;
    transform:scale(1.45);
}
#c2 .sub-content {line-height: 2;}
/* #c2 .sub-content p {text-align: justify;} */
#c2 .img-box {margin-top: 50px;}
#c2 .img-wrapper {margin-top: 50px;}
#c2 .img-wrapper .img-box {margin-top: 0;}

#c2 .img-wrapper1 {display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
#c2 .img-wrapper1 > div {display: flex; flex-flow: column; gap: 30px;}
#c2 .img-wrapper1_bg {margin: -13% auto 0; position: relative; z-index: 0; text-align: center;}
#c2 .img-wrapper2 {display: grid; grid-template-columns: repeat(2,1fr); gap: 30px;}
#c2 .tit-type_ {font-size: 20px; font-weight: 700; text-align:center; position: relative; margin: 65px 0 25px; font-style:italic; color:#0071be}

#c2 .tit-type_:first-of-type{font-size: 20px; font-weight: 700; display:inline-block; position: relative; margin: 65px 0 25px; border-bottom:1px solid #000; color:#2b2b2b; font-style:normal}
/* #c2 .tit-type_::before {content: ""; position: absolute; top:0; left:0; height: 100%; width: 15px; background: #0a4873;} */
/* #c2 .tit-type_::after {content: ""; position: absolute; right:-19.7px; bottom:0; height: 100%; width: 20px; background: #0071be;clip-path: polygon(0 0, 0% 100%, 100% 0);} */

#c2 .tit-type_ + p {color: #2b2b2b; font-size: 20px;}
#c2 .tit-type_ + p + p {margin-top: 40px;}

#c2 .list-type_ > li {display: flex; flex-flow: row wrap; margin-bottom: 5px;}
#c2 .list-type_ > li:last-child {margin-bottom: 0;}
#c2 .list-type_ > li span {width: 47px; margin-right: 15px; position: relative; display: block; font-weight: 700;}
#c2 .list-type_ > li span::before {content: ""; position: absolute; width: 1px ; height: 18px; background: #666; top:9px; right: 0;}
#c2 .list-type_ ul {width: calc(100% - 65px); color: #2b2b2b;}
#c2 .txt-box {background: #f5f5f5; padding: 20px; margin:20px 0 40px;}
#c2 .txt-box li {display: flex; flex-flow: row wrap; }
#c2 .txt-box li span {width: calc(100% - 150px); padding-left: 5px;}
#c2 .txt-box li:first-child b{width:16%;}
#c2 .txt-box li:first-child span{width:83%;}
#c2 .txt-box li:last-child b{width:18%;}
#c2 .txt-box li:last-child span{width:73%;}
#c2 .table-type1 {margin-top: 50px;}
#c2 .table-type1 tbody td {padding: 20px;}
#c2 .table-type1 tbody tr:nth-child(2n+1) td:nth-child(2){text-align:left;}
#c2 .table-type1 tbody td ul {text-align: left; text-indent: -16px; padding-left: 16px;}
#c2 .table-type1 tbody td span {font-size: 15px; color: #666;}

@media (max-width:1080px) {
    #c2 .sub-content {line-height: 1.8;} 
    #c2 .tit-type_ {margin: 5% 0 3%;}
    #c2 .tit-type_ + p {font-size: 15px;}
    #c2 .img-box, 
    #c2 .img-wrapper,
    #c2 .table-type1 {margin-top: min(50px,6%);}
    #c2 .list-type_ > li span::before {height: 16px; top:7px;}
    #c2 .tit-type_ + p + p {margin-top: 30px;}
    #c2 .txt-box {margin:15px 0 30px;}
    #c2 .img-wrapper1_bg {margin-top: -13%;}
}
@media (max-width:768px) {
    #c2 .img-wrapper {grid-template-columns: repeat(1,1fr); gap: 20px;}
    #c2 .img-wrapper > div {gap: 20px;}
    #c2 .tit-type_ {font-size: 18px; font-weight: 700; padding: 5px 20px 5px 35px;}
    #c2 .txt-box li span {width: 100%; padding-left: 15px;}
    #c2 .list-type_ > li span::before {display: none;}
    #c2 .list-type_ ul {width: 100%;}
    #c2 .table-type1 {overflow-x: scroll;}
    #c2 .table-type1 table {min-width: 800px;}
    #c2 .txt-box li:first-child b{width:100%;}
    #c2 .txt-box li:first-child span{width:100%;}
    #c2 .txt-box li:last-child b{width:100%;}
    #c2 .txt-box li:last-child span{width:100%;}
}