.commercial-area section:first-of-type > ul {position: relative; min-height: 442px; max-width: 1457px; margin: 0 auto;}
.commercial-area section:first-of-type > ul > li {position: absolute; left: 0; top: 0; display: flex; gap: 0 17px; width: 100%; opacity: 0; transition: opacity 3s; padding: 0 20px;}
.commercial-area section:first-of-type > ul > li.active {opacity: 1;}
.commercial-area section:first-of-type > ul > li > img {width: 52.7%; max-width: 736px;}
.commercial-area section:first-of-type > ul > li ol {padding: 25px 20px; background-color: #444; border-radius: 20px; flex: 1;}
.commercial-area section:first-of-type > ul > li ol li {padding-bottom: 7px; border-bottom: 1px solid #ECFAF8; font-size: 17px; font-weight: 400; color: #ECFAF8;}
.commercial-area section:first-of-type > ul > li ol li:not(:last-child) {margin-bottom: 15px;}
.commercial-area section:first-of-type > ul > li .slide-desc {padding: 20px 35px; background: url('/work/img/bg_slide_desc.png') no-repeat center, #75B3AA; border-radius: 20px; width: 27.8%; max-width: 388px;}
.commercial-area section:first-of-type > ul > li .slide-desc p {background: url('/work/img/btn_solution_arrow.svg') no-repeat right top 13px; font-family: "Paperlozy"; font-size: 20px; font-weight: 400; color: #222; line-height: 35px; padding-right: 15px;}
.commercial-area section:nth-of-type(2) {text-align: center;}
.commercial-area section:nth-of-type(2) > h2 + p {margin-bottom: 60px;}
.commercial-area section:nth-of-type(2) picture img {width: 100%; max-width: 976px;}
.commercial-area section:nth-of-type(3) {padding: 235px 0 105px;}
.commercial-area section:nth-of-type(3) .design-list-wrap ul:first-of-type li:nth-child(1) {background-image: url('/work/img/bg_public_design_list_01.jpg');}
.commercial-area section:nth-of-type(3) .design-list-wrap ul:first-of-type li:nth-child(2) {background-image: url('/work/img/bg_commercial_design_list_01.jpg');}
.commercial-area section:nth-of-type(3) .design-list-wrap ul:first-of-type li:nth-child(3) {background-image: url('/work/img/bg_commercial_design_list_02.jpg');}
.commercial-area section:nth-of-type(3) .design-list-wrap ul:last-of-type li:nth-child(1) {background-image: url('/work/img/bg_public_design_list_04.jpg');}
.commercial-area section:nth-of-type(3) .design-list-wrap ul:last-of-type li:nth-child(2) {background-image: url('/work/img/bg_commercial_design_list_03.jpg');}
.commercial-area section:nth-of-type(3) .design-list-wrap ul:last-of-type li:nth-child(3) {background-image: url('/work/img/bg_commercial_design_list_04.jpg');}

@media screen and (max-width: 1024px){
    .commercial-area section:first-of-type > ul {max-width: 736px; min-height: initial; margin: 0 auto; margin-bottom: 17px;}
    .commercial-area section:first-of-type > ul > li {flex-direction: column; gap: 10px 0;}
    .commercial-area section:first-of-type > ul > li > img,
    .commercial-area section:first-of-type > ul > li .slide-desc {width: 100%;}
    .commercial-area section:first-of-type > ul > li ol {display: grid; grid-template-columns: repeat(2, 1fr); padding: 7px 11px; border-radius: 10px; gap: 5px 0;}
    .commercial-area section:first-of-type > ul > li ol li {font-size: 11px; line-height: 14px; padding-bottom: 5px;}
    .commercial-area section:first-of-type > ul > li ol li:not(:last-child) {margin-bottom: initial;}
    .commercial-area section:first-of-type > ul > li .slide-desc {padding: 8px 11px; min-height: 100px; background-position: right center; background-image: url('/work/img/bg_slide_desc_mo.png'); max-width: initial; border-radius: 10px;}
    .commercial-area section:first-of-type > ul > li .slide-desc p {font-size: 16px; line-height: 24px;}
    .commercial-area section:first-of-type .title-desc.mo {max-width: 736px; margin: 0 auto; padding-left: 20px;}

    .commercial-area section:nth-of-type(2) > h2 + p {margin-bottom: 20px;}
    .commercial-area section:nth-of-type(2) picture img {max-width: 500px;}
    .commercial-area section:nth-of-type(3) {padding: 100px 0;}
}