@font-face {
    font-family: 'ONE Mobile';
    src: url('./fonts/ONEMobileRegular.woff2') format('woff2'),
        url('./fonts/ONEMobileRegular.woff') format('woff'),
        url('./fonts/ONEMobileRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ONE Mobile';
    src: url('./fonts/ONEMobileBold.woff2') format('woff2'),
        url('./fonts/ONEMobileBold.woff') format('woff'),
        url('./fonts/ONEMobileBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


.subConts-area{width: 100%;margin: 0 auto;background: #f6f6f6;padding: 50px 0 75px;}
.subConts.new-wid{width: calc(100% - 20px);max-width: 1248px;margin: 0 auto;background: #fff;border: 1px solid #f2f2f2;box-sizing: border-box;padding: 60px 33px 120px 0;}
.left-Content{float: left;width: 364px;box-sizing: border-box;padding: 0 45px;margin-right: 4%;}
.right-Content{margin: 5% 20%;}
.left-menu > li{width: 100%;height: 50px;display: table;}
.left-menu > li > a{display: table-cell;vertical-align: middle;border-bottom: 1px solid #ededed;font-size:17px;color: #323232;line-height: 1.2; font-family: 'ONE Mobile';font-weight: bold;padding: 0 30px;}
.left-menu > li > a.leftON{border-bottom: 0;color: #fff;background: #177969;border-radius: 50px;box-shadow:0 0 5px rgba(0,0,0,0.2);}
.sconts-top{padding: 10px 0 40px;margin-bottom: 50px;border-bottom: 1px solid #363636;display: flex;justify-content: space-between;align-items: center;}
.sconts-top > h2{font-size: 30px;color: #323232;line-height: 1; font-family: 'ONE Mobile';font-weight: bold;}
.sconts-top > ul li{display: inline-block;vertical-align: middle;font-size: 15px;color: #323232;font-family: 'ONE Mobile';line-height: 15px;margin-right: 26px;position: relative;}
.sconts-top > ul li:last-child{margin-right: 0;}
.sconts-top > ul li:after{content: ">";position: absolute;right: -18px;top: 0;font-size: 15px;color: #323232;}
.sconts-top > ul li:last-child:after{display: none;}
.sconts-top > ul li:first-child{font-size: 0;text-indent: -999em;width: 15px;height: 15px;background: url(../images/sub/shome.png) center center no-repeat;}


h4.s-title{margin: 40px 0 30px;padding: 3px 0 3px 40px;font-size: 24px;color: #177869;font-weight: bold;line-height: 1;background: url(../images/sub/dm.png) left top no-repeat;}
.stext-style > li{padding-left: 10px;position: relative;font-size: 15px;color: #505050;line-height: 1.5;font-weight: 500;}
.stext-style > li:last-child{margin-bottom: 0;}
.stext-style > li:after{content: "";position: absolute;left: 0;top: 11px;width: 5px;height: 1px;background: #505050;}
.stext-style > li.no-bg{padding-left: 0;}
.stext-style > li.no-bg:after{display: none;}
.stext-style > li > ul > li{padding-left: 8px;position: relative;font-size: 15px;color: #505050;line-height: 1.5;font-weight: 500;}
.stext-style > li > ul > li:after{content: "";position: absolute;left: 2px;top: 10px;width: 2px;height: 2px;border-radius: 100%;background: #505050;}

h5.sb-tit{margin-top: 30px;margin-bottom: 15px;font-size: 20px;color: #019f87;font-weight: bold;line-height: 1.2;position: relative;padding-left: 13px;}
h5.sb-tit:after{content: "";position: absolute;left: 0;top: 10px;width: 6px;height: 6px;border-radius: 100%;background: #07b49a;}

.ct-imgs{text-align: center;}
.ct-imgs.lf{text-align: left;}
.stext-style + .ct-imgs{margin-top: 10px;}
.ct-imgs + .stext-style{margin-top: 10px;}

.lrt-box{margin-top: 30px;}
.lrt-box > li{position: relative;margin-bottom: 5px;border-radius: 40px;height: 65px;overflow: hidden;background: #c35002;display: flex;justify-content: space-between;align-items: center;}/*20240517*/
.lrt-box > li:after{content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 50%;background: #3b925f;}
.lrt-box > li:last-child{margin-bottom: 0;height: 85px;}
.lrt-box > li > *{position: relative;z-index: 2;}
.lrt-box > li > .lf{width: 50%;text-align: center;}
.lrt-box > li > .rt{width: 50%;text-align: left;}
.lrt-box > li > .lf > p{font-size: 19px;color: #fff;font-family: 'ONE Mobile';font-weight: bold;letter-spacing: -1px;}
.lrt-box > li > .rt > ul{padding-left: 30px;}
.lrt-box > li > .rt > ul > li{margin-bottom: 5px;}
.lrt-box > li > .rt > ul > li:last-child{margin-bottom: 0;}
.lrt-box > li > .rt > ul > li > p{padding-left: 35px;letter-spacing: -1px;background: url(../images/sub/dm2.png) left top no-repeat;font-size: 19px;color: #fff;font-family: 'ONE Mobile';font-weight: bold;}
.lrt-box > li > .rt > ul > li > p > span{color: #fff71c;}
.lrt-box > li > .rt > ul > li > p > span.st{color: #fff;font-size: 14px;}


.fz-table{border-top: 2px solid #177969;border-bottom: 1px solid #c1c1c1;}
.fz-table + .fz-table{margin-top:20px;border-top-color:#c1c1c1;}
.fz-table table{width: 100%;}
.fz-table thead th{text-align: center;padding: 15px 10px;background: #e7f1f0;border-right: 1px solid #c1c1c1;border-bottom: 1px solid #c1c1c1;font-size: 15px;color: #505050;}
.fz-table thead tr th:last-child{border-right:0;}
.fz-table tbody td{text-align: center;padding: 15px 10px;border-right: 1px solid #c1c1c1;border-bottom: 1px solid #c1c1c1;font-size: 15px;color: #505050;font-weight: 500;}
.fz-table tbody tr td:last-child{border-right:0;}
.fz-table tbody tr td span.gr{color: #177969;}
.fz-table .bor-r{border-right:1px solid #c1c1c1 !important;}

.num-pot{margin-bottom: 50px;padding: 0 16px;}
.num-pot > li{margin-bottom: 35px;position: relative;width: 100%;height: 46px;display: table;}
.num-pot > li:last-child{margin-bottom: 0;}
.num-pot > li > div{display: table-cell;vertical-align: middle;padding: 5px 12px 5px 90px;border-radius: 45px;overflow: hidden;}
.num-pot > li > div > p{font-size: 18px;color: #fff;letter-spacing: -1px;font-family: 'ONE Mobile';line-height: 1.2;}
.num-pot > li:nth-child(1) > div{background: #679913;}
.num-pot > li:nth-child(2) > div{background: #21a074;}
.num-pot > li:nth-child(3) > div{background: #16887f;}
.num-pot > li:nth-child(4) > div{background: #167188;}
.num-pot > li:nth-child(5) > div{background: #165188;}
.num-pot > li > p{position: absolute;left: 0;top: 50%;margin-top: -35px;width: 70px;line-height: 62px;height: 70px;box-shadow:4px 5px 8px rgba(0,0,0,0.15);border-radius: 100%;font-size: 25px;font-family: 'ONE Mobile';font-weight: bold;text-align: center;box-sizing: border-box;background: #fff;}
.num-pot > li:nth-child(1) > p{border: 4px solid #92c933;color: #5b880f;}
.num-pot > li:nth-child(2) > p{border: 4px solid #32c995;color: #189167;}
.num-pot > li:nth-child(3) > p{border: 4px solid #1eb9ad;color: #0d7068;}
.num-pot > li:nth-child(4) > p{border: 4px solid #1ba8cb;color: #167188;}
.num-pot > li:nth-child(5) > p{border: 4px solid #237bce;color: #165188;}


.bac-box > li > .t-title{width: 100%;height: 46px;display: table;position: relative;border-radius: 46px;}
.bac-box > li.ico1 > .t-title{background: #6ea117;}
.bac-box > li.ico2 > .t-title{background: #21a073;}
.bac-box > li.ico3 > .t-title{background: #168880;}
.bac-box > li.ico4 > .t-title{background: #167088;}
.bac-box > li.ico5 > .t-title{background: #165189;}
.bac-box > li.ico6 > .t-title{background: #1c3ca4;}
.bac-box > li > .t-title > p{display: table-cell;padding: 10px 10px 10px 65px;vertical-align: middle;font-size: 18px;color: #fff;letter-spacing: -1px;font-family: 'ONE Mobile';line-height: 1.2;}
.bac-box > li > .t-title > span{position: absolute;left: -1px;top: -1px;bottom: -1px;width: 48px;height: 48px;border-radius: 100%;border: 4px solid #fff;box-sizing: border-box;}
.bac-box > li.ico1 > .t-title > span{background: url(../images/sub/sic1.png) center center no-repeat;}
.bac-box > li.ico2 > .t-title > span{background: url(../images/sub/sic2.png) center center no-repeat;}
.bac-box > li.ico3 > .t-title > span{background: url(../images/sub/sic3.png) center center no-repeat;}
.bac-box > li.ico4 > .t-title > span{background: url(../images/sub/sic4.png) center center no-repeat;}
.bac-box > li.ico5 > .t-title > span{background: url(../images/sub/sic5.png) center center no-repeat;}
.bac-box > li.ico6 > .t-title > span{background: url(../images/sub/sic6.png) center center no-repeat;}
.bac-box > li > .t-box{padding: 30px 20px 40px 20px;}
.bac-box > li > .t-box .text-st > li{padding-left: 12px;position: relative;font-size: 15px;color: #505050;line-height: 1.5;font-weight: 500;}
.bac-box > li > .t-box .text-st > li:after{content: "";position: absolute;left: 0;top: 9px;width: 5px;height: 5px;border-radius: 100%;background: #6fa117;}
.bac-box > li > .t-box .text-st.st2 > li:after{background: #21a073;}
.bac-box > li > .t-box .text-st.st3 > li:after{background: #165189;}
.bac-box > li > .t-box .text-st > li > ul > li{padding-left: 10px;position: relative;font-size: 15px;color: #505050;line-height: 1.5;font-weight: 500;}
.bac-box > li > .t-box .text-st > li > ul > li:after{content: "";position: absolute;left: 0;top: 10px;width: 5px;height: 1px;background: #505050;}
.bac-box > li > .t-box .text-st2 > li{font-size: 15px;color: #505050;line-height: 1.5;font-weight: 500;display: table;}
.bac-box > li > .t-box .text-st2 > li span{display: table-cell; vertical-align: top;  white-space:nowrap; padding-right: 4px;}
.bac-box > li > .t-box .f-txt{margin-top: 10px;font-size: 15px;color: #505050;line-height: 1.5;font-weight: 500;}

.ov-table{border: 1px solid #167088;border-radius: 20px;overflow: hidden;}
.ov-table table{width: 100%;}
.ov-table tbody td{text-align: center;padding: 15px 5px;border-right: 1px solid #167088;border-bottom: 1px solid #167088;font-size: 15px;color: #505050;font-weight: 500;}
.ov-table tbody tr td:last-child{border-right:0;}
.ov-table tbody tr:last-child td{border-right: 1px solid #fff;border-bottom: 0;background: #167088;color: #fff;}
.ov-table tbody tr:last-child td:last-child{border-right: 0;}

.list-style1{overflow:hidden;}
.list-style1 > li{line-height: 1.5;position: relative;padding-left: 10px;margin-top: 10px;display: flex;font-size: 15px;color: #505050;}
.list-style1 > li::before{content:"";position: absolute;top: 9px;left: 0;width: 4px;height: 4px;background: #676767;}
.list-style1 > li:first-child{margin-top:0;}
.list-style1 > li > *{display:flex;line-height: inherit;}
.list-style1 > li > span:first-child{flex: 0 0 auto;margin-right: 3px;}

.s2-1-box{margin-top: 25px;}
.s2-1-box > ul{padding-right: 30px;}
.s2-1-box > ul > li{position: relative;border: 2px solid #dedede;border-radius: 10px;padding: 20px 160px 20px 28px;display: flex;align-items: center;margin-top: 48px;}
.s2-1-box > ul > li:first-child{margin-top:0;}
.s2-1-box > ul > li .img{position: absolute;bottom: -30px;right: -30px;}
.s2-1-box > ul > li .tit{font-size: 17px;font-weight: 700;text-align: center;width: 20px;margin-right: 15px;line-height: 1.3;color: #147e6e;}
.s2-1-box > ul > li .cont{padding-left: 20px;position: relative;order: 3;}
.s2-1-box > ul > li .cont::before{content:"";position: absolute;left: 0;width:5px;height:100%;background:#1e9382;border-radius: 5px;}
.s2-1-box > ul > li .cont > ul{}
.s2-1-box > ul > li .cont > ul > li{font-size: 16px;color: #147e6e;font-weight: 700;margin: 2px 0;display: flex;}
.s2-1-box > ul > li .cont > ul > li > span{flex: 0 0 auto;margin-right: 3px;}
.s2-1-box > ul > li .cont > ul > li:last-child > span{word-spacing: 2px;}
.s2-1-box > ul > li:last-child .tit{line-height: 1.5;}

.s2-2-tit{background: #177969;height: 40px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 15px;color: #fff;font-weight: 300;}
.s2-2-tit strong{font-size: 17px;font-weight:500;margin-right: 5px;}
.s2-2-tit + .fz-table{margin-bottom:30px;}

.s4-4-box > ul > li{display: flex;margin-top: 10px;}
.s4-4-box > ul > li:first-child{margin-top:0;}
.s4-4-box > ul > li strong{position: relative;flex: 0 0 auto;width: 120px;height: 50px;line-height: 50px;font-size: 20px;font-weight: 700;color: #fff;background: #299887;text-align: center;border-radius: 10px 0 0 10px;}
.s4-4-box > ul > li strong::after{content:"";position:absolute;right: -30px;width: 30px;height: 50px;background: #299887;}
.s4-4-box > ul > li p{flex: 1 1 auto;min-height: 49px;padding: 9px 30px;background: #fff;border: 2px solid #299887;box-sizing: border-box;align-self: flex-start;margin-bottom: 2px;border-radius: 10px;font-size: 20px;font-weight: 700;color: #239281;position: relative;line-height: 1.3;display: flex;align-items: center;}



@media (max-width:1024px) {
	.subConts.new-wid{padding: 50px 20px 70px 20px;}
	.left-Content{display: none;}
	.right-Content{float: none;width: auto;}
}
@media (max-width:768px) {
	.sconts-top{padding: 0 0 30px;display: block;text-align: center;}
	.sconts-top > h2{font-size: 26px;margin-bottom: 15px;}
	.sconts-top > ul li{margin-right: 16px;}
	.sconts-top > ul li:after{right: -14px;}
	h4.s-title{margin: 40px 0 30px;padding: 0 0 1px 30px;font-size: 20px;line-height: 1.1;background-size: 23px;}

	.lrt-box > li{border-radius: 10px;height: auto;background: none;display: block;}
	.lrt-box > li:after{display: none;}
	.lrt-box > li:last-child{height: auto;}
	.lrt-box > li > .lf{width: 100%;padding: 20px 10px;background: #f18034;}
	.lrt-box > li > .rt{width: 100%;text-align: center;padding: 20px 10px;background: #3b925f;}
	.lrt-box > li > .lf > p{font-size: 17px;}
	.lrt-box > li > .rt > ul{padding-left: 0;}
	.lrt-box > li > .rt > ul > li > p{display: inline-block;font-size: 17px;}
	.lrt-box > li > .rt > ul > li > p > span.st{font-size: 12px;}

	.num-pot{margin-bottom: 50px;padding: 0;}
	.num-pot > li > div{padding: 10px 10px 10px 80px;border-radius: 15px;}
	.num-pot > li > div > p{font-size: 16px;}

	.bac-box > li > .t-title{border-radius: 0;}
	.bac-box > li > .t-title > p{padding: 15px 10px 15px 60px;font-size: 16px;}
	.bac-box > li > .t-title > span{left: -1px;top: -1px;bottom: -1px;width: 48px;height: 100%;border-radius: 0;border: 0;border-right: 2px solid #fff;box-sizing: border-box;}
	.bac-box > li > .t-box{padding: 25px 0 30px 0;}

	.s2-1-box > ul > li{padding:20px;flex-direction: column;align-items: flex-start;}
    .s2-1-box > ul > li .tit{text-align: left;width: 100%;order: 1;}
    .s2-1-box > ul > li .tit br{display:none;}
    .s2-1-box > ul > li .img{position:static;text-align: center;width: 100%;order: 2;margin: 10px 0;}

	.s4-4-box > ul > li strong{width:100px;font-size: 18px;}
	.s4-4-box > ul > li p{padding: 9px 20px;font-size: 18px;}
}