/* Industry */
section.industry_head {
 background:url("/images/bg_industry_head.avif") no-repeat 0 0 / cover;
}
.industry_head .btns {
 margin-bottom:80px;
}
.industry_head .flex_center {
 position:relative;
 z-index:2;
}
.industry_head .img {
 border:#cdd1d5 4px solid;
 border-radius:8px;
 overflow:hidden;
 margin-bottom:120px;
}
.industry_head .bg_round {
 box-shadow:#0169d880 0 0 100px;
}
.industry_head .problem_list li,
.industry_head .dots i {
 box-shadow:#0169d8 0 0 8px;
}
section.industry_why {
 padding:120px 0;
 background:#040404;
}
.industry_why .why_list {
 width:100%;
 max-width:1280px;
 margin:0 auto;
}
.industry_why .why_list li {
 margin-top:120px;
 display:flex;
 align-items:center;
 gap:80px;
}
.industry_why .why_list li:nth-child(2n) {
 flex-direction:row-reverse;
}
.industry_why .why_list li .imgfit,
.industry_why .why_list li .txt {
 width:calc(50% - 40px);
}
.industry_why .why_list li .imgfit {
 border-radius:20px;
}
.industry_why .why_list li .txt {
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:flex-start;
}
.industry_why .why_list li h3 {
 font-size:38px;
 color:#fff;
 font-weight:600;
 line-height:1.42;
 letter-spacing:-1.14px;
}
.industry_why .why_list li h3 strong {
 background:var(--Linear, linear-gradient(135deg, #ff6900 0%, #ffc7a0 100%));
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}
.industry_why .why_list li p {
 font-size:22px;
 color:#8a949e;
 line-height:1.6;
 margin-top:12px;
 letter-spacing:-0.66px;
}
.industry_why .why_list li p strong {
 color:#fff;
 font-weight:600;
}
.industry_why .why_list li .btn_link {
 color:#fff;
 margin:40px 0 0;
 letter-spacing:-0.51px;
}
section.industry_expertise {
 padding:120px 0;
 background:#101618;
}
.expertise_list {
 display:flex;
 gap:20px;
 margin-top:56px;
}
.expertise_list > li {
 width:calc((100% - 60px) / 4);
 background:#ffffff14;
 padding:40px 25px;
 border-radius:8px;
}
.expertise_list > li object {
 display:block;
 width:56px;
 aspect-ratio:1/1;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:contain;
}
.expertise_list li h3 {
 display:block;
 font-size:24px;
 color:#fff;
 font-weight:600;
 line-height:1.4;
 margin:30px 0 8px;
 letter-spacing:-0.72px;
}
.expertise_list li p,
.expertise_list li li {
 font-size:17px;
 color:#ffffffb3;
 letter-spacing:-0.51px;
}
.expertise_list li span {
 display:block;
 font-size:14px;
 color:#ff710d;
 font-weight:500;
 line-height:28px;
 height:28px;
 width:76px;
 background:#ffffff14;
 text-align:center;
 border-radius:14px;
 margin:26px 0 16px;
}
.expertise_list li span + h3 {
 margin-top:0;
}
.expertise_list li li {
 position:relative;
 padding-left:10px;
 line-height:1.65;
}
.expertise_list li li:before {
 content:"";
 position:absolute;
 top:12px;
 left:0;
 width:4px;
 height:4px;
 background:#ffffff4d;
 border-radius:50%;
}
.expertise_list li[class*="i_b"] object {
 width:40px;
}
.expertise_list.step_list {
 gap:60px;
}
.expertise_list.step_list > li {
 position:relative;
 width:calc((100% - 180px) / 4);
 transition:0.4s linear;
}
.expertise_list.step_list > li + li:after {
 content:"";
 position:absolute;
 top:0;
 left:-60px;
 width:60px;
 height:100%;
 background:url("/images/arrow_step.svg") no-repeat 50% 50%;
}
.expertise_list.step_list > li.on {
 background:#0000001a;
 box-shadow:#ff710d 0 0 8px;
}
.g02 .portfolio_marquee {
 border-top:0;
 margin-top:0;
 padding-top:200px;
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1520px){
/* Industry */
	.industry_head .btns {margin-bottom:60px;}
	.industry_head .img {margin-bottom:100px;}
	section.industry_why {padding:100px 0;}
	.industry_why .why_list li {margin-top:100px; gap:60px;}
	.industry_why .why_list li .imgfit,
	.industry_why .why_list li .txt {width:calc(50% - 30px);}
	.industry_why .why_list li .imgfit {border-radius:16px;}
	.industry_why .why_list li h3 {font-size:34px;}
	.industry_why .why_list li p {font-size:18px; margin-top:10px;}
	.industry_why .why_list li .btn_link {margin-top:30px;}
	section.industry_expertise {padding:100px 0;}
	.expertise_list {margin-top:50px;}
	.expertise_list > li {padding:30px 20px;}
	.expertise_list > li object {width:50px;}
	.expertise_list li h3 {font-size:22px; margin:25px 0 8px;}
	.expertise_list li p,
	.expertise_list li li {font-size:16px;}
	.expertise_list li li:before {top:10px;}
	.expertise_list.step_list {gap:40px;}
	.expertise_list.step_list > li {width:calc((100% - 120px)/4);}
	.expertise_list.step_list > li + li:after {left:-40px; width:40px;}
}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1280px){
/* Industry */
	.industry_why .why_list li {margin-top:80px; gap:40px;}
	.industry_why .why_list li .imgfit,
	.industry_why .why_list li .txt {width:calc(50% - 20px);}
	.industry_why .why_list li h3 {font-size:30px;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* Industry */
	.industry_head .btns {margin-bottom:40px;}
	.industry_head .img {margin-bottom:80px;}
	section.industry_why {padding:80px 0;}
	.industry_why .why_list li {margin-top:60px; gap:20px;}
	.industry_why .why_list li .imgfit,
	.industry_why .why_list li .txt {width:calc(50% - 20px);}
	.industry_why .why_list li .imgfit {border-radius:12px;}
	.industry_why .why_list li h3 {font-size:24px;}
	.industry_why .why_list li p {font-size:14px; margin-top:8px;}
	.industry_why .why_list li .btn_link {margin-top:20px;}
	section.industry_expertise {padding:80px 0;}
	.expertise_list {gap:10px; margin-top:40px;}
	.expertise_list > li {width:calc((100% - 30px)/4); padding:20px;}
	.expertise_list > li object {width:40px;}
	.expertise_list li h3 {font-size:18px; margin:20px 0 6px;}
	.expertise_list li p,
	.expertise_list li li {font-size:14px;}
	.expertise_list li span {font-size:12px; line-height:24px; height:24px; width:70px; margin:20px 0 10px;}
	.expertise_list li li {padding-left:8px;}
	.expertise_list li li:before {top:8px;}
	.expertise_list li[class*="i_b"] object {width:30px;}
	.expertise_list.step_list {gap:30px;}
	.expertise_list.step_list > li {width:calc((100% - 90px)/4);}
	.expertise_list.step_list > li + li:after {left:-30px; width:30px;}
	.g02 .portfolio_marquee {padding-top:120px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* Industry */
	.industry_head .btns {margin-bottom:30px;}
	.industry_head .img {margin-bottom:40px;}
	section.industry_why {padding:40px 0;}
	.industry_why .why_list li {margin-top:30px; flex-direction:column !important;}
	.industry_why .why_list li .imgfit,
	.industry_why .why_list li .txt {width:100%;}
	.industry_why .why_list li h3 {font-size:20px;}
	.industry_why .why_list li p {font-size:13px; margin-top:5px;}
	.industry_why .why_list li .btn_link {margin-top:15px;}
	section.industry_expertise {padding:40px 0;}
	.expertise_list {margin-top:30px; flex-direction:column;}
	.expertise_list > li {width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
	.expertise_list > li object {width:30px;}
	.expertise_list li h3 {font-size:15px; margin:0;}
	.expertise_list > li ul {width:100%;}
	.expertise_list li p,
	.expertise_list li li {font-size:13px;}
	.expertise_list li span {font-size:11px; line-height:20px; height:20px; width:60px; margin:0;}
	.expertise_list li[class*="i_b"] object {width:20px;}
	.expertise_list.step_list > li {width:100%;}
	.expertise_list.step_list > li + li:after {left:50%; top:-30px; height:30px; transform:translateX(-50%) rotate(90deg);}
	.g02 .portfolio_marquee {padding-top:60px;}
}