@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {display: none; content:"위노베이트"; font-size:12px; line-height:15px;}
.roughmap_maker_label:after,
.roughmap_maker_label .roughmap_lebel_text {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:15px; line-height:1.87; color: var(--color-body);}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(11px, calc( 14 / var(--inner) * 100vw ), 14px); width:4px; height: 4px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#fafafa;}
.bg-green {background:#F3FBF7;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 0;}
.subsec-pdt {padding-top: var(--padding-80 );}

.dottxtbx {margin-bottom: var(--padding-30);}
.dottxtbx .dottxt {padding-left:18px; position: relative; font-size:var(--font-size-24); font-weight: 600; line-height: 1.2;} 
.dottxtbx .dottxt::before {content: ''; position: absolute; left: 0; top: clamp(7px, calc( 9 / var(--inner) * 100vw ), 9px);  width: clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px); height: clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px); background: var(--color-primary); }
.dottxtbx .dotdec {margin-top: var(--padding-20); padding-left:18px;  font-size:var(--font-size-18); color: var(--color-body); line-height: 1.87; font-weight: 600;}

.bullet-tit {margin-bottom:var(--padding-30); padding-left:18px; position: relative; font-size:var(--font-size-24); font-weight: 600;}
.bullet-tit:after {position: absolute; content: ''; left: 0; top: clamp(9px, calc( 11 / var(--inner) * 100vw ), 11px); width: clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px); height: clamp(6px, calc( 8 / var(--inner) * 100vw ), 8px); background: var(--color-primary); }

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.border-dash {padding-top: var(--padding-80); margin-top: var(--padding-80); border-top: 1px dashed #ddd;} 

.overview-list {display:grid; grid-template-columns:repeat(4, 1fr) ; gap:var(--padding-20); } 
.overview-item {background:#fff; border:1px solid #ddd; padding:var(--padding-40); height: 100%;}
.overview-item .item-icon img {width:clamp(35px, calc( 64 / var(--inner) * 100vw ), 64px);}
.overview-item .item-txt { padding-top: var(--padding-35); letter-spacing: -0.7px;}
.overview-item .item-title {display: flex;margin-bottom: var(--padding-25); font-size: var(--font-size-20); font-weight: 600; line-height:1.1;}
.overview-item .item-title .in:first-child {margin-right: 10px; padding-right: 10px; position: relative;}
.overview-item .item-title .in:first-child::after {content: ''; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #ddd; }
.overview-list.ty2 {grid-template-columns:repeat(1, 1fr) ;}
.overview-item .flxwid {display: flex; flex-wrap: wrap;}
.overview-item .flxwid .bullet-item {width:50%;}

.management-list {display:flex; flex-direction:column; gap:var(--padding-20); margin-top:var(--padding-80);}
.management-row {display:flex; gap:var(--padding-20);; align-items:center; flex-wrap: wrap;}
.management-item {flex:1 0 calc((100% - 4 * var(--padding-20)) / 5); max-width: calc((100% - 4 * var(--padding-20)) / 5); display:flex; flex-direction:column; gap:clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); }
.management-item .item-img img {width: 100%;}
.management-item .item-txt {border:1px solid #ddd; padding:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); }
.management-item .item-position {font-size:var(--font-size-18); font-weight:600; color:var(--color-primary); }
.management-item .item-name {margin-top:12px; font-size:var(--font-size-24); font-weight:600;}
.management-item .item-career {margin-top:10px; font-size:var(--font-size-18); font-weight:500; color:#999; }
.management-row.ty2  {justify-content: space-between;}

.greet-wrap {display: flex; justify-content:flex-end; flex-wrap: wrap; position: relative; padding-bottom: clamp(100px, calc( 220 / var(--inner) * 100vw ), 220px);}
.greet-wrap .greet-img {width:78%;}
.greet-wrap .greet-text {position: absolute; bottom: 0; left: 0; padding:var(--padding-60); width: 72%; box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.08); z-index: 1; background: #ffff; letter-spacing: -0.6px;}
.greet-wrap .greet-text .title {font-size:var(--font-size-28); font-weight: 600; line-height: 1.5;}
.greet-wrap .greet-text .decbx {padding-top:var(--padding-30);}
.greet-wrap .greet-text .dec:not(:first-child) {margin-top:var(--padding-15);}
.greet-wrap .greet-text .dec {line-height: 1.87; color: var(--color-body);}

.topcomm-textwrap {margin-bottom: var(--padding-80); padding: var(--padding-60) 20px; border: 1px solid #ddd; text-align: center;box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08); letter-spacing: -0.5px;} 
.topcomm-textwrap .tit {font-size:var(--font-size-28); font-weight: 600; line-height: 1.5;}
.topcomm-textwrap .text {margin-top:var(--padding-30); line-height: 1.87; color: var(--color-body);}

.philo-cardwrap {display:flex; align-items:center; padding:var(--padding-20); flex-wrap: wrap; background:linear-gradient(to right, #f3fbf7, #dcf4e7); border:1px solid var(--color-primary); border-radius:clamp(60px, calc( 136 / var(--inner) * 100vw ), 136px); overflow:hidden;}
.philo-card {flex:1 1 33.33%; min-width:0; margin-right:-50px; height: 100%;}
.philo-card:last-child {margin-right:0;}
.philo-card-con {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-25); padding:var(--padding-40) var(--padding-30); background:rgba(255, 255, 255, 0.72); border:1px solid #c5edd7; border-radius:104px; max-width:500px; width:100%;}
.philo-icon {width:clamp(45px, calc( 64 / var(--inner) * 100vw ), 64px); height:clamp(45px, calc( 64 / var(--inner) * 100vw ), 64px);}
.philo-icon img {width:100%; height:100%; object-fit:contain;}
.philo-card-txt {font-size:var(--font-size-24); font-weight:600; color:var(--color-primary); text-align:center; line-height:1.58;}

.philo-bullet {max-width: 1360px; width: 100%; margin: 0 auto; padding-top: var(--padding-40); display: grid; grid-template-columns: repeat(3, 1fr); gap:var(--padding-15); letter-spacing: -0.6px;}
.philo-bullet .bullet-list {font-size: var(--font-size-17);}

.vision-imgtxt {padding-top: clamp(45px, calc( 110 / var(--inner) * 100vw ), 110px) ; background: url(../images/sub/earth.png) top center no-repeat; background-size: contain;}

.sub2_1-list {display: flex; flex-wrap: wrap; gap: var(--padding-20); justify-content: center;}
.sub2_1-item {flex:1 0 calc((100% - 2 * var(--padding-20)) / 3); max-width: calc((100% - 2 * var(--padding-20)) / 3); text-align: center;}
.sub2_1-item .icn img {width: clamp(45px, calc( 72 / var(--inner) * 100vw ), 72px);}
.sub2_1-item .txt {padding-top: var(--padding-30);}
.sub2_1-item .dec {font-size:var(--font-size-18); line-height: 1.77; color: var(--color-body);}

.blocker {z-index: 100;}
.modal {max-width: 1440px; padding:var(--padding-45) var(--padding-60); border-radius: 0; width: 100%;}
.modal .sub-title {margin-bottom:var(--padding-40); text-align:left;}
.modal .popuptable {padding: var(--padding-20) 0; border-top: 2px solid #686868; border-bottom: 1px solid #ddd;}
.modal .popuptable td {padding: var(--padding-20) var(--padding-40);}
.modal .popuptable .label {margin-bottom:var(--padding-20); font-weight: 600;}

.commicntxt-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-24); text-align: center;} 
.commicntxt-item {padding: var(--padding-40) 15px; border: 1px solid #ddd; height: 100%;}
.commicntxt-item .icn {padding-bottom: var(--padding-30); }
.commicntxt-item .icn img {width: clamp(45px, calc( 72 / var(--inner) * 100vw ), 72px);}
.commicntxt-item .txt {line-height: 1.77; color: var(--color-body);}

/* .sub2_4-img {padding:var(--padding-50) 0; border: 1px solid #ddd; text-align: center;} */ 
.imgbullet-list {display: flex;align-items: center;gap:clamp(25px, calc( 80 / var(--inner) * 100vw ), 80px); padding: var(--padding-40); border: 1px solid #ddd; background: #fff;}
.imgbullet-list .videobx {width:225px;}
.imgbullet-list .video {aspect-ratio: 225 / 400;}
.imgbullet-list .video video {width:100%; height:100%; object-fit:cover;}
.imgbullet-list .imgbx {width:200px;}
.imgbullet-list .textbx {flex: 1;}
.imgbullet-list .tit {margin-bottom: var(--padding-40); font-size:var(--font-size-28); font-weight: 600; line-height: 1.2;}
.imgbullet-list .tit .smalltxt {font-size:var(--font-size-20);  line-height: 1.87; font-weight: 600;}
.imgbullet-list .flxwid {display: flex; flex-wrap: wrap; }
.imgbullet-list .flxwid .bullet-item:first-child {width:clamp(300px, calc( 400 / var(--inner) * 100vw ), 400px);}
.imgbullet-list .flxwid .bullet-item:last-child {flex: 1;}
.imgbullet-list .flxwid .bullet-item.wid-50 {width:48%;}

.ecoprd-list {display: flex; flex-direction: column; gap: clamp(25px, calc( 48 / var(--inner) * 100vw ), 48px);}
.ecoprd-row .badge {display: inline-flex; align-items: center; justify-content: center; padding:clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px) clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); margin-bottom: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); font-size: var(--font-size-18); font-weight: 600; line-height: 1.2; background:#F3FBF7; color: var(--color-primary); }
.ecoprd-img-list {display: grid;grid-template-columns: repeat(2, 1fr);gap:var(--padding-25);}

.comparison-table {width: 100%; border-collapse: collapse; border-top: 2px solid #686868;}
.comparison-table th,
.comparison-table td {text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: var(--color-body); padding: clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.comparison-table th:last-child,
.comparison-table td:last-child {border-right: none;}
.comparison-table thead th {background: #fafafa;  font-weight: 600;  }
.comparison-table tbody td { color: var(--color-body);}
.comparison-table tbody td.bg-cell {background: #e9fbf2; color: var(--color-primary); font-weight: 600;}

 .border-line {padding: var(--padding-40); border: 1px solid #ddd;}
.sub3_2_2 .bullet-item {margin-top:var(--padding-20);}
.sub3_2_2 .border-line + .comparison-table-wrap {margin-top: var(--padding-35);}

.sub3_3_3 .ecoprd-row {margin-bottom: var(--padding-60);}
.mhpgrid-list {display:flex; flex-wrap: wrap; gap: clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px);}
.mhpgrid-list img {width: 100%; height: 100%; object-fit:cover;}

.location-area {display: flex;flex-direction: column; gap: var(--padding-80);}
.location-wrap .map {margin-bottom: var(--padding-40);}
.location-info {display: flex; gap: var(--padding-40); flex-wrap: wrap;}
.location-office.box1{width: 40%;}
.location-office.box2 {flex: 1; }
.location-title {margin-bottom:var(--padding-30); font-size: var(--font-size-24); font-weight: 600;}
.location-info-list {display: flex; flex-direction: column; gap: var(--padding-15);}
.location-info-item {display: flex; align-items: flex-start; gap: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px);}
.location-header {display: flex; align-items: center; gap: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px);}
.location-icon {width: clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px); flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.location-label {font-size: var(--font-size-18); font-weight: 600; color: var(--color-primary); line-height: 1.875; white-space: nowrap;}
.location-divider {width: 1px; height: 10px; background: #ddd; flex-shrink: 0;}
.location-text {font-size: var(--font-size-18); color: var(--color-body); line-height: 1.875;}
.location-office.box2 .location-info-list {gap:var(--padding-35);}
.location-office.box2 .location-header {width: clamp(110px, calc( 140 / var(--inner) * 100vw ), 140px);}
.location-office.box2 .location-text {flex: 1;}

.sub5_overtop .imgbullet-list {padding: var(--padding-55);box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08); border: 0;}
.sub5_overtop .imgbullet-list .tit {margin-bottom: var(--padding-20);}