/* dotsDeco */
.dotsDeco {
    text-align: center;
}
.dotsDeco > span {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ddd;
    margin: 0 2px;
}
.dotsDeco > span:nth-of-type(1) {
    background-color: #63d1d1;
}
.dotsDeco > span:nth-of-type(2) {
    background-color: #60afd7;
}
.dotsDeco > span:nth-of-type(3) {
    background-color: #4c69b6;
}

/* imgPad */
.imgPad {
    padding: 40px;
}
.imgPadBig {
    padding: 60px;
}
@media (max-width:767px) {
    .imgPad {
        padding: 15px;
    }
    .imgPadBig {
        padding: 20px;
    }
}

/* imgBorder */
.imgBorder {
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.imgBorder h5 span {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 5px 25px;
    border-radius: 60px;
}
/* company1 */
#company1 .top {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
#company1 .top img {
    border-radius: 10px;
}
@media (max-width:500px){
    #company1 .inner_top {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
    }
    #company1 .inner_top h1 {
        width: calc(100% - 80px);
    }
    #company1 .inner_top .ibox {
        width: 80px;
    }
}


/* company3 */
#company3 .sec1 .mission {
    border: 1px dashed #abc0d6;
    border-radius: 30px;
}
#company3 .sec1 .visionWrp {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#company3 .sec1 .vision {
    background-color: rgba(0, 53, 106, 0.05);
    padding: 40px;
    border-radius: 100px;
    margin: 0 -15px;
}
#company3 .sec1 ul li .item {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 50px 15px;
}
#company3 .sec1 ul li .item.item1 {
    background-color: #f06e65;
}
#company3 .sec1 ul li .item.item2 {
    background-color: #2d9f08;
}
#company3 .sec1 ul li .item.item3 {
    background-color: #22b9a2;
}
#company3 .sec1 ul li .item.item4 {
    background-color: #0956a7;
}
#company3 .sec1 ul li .item .lineDivder {
    display: inline-block;
    width: 50%;
    margin: 3px 0;
    height: 1px;
    background-color: rgba(255,255,255,0.3);
}
#company3 .sec1 ul li .item p {
    line-height: 1.2em;
    margin-top: 15px;
}
@media (max-width:767px) {
    #company3 .sec1 .mission {
        border-radius: 15px;
    }
    #company3 .sec1 .vision {
        padding: 20px;
    }
    #company3 .sec1 ul li {
        margin-top: 15px;
    }
    #company3 .sec1 ul li .item {
        box-shadow: 3px 3px 15px rgba(28, 62, 129, 0.1);
        border-radius: 10px;
        padding: 20px 15px;
    }
    #company3 .sec1 ul li .item .icon img {
        width: 40px;
    }
    #company3 .sec1 .vision h5 {
        line-height: 1.2em;
        font-size: 14px;
        font-weight: 400;
    }
}

/* company4 */
#company4 .sec1 {
    background-color: #f7f7f7;
}
#company4 .sec1 .slogoBox {
    background-color: #fff;
}
/* recruit1 */
@media (min-width: 768px){
    #recruit1 .btList {
        text-align: center;
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 767px){
    #recruit1 .btList {
        text-align: left;
    }
}

/* circleLine */
.circleLine span {
    display: inline-block;
    position: relative;
    padding-right: 3px;
}
.circleLine .circle {
    position: absolute;
    left: calc(100% - 6px);
    top: -4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.circleLine .color1 {
    color: #008a3e;
}
.circleLine .color2 {
    color: #f0be36;
}
.circleLine .color3 {
    color: #787878;
}
.circleLine .circle.circle1 {
    background-color: #008a3e;
}
.circleLine .circle.circle2 {
    background-color: #f0be36;
}
.circleLine .circle.circle3 {
    background-color: #787878;
}
@media (max-width: 767px){
    .circleLine .circle {
        left: calc(100% - 3px);
        top: -1px;
        width: 4px;
        height: 4px;
    }
}


/* company5 .sec4 */
#company5 .sec1 ul {
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}
#company5 .sec1 li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
#company5 .sec1 li p {
    color: #666;
    display: flex;
    font-weight: 300;
    align-items: center;
    padding: 12px;
}
#company5 .sec1 li p strong {
    color: #333;
    font-weight: 600;
    width: 20%;
}
#company5 .sec1 li p span {
    width: 80%;
}

/*mapbox*/
.mapbox .root_daum_roughmap .wrap_map {
    height: 450px !important;
}
@media (max-width:767px) {
	.mapbox .root_daum_roughmap .wrap_map {
		height: 250px !important;
	}
}





/* circleWrp */
.circleWrp .circleItem {
    width: 100%; 
}
.circleWrp .circleItem > li {
    width: 25%; 
    padding-top: calc(25% + 1px)
}
.circleItem {
    position: relative;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    top: 0;
}
.circleItem > li + li {
    margin-left: -20px;
}
.circleItem > li .txt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 12;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.circleItem > li .txt:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background-color: rgba(209, 230, 238, 0.2);
    border-radius: 50%;
}
.circleItem > li .txt h5 {
    position: relative;
    z-index: 2;
}
.circleItem .box {
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    margin: auto;
    z-index:10;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items:center;
    border-radius: 50%; 
    flex-direction: column;
    z-index: 11;
}
.circleItem .circleWrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    display:block;
}
.circleItem .circleWrapper-right {
    right: 0px;
}
.circleItem .circleWrapper-left {
    left: 0px;
}
.circleItem .reverse .box {
    transform: scale(-1, -1);
}
.circleItem .circle {    
    width: 200%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transform: rotate(-135deg);
    display: block;
}
.circleItem .circle-right {
    border-top: 1px solid #5fa1ba;
    border-right: 1px solid #5fa1ba;
    right: 1px;
    visibility: hidden; 
}
.circleItem .circle-left {
    border-bottom: 1px solid #5fa1ba;
    border-left: 1px solid #5fa1ba;
    left: 1px;
    visibility: hidden; 
}
.circleItem > li:nth-child(1) .txt:after {
    background-color: rgba(241, 116, 107, 0.05);
}
.circleItem > li:nth-child(1) .circle-right,
.circleItem > li:nth-child(1) .circle-left {
    border-color: #f1746b;
}
.circleItem > li:nth-child(2) .txt:after {
    background-color: rgba(53, 163, 18, 0.05);
}
.circleItem > li:nth-child(2) .circle-right,
.circleItem > li:nth-child(2) .circle-left {
    border-color: #35a312;
}
.circleItem > li:nth-child(3) .txt:after {
    background-color: rgba(43, 188, 166, 0.05);
}
.circleItem > li:nth-child(3) .circle-right,
.circleItem > li:nth-child(3) .circle-left {
    border-color: #2bbca6;
}
.circleItem > li:nth-child(4) .txt:after {
    background-color: rgba(19, 93, 170, 0.05);
}
.circleItem > li:nth-child(4) .circle-right,
.circleItem > li:nth-child(4) .circle-left {
    border-color: #135daa;
}
.circleItem .aos-animate .circle-right {
    visibility: visible; 
    animation: circleRight 1.5s linear forwards;
    animation-delay: 1s;
}
.circleItem .aos-animate .circle-left {
    visibility: visible; 
    animation: circleLeft 1.5s linear forwards;
    animation-delay: 1s;
}
.circleItem .aos-animate:nth-child(1) .circle-right,
.circleItem .aos-animate:nth-child(1) .circle-left {
    animation-delay: 1.05s;
}
.circleItem .aos-animate:nth-child(2) .circle-right,
.circleItem .aos-animate:nth-child(2) .circle-left {
    animation-delay: 1.025s;
}

@keyframes circleRight {
    0% {
        transform: rotate(-135deg);
    }
    50%, 100% {
        transform: rotate(45deg);
    }
}

@keyframes circleLeft {
    0%, 50% {
        transform: rotate(-135deg);
    }
    100% {
        transform: rotate(45deg);
    }
}
@media (max-width:992px){
    .circleItem > li .txt img {
        width: 50px;
    }
}
@media (max-width:767px){
    .circleWrp .circleItem > li {
        padding-top: 0;
        width: 40vw;
        height: 40vw;
    }
    .circleWrp .circleItem > li:nth-child(3),
    .circleWrp .circleItem > li:nth-child(4) {
        margin: 0px 0 0 0;
    }
    .circleItem > li + li {
        margin-left: 0px;
    }
    .circleItem > li .txt h5 {
        font-size: 4vw;
    }
    .circleItem > li .txt img {
        width: 35px;
    }
}


/*table_basic*/
.table.table_basic {
    border-top: 2px solid #454f5d;
}
.table.table_basic.noHead {
    border-top: 0px solid #454f5d;
}
.table.table_basic.table_fx {
    table-layout: fixed;
}
.table.table_basic thead tr th {
    background-color: #f4f4f4;
}
.table.table_basic thead tr th,
.table.table_basic thead tr td,
.table.table_basic tbody tr th,
.table.table_basic tbody tr td {
    font-size: 18px;
    color: #221814;
    line-height: 1.3em;
    text-transform: none;
    border: 1px solid #ddd;
    padding: 15px;
}
.table.table_basic2 thead tr th,
.table.table_basic2 thead tr td,
.table.table_basic2 tbody tr th,
.table.table_basic2 tbody tr td {
    font-size: 16px;
    padding: 5px;
}
.table.table_basic thead tr th:first-child,
.table.table_basic thead tr td:first-child,
.table.table_basic tbody tr th:first-child,
.table.table_basic tbody tr td:first-child {
    border-left: 0px;
}
.table.table_basic thead tr th:last-child,
.table.table_basic thead tr td:last-child,
.table.table_basic tbody tr th:last-child,
.table.table_basic tbody tr td:last-child {
    border-right: 0px;
}
.table.table_basic thead tr th,
.table.table_basic tbody tr th {
    font-weight: 600;
}
.table.table_basic tbody tr td {
    font-weight: 300;
}
.table.table_basic.table_center thead tr th,
.table.table_basic.table_center thead tr td,
.table.table_basic.table_center tbody tr th,
.table.table_basic.table_center tbody tr td {
    text-align: center;
}
.table.table_basic.th_center thead tr th,
.table.table_basic.th_center tbody tr th {
    text-align: center;
    word-break: keep-all;
}
.table.table_basic.table_vh thead tr th,
.table.table_basic.table_vh thead tr td,
.table.table_basic.table_vh tbody tr th,
.table.table_basic.table_vh tbody tr td {
    vertical-align: middle;
}
.table.table_basic.table_wb thead tr th,
.table.table_basic.table_wb tbody tr td,
.table.table_basic.table_wb tbody tr th {
    word-break: keep-all;
}
.table.table_basic tbody tr th {
    background-color: #fcfcfc;
}
.table.table_basic tbody tr.imp th,
.table.table_basic tbody tr.imp td {
    background-color: #fdfffb;
}
.table.table_basic tbody tr.imp td {
    color: #082c44;
    font-weight: 600;
}
.table.table_basic tbody tr td.text-left {
    text-align: left;
}
.table.table_basic tbody tr td.text-right {
    text-align: right;
}
.table.table_basic tbody tr.bg_gr {
    background-color: #f7f7f7;
}
@media (max-width:767px){
    .table_wrp {
        width: 100%;
        overflow-x: scroll;
    }
    .table.table_basic thead tr th,
    .table.table_basic thead tr td,
    .table.table_basic tbody tr th,
    .table.table_basic tbody tr td {
        font-size: 15px;
        padding: 10px;
		word-break: break-all !important;
    }
}
/* sideTit */
.sideTit {
    position: relative;
    padding-left: 10px;
}
.sideTit::after {
    content: "";
    position: absolute;
    left: -8px;
    top: -8px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(24, 54, 224, 0.05);
}
.sideTit > span {
    position: relative;
    z-index: 3;
}
/* chkObj */
.chkObj {
    display: flex;
    align-items: center;
}
.chkObj i {
    margin-right: 5px;
}

/* txtbox */
.txtbox {
    background-color: #f3f6f8;
    padding: 20px 30px;
    border-radius: 5px;
    border: 1px solid #d7e1e8;
    margin: 15px 0;
}
@media (max-width:767px){
    .txtbox {
        padding: 30px 15px;
        margin: 10px 0;
    }
}

/* gradeList */
.gradeList .item h5 {
    color: #fff;
    background-color: #f79b4e;
    padding: 10px;
    border-radius: 10px 10px 0 0;
}
.gradeList .item .con {
    border: 2px solid #f79b4e;
    border-top: 0px;
    padding: 15px;
    border-radius: 0 0 10px 10px;
}
.gradeList .item.item2 h5 {
    background-color: #11b257;
}
.gradeList .item.item2 .con {
    border-color: #11b257;
}
.gradeList .item.item3 h5 {
    background-color: #4379b8;
}
.gradeList .item.item3 .con {
    border-color: #4379b8;
}
.gradeList .item.item4 h5 {
    background-color: #6f6f6f;
}
.gradeList .item.item4 .con {
    border-color: #6f6f6f;
}

@media (max-width:767px) {
    .gradeList .item h5 {
        padding: 5px;
        border-radius: 5px 5px 0 0;
    }
    .gradeList .item .con {
        padding: 8px 20px;
        border-radius: 0 0 5px 5px;
        border-width: 1px;
    }
}
/* pfTabs */
.pfTabs {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}
.pfTabs > a {
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 1em;
    padding: 13px 25px;
    border-radius: 55px;
    font-weight: 600;
    min-width: 200px;
    letter-spacing: -0.03em;
    background-color: #eff7fd;
    color: #b8cbd9;
    margin: 5px 8px;
    cursor: pointer;

    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.pfTabs > a.act {
    color: #fff;
    background-color: #00356a;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
}
@media (max-width:767px){
    .pfTabs > a {
        font-size: 15px;
        padding: 8px 15px;
        border-radius: 55px;
        margin: 2px 0;
        width: auto;
    }
}
/* deptList */
.deptList .item {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 40px 15px;
}
.deptList .item .icon i {
    font-size: 50px;
    line-height: 1em;
}
.deptList .item h4 {
    font-weight: 700;
}
.deptList .item h5 {
    line-height: 1.4em;
}
@media (max-width:767px) {
    .deptList .item {
        display: flex;
        border: 1px solid #ddd;
        border-radius: 15px;
        padding: 15px;
        align-items: center;
        margin: 10px 0;
    }
    .deptList .item .icon {
        width: 20%;
        align-items: center;
        justify-content: center;
    }
    .deptList .item .icon i {
        font-size: 25px;
    }
    .deptList .item .txt {
        width: 80%;
        text-align: left;
        padding-left: 10px;
    }
}
/* safety1 */
#safety1 .sec1 .stepArrList {
    display: inline-block;
}
/* stepArrList */
.stepArrList > li:not(:first-child) {
    margin-top: 40px;
}
.stepArrList .lft h5 {
    border: 2px solid #333;
    border-radius: 30px;
    text-align: center;
}
@media (min-width:768px) {
    .stepArrList > li {
        display: flex;
        align-items: center;
    }
    .stepArrList > li:not(:last-child) .lft h5::after {
        content: "";
        position: absolute;
        left: calc(50% - 8px);
        top: 100%;
        background: url(../img/arrBtm.png) center center;
        width: 16px;
        height: 28px;
    }
    .stepArrList .lft h5 {
        width: 230px;
        height: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .stepArrList .rt {
        width: calc(100% - 230px);
        padding-left: 30px;
    }
}
@media (max-width:767px) {
    .stepArrList .rt {
        padding: 20px;
        border: 1px solid #ddd;
        border-top: 0px;
    }
    .stepArrList .lft h5 {
        border: 1px solid #333;
        border-radius: 5px 5px 0 0;
        padding: 7px;
    }
    .stepArrList > li {
        position: relative;
    }
    .stepArrList > li:not(:last-child)::after {
        content: "";
        position: absolute;
        left: calc(50% - 8px);
        top: 100%;
        background: url(../img/arrBtm.png) center center;
        width: 16px;
        height: 28px;
    }
}

/* proList */
.proList {
    position: relative;
    z-index: 3;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.proList li {
    position: relative;
}
.proList li:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 60px;
}
.proList .item .icon {
    width: 60px;
    height: 60px;
    background-color: #f7f7f7;
    border-radius: 50%;
    font-size: 25px;
    color: #111;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    margin: 0 auto;
}
.proList .item .txt h5 {
    line-height: 1.2em;
}
.proList .item .txt p {
    line-height: 1.3em;
}
.proList .item .txt p i {
    font-weight: 700;
}
@media (min-width:768px){
    .proList .item .txt h5 {
        margin-top: 15px;
    }
}
@media (min-width:992px){
    .proList .item .txt {
        margin-top: 15px;
    }
    .proList .item .txt p {
        margin-top: 5px;
    }
    .proList .prc1:after,
    .proList .prc2:after,
    .proList .prc3:after,
    .proList .prc4:after {
        top: calc(50% - 30px);
        right: -14px;
        background: url(../img/arrRt.png) center center no-repeat;
    }
}
@media (max-width:992px){
    .proList {
        display: flex;
        flex-wrap: wrap;
    }
    .proList > li {
        width: 50%;
        margin-bottom: 40px;
    }
    .proList .item .txt {
        margin-top: 15px;
        height: 130px;
    }
    .proList .prc1 {order:1}
    .proList .prc2 {order:2}
    .proList .prc3 {order:4}
    .proList .prc4 {order:3}
    .proList .prc5 {order:5;}
    .proList .prc6 {order:6;}
    .proList1 .prc5 {margin-bottom: 0px;}
    .proList1 .prc6 {margin-bottom: 0px;}
    .proList .prc2:after,
    .proList .prc4:after{
        background: url(../img/arrBt.png) center center no-repeat;
        bottom: -30px;
        left: calc(50% - 30px);
    }
    .proList .prc3:after{
        left: -30px;
        background: url(../img/arrLt.png) center center no-repeat;
    }
    .proList .prc1:after,
    .proList .prc3:after,
    .proList .prc5:after{
        top: calc(50% - 30px);
    }
}
@media (max-width:767px){
    .proList > li {
        width: 100%;
        padding: 15px;
        margin: 0px;
    }
    .proList .item {
        border: 1px solid #ddd;
        padding: 20px 15px;
        border-radius: 10px;
    }
    .proList .item .txt {
        margin-top: 0;
        height: auto;
    }
    .proList li:after {
        width: 20px;
        height: 20px;
        background-size: 20px !important;
    }
    .proList .prc1:after,
    .proList .prc2:after,
    .proList .prc3:after,
    .proList .prc4:after {
        background: url(../img/arrBt.png) center center no-repeat;
        bottom: -10px;
        top:  auto;
        left: calc(50% - 10px);
    }
    .proList1 .prc6:after,
    .proList2 .prc8:after {
        display: none;
    }
    .proList > li .m_wrp {
        padding: 20px;
        border: 1px solid #ddd;
    }
    .proList > li .img {
        width: 20%;
    }
    .proList > li .txt {
        text-align: left;
        width: 80%;
        padding-left: 0;
    }

    .proList .prc1 {order:1}
    .proList .prc2 {order:2}
    .proList .prc3 {order:3}
    .proList .prc4 {order:4}
    .proList .prc5 {order:5;}
    .proList .prc6 {order:6;}
}

@media (max-width:767px){
    .proList > li {
        padding: 20px 0;
    }
    .proList .item {
        display: flex;
        align-items: center;
    }
    .proList .item .icon {
        width: 50px;
        height: 50px;
        text-align: center;
    }
    .proList .item .icon span {
        display: inline-block;
        background-color: #fff;
        border-radius: 50%;
        padding: 0;
    }
    .proList .item .txt {
        padding-left: 20px;
        width: calc(100% - 50px);
        text-align: left;
    }
}
@media (max-width:500px){
    .proList .item .txt h5 {
        font-size: 15px;
    }
}

/* fire2 */
#fire2 .btBoxs {
    position: relative;
    z-index: 3;
}
#fire2 .btBoxs .item {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
}
#fire2 .btBoxs .item ul {
    padding: 15px 20px 35px;
}
#fire2 .btBoxs .item h5 {
    line-height: 1.5em;
    margin-top: 10px;
}
#fire2 .btBoxs .item h5 span {
    display: block;
    line-height: 30px;
    padding: 10px 15px;
    font-weight: 600;
    background-color: #135daa;
    color: #fff;
    border-radius: 10px 10px 0 0 ;
}
#fire2 .btBoxs .item h6 {
    line-height: 1.7em;
}
@media (min-width: 768px){
    #fire2 .btBoxs .item ul {
        min-height: 210px;
    }
}
@media (max-width:767px) {
    #fire2 .btBoxs .item ul {
        padding: 15px 15px 20px;
    }
}

/* prc */
.prc li .num {
    position: relative;
    padding-top: 10px;
}
.prc li .ibox,
.prc li .tbox {
    padding: 0 15px;
}
.prc li .ibox {
    border: 2px solid #ddd;
    border-radius: 50%;
    padding: 20px;
    display: inline-block;
}
.prc li .ibox img {
    width: 40px;
}
.prc li .tbox p {
    opacity: .7;
}
@media (min-width:768px){
    .prc li .num::before {
        content: "";
        position: absolute;
        left: 50%;
        top: -3px;
        transform: translateX(-50%) rotate(45deg);
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #111;
        
    }
    .prc li .num:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}
@media (max-width:768px){
    .prc li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .prc li {
        padding-bottom: 15px !important;
    }
    .prc li:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.1);
    }
    .prc li .num {
        text-align: left;
        width: 100%;
        padding-left: 15px;
    }
    .prc li .num::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -3px;
        transform: translateY(-50%) rotate(45deg);
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #111;
    }
    .prc li .ibox {
        width: 100px;
    }
    .prc li .tbox {
        width: calc(100% - 100px);
        padding-left: 10px;
        text-align: left;
    }
}

/* wList */
.wList .item {
    display: block;
    padding: 30px 15px;
    border-radius: 15px;
    border: 1px solid #eee;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.03);
}
/* onstopList */
.onstopList > li {
    margin: 10px 0;
}
.onstopList > li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 50px;
    height: 35px;
    transform: translate3d(-50%, -50%, 0);
    z-index: 3;
    background: url(../img/processArr.png) center center no-repeat;
}
.onstopList .proItem .top {
    padding: 15px;
    text-align: center;
    background-color: #002063;
    border-radius: 5px 5px 0 0;
}
.onstopList .proItem .top h6 {
    color: #fff;
    line-height: 1.1em;
}
.onstopList .proItem .top h5 {
    color: #fff;
    line-height: 1.1em;
    margin-top: 5px;
}
.onstopList .proItem .md {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0px;
    border-radius: 0 0 5px 5px;
}
@media (min-width:768px) {
    .onstopList .proItem .md {
        height: 250px;
    }
}
@media (max-width:768px) {
    .onstopList > li:not(:last-child):after {
        transform: translate3d(-100%, -50%, 0);
    }
    .onstopList li:nth-child(1) .proItem .md,
    .onstopList li:nth-child(2) .proItem .md {
        height: 210px;
    }
    .onstopList li:nth-child(3) .proItem .md,
    .onstopList li:nth-child(4) .proItem .md {
        height: 100px;
    }
    .onstopList > li:not(:last-child):after {
        width: 27px;
        height: 17.5px;
        background-size: 27px;
    }
}