#sub.wrap {background: #140f07;}
.sub-page{padding-top:108px;}

.sub-top.flex{display:flex;justify-content: space-between;align-items: flex-end;position:relative;}
.sub-title .mark{border:1px solid #5b431b;background:rgba(39,27,6,.9);border-radius:20px;padding:0 20px 0 16px;height:27px;display:inline-flex;align-items: center;}
.sub-title .mark span{font-size:14px;font-weight:700;color:#dc931a;padding-left:21px;position:relative;}
.sub-title .mark span::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#6c5428;position:absolute;left:0;top:50%;transform:translatey(-50%);}
.top-title{font-size:70px;font-weight:700;color:#e4e4e4;line-height:1.4;margin-top:30px;}
.top-title span{font-weight:900;}
.gradt{background:linear-gradient(to right,#c25505 0%,#dc8811 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline;}
.sub-title p{font-size:22px;font-weight:200;color:#858585;line-height:1.4;margin-top:30px;}
.sub-title p span{display:block;margin-top:5px;}
.sub-title p span:first-child{margin-top:0;}
.sub-top .level{border:1px solid #252018;border-radius:10px;margin:20px 0 0 25px;padding:20px 30px;background:#1a130a;flex:0 0 auto;}
.sub-top .level span{font-size:14px;font-weight:200;color:#858585;}
.sub-top .level p{font-size:18px;font-weight:600;color:#fff;}

.ratio-wrap{margin-top:75px;}
.ratio-wrap > ul{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 55px;}
.ratio-wrap > ul > li{border:1px solid #252018;border-radius:20px;overflow:hidden;background:#171008;position:relative;position:relative;}
.ratio-wrap > ul > li::before{content:"";display:block;width:250px;height:250px;background: radial-gradient(circle at center, rgba(200, 0, 0, 0.15) 20%, transparent 60%);position:absolute;right:-118px;bottom:-118px;}
.red-gra::before{content:"";display:block;width:250px;height:250px;background: radial-gradient(circle at center, rgba(200, 0, 0, 0.15) 20%, transparent 60%);position:absolute;right:-118px;bottom:-118px;}
.ratio-wrap > ul > li .ratio-con{padding:55px 35px 55px 52px;height:100%;position:relative;z-index:1;}
.ratio-wrap > ul > li .tit{font-size:16px;font-weight:400;color:#848484;}
.ratio-wrap > ul > li .numb{font-size:48px;font-weight:700;color:#fff;line-height:1;margin-top:22px;}
.ratio-wrap > ul > li .graph{font-size:16px;font-weight:400;color:#0bb06c;margin-top:22px;position:relative;}
.ratio-wrap > ul > li .graph img{padding-right:10px;}
.ratio-wrap > ul > li .icon{position:absolute;right:38px;top:36px;z-index:-1;}

h3.title-h3{font-size:42px;font-weight:700;color:#e4e4e4;line-height:1.3;position:relative;letter-spacing:-1.4px;}
h3.title-h3.tble{display:table}
h3.title-h3.tble span:first-child{display:table-cell;color:#65481a;padding-right:20px;white-space:nowrap;}
h3.title-h3.icon1{padding-left:67px;}
h3.title-h3.icon2{padding-left:65px;}
h3.title-h3.icon3{padding-left:61px;}
h3.title-h3.icon1::before{content:"";display:block;width:42px;height:36px;background:url(../images/sub/h3_title_icon01.png) no-repeat left top / 100% auto;position:absolute;left:0;top:11px;}
h3.title-h3.icon2::before{content:"";display:block;width:44px;height:32px;background:url(../images/sub/h3_title_icon02.png) no-repeat left top / 100% auto;position:absolute;left:0;top:14px;}
h3.title-h3.icon3::before{content:"";display:block;width:37px;height:39px;background:url(../images/sub/h3_title_icon03.png) no-repeat left top / 100% auto;position:absolute;left:0;top:7px;}


.product-wrap{position:relative;padding-left:16px;}
.product-wrap::before{content:"";display:block;width:1px;border-left:1px solid #3e250e;position:absolute;left:15px;top:15px;bottom:0;z-index:-1;}
.product-con{position:relative;padding-left:95px;}
.product-con::before{content:"";display:block;width:31px;height:31px;border-radius:50%;background:url(../images/sub/marker_icon.png) no-repeat center center / 100% 100%;position:absolute;left:-16px;top:5px;box-shadow:0 0 8px 3px rgba(64,56,34,1);}
.prod-sect1{margin-top:125px;}
.prod-flex{display:flex;justify-content: space-between;}
.prod-flex .prod-lf{width:42.7%;}
.prod-flex .prod-rt{width:47.2%;}
.ptxt{font-size:22px;font-weight:200;color:#858585;line-height:1.6;margin-top:40px;letter-spacing: -.3px;}
.box-list{margin-top:50px;}
.box-list > ul{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 31px;}
.box-list > ul > li{border:1px solid #252018;border-radius:10px;background:#1a130a;overflow:hidden;padding:34px 28px;position:relative;}
.box1{border:1px solid #252018;border-radius:10px;background:#1a130a;overflow:hidden;}
.box-list > ul > li .tit{font-size:18px;font-weight:600;color:#fff;line-height:1.2;}
.box-list > ul > li .txt{font-size:15px;font-weight:200;color:#858585;margin-top:15px;line-height:1.2;}

.prod-sect1 .photo-box{margin-top:100px;}
.photo-box{border:1px solid #252018;background:#171008;padding:13px;border-radius:20px;}
.photo-box .img-in{border-radius:18px;overflow:hidden;position:relative;}
.photo-box .img-in img{width:100%;}
.photo-box .img-in::before{content:"";display:block;background: linear-gradient(to top, rgba(0,0,0,.85) 40%, rgba(0,0,0,.5) 100%);position:absolute;left:0;right:0;top:0;bottom:0;}
.photo-box .txt{position:absolute;left:0;right:0;bottom:40px;padding:0 65px;}
.photo-box .txt span{font-size:16px;font-weight:500;color:#db8711;}
.photo-box .txt p{font-size:18px;font-weight:500;color:#858585;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top:5px;}

.prod-sect2{margin-top:125px;}
.prod-sect2 .img-box{height:100%;padding:30px;display:flex;justify-content: center;align-items: center;}
.prod-sect2 .box-list > ul{display:grid;grid-template-columns:repeat(1,1fr);gap:30px 31px;}
.prod-sect2 .box-list > ul > li{padding:38px 30px 38px 96px;}
.prod-sect2 .box-list > ul > li::before{content:"";display:block;width:31px;height:30px;background:url(../images/sub/check_icon.png) no-repeat center center / 100% auto;position:absolute;left:38px;top:38px;}
.prod-sect2 .box-list > ul > li .tit{font-size:21px;}
.prod-sect2 .box-list > ul > li .txt{font-size:18px;}

.prod-sect3{margin-top:145px;}
.prod-sect3 .prod-lf .box-list > ul{display:grid;grid-template-columns:repeat(1,1fr);gap:30px 31px;}
.prod-sect3 .prod-lf .box-list > ul > li{max-width:95%;padding:37px 45px;}
.completed-top{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: center;}
.completed-top > ul{display:flex;}
.completed-top > ul > li{margin-right:16px;}
.completed-top > ul > li span{width:54px;height:54px;border-radius:50%;font-size:18px;font-weight:700;color:#db8711;border:1px solid #db8711;background:rgba(219,135,17,.15);display:flex;justify-content: center;align-items: center;}
.completed-top > ul > li:nth-child(2) span{color:#4957b0;border:1px solid #4957b0;background:rgba(73,87,176,.3);}
.completed-top > ul > li:nth-child(3) span{color:#559d4d;border:1px solid #559d4d;background:rgba(85,157,77,.3);}
.completed-top .txt{margin:8px 0 8px auto !important;}
.completed-bar{margin-top:33px;height:15px;border-radius:20px;background:#0d0905;position:relative;overflow:hidden;}
.completed-bar .gage-bar{height:100%;background:#db8711;position:absolute;top:0;bottom:0;left:0;transition:.2s;}
.completed-btm{padding-top:20px;display:flex;justify-content: space-between;align-items: center;}
.completed-btm .txt{margin:0 20px 0 0 !important;}
.completed-btm .percent{font-size:18px;font-weight:500;color:#db8711;margin-left:auto;}

.prod-sect3 .prod-rt .box-list {margin-top:5px;}
.prod-sect3 .prod-rt .box-list > ul > li{padding:60px 37px;text-align:center;}
.prod-sect3 .prod-rt .box-list > ul > li div{text-align:center;}
.prod-sect3 .prod-rt .box-list > ul > li .tit{margin-top:25px;}
.prod-sect3 .prod-rt .box-list > ul > li .txt{margin-top:15px;}

.prod-sect4{margin-top:150px;}
.prod-sect4 .prod-flex.box1{padding:68px 65px;width:100%;position:relative;background:#1a130a;}
.prod-sect4 .prod-flex::after{content:"";display:block;width:136px;height:168px;background:url(../images/sub/secure_bg_icon.png) no-repeat center top / 100% auto;position:absolute;right:115px;top:78px;}
.secure-box .mark{border:1px solid #22583b;background:rgba(34,88,59,.2);border-radius:20px;padding:0 27px;height:27px;display:inline-flex;align-items: center;}
.secure-box{position:relative;z-index:1;}
.secure-box .mark span{font-size:15px;font-weight:600;color:#2ba779;position:relative;}
.secure-box .title-h3{margin-top:25px;}
.secure-box .ptxt{margin-top:30px;}
.secure-box .secure-ul{margin-top:60px;}
.secure-box .secure-ul > ul{display:flex;flex-wrap:wrap;margin:-30px 0 0 -45px;}
.secure-box .secure-ul > ul > li{margin-top:60px;margin:30px 0 0 45px;display:flex;align-items: center;}
.secure-box .secure-ul > ul > li .box{font-size:18px;font-weight:600;color:#fff;flex:0 0 auto;margin-right:22px;border-radius:10px;padding:5px 15px;height:50px;border:1px solid #33170d;background:rgba(51,23,13,.3);overflow:hidden;display:flex;justify-content: center;align-items: center;}
.secure-box .secure-ul > ul > li .txt{font-size:18px;font-weight:200;color:#858585;}

.box-wrap{margin-top:130px;border-radius:30px;padding:100px 60px 108px 60px;border:1px solid #3d1e0c;background:#1d0f06;overflow:hidden;text-align:center;}
.box-wrap .title-h3{font-size:54px;}
.box-wrap .ptxt{font-size:24px;margin-top:42px;}
.btn-wrap{margin-top:42px;display:flex;flex-wrap:wrap;justify-content: center;}
.btns{margin:5px 15px;padding:10px 65px;height:78px;border:1px solid #30261f;background:#150c06;border-radius:12px;font-size:24px;font-weight:700;color:#fffefe;display:flex;justify-content: center;align-items: center;transition:.1s;}
.btns:hover{background:rgba(244,157,37,0.08);}
.btns.ylw{border-color:#db8e21;background:#db8e21;color:#000;}
.btns.ylw:hover{background:#f1981a;}

.center{text-align:center;}
.sub-top{position:relative;}
.top-bg{padding:60px 0 220px 0;}
.top-bg::before{content:"";display:block;width:1920px;background:url(../images/sub/sub2_topbg.png) no-repeat center top / auto 100%;position:absolute;left:50%;top:-108px;bottom:0;z-index:-1;transform:translatex(-50%);}
.sub-top .btn-wrap{margin-top:50px;}
.sub-top .btn-wrap .btns{height:72px;min-width:230px;padding:10px 30px;}


.solution-wrap{margin-top:40px;}
.wrap-flex{display:flex;flex-wrap:wrap;justify-content: space-between;}
.solut-lf{width:47%;}
.solut-rt{width:47%;}

.solut-sect1 .box1{padding:35px 45px 38px 50px;margin-top:50px;}
.solut-sect1 .box1 .ptxt{font-size:18px;font-weight:400;color:#858585;margin-top:0;}
.solut-sect1 .box-list{margin-top:45px;}
.solut-sect1 .box-list > ul{grid-template-columns: repeat(2, 1fr);gap: 25px;}
.solut-sect1 .box-list > ul > li{padding: 25px;background:#150c06;border-color:#30261f;}
.solut-sect1 .box-list > ul > li:nth-child(2){background:#21180d;border-color:#3c2f26;}
.solut-sect1 .box-list > ul > li .txt{font-size:16px;font-weight:400;color:#848484;margin-top:0;}
.solut-sect1 .box-list > ul > li .nubm{font-size:32px;font-weight:700;color:#fff;margin-top:15px;}
.solut-sect1 .box-list > ul > li .nubm.ylw{font-size:32px;font-weight:700;color:#db942f;margin-top:15px;}
.solut-sect1 .box-list > ul > li .gren{font-size:14px;font-weight:400;color:#0bb06c;margin-top:20px;position:relative;}
.solut-sect1 .box-list > ul > li .gren img{padding-right:11px;transform:translatey(-1px);}
.solut-sect1 .solut-rt{display:flex;	align-items: flex-end;}
.solut-sect1 .photo-box .txt{bottom: 35px;padding: 0 43px;}
.solut-sect1 .photo-box .txt p{margin-top:8px;font-size:18px;color:#fff;font-weight:500;}

.solut-sect2{margin-top:140px;}
.solut-sect2 .img-box{display:flex;justify-content: center;align-items: center;}
.solut-sect2 .img-box > div{position:relative;}
.solut-sect2 .img-box span{font-size:18px;font-weight:700;color:#db942f;position:absolute;left:50%;top:11%;transform:translatex(-50%);}
.solut-sect2 .box1{padding:35px 45px 38px 50px;margin-top:50px;}
.solut-sect2 .box1 .ptxt{font-size:18px;font-weight:400;color:#858585;margin-top:0;}
.solut-sect2-ul{padding-top:15px;}
.solut-sect2-ul > ul{display:flex;flex-wrap:wrap;}
.solut-sect2-ul > ul > li{width:50%;padding-right:40px;margin-top:40px;}
.solut-sect2-ul > ul > li .nubm{font-size:20px;font-weight:400;color:#db942f;line-height:1;}
.solut-sect2-ul > ul > li .nubm span{font-size:40px;font-weight:700;}
.solut-sect2-ul > ul > li .nubm2{font-size:20px;font-weight:900;color:#db942f;}
.solut-sect2-ul > ul > li .nubm2 img{padding-left:16px;}
.solut-sect2-ul > ul > li .txt{font-size:16px;font-weight:400;color:#848484;margin-top:12px;}

.solut-sect3{margin-top:120px;}
.solut-sect3 .ptxt{line-height:1.7;margin-top:42px;}
.solut-sect3 .box-list{margin-top:45px;}
.solut-sect3 .box-list > ul{grid-template-columns: repeat(1, 1fr);gap: 20px;}
.solut-sect3 .box-list > ul > li{padding: 25px 40px;background:#21180d;border-color:#3c2f26;}
.solut-sect3 .box-list > ul > li.sop-style{background:#150c06;border-color:#30261f;padding-left:95px;width:calc(100% - 4px);margin-left:4px;box-shadow:-4px 0 0 0 #db8711;position:relative;}
.solut-sect3 .box-list > ul > li.sop-style::before{content:"";display:block;width:37px;height:39px;background:url(../images/sub/h3_title_icon03.png) no-repeat center top / cover;position:absolute;left:30px;top:50%;transform:translatey(-50%);}
.solut-sect3 .box-list > ul > li .title{font-size:21px;font-weight:600;color:#fff;margin-top:0;}
.solut-sect3 .box-list > ul > li .txt{font-size:16px;font-weight:400;color:#848484;margin-top:12px;}
.solut-sect3 .box-list .completed-btm{padding:0;}
.solut-sect3 .box-list .completed-btm .title{font-size:16px;font-weight:600;color:#fff;}
.solut-sect3 .box-list .completed-bar{margin-top:15px;}
.solut-sect3 .solut-rt{display:flex;	align-items: flex-end;}
.solut-sect3 .photo-box .img-in::before {background: rgba(0, 0, 0, .55);}

.solut-sect4{margin-top:125px;}
.faiss-wrap .faiss-tit{display:flex;justify-content: center;}
.faiss-wrap .ptxt{text-align:center;margin-top:30px;}
.ratio-wrap{margin-top:75px;}
.solut-sect4 .ratio-wrap > ul{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 55px;}
.solut-sect4 .ratio-wrap > ul > li{border:1px solid #252018;border-radius:20px;overflow:hidden;background:#171008;position:relative;}
.solut-sect4 .ratio-wrap > ul > li .ratio-con{padding:32px 40px 32px 45px;height:100%;position:relative;z-index:1;letter-spacing:-.5px;}
.solut-sect4 .ratio-wrap > ul > li .tit{font-size:22px;font-weight:700;color:#fff;margin-top:10px;}
.solut-sect4 .ratio-wrap > ul > li .txt{font-size:16px;font-weight:400;color:#848484;margin-top:15px;}
.solut-sect4 .ratio-wrap > ul > li .numb{font-size:40px;font-weight:700;color:#fff;line-height:1;margin-top:15px;}
.solut-sect4 .ratio-wrap > ul > li .icon{position:static;height:48px;display:flex;align-items: center;}

.top-bg.bg4::before{background-image:url(../images/sub/sub4_topbg.png) ;}
.applied-sect1 .ptxt{margin-top:25px;font-size: 18px;font-weight: 400;}
.applied-sect1 .flex{display:flex;flex-wrap:wrap;align-items: flex-end;}
.applied-sect1 .flex .rt-txt{font-size:16px;font-weight:700;color:#dc931a;margin:10px 3px 0 auto;padding-left:25px;}
.applied-sect1 .ratio-wrap{margin-top:55px;}
.applied-sect1 .ratio-wrap > ul{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 55px;}
.applied-sect1 .ratio-wrap > ul > li .ratio-con{padding: 45px;height:100%;position:relative;z-index:1;letter-spacing:-.5px;}
.applied-sect1 .ratio-wrap > ul > li .txt{font-size:18px;font-weight:400;color:#848484;}
.applied-sect1 .ratio-wrap > ul > li .numb{font-size:40px;font-weight:700;color:#fff;line-height:1;margin-top:15px;}
.applied-sect1 .ratio-wrap > ul > li .numb span{font-size:16px;font-weight:700;color:#af2828;line-height:1.5;padding-left:15px;}
.applied-sect1 .ratio-wrap > ul > li .numb span.txt-gren{color:#0bb06c;}
.applied-sect1 .ratio-wrap > ul > li .icon{position:static;display:flex;align-items: center;margin-top:35px;}
.applied-sect1 .ratio-wrap > ul > li .completed-bar{height:7px;}
.applied-sect1 .ratio-wrap > ul > li .completed-bar span{height:7px;border-radius:10px;}
.applied-sect1 .ratio-wrap > ul > li p{margin-top:35px;padding-left:32px;font-size:16px;font-weight:400;color:#848484;position:relative;}
.applied-sect1 .ratio-wrap > ul > li p::before{content:"";display:block;width:22px;height:22px;background:url(../images/sub/database_icon2.png) no-repeat center top / 100%;position:absolute;left:0;top:1px;}

.applied-sect2{margin-top:125px;}
.applied-sect2 .ptxt{margin-top:25px;font-size: 18px;font-weight: 400;}
.applied-sect2 .box1{padding:65px;margin-top:35px;background:#1a130a;display:flex;justify-content: center;}
.dot-list {display:flex;justify-content: space-between;position:relative;flex:1 1 auto;z-index:0;max-width:1130px;}
.dot-list::before {content:"";display:block;height:2px;background:url(../images/sub/llm_dot.png) repeat-x right top;position:absolute;left:70px;top:41px;right:70px;z-index:-1;}
.dot-list > li {padding:0 15px;}
.dot-list .icon{padding:0 18px;background:#1a130a;display: flex;justify-content: center;}
.dot-list .icon span{display:flex;justify-content: center;align-items: center;height:84px;width:84px;border-radius:50%;background:#281c0e;border:1px solid #513d20;}

.dot-list .txt {text-align:center;margin-top:20px;font-size:18px;font-weight:600;color:#fff;}
.dot-list > li.active .icon span {box-shadow:0 0 15px 0 #c68a2f;background:#db8e21;border-color:#db8e21;}
.dot-list > li.active .icon img {filter: brightness(0);}

.applied-sect3{margin-top:125px;}
.applied-sect3 .ptxt{margin-top:25px;font-size: 18px;font-weight: 400;}
.applied-sect3 .solut-lf .box1{margin-top:55px;padding:45px 50px;}
.applied-sect3 .solut-lf .box1 > ul > li{padding-left:29px;font-size:18px;font-weight:600;color:#fff;position:relative;}
.applied-sect3 .solut-lf .box1 > ul > li + li{margin-top:40px;}
.applied-sect3 .solut-lf .box1 > ul > li::before{content:"";display:block;width:17px;height:20px;background:url(../images/sub/chain_icon1.png) no-repeat left top / auto 100%;position:absolute;left:0;top:3px;}
.applied-sect3 .solut-lf .box1 > ul > li:nth-child(2)::before{background-image:url(../images/sub/chain_icon2.png);}
.applied-sect3 .solut-lf .box1 > ul > li .txt{font-size:16px;font-weight:200;color:#858585;margin-top:18px;}
.applied-sect3 .solut-rt {display:flex;align-items: flex-end;}
.applied-sect3 .solut-rt > *{flex:1 1 auto;}
.applied-sect3 .box-list {margin-top:0;}
.applied-sect3 .box-list > ul{grid-template-columns: repeat(2, 1fr);gap: 30px;}
.applied-sect3 .box-list > ul > li{padding:56px 30px 50px 30px;}
.applied-sect3 .box-list > ul > li div{text-align:center;}
.applied-sect3 .box-list > ul > li .img{height:56px;display:flex;justify-content: center;align-items: center;}
.applied-sect3 .box-list > ul > li .tit{margin-top:25px;}
.applied-sect3 .box-list > ul > li .txt{margin-top:15px;}

.applied-sect4.box-wrap{background:transparent;border:1px solid #34230f;padding:60px 50px 55px 50px;}
.applied-sect4.box-wrap h3{font-size:24px;font-weight:600;color:#b6b6b6;}
.certification-ul{padding-top:55px;display:flex;justify-content: space-evenly;flex-wrap: wrap;margin-top:-30px;}
.certification-ul > li{padding:0 20px;margin-top:30px;text-align:center;}
.certification-ul > li .txt{margin-top:22px;font-size:16px;font-weight:600;color:#8e8e8e;}

@media screen and (max-width:1400px) {
	.product-con {padding-left: 60px;}
	.prod-flex .prod-lf{width:45%;}
	.prod-flex .prod-rt{width:50%;}

}


@media screen and (max-width:1280px) {
	.top-title {font-size: 60px;}
	h3.title-h3 {font-size: 38px;}

}

@media screen and (max-width:1024px) {
	.sub-page {padding-top: 80px;}
	.top-title {font-size: 45px;}
	.sub-title p {font-size: 20px;}

	.ratio-wrap {margin-top: 55px;}
	.ratio-wrap > ul {grid-template-columns: repeat(3, 1fr);gap: 30px 25px;}
	.ratio-wrap > ul > li .ratio-con {padding: 30px 20px 30px 35px;}

	.prod-sect1 {margin-top: 80px;}
	.prod-flex{flex-wrap:wrap;}
	.prod-sect1 .prod-flex .prod-lf{width:100%;}
	.prod-sect1 .prod-flex .prod-rt{width:100%;}
	.prod-sect1 .img-box {margin-top: 50px;}

	.prod-sect3 {margin-top: 100px;}
	.prod-sect3 .prod-flex .prod-lf{width:100%;}
	.prod-sect3 .prod-flex .prod-rt{width:100%;margin-top:50px;}
	.prod-sect3 .prod-lf .box-list > ul > li {max-width: none;}

	.prod-sect4 {margin-top: 100px;}
	.prod-sect4 .prod-flex.box1 {padding: 45px 45px;}
	.prod-sect4 .prod-flex::after {width: 100px;right: 65px;top: 45px;}

	.box-wrap {margin-top: 80px;padding: 70px 40px 75px 40px;}


	.top-bg {padding:0 0 130px 0;top:0;}
	.solut-lf{width:100%;}
	.solut-rt{width:100%;margin-top:50px;}
	.solut-sect1 .solut-rt{justify-content: center}
	.solut-sect2 {margin-top: 90px;}
	.solut-sect2 .wrap-flex{flex-direction: column-reverse;}
	.solut-sect2 .wrap-flex .solut-rt{margin:0 0 50px 0;}
	.solut-sect3 {margin-top: 90px;}
	.solut-sect3 .solut-rt{justify-content: center}
	.solut-sect4{margin-top:90px;}
	.solut-sect4 .ratio-wrap > ul {grid-template-columns: repeat(3, 1fr);gap: 40px 35px;}

	.applied-sect1 .ratio-wrap > ul {grid-template-columns: repeat(3, 1fr);gap: 20px 35px;}
	.applied-sect1 .ratio-wrap > ul > li .ratio-con {padding: 35px;}
	.applied-sect2,
	.applied-sect3 {margin-top: 90px;}

}

@media screen and (max-width:768px) {
	.sub-page {padding-top: 45px;}
	.top-title {font-size: 30px;}
	.sub-title p {font-size: 18px;margin-top:25px;}
	.sub-top.flex {flex-wrap:wrap;text-align: center;}
	.sub-top .level {padding:10px 15px;position:absolute;right:0;bottom:calc(100% - 50px);display:none;}

	.ratio-wrap {margin-top: 40px;}
	.ratio-wrap > ul {grid-template-columns: repeat(1, 1fr);gap: 25px 0;}
	.ratio-wrap > ul > li .ratio-con {padding: 20px 20px 20px 25px;}
	.ratio-wrap > ul > li .numb {font-size: 35px;margin-top:15px;}
	.ratio-wrap > ul > li .graph {margin-top: 15px;}
	.ratio-wrap > ul > li .icon{position:absolute;right:20px;top:20px;z-index:-1;}
	.ratio-wrap > ul > li .icon img{width:40px;}

	.product-wrap {padding-left: 10px;}
	.product-wrap::before {left: 6px;}
	.product-con {padding-left: 15px;}
	.product-con::before {width: 21px;height: 21px;left:-13px;}
	
	h3.title-h3 {font-size: 26px;}
	h3.title-h3{padding-left:0 !important;}
	h3.title-h3.icon1::before,
	h3.title-h3.icon2::before,
	h3.title-h3.icon3::before{display:none;}
	h3.title-h3.icon1::after{content:"";display:inline-block;width:35px;height:32px;background:url(../images/sub/h3_title_icon01.png) no-repeat center center / 100% auto;margin-left:15px;margin-bottom:-6px;}
	h3.title-h3.icon2::after{content:"";display:inline-block;width:39px;height:28px;background:url(../images/sub/h3_title_icon02.png) no-repeat center center / 100% auto;margin-left:15px;margin-bottom:-5px;}
	h3.title-h3.icon3::after{content:"";display:inline-block;width:33px;height:34px;background:url(../images/sub/h3_title_icon03.png) no-repeat center center / 100% auto;margin-left:15px;margin-bottom:-7px;}
	h3.title-h3.tble span:first-child {padding-right: 10px;}

	.ptxt {font-size: 18px;margin-top: 25px;}
	.box-list {margin-top: 30px;}
	.box-list > ul {grid-template-columns: repeat(1, 1fr);gap: 18px;}
	.box-list > ul > li {padding: 25px 20px 25px 30px;}
	.prod-sect1 {margin-top: 50px;}
	.prod-sect1 .photo-box {margin-top: 30px;}
	.photo-box {padding: 8px;}
	.photo-box .img-in {border-radius: 15px;}
	.photo-box .txt {position: absolute;left: 0;right: 0;bottom: 15px;padding: 0 20px;}

	.prod-sect2 {margin-top: 50px;}
	.prod-sect2 .prod-flex {flex-direction: column-reverse;}
	.prod-sect2 .prod-flex .prod-lf{width:100%;}
	.prod-sect2 .prod-flex .prod-rt{width:100%;}
	.prod-sect2 .box-list > ul {grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.prod-sect2 .box-list > ul > li {padding: 20px 20px 20px 60px;}
	.prod-sect2 .box-list > ul > li::before {width: 29px;left: 15px;top: 18px;}
	.prod-sect2 .box-list > ul > li .tit {font-size: 20px;}
	.prod-sect2 .box-list > ul > li .txt {font-size: 17px;}
	.prod-sect2 .img-box{padding:0;margin-top:30px;}
	.prod-sect2 .img-box img{width:65%;max-width:386px;}

	.prod-sect3 {margin-top: 50px;}
	.prod-sect3 .prod-lf .box-list > ul > li {padding: 25px 20px;}
	.completed-top > ul > li span {width: 48px;height: 48px;font-size: 17px;}
	.completed-bar {margin-top: 25px;}
	.completed-btm {padding-top: 15px;}
	.completed-btm .txt{margin:0 10px 0 0 !important;}
	.completed-btm .percent {margin-left: 10px;font-size: 17px;white-space:nowrap;}
	.prod-sect3 .prod-flex .prod-rt {margin-top: 35px;}
	.prod-sect3 .prod-rt .box-list > ul{grid-template-columns: repeat(2, 1fr);gap: 15px;}
	.prod-sect3 .prod-rt .box-list > ul > li {padding: 25px 10px;}

	.prod-sect4 {margin-top: 50px;}
	.prod-sect4 .prod-flex.box1 {padding: 25px;margin-left:5px;}
	.secure-box .ptxt {margin-top: 25px;}
	.secure-box .ptxt br{display:none;}
	.secure-box 	h3.title-h3 {font-size: 28px;}
	.secure-box .secure-ul {margin-top: 30px;}
	.secure-box .secure-ul > ul {margin: -17px 0 0 -30px;}
	.secure-box .secure-ul > ul > li{margin: 17px 0 0 30px;}
	.secure-box .secure-ul > ul > li .box {font-size: 16px;height: 45px;min-width:75px;padding:0 5px;}
	.secure-box .secure-ul > ul > li .txt {font-size: 16px;}

	.box-wrap {margin-top: 50px;padding: 30px 20px;}
	.box-wrap .title-h3 {font-size: 35px;}
	.box-wrap .ptxt {font-size: 20px;margin-top: 25px;}
	.box-wrap .btn-wrap {margin-top: 25px;}
	.box-wrap .btn-wrap a {margin: 7px 10px;font-size: 20px;height: 60px;	padding: 5px 30px;}

	.top-bg {padding-bottom:100px;}
	.top-bg::before {top:-45px;}
	.sub-top .btn-wrap {margin-top: 35px;}
	.sub-top .btn-wrap .btns {height: 60px;min-width: 165px;padding: 5px 20px;font-size:18px;margin:5px 8px;}
	.solution-wrap{margin-top:0;}
	.solut-rt{width:100%;margin-top:35px;}
	.solut-sect1 .box1 {padding: 18px 20px 20px 20px;margin-top: 30px;}
	.solut-sect1 .box-list {margin-top: 30px;}
	.solut-sect1 .box-list > ul {grid-template-columns: repeat(1, 1fr);gap: 15px;}
	.solut-sect1 .box-list > ul > li {padding: 20px;}
	.solut-sect1 .box-list > ul > li .nubm {font-size: 30px;margin-top: 10px;}
	.solut-sect1 .box-list > ul > li .gren {margin-top: 12px;}
	.solut-sect1 .photo-box .txt {bottom: 25px;padding: 0 25px;}
	.solut-sect1 .photo-box .txt p {font-size: 17px;}

	.solut-sect2 {margin-top: 50px;}
	.solut-sect2 .wrap-flex{flex-direction: column-reverse;}
	.solut-sect2 .wrap-flex .solut-rt{margin:0 0 35px 0;}
	.solut-sect2 .box1 {padding: 18px 20px 20px 20px;margin-top: 30px;}
	.solut-sect2-ul > ul > li {padding-right: 25px;margin-top: 25px;flex:1 1 auto;min-width:170px;}
	.solut-sect2-ul > ul > li:nth-child(2) {padding-right: 0;}
	.solut-sect2-ul > ul > li .nubm span {font-size: 36px;}
	.solut-sect2-ul > ul > li .nubm2 {font-size: 19px;}
	.solut-sect2 .img-box > div {margin: 0 30px;}

	.solut-sect3 {margin-top: 50px;}
	.solut-sect3 .solut-rt{justify-content: center}
	.solut-sect3 .ptxt {line-height: 1.5;margin-top: 25px;}
	.solut-sect3 .box-list {margin-top: 30px;}
	.solut-sect3 .box-list > ul {gap: 15px;}
	.solut-sect3 .box-list > ul > li {padding: 25px;}
	.solut-sect3 .box-list > ul > li.sop-style {padding-left: 70px;}
	.solut-sect3 .box-list > ul > li.sop-style::before {left: 17px;}

	.solut-sect4{margin-top:50px;}
	.solut-sect4 .ratio-wrap > ul {grid-template-columns: repeat(1, 1fr);gap: 20px;}
	.solut-sect4 .ratio-wrap > ul > li .tit {font-size: 20px;}
	.solut-sect4 .ratio-wrap > ul > li .numb {font-size: 36px;}

	.applied-sect1 .ratio-wrap {margin-top: 35px;}
	.applied-sect1 .ratio-wrap > ul {grid-template-columns: repeat(1, 1fr);gap: 20px 35px;}
	.applied-sect1 .ratio-wrap > ul > li .ratio-con {padding: 25px;}
	.applied-sect1 .ratio-wrap > ul > li .numb {font-size: 36px;}
	.applied-sect1 .ratio-wrap > ul > li p,
	.applied-sect1 .ratio-wrap > ul > li .icon {margin-top: 25px;}

	
	.applied-sect2 {margin-top: 50px;}
	.applied-sect2 .box1 {padding: 30px 10px;}
	.dot-list {flex-wrap: wrap;margin-top:-40px;}
	.dot-list::before {display:none;}
	.dot-list > li {width:50%;margin-top:40px;padding:0 5px;}
	.dot-list .txt {margin-top: 15px;}

	.applied-sect3 {margin-top: 50px;}
	.applied-sect3 .solut-lf .box1 {margin-top: 35px;padding:25px 20px;}
	.applied-sect3 .solut-lf .box1 > ul > li + li {margin-top: 30px;}
	.applied-sect3 .solut-lf .box1 > ul > li .txt {margin-top: 12px;}
	.applied-sect3 .box-list > ul{gap: 15px;}
	.applied-sect3 .box-list > ul > li {padding: 32px 12px 30px 12px;}
	.applied-sect3 .box-list > ul > li .tit {font-size:17px;}

	.applied-sect4.box-wrap {padding: 40px 12px 42px 12px;}
	.certification-ul {padding-top: 35px;}
	.certification-ul > li {padding: 0 10px;width:50%;}
	.certification-ul > li .txt {margin-top: 15px;}

}

@media screen and (max-width:360px) {
	.sub-title .mark {padding: 0 15px 0 10px;}
	.sub-title .mark span {padding-left: 15px;}
	.sub-top .level {margin-left:auto;padding:8px 10px;}
	.sub-top .level p {font-size: 16px;}
}