.bread a:nth-child(n+4) {display: none;} .bread span:nth-child(n+4) {display: none;} #section-number:before{content:'';background-image:url(svg/05_bg.svg);position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position-x:-4rem;background-position-y:-4rem;opacity:.5} #section-number .row {align-items: center;} #section-number .header {text-align: center;} #section-number .header .title {color: var(--bs-white);} #section-number .contents .title{font-weight:400;font-size:3.5rem} #section-number .row div:nth-child(2) .contents .title{font-size:x-large} #section-number .row div:nth-child(5) .contents .title{font-size:x-large} #section-number .contents-warp .row>div:nth-child(-n+4) {margin-bottom: 2rem;} section#section-icon { background-image: url(http://eccamerica.com/img/02_about_08_01.jpg); background-position: left; background-size: cover; } #section-icon .header {text-align: center;} #section-icon .container .row:before { content: ''; position: absolute; left: 50%; top: 6%; width: 1px; height: 94%; border-left: 1px dotted #fff; } #section-icon .contents .text { background-color: #ffffff99; backdrop-filter: blur(10px); padding: 3rem; min-width: 480px; border-radius: 1rem; color: var(--bs-gray-700); } #section-icon [class*='col-']:before { content: ''; display: block; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #ffffff; } #section-icon [class*='col-']:nth-child(1):before { width: 0px; height: 0px; } #section-icon [class*='col-']:nth-child(2n):before { right: -8px; top: 50%; } #section-icon [class*='col-']:nth-child(odd):before { left: -8px; top: 50%; } #section-about .contents {position: relative; line-height: 1.5;} #section-about .contents .text .cont b {margin-right: 1rem;} #section-info .contents .contents-warp .text {position: relative;} #section-info .contents .contents-warp .text .text-warp{z-index:2} #section-info .contents .contents-warp .text:after{content:'';background-image:url(svg/05_bg.svg);position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3} #section-info .contents.line-1 .contents-warp .text:after{background-size:260%;background-position-x:-30rem;background-position-y:5rem} #section-info .contents.line-2 .contents-warp .text:after{background-size:170%;background-position-x:-30rem;background-position-y:20rem} #section-info .contents.line-3 .contents-warp .text:after{background-size:340%;background-position-x:-20rem;background-position-y:155rem} #section-info .contents.line-3 .contents-warp .text .text-warp {padding: 20vh 5vw;} #section-sentence .row {align-items:center} #section-sentence .row>div:nth-child(4) {margin: 3rem 0;} #section-sentence div:nth-child(4) .img-warp .img{background-image:url(http://eccamerica.com/img/02_about_06_01.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:120%} #section-sentence div:nth-child(5) .img-warp .img{background-image:url(http://eccamerica.com/img/02_about_06_02.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:75%} #section-sentence div:nth-child(8) .img-warp .img{background-image:url(http://eccamerica.com/img/02_about_06_03.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:100%} #section-sentence .contents i {font-size: 1.5rem;margin-right: 0.5rem;} #section-circle .contents li:nth-child(1) .inner {font-size: 2rem;} #section-circle .contents li .inner .title {font-size: 6rem;} #section-circle .header {justify-content: end;} .section-warp.footer {margin: 8vh 0;} @media (max-width:1399.98px) { .section-warp.footer {margin: 6vh 0;} } @media (max-width:1199.98px) { } @media (max-width: 991.98px){ #section-icon .container .row:before {border-left: 0px ;} #section-icon [class*='col-']:nth-child(2n):before {width: 0px;height: 0px;} #section-icon [class*='col-']:nth-child(odd):before {width: 0px;height: 0px;} #section-info .contents.line-3 .contents-warp .text .text-warp {padding: 8vh 8vw;} #section-circle .header {justify-content: flex-start;} .section-warp.footer {margin: 4vh 0;} #section-footer .row>div:nth-child(3) {margin-bottom: 0;} } @media (max-width: 576.98px){ #section-icon .contents .text {min-width: 300px;} } @media (min-width:992px) { #section-icon [class*='col-']:after {background-color: transparent;} }