@charset "utf-8"; /* 내용관리 */
.ctt_admin { position: fixed; z-index: 1000; top: 0px; right: 0; } 
#ctt header h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
section h2 { font-size: clamp(48px, calc(64 / 1600 * 100vw), 64px); margin-bottom: 20px; }
section h3 { font-size: clamp(28px, calc(48 / 1600 * 100vw), 48px); margin-bottom: 20px; }
section p { display: block;font-size: clamp(18px, calc(20 / 1600 * 100vw), 20px); font-weight: 500; }
section strong {display: block; font-size: clamp(20px, calc(24 / 1600 * 100vw), 24px); font-weight: 500; } 


.se01 { position: relative; padding: 138px 0; color: #fff; } 
.se01 .video-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } 
.se01 .video-box video { width: 100%; height: 100%; object-fit: cover; } 
.se01 .video-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: linear-gradient(180deg, rgba(137, 99, 170, 0.20) 0%, rgba(92, 43, 133, 0.20) 100%); } 
.se02 { color: #000; text-align: center; padding: 160px 0; }



.se03 { } 
.se03 ul { position: relative; } 
.se03 ul li { position: relative; height: calc(100dvh - 92px); display: flex; align-items: center; color: #F5F5F5; } 
.se03 ul li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(24, 10, 36, 0.40); } 
.se03 ul li:nth-child(1) { background: url(../../../img/company/se-03-01-bg.jpg)no-repeat center; background-size: cover; } 
.se03 ul li:nth-child(2) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../img/company/se-03-02-bg.jpg)no-repeat center; background-size: cover; } 
.se03 ul li .text-box { position: relative; z-index: 2; } 
.se03 ul li span,.se03 ul li p { font-size: clamp(16px, calc(24 / 1600 * 100vw), 24px); } 
.se03 ul li span { display: block; margin-bottom: 20px; } 
.se03 ul li h3 { margin-bottom: 80px; color: #F7EEFF; } 



.se04 { padding: 180px 0 240px; color: #fff; background: linear-gradient(0deg, #FFF 0.43%, #E8D6F6 18%, #9673B5 67.13%, #8963AA 89.17%); text-align: center; } 
.se04 ul { max-width: 1280px; display: flex; align-items: center; gap: 40px; margin: 120px auto 0; } 
.se04 ul li { position: relative; aspect-ratio: 1/1; font-size: clamp(14px, calc(20 / 1600 * 100vw), 20px); flex: 1; border-radius: 12px; overflow: hidden; } 
.se04 ul li p { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000002f; } 
.se04 ul li:nth-child(1) { background: url(../../../img/company/se-04-01-bg.jpg)no-repeat center; background-size: cover; } 
.se04 ul li:nth-child(2) { background: url(../../../img/company/se-04-02-bg.jpg)no-repeat center; background-size: cover; } 
.se04 ul li:nth-child(3) { background: url(../../../img/company/se-04-03-bg.jpg)no-repeat center; background-size: cover; } 

.se05 { text-align: center; padding: 140px 0; } 
.se05 .video-box { margin: 40px 0; aspect-ratio: 1600 / 500; overflow: hidden; } 
.se05 .video-box video { width: 100%; height: 100%; object-fit: cover; } 

.se06 { position: relative;color: #fff; padding: 128px 0 240px; background: url(../../../img/company/se-06-bg.jpg); text-align: center;overflow: hidden; } 
.se06 ul { margin-top: 195px; display: grid; gap: 20px; grid-template-rows: repeat(4, 110px); grid-template-columns: repeat(2,140px); grid-auto-flow: column; position: relative;z-index: 1;width: fit-content;} 
.se06 ul li {
  display: flex; flex-direction: column; justify-content: space-between;
  padding: 24px; text-align: left; border-radius: 8px;
  background: rgba(37, 10, 60, 0.12);
  backdrop-filter: blur(10px) saturate(160%) brightness(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(160%) brightness(1.05);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 1px 1px 0 rgba(255, 255, 255, 0.45), inset -1px -1px 0 rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top-color: rgba(255, 255, 255, 0.9);
  border-left-color: rgba(255, 255, 255, 0.45);
}
.se06 ul li strong{font-size: clamp(14px, calc(20 / 1600 * 100vw), 20px);}
.se06 ul li span{font-size: clamp(12px, calc(15 / 1600 * 100vw), 15px);color: #D3B9E9;}
.se06 .worldmap{width: fit-content;position: absolute;bottom: -10%;right: -10%;}
.se06 .path-hover:hover {fill:#9673B5;fill-opacity: 1;}




@media screen and (max-width:1400px){
  .se06 .worldmap{position: relative;right: 0;bottom: 0;}
  .se06 .worldmap svg{width: 100%;height: fit-content;}
  .se06 ul{    display: flex;flex-wrap: wrap;gap: 10px;margin-top: 0px;order: 1;}
  .se06 ul li{width: 140px;height: 110px;}
  .se06 .inner {display: flex;flex-direction: column;}
  .se06{padding-bottom: 40px;}
 

}

@media screen and (max-width:1024px){
   .se03 ul li {  height: calc(100dvh - 60px); } 
}


@media screen and (max-width:768px){
  .se04 ul{flex-direction: column;gap: 20px;margin-top: 80px;}
  .se04 ul li{aspect-ratio: auto;height: 200px;width: 100%;}
  .se04 ul li p{height: 200px;}
}