@charset "utf-8";

.hide-950{
    display: none;
}

.sub-tit{
    display: flex;
    align-items:center;
    justify-content:center;
    position: relative;
    overflow:hidden;
    height:271px;
}

.sub-tit h2{
    font-family:'NEXEN_TIRE_Bold', sans-serif;
    color:#fff;
    font-size:36px;
    transform: translate3d(0,30px,0);
}

.sub-tit h2.eng{
    font-family: 'Lato', sans-serif;
    font-weight:900;
}

.sub-tit .bg{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    transform:scale(1.1);
    z-index: -1;
}

.sub-cont{
    padding-top:83px;
    padding-bottom:146px;
}

.tab-wrap .list>li{
    position: relative;
    padding-left:10px;
    margin-bottom:10px;
}

.tab-wrap .list>li::before{
    position: absolute;
    top:0;
    left:0;
    content:'-';
}

.tab-wrap .list.list_v2>li::before{
    content:'∙';
}

.tab-wrap .list.list_v2>li.ico-point::before{
    color:#f55642
}

.tab-wrap .txt-point{
    color:#f55642;
}

.tab-wrap .txt-add{
    font-size:14px;
    margin-top:5px;
}

.word-break{
    word-break:break-all !important;
}

/*tab*/

.tab-wrap .tab-btn{
    display: none;
}


.tab-wrap .tab-tit-wrap>ul{
    position: relative;
    display: flex;
}

.tab-wrap .tab-tit-wrap>ul>li{
    width:25%;
    cursor:pointer;
    display: flex;
    align-items:center;
    justify-content:center;
    height:54px;
    color:#666;
    font-size:16px;
    font-weight:500;
    border:1px solid #dddddd;
    border-right-width:0;
    outline:none;
    text-align:center;
    word-break:keep-all;
}

.tab-wrap .tab-tit-wrap>ul>li.active{
    position: relative;
    color:#f55642;
    /* border-top:1px solid #f55642; */
    border-bottom-color:transparent;
}

.tab-wrap .tab-tit-wrap>ul>li.active::before{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:calc(100% + 2px);
    height:2px;
    background:#f55642;
    content:'';
    transform:translate(-1px, -1px);
}

.tab-wrap .tab-tit-wrap>ul>li:last-of-type{
    border-right-width:1px;
}

.tab-wrap .tab-cont{
    display: none;
    padding-top:64px;
    outline:none;
    color:#666;
    font-size:16px;
    line-height:1.6;
    text-align:justify;
}

.tab-wrap .tab-cont.active{
    display: block;
}

.tab-wrap .tab-cont .tab-depth1>li{
    margin-bottom:70px;
}

.tab-wrap .tab-cont .tab-depth2>li{
    margin-bottom:45px;
}

/* .tab-wrap .tab-cont .tab-depth1>li,
.tab-wrap .tab-cont .tab-depth2>li{
    margin-bottom:45px;
} */

.tab-wrap .tab-cont h3,
.tab-wrap .tab-cont h4{
    color:#333;
    text-align:left;
    word-break: keep-all;
}

.tab-wrap .tab-cont h3{
    font-size:21px;
    font-weight:bold;
    margin-bottom:25px;
}

.tab-wrap .tab-cont h4{
    position: relative;
    margin-bottom:11px;
    padding-left:13px;
    font-size:18px;
}

.tab-wrap .tab-cont h4::before{
    display: block;
    position: absolute;
    top:7px;
    left:0;
    width:6px;
    height:6px;
    border-radius:100%;
    background:#f55642;
    content:'';
}

.tab-wrap .tab-cont p{
    margin-bottom:20px
}

.tab-wrap .tab-cont .top-txt{
    margin-bottom:50px
}

.tab-wrap .tab-cont .list{
    margin-bottom:44px;
}

.tab-wrap .tab-cont .li-mb{
    margin-bottom:39px !important;
}




/* .tab-wrap .tab-cont .tb-tit{
    margin-bottom:11px;
} */
.tab-wrap .tab-cont .tb-tit,
.tab-wrap .tab-cont>h4,
.tab-wrap .tab-cont .tab-depth1>li>h4{
    margin-top: 25px;
}

.tab-wrap .tab-cont .tb-tit p{
    font-size:16px;
    margin-bottom:11px;
    white-space: nowrap;
}


/*table*/

.sub-cont table{
    width:100%;
    min-width:800px;
    text-align:center;
    border-bottom:1px solid #f55642;
    word-break:keep-all;
}

.sub-cont table th,
.sub-cont table td{
    padding:10px;
    border-right:1px solid #ddd;
}

.sub-cont table thead th,
.sub-cont table tfoot{
    color:#fff;
    background:#f55642;
}

.sub-cont table .bd-b,
.sub-cont table td{
    border-bottom:1px solid #ddd !important;
}

.sub-cont table .bd-r{
    border-right:1px solid #ddd !important;
}

.sub-cont table thead th:last-of-type,
.sub-cont table td:last-of-type{
    border-right-color:transparent;
}

.sub-cont #tab-cont3 table thead th{
    width : 10%;
}




/*a1 기고문*/
.a1 .sub-cont{
    padding-top:85px;
}

.a1 .cont-tit{
    position: relative;
    padding-bottom:9px;
    border-bottom:1px solid #05070c;
}

.a1 .cont-tit::after{
    position: absolute;
    bottom:8px;
    left:0;
    width:100%;
    height:1px;
    background:#05070c;
    content:'';
}

.a1 .cont-tit h3{
    position: relative;
    padding-bottom:16px;
    /* font-family: 'Lato', sans-serif; */
    color:#05070c;
    font-size:30px;
    font-weight:500;
    font-weight:900;
}

.a1 .cont-tit h3::after{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height:4px;
    border-radius:2px;
    background:#05070c;
    content:'';
}

.a1 .cont-tit>div>span{
    margin-top:39px;
    margin-bottom:26px;
    color:#333;
    font-size:21px;
    font-weight:700;
    word-break: keep-all;
}

.a1 .cont-tit h4{
    margin-bottom:28px;
    color:#f58022;
    font-family: 'NEXEN_TIRE_Bold';
    font-size:28px;
    line-height:1.4;
    word-break:keep-all;
}

.a1 .cont-tit h4 span{
    color:#ccc;
    font-size: 0.85em;
}

.a1 .cont-tit>span{
    position: relative;
    z-index:1;
}


.a1 .cont-box{
    position: relative;
    margin-top:21px;

}

.a1 .img-bg{
    display: block;
    position: relative;
    width:100%;
    text-align:right;
}

.a1 .img-bg::before{
    display: block;
    position: absolute;
    top:37.5%;
    left:0;
    width:100%;
    height:4px;
    background:#04070c;
    content:'';
    z-index:-1;
}


.a1 .cont-box p{
    margin-bottom:21px;
    color:#333;
    font-size:16px;
    line-height:1.85;
    text-align: justify;
    word-break: keep-all;
}

.a1 .cont-box p:last-of-type{
    margin-bottom:0;
}

.a1 .cont-box p b{
    font-weight:700;
}

/*b1*/
.b1 .top{
    display: block;
    position: fixed;
    bottom:200px;
    right:50%;
    width:50px;
    height:50px;
    border-radius:100%;
    background:url(../images/b1_top.png) #131418 center no-repeat;
    transform:translateX(567px);
}

.b1 .chart-tit{
    color: #333;
    font-size: 18px;
    text-align: center;
}

.b1 .chart-area{
    position: relative;
}

.b1 .chart-area .y-lable{
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 13px;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
}

.b1 .tab-depth2 li:nth-child(3){
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.b1 .covid-title{
    margin: 30px 0;
}
.b1 .covid-table td{
    padding:5px !important;
}

.b1 .gender-caption{
    position:absolute;
    align-self: flex-end;
}

.b1 .gender-caption div{
    display:flex;
    align-items: center;
}

.b1 .gender-caption div div:first-child{
    margin-right:5px;
    width:15px;
    height:15px;
}

.b1 .gender-caption div .gender-male_box{
    background-color:#6580e0;
}

.b1 .gender-caption div .gender-female_box{
    background-color:#fc823d;
}

.b1 .tab-depth2 li:nth-child(3) h5{
    margin: 20px 0;
}

.b1 .tab-depth2 li:last-child .chart-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.b1 .tab-depth2 .chart-content,
.b1 .tab-depth2 .chart-caption{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}

.b1 .tab-depth2 .chart-content,
.b1 .tab-depth2 .chart-content_info{
    width:100%;
}

.b1 .tab-depth2 .chart-content_info,
.b1 .tab-depth2  .chart-caption_info,
.b1 .tab-depth2  .chart-caption_info > div{
    display : flex;
    align-items: center;
}

.b1 .tab-depth2  .chart-caption{
    margin:10px 0;
}

.b1 .tab-depth2 .chart-content > span,
.b1 .tab-depth2 .chart-caption > span{
    font-weight:700;
    font-size:15px;
}

.b1 .tab-depth2 .chart-content_info{
    color:#fff;
}

.b1 .tab-depth2 .chart-caption_info > div:not(:last-child){
    margin-right:15px;
}

.b1 .tab-depth2 .chart-caption_infobox:not(:last-child){
    margin-right:5px;
}

.b1 .tab-depth2 .chart-content_info div:nth-child(1){
    width:5%;
}
.b1 .tab-depth2 .chart-content_info div:nth-child(2){
    width:10%;
}
.b1 .tab-depth2 .chart-content_info div:nth-child(3){
    width:29%;
}
.b1 .tab-depth2 .chart-content_info div:nth-child(4){
    width:35%;
}
.b1 .tab-depth2 .chart-content_info div:nth-child(5){
    width:21%;
}

.b1 .tab-depth2 .chart-content_info div:nth-child(1),
.b1 .tab-depth2 .chart-caption_info div:nth-child(1) > div{ 
    background-color:#112a53;
}


.b1 .tab-depth2 .chart-content_info div:nth-child(2),
.b1 .tab-depth2 .chart-caption_info div:nth-child(2) > div{ 
    background-color:#0253bf;
}


.b1 .tab-depth2 .chart-content_info div:nth-child(3),
.b1 .tab-depth2  .chart-caption_info div:nth-child(3) > div{ 
    background-color:#55c2fd;
}

.b1 .tab-depth2 .chart-content_info div:nth-child(4),
.b1 .tab-depth2 .chart-caption_info div:nth-child(4) > div{ 
    background-color:#96a3d0;
}

.b1 .tab-depth2 .chart-content_info div:nth-child(5),
.b1 .tab-depth2 .chart-caption_info div:nth-child(5) > div{ 
    background-color:#b1c9d3;
}

.b1 .tab-depth2 .chart-content_info div{
    text-align:center;
}

.b1 .tab-depth2 .chart-caption_info > div > div{
    width:15px;
    height:15px;
}

/*c1*/
.c1 .tab-wrap .tab-tit-wrap>ul>li{
    width:25%;
}

.c1 .chart-box{
    margin-top:14px;
    padding:51px 27px 31px;
    border:1px solid #dddddd
}

.c1 .chart-box2>div{
    border:1px solid #ddd;
    padding:20px 0 10px;
}
.c1 .chart-box2 canvas{margin:0 auto;}
.c1 .chart-box2 p{
    margin:35px 0;
    color:#777;
    text-align:center;
    font-size:23px;
    font-weight:bold;
}
.c1 .chart-box2 .col-left{
    margin:0 auto;
    width:100%;
    max-width:235px;
    text-align:center;
}
.c1 .chart_label{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:25px 30px 0px;
}
.c1 .chart_label .label_icon{
    position:relative;
    padding-left:10px;
    font-size:14px;
}
.c1 .chart_label .label_icon:before{position:absolute; display:block; top:8px; left:0; width:6px; height:6px; content:'';}
.c1 .chart_label .label_icon_v1:before{background:#102058;}
.c1 .chart_label .label_icon_v2:before{background:#f55642;}
.c1 .chart_label .label_icon_v3:before{background:#4123c3;}
.c1 .chart_label .label_icon_v4:before{background:#aaa;}
.c1 .chart_label .label_icon_v5:before{background:#a00;}

.c1 .tab-cont a{
    color:#f55642;
}

.c1 .tab-cont a.img-center {
  text-align: center;
}

.c1 .tab-cont .link-btn{
    display: inline-block;
    width: 180px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #f55642;
}

.c1 .tab-wrap .list>li{
    word-break: keep-all;
}

.c1 .img-bd{
    display: block;
    border: 1px solid #ddd;
}

.c1 .mb-40{
    margin-bottom: 40px !important;
}


/*d1*/
.d1 .sub-cont>ul{
    border-top:2px solid #000;
    border-bottom:2px solid #000;
}

.d1 .sub-cont>ul>li{
    border-bottom:1px solid #ddd;
}

.d1 .sub-cont>ul>li:last-child{
    border-bottom:none;
}

.d1 .sub-cont>ul>li .box,
.d1 .sub-cont>ul>li a{
    display: flex;
    align-items:flex-start;
    padding:32px 0 31px;
}

.d1 .sub-cont>ul>li .box>span,
.d1 .sub-cont>ul>li a>span{
    max-width:167px;
    overflow:hidden;
    border:1px solid #ddd;
}

.d1 .sub-cont>ul>li .box>span img,
.d1 .sub-cont>ul>li a>span img{
    transition:all 0.5s;
}

.d1 .sub-cont>ul>li .box:hover>span img
.d1 .sub-cont>ul>li a:hover>span img{
    transform:scale(1.05);
}

.d1 .sub-cont>ul>li .txt{
    width:calc(100% - 167px);
    padding-left:31px;
    
    align-self: stretch;
}

.d1 .sub-cont>ul>li .txt h3{
    font-size:23px;
    font-weight:500;
    letter-spacing: -1px;
    min-height: calc(100% - 36px);
}

.d1 .sub-cont>ul>li a:hover .txt h3{
    color:#4123c3;
}

.d1 .sub-cont>ul>li .txt p{
    margin-top:10px;
    margin-bottom:20px;
    font-size:16px;
    font-weight:300;
}

.d1 .sub-cont>ul>li .txt span{
    font-size:14px;
    font-weight:500;
}

.d1 .sub-cont>ul>li .box .txt h3{
    min-height: auto;
}

/*e1*/

.e1 .logo-img{
    display: inline-block;
    border : 1px solid #ddd;
    text-align:center;
}

.e1 .swiper{
    position: relative;
    width:100%;
    overflow:hidden;
}

.e1 .slide{
    border-bottom:1px solid #ddd;
    margin-bottom:48px;
}

/* .e1 .slide .video-wrap {
    position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;
}

.e1 .slide .video-wrap iframe,
.e1 .slide .video-wrap object,
.e1 .slide .video-wrap embed {
    position:absolute; top:0; left:0; width:100%; height:100%;
} */

.e1 .slide .info{
    display: flex;
    align-items:flex-start;
    padding:39px 0;
}

.e1 .slide .info .txt{
    width:calc(100% - 168px);
    padding-left:30px;
}

.e1 .slide .info .txt>h3{
    margin-bottom:15px;
    font-size:21px;
    font-weight: 400;
}

.e1 .slide .info .txt>ul{
    display: flex;
    flex-wrap:wrap;
    font-size:16px;
    font-weight: 400;
    letter-spacing:-0.02em;

}

.e1 .slide .info .txt>ul>li:first-of-type{
    margin-right:14px;
}

.e1 .slide .info .txt>ul>li:last-of-type{
    margin-top:4px;
    width:100%;
    font-weight:300;
}

.e1 .slide-thum-wrap{
    position: relative;
    padding:0 81px;
}

.e1 .slide-thum-wrap .logo-img{
    cursor: pointer;
}

.e1 .slide-thum-wrap .swiper-button-next,
.e1 .slide-thum-wrap .swiper-button-prev{
    top:50%;
    width:60px;
    height:60px;
    margin:0;
    border:1px solid #dfdfdf;
    border-radius:100%;
    background:url(../images/e1_arr.png) #f1f1f0 center no-repeat;
    transform:translateY(-50%);
}

.e1 .slide-thum-wrap .swiper-button-next{
    right:0;
}

.e1 .slide-thum-wrap .swiper-button-prev{
    left:0;
    transform:rotate(180deg) translateY(50%);
}

.e1 .slide-thum-wrap .swiper-button-next.swiper-button-disabled,
.e1 .slide-thum-wrap .swiper-button-prev.swiper-button-disabled{
    background-color:transparent;
    opacity:0.7;
}


/*f1*/
.f1 .sub-cont .row{
    margin-left:-14px;
    margin-right:-14px;
}

.f1 .sub-cont .row>li{
    padding-left:14px;
    padding-right:14px;
    padding-bottom:28px;
}

.f1 .sub-cont .box{
    display: block;
    border:1px solid #dddddd;
}



.f1 .sub-cont .box p{
    display: flex;
    align-items:center;
    height:54px;
    padding:0 18px;
    font-size:16px;
    font-weight:500;
    border-top:1px solid #dddddd;
}

.f1 .sub-cont .box:hover span::after{
    position: absolute;
    display: block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../images/f1_more.png) rgba(65, 35, 195, 0.3) center no-repeat;
    content:'';
}

.f1 .sub-cont .box span{
    overflow:hidden;
}

.f1 .sub-cont .box span img{
    transition:all 0.5s;
}

.f1 .sub-cont .box:hover span img{
    transform:scale(1.05);
}

@media (max-width:1140px) {
    .b1 .top{
        
        right:0;
        transform:translateX(0);
    }
}


@media (max-width:767px) {

    .a1 .cont-tit{
        flex-direction:column;
        align-items: center !important;
    }

    .a1 .cont-tit>div{
        align-items: center !important;
    }

    .a1 .cont-tit h4{
        font-size:40px;
        text-align:center;
        background:none;
        padding:0;
    }

    .a1 .cont-tit>div>span{
        margin-left:0;
    }

    /* .a1 .cont-tit>span{
        margin-left:auto;
    } */

    .c1 .chart-box{
        min-width:500px;
        padding:10px;
    }

    .c1 .chart-box2>div{
        display:flex;
        align-items:center;
        justify-content:center;
        padding:20px 0;
    }
    
    .c1 .chart-box2 .col-left{
        margin:0;
    }
    
    .c1 .chart-box2 .chart_label{
        flex-direction:column;
        text-align:left;
        margin:25px 0px 0px 20px;
    }

    .c1 .row>li{
        margin-bottom: 20px;
    }
    
}

@media (max-width:575px) {

    .sub-tit{
        height:200px;
    }

    .sub-cont{
        padding-top:60px;
    }

    .tab-wrap .tab-btn{
        position: relative;
        display: block;
        width:100%;
        height:54px;
        padding:0 50px;
        font-weight:500;
        color:#f55642;
        border:1px solid #ddd;
        background:url(../images/tab_arr.png) center right 20px no-repeat;
    }

    .tab-wrap .tab-tit-wrap{
        position: relative;
    }

    .tab-wrap .tab-tit-wrap .tab-btn::before{
        display: block;
        position: absolute;
        top:0;
        left:0;
        width:calc(100% + 2px);
        height:2px;
        background:#f55642;
        content:'';
        transform:translate(-1px, -1px);
    }

    .tab-wrap .tab-tit-wrap>ul>li.active::before{
        display: none;
    }

    

    .tab-wrap .tab-tit-wrap>ul{
        display: none;
        position: absolute;
        top:54px;
        left:0;
        width:100%;
        overflow:hidden;
        flex-direction:column;
        border:1px solid #ddd;
        border-top:none;
        border-bottom:none;
        background:#fff;
        z-index: 10;
    }

    .tab-wrap .tab-tit-wrap>ul>li{
        /* display:none; */
        width:100% !important;
        border:none;
        border-bottom:1px solid #ddd;
        padding:15px 0;
        /* order:2; */
    }

    .tab-wrap .tab-tit-wrap>ul>li.active{
        display:flex;
        /* order:1; */
    }

    .tab-wrap .tab-tit-wrap>ul>li.active{
        border-color:#ddd;
    }
    

    .txt-add.text-right{
        text-align:left !important;
    }

    .b1 #tab-cont2 .top-txt{
        margin-bottom:25px;
    }

    .c1 .chart-box2>div{
        flex-direction:column;
        padding:20px 10px 10px;
    }
    .c1 .chart-box2 .chart_label{
        flex-direction:row;
        justify-content:space-between;
        margin:0;
        padding:30px 20px 10px;
        width:100%;
    }

    /* .c1 .chart-box #myChart{
        height:500px !important;
    } */

    .d1 .sub-cont>ul>li a>span{
        display: block;
        width:100%;
        max-width:none;
    }

    .d1 .sub-cont>ul>li a>span img{
        width:100%;
    }

    .e1 .slide .info{
        flex-direction:column;
    }

    .e1 .slide .info .txt{
        width:100%;
        padding:0;
        margin-top:20px;
    }

    .e1 .slide-thum-wrap{
        padding:0 60px;
    }

    .e1 .slide-thum-wrap .swiper-button-next,
    .e1 .slide-thum-wrap .swiper-button-prev{
    width:40px;
    height:40px;
    background-size:12px;
}

    .d1 .sub-cont>ul>li a{
        flex-direction:column;
    }

    .d1 .sub-cont>ul>li a img{
        width:100%;
    }

    .d1 .sub-cont>ul>li .txt{
        width:100%;
        padding:0;
        margin-top:10px;
    }

}