@charset "utf-8";
/* common */
sub, sup {color: inherit;}

.color_red {color: #da4b4b !important;}
.text-indent-0 {text-indent: 0 !important;}
.img-border {border: 1px solid #ccc;}
.content_wrap{
    font-size: 16px;
}
aside{
    display: flex !important;
    justify-content: flex-end;
    height:0;
}
.side-inner{
    position: fixed;
    bottom: 73px;
    z-index: 999;
    transition: .3s;
}
aside button{
    border: none;
    display: block;
    margin-bottom: 7px;
    cursor: pointer;
    margin-left: 0;
    background-color: #fff;
}
#page{
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  #page ul li *{
    font-size: 30px;
    color: #fff;
  }
  #page {
    width: 100%;
    max-width: 1727px;
    margin: 0 auto;
  }
  #page ul li.next *{
    text-align: right;
  }
  #page ul li img{
    display: inline-block;
    margin-bottom: 5px;
  }
  #page ul li.prev img{
    margin-right: 10px;
  }
  #page ul li.next img{
    margin-left: 10px;
    transform: rotate(180deg);
  }
  #page ul li span{
    opacity: .6;
  }

  #next_page{
    position: relative;
  }
  #next_page .main_wrap{
    background: url(../images/sub/page/sub1.jpg) no-repeat;
    background-position: 50% 50% !important;
    background-size: cover !important;
    height: 800px !important
  }
  #next_page .main_wrap.sub0{
    background: url(../images/sub/page/sub0.jpg) no-repeat;
  }
  #next_page .main_wrap.sub2{
    background: url(../images/sub/page/sub2.jpg) no-repeat;
  }
  #next_page .main_wrap.sub3{
    background: url(../images/sub/page/sub3.jpg) no-repeat;
  }
  #next_page .main_wrap.sub4{
    background: url(../images/sub/page/sub4.jpg) no-repeat;
  }
  #next_page .main_wrap.sub5{
    background: url(../images/sub/page/sub5.jpg) no-repeat;
  }
  #next_page .main_wrap.sub6{
    background: url(../images/sub/page/sub6.jpg) no-repeat;
  }
  #next_page .main_wrap.sub7{
    background: url(../images/sub/page/sub7.jpg) no-repeat;
  }

  #next_page .txt-wrap{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    }
    #next_page .txt-wrap .dept{
        font-size: 32px;
        font-weight: 900;
        color: rgba(255,255,255,0.5);
        padding-bottom: 40px;
        text-align: center;
    }
    .b5 + #next_page .txt-wrap .dept,.c1 + #next_page .txt-wrap .dept,.d1 + #next_page .txt-wrap .dept{
        display: none;
    }
    #next_page .txt-wrap h1,#next_page .txt-wrap h1 span{
        text-align: center;
        font-size: 88px;
        color: #fff;
        font-weight: 900;
    }
    #next_page .txt-wrap .title, #next_page .more_btn{
        width: fit-content;
        margin: 0 auto;
        margin-top: 30px;
    }
     #next_page .more_btn a{
        display: block;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        width: 165px;   
        position: relative;
        line-height: 38px;
    }
     #next_page .more_btn a img{
        display: inline-block;
        margin-left: 5px;
    }
     #next_page .more_btn a::after{
        content: "";
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
    }

     #next_page .more_btn a:hover::after{
        animation: width infinite linear;
        animation-duration: 1s;
    }
    .more_btn a:hover img{
        animation: swift infinite linear;
        animation-duration: 1s;
    }
    @keyframes width{
        0%{
            width:0%;
        }
        100%{
            width: 100%;
        }
    }
    @keyframes swift{
        0%{
            transform: translateX(-5px);
        }
        100%{
            transform: translateX(0);
        }
    }
    .content_wrap .content{
        padding: 100px 0;
    }
        
    .content_wrap .content.bg{
        background-color: #f5f5f5;
    }
    .content_wrap .dept{
        font-size: 1.250em;
        font-weight: 600;
        color: #008cd6;
        padding-bottom: 20px;
    }
    .content_wrap h5{
        font-size: 2.250em;
        position: relative;
        font-weight: 600;
        color: #2b2b2b;
        width: fit-content;
        margin-bottom: 45px;
        letter-spacing: -0.5px;
        line-height: 1.4;
    }
    .circle{
        display: inline-block;
        width: 7px;
        height: 7px;
        background-color: #008cd6;
        border-radius: 50%;
    }
    .content_wrap p.txt,
    .content_wrap ul.txt{
        font-size: 1.25rem;
        word-break: keep-all;
        padding-bottom: 60px;
    }
    
    .content_wrap .list_box{
        padding: 30px;
        border: 1px solid #ccc;
        border-right: none;
        border-left: none;
        margin-bottom: 60px;
    }
    .b1.content_wrap .list_box b.c-g,
    .b1.content_wrap .list_box p{
        font-size: 1.25em;
        color: #666;
        padding-left: 25px;
        word-break: keep-all;
        letter-spacing: -0.5px;
    }
    .content_wrap .list_box b.c-g{
        color:oklch(0.627 0.194 149.214)
    }
    .content_wrap .list_box>ul>li{
        position: relative;
        font-size: 1.25em;
        color: #666;
        padding-left: 25px;
        word-break: keep-all;
        letter-spacing: -0.5px;
    }
    .content_wrap .list_box_color>ul>li, 
    .content_wrap .list_box_color>ul>li b, 
    .content_wrap .list_box_color>ul>li span {color: #111;}
    .content_wrap .list_box>ul>li *{
        color: #666;
    }
    .content_wrap .list_box>ul>li.check.color,
    .content_wrap .list_box>ul>li.number.color{
        color: #008cd6;
        font-weight: 700;
    }
    .content_wrap .list_box>ul>li.number{
        padding-left: 15px;
    }
    .content_wrap .list_box>ul>li.number::before{
        content: "1.";
        color: #008cd6;
        font-weight: 700;
        position: absolute;
        top: 0px;
        left: 0;
    }
    .content_wrap .list_box>ul>li.number.last::before{
        content: "2. ";
    }
    .content_wrap .list_box>ul>li:nth-child(2).number::before{
        content: "2.";
    }

    .content_wrap .list_box>ul>li.number2{
        padding-left: 20px;
    }
    .content_wrap .list_box>ul>li.number2::before{
        content: "1)";
        color: #666;
        position: absolute;
        top: 0px;
        left: 0;
    }
    .content_wrap .list_box>ul>li:nth-child(2).number2::before{
        content: "2)";
    }
    .content_wrap .list_box>ul>li:nth-child(3).number2::before{
        content: "3)";
    }

    .content_wrap .list_box>ul>li:first-child ul{
        padding-bottom: 35px;
    }

    .content_wrap .list_type_new1 li {text-indent: -1rem;}
    .content_wrap .list_type_new1 ul ul {padding-left: 1rem;}
    .content_wrap .list_type_new1 ul ul li {text-indent: -1rem;}

    .content_wrap li.list_type_new3 {text-indent: -1rem; padding-left: 1rem;}
    .content_wrap li.list_type_new4 {text-indent: -2rem; padding-left: 2rem;}

    .content_wrap .list_type_new2 li {padding-left: 20px; position: relative;}
    .content_wrap .list_type_new2 li span {position: absolute; left:0;}

    .content_wrap .download{
        display: block;
        color: #fff;
        text-align: center;
        background-color: #1a4cb6;
        font-weight: 600;
        font-size: 1.125em;
        padding: 11px;
        word-break: keep-all;
    }
    .content_wrap .download2 {display: inline-block; width: 49%; margin-right: 1%;}
    .content_wrap .download2:nth-of-type(2n) {margin-right: 0;}
    .content_wrap .download:not(:last-of-type){
        margin-bottom:30px;
    }
    .content_wrap .download2:not(:last-of-type){
        margin-bottom:2%;
    }
    .content_wrap .etc{
        padding-bottom: 50px;
    }
    .content_wrap .etc li{
        font-size: 0.8em;
        padding-left: .7em;
        text-indent: -.7em;
        color: #999;
    }
    .content_wrap .etc li:not(:last-child){
        padding-bottom: 5px;
    }
    .content_wrap .etc.color *{
        color: #008cd6;
    }
    .content_wrap .table_wrap{
        margin-bottom: 60px;
    }

    .content_wrap .table_wrap .table_tit{
       font-size: 1.25em;
       color: #666;
    }

    .content_wrap .table_wrap ul li{
        /* font-size: 1.125em; */
        font-size: 1em;
     }
     .content_wrap .table_wrap > ul > li{
        margin-bottom: 5px;
     }

    .content_wrap .table_wrap table{
        width: 100%;
        background-color: #fff;
    }

    .content_wrap .table_wrap table td:not(:first-of-type){
        font-weight: 400;
    }
    .content_wrap .table_wrap table td,.content_wrap .table_wrap table th, .content_wrap .table_wrap table td.weight{
        text-align: center;
        vertical-align: middle;
        font-size: 1em;
        font-weight: 500;
    }

    .content_wrap .table_wrap .sub-table th{
        font-size:0.9em;
    }

    .content_wrap .table_wrap .sub-table td{
        font-size:0.85em;
    }

    .content_wrap .table_wrap table.td_left td {text-align: left;}

    .content_wrap .table_wrap table thead{
        background-color: #1a4cb6;
    }
    .content_wrap .table_wrap table thead th{
        color: #fff;
        padding: 8px 5px;

    }
    .content_wrap .table_wrap table thead th:not(:last-of-type){
        border-right: 1px solid #f5f5f5;

    }
    .content_wrap .table_wrap table td{
        border-bottom: 1px solid #ccc;
        padding: 15px 20px;
        line-height: 1.2;
        word-break: keep-all;
        letter-spacing: -0.5px;
        color: #666;
    }
    .content_wrap .table_wrap table td:not(:last-of-type){
        border-right: 1px solid #ccc;
    }
    .content_wrap .table_wrap table td.border_r { border-right: 1px solid #ccc;}
    .content_wrap .table_wrap table td.list{
        padding: 15px 20px;
    }
    .content_wrap .table_wrap.table_wrap_td table td{
        padding: 5px 20px;
    }
    .content_wrap .table_wrap table td.list ul{
        margin-top: 5px;
    }
    .content_wrap .table_wrap table td.list ul li{
        font-weight: 400;
        color: #666;
        padding-left: 10px;
    }
    .content_wrap .table_wrap table td.list ul li:not(:last-child){
        margin-bottom: 3px;
    }
    .content_wrap .table_wrap table td.list ul:not(:last-of-type){
        margin-bottom: 30px;
    }

    .content_wrap .table_color .table_bg {background-color: #edf1f9;}

    .content_wrap span.red_color{
        color: #da4b4b;
    }
    .content_wrap span.star,.content_wrap .table_wrap table td.star{
        color: #008cd6;
    }

    .content_wrap .table_wrap table .table_left td {text-align: left;}

    .content_wrap span.through{
        text-decoration: line-through;
        color: #999;
    }
    .content_wrap p.caption{
        margin-bottom: 25px;

    }
    .content_wrap p.caption.circle_txt{
        position: relative;
        padding-left: 17px;
    }
    .content_wrap p.caption.circle_txt::before{
        content: "";
        width: 7px;
        height: 7px;
        background-color: #008cd6;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 0;
    }
    .content_wrap p.caption,.content_wrap p.caption span{
        font-size: 1.12em;
        color: #666;
    }
    .content_wrap p.caption span{
        color: #008cd6;
        font-weight: 600;
    }
    .content_wrap .flex_box{
        margin-bottom: 60px;
        background-color: #fff;
    }
    .content_wrap .flex_box>li{
        width: 50%;
     
        border-bottom: 1px solid #ccc;
    }
    .content_wrap .flex_box>li:nth-child(2n-1){
        border-right: 1px solid #ccc;
    }
    .content_wrap .flex_box>li h6{
        background-color: #1a4cb6;
        color: #fff;
        padding: 8px 5px;
        text-align: center;
        font-size: 1em;
        
    }
    .content_wrap .flex_box>li .box{
        text-align: center;
        font-size: 1.125em;
        color: #666;
       letter-spacing: -0.8px;
        padding: 15px 20px;
    }
    .content_wrap .flex_box>li .box.trans{
        transform: translateY(40%);
    }
    .content_wrap .flex_box>li .box.border-bottom{
        border-bottom: 1px solid #ccc;
    }
    .content_wrap .flex_box>li:last-child .box{
        border-right: none;
    }
    .content_wrap .txt_box{
        background-color: #fafafa;
        border: 1px solid #e2e2e2;
        padding: 28px;
        margin-bottom: 60px;
    }
    .content_wrap .txt_box p{
        font-size: 18px;
        color: #666;
        word-break: keep-all;
    }

    .content_wrap .list_box>ul>li.check::before{
        content: "";
        width: 15px;
        height: 11px;
        background: url(../images/sub/b/b1_check.png) no-repeat;
        position: absolute;
        top: 8px;
        left: 0;
    }
    .content_wrap .list_box ul li.check, .content_wrap .list_box ul li.check {position: relative; text-indent: 0; padding-left: 20px;}
    .content_wrap .list_box ul li.check::before{
        content: "";
        width: 15px;
        height: 11px;
        background: url(../images/sub/b/b1_check.png) no-repeat;
        position: absolute;
        top: 8px;
        left: 0;
    }

    .content_wrap .ico_dot{
        position: relative;
        padding-left: 15px !important;
    }

    .content_wrap .ico_dot::before{
        content: "";
        width: 7px;
        height: 7px;
        background-color: #666;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .content_wrap .ico_square{
        position: relative;
        padding-left: 15px !important;
    }

    .content_wrap .ico_square::before{
        content: "";
        width: 7px;
        height: 7px;
        background-color: #666;
        position: absolute;
        top: 10px;
        left: 0;
    }

    .content_wrap .ico_dot.ico_color::before{
        background: #008cd6;
    }

    .content_wrap .ico_line{
        position: relative;
        padding-left: 15px !important;
    }

    .content_wrap .ico_line::before{
        content: "";
        width: 7px;
        height: 1px;
        background-color: #666;
        border-radius: 50%;
        position: absolute;
        top: 14px;
        left: 0;
    }
    .content_wrap .ico_line_flex{
        display: flex; 
        
    }
    .content_wrap .ico_line_flex span {
        width: 65px;
    }
    .content_wrap .ico_line_flex ul {
        width: calc(100% - 65px);
    }

    .content_wrap .ico_num {
        position: relative;
        padding-left: 20px;
    }
    .content_wrap .ico_num span {
        position: absolute;
        left: 0;
        top:0;
    }

    .content_wrap .list_box>ul>li.ico_type {
        position: relative;
        padding-left: 3.5em;
    }
    .content_wrap .list_box>ul>li.ico_type span {
        position: absolute;
        left: 0;
        top:0;
    }

    .content_wrap .color{
        color: #008cd6 !important;
    }

    .content_wrap a.link {
        text-decoration: underline;
        color: #008cd6;
    }

    @media(max-width:1210px){
        aside{
            display: none !important;
        }
        #page {
           display: none;
        }
        .content_wrap .content{
            padding: 100px 35px;
        }
        .content_wrap .table_wrap{
            overflow-x: auto;
        }
        .content_wrap .table_wrap table{
            width: 1120px;
        }
        .content_wrap .flex_box>li{
            width: 100%;
        }
        .content_wrap .flex_box>li:first-child{
            border-right:none;
        }
        .content_wrap .flex_box>li .box.trans{
            transform: translateY(0);
        }
        #next_page .main_wrap{
            height: 400px !important
          }
          #next_page .txt-wrap .dept{
            padding-bottom: 20px;
        }  
        .content_wrap .list_box > p{
            font-size: 1em;
        }
    }
    @media(max-width:749px){
        .content_wrap .content{
            padding: 100px 20px;
        }
        .content_wrap h5{
            font-size: 1.750em;
        }
        .content_wrap p.txt{
            font-size: 1em;
        }
        #next_page .txt-wrap .dept{
            font-size: 22px;
            padding-bottom: 10px;
        }  

        #next_page .txt-wrap h1, #next_page .txt-wrap h1 span{
            font-size: 40px;
        }
        .content_wrap .download2{
            width: 100%;
        }
    }
/* common */
/********************************************** main **********************************************/

.main{
    position: relative;
    overflow: hidden;
}
.main .main_wrap>img{
    display: block;
    width: 100%;
    animation-duration: 13s;
}
.main .txt-wrap{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.main .txt-wrap .title{
    overflow: hidden;
}
.main .txt-wrap h1,.main .txt-wrap h1 span{
    text-align: center;
    font-size: 88px;
    color: #fff;
    font-weight: 900;
    animation: fadeBigInUp 0.8s 0.2s both;
}
/* .main .txt-wrap h1 span {
  animation-delay: .7s;
} */
@keyframes fadeBigInUp {
    0% {
        opacity:0;
       transform:translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
  }
.main .txt-wrap p{
    margin-top: 20px;
    animation: fadeBigInUp 0.8s .7s both;
}
.main .txt-wrap p,.main .txt-wrap p span{
    text-align: center;
    font-size: 24px;
    color: #fff;
}
.main .txt-wrap p span{
    font-weight: 600;
}
.main .txt-wrap h1 span,.main .txt-wrap p span{
    display: inline-block;
}
.scroll_box{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.scroll_box p{
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
.scroll{
    width: 1px;
    position: relative;
    height: 70px;
    background-color: #3e505c;
    margin: 0 auto;
}
.scroll::after{
    content:"";
    width: 1px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    animation: scroll infinite alternate linear;
    animation-duration: 1s;
}
@keyframes scroll {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(30px);
    }
}

@media(max-width:749px){
    .scroll_box{
        display: none;
    }
    .main .txt-wrap h1 span{
        display: block;
        }
    .main .txt-wrap h1, .main .txt-wrap h1 span{
        font-size: 40px;
    }
    .main .txt-wrap p, .main .txt-wrap p span {
        font-size: 16px;
        padding: 0 20px;
    }
}
/********************************************** main **********************************************/

/********************************************** a1 **********************************************/
.content_wrap #news_2 .img-box, .content_wrap #news_3 .img-box {
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
} 
.content_wrap #news_2 .img-box1 img {
    width: 100%;
}
.content_wrap #news_2 .img-box2 img {
    width: 49%;
}

@media (max-width:760px) {
    .content_wrap #news_1 .img-box img {
        max-width: 100%;
        object-fit: cover;
        margin: 1.5% 0;
    }
    .content_wrap #news_2 .img-box1 img, 
    .content_wrap #news_3 .img-box2 img,
    .content_wrap #news_2 .img-box3 img {
        width: 100%;
    }
}
/********************************************** b1 **********************************************/



.content_wrap.b1 .list_box>ul>li.check.color,.content_wrap.b1 .list_box>ul>li.number.color{
    color: #008cd6;
    font-weight: 700;
}
.content_wrap.b1 .list_box>ul>li.number{
    padding-left: 15px;
}
.content_wrap.b1 .list_box>ul>li.number::before{
    content: "1.";
    color: #008cd6;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: 0;
}
.content_wrap.b1 .list_box>ul>li.number.last::before{
    content: "2. ";
}
.content_wrap.b1 .list_box>ul>li:nth-child(2).number::before{
    content: "2.";
}
.content_wrap.b1 .list_box>ul>li:first-child ul{
    padding-bottom: 35px;
}


.content_wrap.b1 .list_box>ul>li.indent{
    padding-left: 43px;
    text-indent: -18px;
}
@media(max-width:1210px){
    .content_wrap.b1 .content{
        padding: 100px 35px;
    }
    .content_wrap.b1 .list_box{
        padding: 30px 10px;
    }
    .content_wrap.b1 .list_box>ul>li{
        padding-left: 0;
    }
    .content_wrap.b1 .list_box>ul>li.check,.content_wrap.b1 .list_box>ul>li.check_padding{
        padding-left: 25px;
    }
}
@media(max-width:1210px){
    .content_wrap.b1 .content{
        padding: 100px 20px;
    }
    .content_wrap.b1 .list_box>ul>li{
        font-size: 1em;
    }
}
/********************************************** b1 **********************************************/

/********************************************** b2 **********************************************/
/* .content_wrap.b2 .list_box>ul>li *{
    color: #666;
} */

.content_wrap.b2 .table_wrap table th, .content_wrap.b2 .table_wrap table td {font-size: 1.2em;}

@media(max-width:1210px){
    .content_wrap.b2 .list_box>ul>li{
        font-size: 1em;
    }
}
/********************************************** b2 **********************************************/

/********************************************** b3 **********************************************/
.content_wrap .table_wrap_ce td:first-child {border-left: 1px solid #ddd;}
.content_wrap .table_wrap_ce td:last-child {border-right: 1px solid #ddd;}
.content_wrap.b3 .table_wrap > ul > li {font-size: 1.125em;}
.content_wrap.b3 .table_wrap ul ul li {font-size: inherit;}
.content_wrap.b3 .table_wrap table table {font-size: 01em;}
.content_wrap.b3 table table th {background: #a4a4a4;}
.content_wrap.b3 table table li {font-size: 1em; color: #666;}

.content_wrap.b3 .content table {font-size: 1em;}

.content_wrap.b3 .content.bg .list_box > .table_wrap > .table_wrap > table {font-size: 1.25em;}
.content_wrap.b3 .content.bg .list_box table  table {font-size: 0.9em;}

@media(max-width:1210px){
    .content_wrap.b3 .list_box>ul>li{
        font-size: 1em;
    }
}

/********************************************** b3 **********************************************/
/********************************************** b4 **********************************************/
.content_wrap.b4 .color{
    color: #008cd6;
}
.content_wrap.b4 table  {font-size: 1.125em;}

@media(max-width:1210px){
    .content_wrap.b4 .list_box>ul>li{
        font-size: 1em;
    }
}

/********************************************** b4 **********************************************/

/********************************************** b5 **********************************************/

.content_wrap.b5 .table_wrap table td, 
.content_wrap.b5 .table_wrap table th, 
.content_wrap.b5 .table_wrap table td.weight,
.content_wrap.d1 .table_wrap table td, 
.content_wrap.d1 .table_wrap table th, 
.content_wrap.d1 .table_wrap table td.weight {
    text-align: center;
    vertical-align: middle;
    font-size: 1.25em;
    font-weight: 500;
}



.content_wrap.b5 .dept{
    padding-bottom: 10px;
}
.content_wrap.b5 .title_img{
    margin-right: 15px;
}
.content_wrap.b5 .list_box>ul>li {font-size: 1.25em;}

.content_wrap.b5 .list_box>ul>li.small {font-size: 1em;}

.content_wrap.b5 table  {font-size: 1em;  border-bottom: 0; margin-top: 0.5em;}
.content_wrap.b5 table figcaption {margin-top: 0.25em; font-size: 0.8em;}

.content_wrap.b5 .list_type_new3.ico_dot {
    text-indent: 0px !important;
}

@media(max-width:1210px){
    .content_wrap.b5 .list_box>ul>li{
        font-size: 1em;
    }
}
/********************************************** b5 **********************************************/


/********************************************** c1
**********************************************/
.content_wrap.c1 .content h1{
    margin-bottom: 50px;
}
.content_wrap.c1 .content h1,.content_wrap.c1 .content h1 span{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.content_wrap.c1 .content h1 span{
    display: block;
    color: #666;
}
.content_wrap.c1 .link{
    color: #008cd6;
    border-bottom: 1px solid #008cd6;
}
.content_wrap.c1 .list_box>ul>li:first-child ul {
    padding-bottom: 35px;
}
.content_wrap.c1 table  {font-size: 1.125em;}
.content_wrap.c1 .img-box__wrapper.grid-2 {
    gap: 20px;
}

@media(max-width:1210px){
    .content_wrap.c1 .content h1, .content_wrap.c1 .content h1 span{
        font-size: 30px;
    }
}
/********************************************** c1
**********************************************/
.content_wrap.c1 .tab-list{
    border-bottom: 1px solid #ccc;
}
.content_wrap.c1 .tab-list li{
    width: 50%;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #cccccc;
    cursor: pointer;
}
.content_wrap.c1 .tab-list li.on{
    color: #2b2b2b;       
    border-bottom: 4px solid #008cd6;         
}

.content_wrap.c1 .tab_content {display: none;}

.content_wrap.c1 .tab_content .content > div > ul > li {
    font-size: 1.25em;
    word-break: keep-all;
    letter-spacing: -0.5px;}
.content_wrap.c1 .tab_content .wrap-1120 > ul > li {margin-bottom: 30px; padding-left: 0;}
.content_wrap.c1 .tab_content .list_box ul ul {margin-top: 10px;}

.content_wrap.c1 .table_wrap ul li {font-size: inherit; color: #666;}

@media(max-width:1210px){
    .content_wrap.c1 .tab-list li a{
        font-size: 26px;
    }
}


/********************************************** d1
**********************************************/
.content_wrap.d1 .tab-list{
    border-bottom: 1px solid #ccc;
}
.content_wrap.d1 .tab-list li{
    width: 50%;

}
.content_wrap.d1 .tab-list li a{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    color: #cccccc;
}
.content_wrap.d1 .tab-list li.on a{
    color: #2b2b2b;       
    border-bottom: 4px solid #008cd6;         
}
.content_wrap.d1 .answer_box{
    border-left: 1px solid #ccc;
    padding-left: 30px;
    margin-bottom: 60px;
}
.content_wrap.d1 .answer_box .answer{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #008cd6;
    margin-bottom: 20px;
}
.content_wrap.d1 .answer_box > span b{
    font-size:20px;
}
.content_wrap.d1 .txt_box .star{
    font-weight: 700;
}

.content_wrap.d1 .txt_box.d-flex > ul{
    width: 50%;
} 

.content_wrap.d1 .ico_num {
    font-size: 1.125em;
}
.content_wrap.d1 .ico_num span {}

.content_wrap.d1 table  {font-size: 1.125em;}

@media(max-width:1210px){
    .content_wrap.d1 .tab-list li a{
        font-size: 27px;
    }
}
/********************************************** d1
**********************************************/

/********************************************** d1_2
**********************************************/
.content_wrap.d1_2 h5 {
    margin-bottom: 25px;
}
.content_wrap .table_wrap table td {
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.5;
}
/********************************************** d1_2
**********************************************/

/********************************************** 
250327 P재원 추가 CSS 코드
**********************************************/

.img-box__wrapper.grid-2{
    display:grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap:0 20px;
}

.d1.content_wrap > div:nth-child(4) > div .txt_box .ico_num{
    padding-left:70px;
}

@media screen and (max-width:760px) {
    .img-box__wrapper.grid-2{
        grid-template-columns: repeat(1,minmax(0,1fr));
        gap:5px;
    }
}

/********************************************** 
251229 P재원 추가 CSS 코드
**********************************************/

.b5.content_wrap li.list_type_new3 .ico_dot,
.d1.content_wrap li.list_type_new3 .ico_dot{
    padding-left:30px !important;
}

.b5.content_wrap .list_box>ul>li ul{
    padding-bottom:35px;
}

.b5.content_wrap .list_box>ul>li:last-child ul{
    padding-bottom:0;
}

.c1.content_wrap .list_box>ul>li ul{
    padding-bottom:0 !important;
}

/********************************************** 
260324 P재원 추가 CSS 코드
**********************************************/

.content_wrap #news_1 .iframe_wrap{
    display:grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap:2rem;
}

.content_wrap #news_1 .iframe_wrap iframe{
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

.b1.content_wrap .table_wrap li.list_type_new3{
    line-height: 1.2;
    word-break: keep-all;
    letter-spacing: -0.5px;
    color: #666;
}