/*Content CSS*/
#c1_wrap {margin: 120px auto 43px;}
#c1_wrap > article:nth-child(1){position: relative; overflow: hidden; padding: 50px 0; }
#c1_wrap .c_inner{width: 100%; max-width: 1563px; padding: 0 50px; margin: 0 auto; position: relative; z-index: 3;}

/* font-size */
#c1_wrap .fs_40{font-size: 40px; font-weight: 800; line-height: 1.13; color: #000;}
#c1_wrap .fs_20{font-size: 20px;}
#c1_wrap .fs_18{font-size: 18px; color: #333; line-height: 1.5;}

/* c_plus */
#c1_wrap .c_plus{flex-shrink: 0; margin-left: 20px;}
#c1_wrap .c_plus a{display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 5px; background-color: #555; transition: .3s;}
#c1_wrap .c_plus a img{transition: .5s;}


/* table_wrap */
#c1_wrap .table_wrap::-webkit-scrollbar {width: 8px; height: 8px;}
#c1_wrap .table_wrap::-webkit-scrollbar-track{border-radius: 10px; background-color: #eee;}
#c1_wrap .table_wrap::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}

#c1_wrap .table_wrap ul {min-width: 100%;}
#c1_wrap .table_wrap ul li{transition: .3s; border-radius: 5px; border: solid 2px transparent;}
#c1_wrap .table_wrap ul li:first-child{background-color: #472f1c;}
#c1_wrap .table_wrap ul li:nth-child(n+2){background-color: #fff; color: #222; margin-top: 10px;}

#c1_wrap .table_wrap ul li .flex{display: flex; justify-content: space-between; align-items: center; padding: 19.5px 0;}
#c1_wrap .table_wrap ul li .flex p{padding: 0 10px; text-align: center; border: solid 2px transparent;}
#c1_wrap .table_wrap ul li:first-child .flex p{text-align: center !important;font-weight: 700; color: #fff;}

#c1_wrap .table_wrap ul li .flex p:nth-child(1){width: 6%; min-width: 60px; border-radius: 5px 0 0 5px;}
#c1_wrap .table_wrap ul li .flex p:nth-child(2){width: 6%; font-weight: 700; flex-shrink: 0;  min-width: 80px;}
#c1_wrap .table_wrap ul li .flex p:nth-child(3){width: 28%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  min-width: 150px;}
#c1_wrap .table_wrap ul li .flex p:nth-child(4){width: 13%; min-width: 150px;}
#c1_wrap .table_wrap ul li .flex p:nth-child(n+5){width: 14.3%; min-width: 70px;}
#c1_wrap .table_wrap ul li .flex p:last-child{border-radius: 0 5px 5px 0;}


/* sec1 */
#c1_wrap .sec1 {width: calc(100% - 58px); border-radius: 10px; background-color: rgb(71, 47, 28, .15); margin: 0 auto;}
#c1_wrap .sec1 .top{display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; }
#c1_wrap .sec1 .bot {margin-top: 20px;}
#c1_wrap .sec1 .bot i{display: none;}


@media screen and (min-width: 1901px) {
    #c1_wrap{margin-top: 0;  }
    #c1_wrap > article:nth-child(1){padding: 90px 0 100px;}

    #c1_wrap [data-aos]{transition-delay: 0.8s !important;}
    /* c_plus */
    #c1_wrap .c_plus a{width: 91px; height: 91px;}
    /* table_wrap */
    #c1_wrap .table_wrap ul li .flex{padding: 19.5px 20px;}

    /* sec1 */
    #c1_wrap .sec1 {max-width: 1740px;}
    #c1_wrap .sec1 .top{margin-top: -18px;padding-left: 30px}
}

@media screen and (min-width: 1025px) {
    #c1_wrap .c_plus a:hover{background-color: #594230;}
    #c1_wrap .c_plus a:hover img{transform: rotate(180deg);}
    #c1_wrap .table_wrap ul li:nth-child(n+2):hover{border-color:#472f1c; background-color: #f6f4f2; }

}
@media screen and (max-width: 1756px) {
    #c1_wrap{margin: 20px auto;}
    #c1_wrap .c_inner{padding: 0 50px;}

}
@media screen and (max-width: 1600px) {
    #c1_wrap br:not(.space){display: none;}

    /* font-size */
    #c1_wrap .fs_40{font-size: 38px;}
}

@media screen and (max-width: 1400px) {
    /* font-size */
    #c1_wrap .fs_40{font-size: 36px;}
    #c1_wrap .fs_20{font-size: 19px;}
    #c1_wrap .fs_18{font-size: 17px;}
    /* c_plus */
    #c1_wrap .c_plus a{width: 60px; height: 60px;}
    #c1_wrap .c_plus a img{width: 24px;}

    /* table_wrap */
    #c1_wrap .table_wrap ul li .flex{padding: 15px 0;}

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

    /* font-size */
    #c1_wrap .fs_40{font-size: 34px;}
    #c1_wrap .fs_20{font-size: 18px;}
    #c1_wrap .fs_18{font-size: 16px;}


}
@media screen and (max-width: 1024px) {
    #c1_wrap > article:nth-child(1){padding: 40px 0;}
    #c1_wrap .c_inner{padding: 0 30px;}
    /* font-size */
    #c1_wrap .fs_40{font-size: 32px;}
    #c1_wrap .fs_20{font-size: 17px;}
    #c1_wrap .fs_18{font-size: 15px;}

    /* c_plus */
    #c1_wrap .c_plus a{width: 50px; height: 50px;}
    #c1_wrap .c_plus a img{width: 20px;}

    /* sec1 */
    #c1_wrap .sec1{ width: calc(100% - 60px);}

}
@media screen and (max-width: 960px) {
    /* table_wrap */
    #c1_wrap .table_wrap{overflow-x: scroll; padding-bottom: 20px;}
    #c1_wrap .table_wrap ul{display: inline-block;}
    #c1_wrap .sec1 .bot i{display: none; text-align: right; font-size: 20px; }
}

@media screen and (max-width: 640px) {
    #c1_wrap > article:nth-child(1){padding: 30px 0;}
    #c1_wrap .c_inner{padding: 0 20px;}

    /* table_wrap */
    #c1_wrap .table_wrap ul li .flex{padding: 5px 0; min-height: 60px;}

    /* sec1 */
    #c1_wrap .sec1{ width: calc(100% - 40px);}
}

@media screen and (max-width: 480px) {
    /* font-size */
    #c1_wrap .fs_40{font-size: 28px;}

}
