.ribbon {
    background-image: linear-gradient(#FF4800, #FF9801);
    color: white;
    padding: 0 32px;
    text-align: center;
    font-size: 1.2em;
    display: inline-block;
    position: relative;
    line-height:32px;
    /* 깊이를 위한 변수 설정 */
    --notch-depth: 15px; 

    /* clip-path 적용 */
    clip-path: polygon(
        0% 0%, 
        100% 0%, 
        calc(100% - var(--notch-depth)) 50%,
        100% 100%, 
        0% 100%, 
        var(--notch-depth) 50%
    );
}
.business .sec01 {text-align:center; background:#000;}
.business .sec01 .bg {width:100%;}
.business .sec01 .bg img {width:100%;}
.business .sec01 .description {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff;}
.business .sec01 .description .wrapper {position:absolute; bottom:70px; width:100%; max-width:100%;}
.business .sec01 .description .wrapper h3 {font-size:22px;}
.business .sec01 .description .wrapper h2 {font-size:80px; margin-top:16px;}
.business .sec01 .description .wrapper p {margin-top:40px; font-size:22px; color:#cfcfcf;}
.business .sec01 .description .wrapper .btn {background:#FF4800; color:#fff; margin-top:44px; width:144px; line-height:40px; text-align:center; font-weight:400; font-size:14px; border-radius:10px; display:inline-block;}

.business .sec02 {line-height:50px; display:flex; gap:28px; background:#FF4800; color:#fff; justify-content: center;}
.business .sec02 a {color:#FFC0A7; font-size:20px;}


.business .sec03 {background:linear-gradient(270deg, #FFFFFF 0%,#FFF0E7 70%); text-align:center; padding:74px 0 77px;}
.business .sec03 h2 {font-size:48px; color:#0D0D0D; text-align:center; padding-top:25px;}
.business .sec03 p {font-size:22px; font-weight:500; color:#1C1C1C; text-align:center;}

.business .sec03 .contents {margin-top:66px; display:flex; gap:30px; justify-content: center;}
.business .sec03 .contents > div {width:340px; height:340px; background:#fff; border-radius:20px; border:1px solid #DEDEDE; color:#fff; text-align:center; box-sizing: border-box;}
.business .sec03 .contents > div h3 {font-size:30px; color:#fff;}
.business .sec03 .contents > div span {font-size:22px; display:block; margin-top:16px; color:#fff;}
.business .sec03 .contents .list {position:relative; background-size:cover; overflow:hidden; background-position:center center;}
.business .sec03 .contents .list:after {content:''; position:absolute; bottom:0; height:50%; width:100%; background: linear-gradient(to bottom, transparent, #000); left:0; z-index:1;}
    
.business .sec03 .contents .list > div {position:absolute; bottom:36px; width:100%; z-index:2;}
.business .sec03 .contents .list.active {border:none;}
.business .sec03 .contents .list.active::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px; 
  padding: 5px; 
  z-index:2;
  background:linear-gradient(90deg,#FF4800,#FF9801); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}

.business .sec03 .box {background-image: linear-gradient(#FF4800, #FF9801); display:inline-block; margin:0 auto; width:756px; line-height:50px; margin-top:65px; border-radius:10px; font-size:24px; color:#fff;}


.business .sec04 {padding:150px 0 0; background:#191920; height:920px; background-size:cover; background-position:center center;}
.business .sec04 p {color:#fff; text-align:center; font-size:26px;}
.business .sec04 h2 {font-size:55px; text-align:center; margin-top:24px;}
.business .sec04 h2 font {background-clip: text; color: transparent; background: linear-gradient(to bottom, #999, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent}


.business .sec05 {background: url(/assets/images/check_list_bg.png); text-align: center; padding: 125px 0 125px; background-size: 80px;}

.business .sec05 h2 {font-size:55px; text-align:center; margin-top:27px;}
.business .sec05 p {text-align:center; font-size:22px; margin-top:47px; font-weight:500;}
.business .sec05 .box_wrap { text-align:center; color:#2C2F36; margin-top:52px;}
.business .sec05 .box {background-image: linear-gradient(#FF4800, #FF9801); display:inline-block; margin:0 auto; width:800px; line-height:55px; margin-top:16px; border-radius:30px; font-size:32px; font-weight:600; color:#fff;}
.business .sec05 .contents {display:flex; margin-top:84px; justify-content: center; gap:40px}
.business .sec05 .contents .item {width:520px;}

.business .sec05 .contents .item .top {position:relative; width: 100%; aspect-ratio: 8 / 4; height: auto; border-top-left-radius:40px; border-top-right-radius:40px; background:#FFE9E0; margin-bottom:36px; border-bottom:1px solid #FF4800; overflow:hidden;}
.business .sec05 .contents .item.bed .top {background:#F6F6F8; border-bottom:1px solid #8D8D93;}
.business .sec05 .contents .item.bed .top .bg {width:100%;}
.business .sec05 .contents .item .top .bg video {width:100%;}
.business .sec05 .contents .item .top span {position:absolute; top:34px; left:39px; background:#FF4800; line-height:22px; padding:0 16px; color:#fff; border-radius:11px;}
.business .sec05 .contents .item.bed  .top span {background:#9E9EA3;}

.business .sec05 .contents .item .body div {background:#FFE9E0; height:100px; justify-content: center; align-items: center; color:#FF4800; font-weight:500; display:flex; font-size:22px; border-radius:20px;}
.business .sec05 .contents .item .body {display:flex; gap:22px; flex-direction: column;}
.business .sec05 .contents .item.bed .body div {background:#F6F6F8; color:#8D8D93;}


.business .sec06 {padding:150px 0 150px; background:#FFF3EB; height:900px;}
.business .sec06 p {color:#FF4800; text-align:center; font-size:26px; font-weight:500;}
.business .sec06 h2 {font-size:55px; text-align:center; margin-top:25px;}
.business .sec06 span {text-align:center; font-size:22px; margin-top:45px; display:block;}


.business .sec07 {background-image: linear-gradient(#FF4800, #000); padding:180px 0 0;}
.business .sec07 .title {font-size:64px; text-align:center; background-clip: text; color: transparent; background: linear-gradient(to bottom, #fff, #FFE373); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.business .sec07 .description {font-size:26px; margin-top:24px; text-align:center; color:#fff;}


.business .sec07 .content_01 {margin-top:100px; color:#fff; text-align:center;}
.business .sec07 .content_01 .list {display:grid; gap:46px 40px; grid-template-columns: 1fr; margin-top:60px;}
.business .sec07 .content_01 .list .item {width:100%; border:1px solid #fff; border-radius:30px; background:#1A0B02; text-align:left; padding:32px 40px; box-sizing:border-box;}
.business .sec07 .content_01 .list h3 {color:#fff; font-size:35px; margin-top:15px;}
.business .sec07 .content_01 .list p {font-size:18px; text-align:left; margin-top:26px; color:#fff; padding-bottom:100px; font-weight:400;}
.business .sec07 .content_01 .list span {background:#FF4800; line-height:25px; border-radius:15px; display:inline-block; padding:0 15px;}

.business .sec07 .content_02 {margin-top:150px; color:#fff; text-align:center;}
.business .sec07 .content_02 .title_wrap {position:relative; z-index:2;}
.business .sec07 .content_02 .title_wrap > span {font-size:26px;}
.business .sec07 .content_02 .title_wrap > h2 {font-size:55px; margin-top:20px;}
.business .sec07 .content_02 .title_wrap > p {font-size:21px; margin-top:45px;}
.business .sec07 .content_02 img {width:100%;}
.business .sec07 .content_02 .image {margin-top:-10%;}







.business .sec09 {color:#fff;}
.business .sec09 .bg {padding:180px 0 180px; background-image:linear-gradient(#FF4800, #000);}
.business .sec09 .bg_image {width:100%;}
.business .sec09 h2 {text-align:center; font-size:55px; margin-top:10px;}
.business .sec09 p {text-align:center; font-size:20px; color:#FFD521;}
.business .sec09 .contents {margin-top:90px; display:flex; flex-direction:column; gap:64px;}
.business .sec09 .contents .head {display:flex; gap:20px;}
.business .sec09 .contents .head .icon {width:65px; height:65px; background:#FFF8EB; border-radius:10px; padding:4px; box-sizing:border-box;}
.business .sec09 .contents .head .icon img {width:100%;}
.business .sec09 .contents .head .title {text-align:left; display:flex; flex-direction: column; justify-content: space-evenly;}
.business .sec09 .contents .head h3 {font-size:30px;}
.business .sec09 .contents .head p {color:#E8E8E8; font-size:24px; text-align:left;}

.business .sec09 .contents .swiper {margin-top:32px;}
.business .sec09 .contents .swiper-slide {width:auto; border-radius:15px; overflow:hidden;}
.business .sec09 .contents .swiper-slide img {width:100%;}



.business .sec09 .content_02 h2 {text-align:center; font-size:55px; margin-top:100px;}
.business .sec09 .content_02 p {text-align:center; font-size:20px; color:#fff; margin-top:50px;}

.business .sec09 .portfolio {margin-top:80px;}
.business .sec09 .portfolio .tab_wrap{display:flex; gap:10px;}
.business .sec09 .portfolio .tab_wrap a {background-color: #fff; color:#777; line-height:35px; padding:0 20px; display:inline-block; border-radius:23px; font-size:18px; font-weight:500;}
.business .sec09 .portfolio .tab_wrap a.active {background:#ff4800; color:#fff;} 
.business .sec09 .portfolio .sub_tab {margin-top:10px;}
.business .sec09 .portfolio .sub_tab a.active {background:#000;}
.business .sec09 .portfolio .list {margin-top:50px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:0;}
.business .sec09 .portfolio .list img {width: 100%; height: 100%; object-fit: cover;}
.business .sec09 .portfolio .list a {padding-top:56.25%; position:relative;}
.business .sec09 .portfolio .list a .image {position:absolute; top:0; left:0; width:100%; height:100%;}
.business .sec09 .portfolio .list a .image .info {z-index:2; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); color:#ff4800; padding:20px; box-sizing:border-box; flex-direction: column;}
.business .sec09 .portfolio .list a .image .info span {font-size:12px; font-weight:400; display:block;}
.business .sec09 .portfolio .list a .image .info h2 {font-size:20px; font-weight:600; word-break: auto-phrase; margin-top:10px;}
.business .sec09 .portfolio .list a .image:hover .info {display:flex;}

.business .sec09 .content_02 .more {text-align:center; padding-top:80px;}
.business .sec09 .content_02 .more a {width:160px; color:#000; line-height:35px; font-weight:500; font-size:16px; border-radius:17.5px; background:#fff; display:inline-block;}
.business .sec09 .content_02 .more a:hover {color:#fff; background:#FF4800;}


@media (max-width: 980px) { 
	
	.business .sec01 .bg img {aspect-ratio: 5 / 4; object-fit:cover;}
	.business .sec01 .bg img {aspect-ratio: 3 / 4;}
	.business .sec01 .description .wrapper h3 {font-size:12px;}
	.business .sec01 .description .wrapper h2 {font-size:30px;}
	.business .sec01 .description .wrapper p {font-size:16px;}
	
	.business .sec02 {overflow-x:scroll; justify-content: flex-start; padding:0 20px;}
	.business .sec02 a {font-size:14px; white-space: nowrap; }
	
	.business .sec03 {padding:60px 16px;}
	.business .sec03 p {font-size:14px;}
	.business .sec03 h2 {font-size:30px;}
	.business .sec03 .contents {margin-top:30px;}
	.business .sec03 .contents > div {width:100%;}
	.business .sec03 .contents {flex-direction: column;}
	
	.business .sec04 {padding:72px 32px;}
	.business .sec04 p {font-size:14px;}
	.business .sec04 h2 {font-size:30px;}
	.business .sec04 {height:500px;}
	
	.business .sec05 {padding: 60px 16px;}
	.business .sec05 h2 {font-size:30px;}
	.business .sec05 p {font-size:14px; margin-top:20px;}
	.business .sec05 .contents {flex-direction: column;}
	.business .sec05 .contents .item {width:100%;}
	.business .sec05 .contents .item .body {gap:10px;}
	.business .sec05 .contents .item .body div {font-size:14px;}
	
	.business .sec05 .box {width:100%; font-size:16px;}
	
	.business .sec06 {padding: 60px 16px;}
	.business .sec06 p {font-size:14px;}
	.business .sec06 h2 {font-size:30px;}
	.business .sec06 span {font-size:16px;}
	
	.business .sec07 {padding: 60px 16px 0;}
	.business .sec07 .title {font-size:30px;}
	.business .sec07 .description {font-size:16px; margin-top:20px;}
	
	.business .sec07 .content_01 {margin-top:50px;}
	.business .sec07 .content_01 .list h3 {font-size:20px;}
	.business .sec07 .content_01 .list p {font-size:13px;}
	
	.business .sec07 .content_02 .title_wrap > span {font-size:16px;}
	.business .sec07 .content_02 .title_wrap > h2 {font-size:30px;}
	.business .sec07 .content_02 .title_wrap > p {font-size:14px;}
	

	
	
	.business .sec09 .bg {padding: 80px 32px;}
	.business .sec09 h2{font-size:32px;}
	.business .sec09 p {font-size:16px;}
	.business .sec09 .contents {margin-top:55px;}
	.business .sec09 .contents .head {gap:10px;}
	.business .sec09 .contents .head .icon {width:30px; height:30px; flex-shrink: 0;}
	.business .sec09 .contents .head h3 {font-size:27px; font-weight:600;}
	.business .sec09 .contents .head p {font-size:13px; margin-top:10px;}
	

	.business .sec09 .content_02 h2{font-size:32px;}
	.business .sec09 .content_02 p {font-size:16px;}
	
	.business .sec09 .portfolio .main_tab {flex-direction: column;}
	.business .sec09 .portfolio .tab_wrap {flex-wrap: wrap;}
	.business .sec09 .portfolio .tab_wrap a {font-size:12px; line-height:30px; border-radius:30px;}
	
	.business .sec09 .portfolio .more a {font-size:14px; line-height:30px; border-radius:30px;}
	.business .sec09 .portfolio .list {grid-template-columns: 1fr;}
	
	
}