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

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; 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;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#F9F9F9 ;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px) 0 clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.subsec-pdt {padding-top: var(--padding-120);}

.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);}

.insubtitbx {margin-bottom: var(--padding-30);}
.insubtitbx .intit {font-size: var(--font-size-32); font-weight: bold;}


.sub1_1_1 {padding: var(--padding-80) 0 var(--padding-120);}
.sub1_1_1 .bg {margin-bottom: var(--padding-60); background: url(../images/sub/greet-bg.jpg) no-repeat right bottom; background-size: cover; height: clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px);}
.sub1_1_1 .contain {display: flex;align-items: flex-end; padding: var(--padding-80) var(--container-space); height: 100%; color: #fff;} 
.sub1_1_1 .txt1 {font-size:var(--font-size-48); font-weight: bold;}
.sub1_1_1 .txt2 {margin-top:var(--font-size-25); font-size: var(--font-size-20);}
.sub1_1_1 .flxWrap {gap: var(--padding-100);}
.sub1_1_1 .flxWrap .decbx {flex: 1; display: flex;flex-direction: column;gap: var(--padding-15); letter-spacing: -0.6px;}
.sub1_1_1 .flxWrap .dec {font-size:var(--font-size-18); line-height: 1.77; color: var(--color-body);}
.sub1_1_1 .numtxtlist {display: flex;flex-direction: column;}
.sub1_1_1 .numtxtitem {line-height: 1.8;font-weight: 600;}
.sub1_1_1 .numtxtitem .num {font-size: var(--font-size-24); color: var(--color-primary);}
.sub1_1_1 .numtxtitem .dec {font-size: var(--font-size-18); color: #121212;}
.sub1_1_2 .toptextbx {margin-bottom: var(--padding-60); text-align: center; line-height: 1.1; letter-spacing: -0.5px;}
.sub1_1_2 .toptextbx .txt1 {font-size: var(--font-size-24); font-weight: bold; color: var(--color-secondary);}
.sub1_1_2 .toptextbx .title {margin-top: var(--padding-20); font-size: var(--font-size-64); font-weight: bold;}
.sub1_1_2 .toptextbx .dec {margin-top: var(--padding-30); font-size: var(--font-size-20); font-weight: 600; color: var(--color-body);}
.policygrid {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--padding-20); align-items:stretch;}
.policycard {display:flex; flex-direction:column; padding:var(--padding-50); border:1px solid #ddd; border-radius:16px; background:var(--color-white);}
.policycard__tit {font-size:var(--font-size-32); font-weight:700; line-height:1; color:var(--color-primary); letter-spacing:-0.03em;}
.policycard__list {display:flex; flex-direction:column; gap:var(--padding-25); margin-top:var(--padding-40);}
.policycard__item {display:flex; gap:var(--padding-10); align-items:flex-start;}
.policycard__icn {flex-shrink:0;  margin-top:clamp(3px, calc( 5 / var(--inner) * 100vw ), 5px);}
.policycard__icn img {width:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); height:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);}
.policycard__cont {flex:1; min-width:0;}
.policycard__txt {font-size:var(--font-size-18); font-weight:600; line-height:1.44; color:#121212; letter-spacing:-0.03em;}
.policycard__sublist {margin-top:var(--padding-10); }
.policycard__sublist li {font-size:var(--font-size-14); line-height:1.71; color:var(--color-body); letter-spacing:-0.03em;}

.hisflxWrap {display: flex;gap:clamp(20px, calc( 75 / var(--inner) * 100vw ), 75px); flex-wrap: wrap;}
.hisflxWrap:first-child .commpd {border-top: 2px solid #121212;}
.hisflxWrap .commpd {padding: var(--padding-50) 0; border-bottom: 1px solid #ddd;}
.hisflxWrap .yearbx {width:clamp(90px, calc( 400 / var(--inner) * 100vw ), 400px); display: flex;align-items: center;justify-content: center; text-align: center;}
.hisflxWrap .year {display: block; font-size:var(--font-size-40); font-weight: bold; color: var(--color-primary); letter-spacing: -0.1px;}
.hisflxWrap .historyinfobx {flex: 1; display: flex;flex-direction: column; gap: var(--padding-25); letter-spacing: -0.5px;}
.hisflxWrap .cont {display: flex; flex-wrap: wrap; padding-left:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); position: relative; font-size: var(--font-size-18); color: var(--color-body);}
.hisflxWrap .cont::before {position: absolute; content: ''; left: 0; top: clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); width: 5px; height: 5px; border-radius: 50%; background: #ccc; }
.hisflxWrap .cont .month {margin-top: 3px; width: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); font-size: var(--font-size-20); color: #121212; font-weight: 600;}
.hisflxWrap .cont .dec {flex: 1; line-height: 1.5;}

.declaration-text {text-align: center; font-size: var(--font-size-24); line-height: 1.75; color: var(--color-body);}

.sub1_4_1 .principle-list {border-top:2px solid #121212;}
.sub1_4_1 .principle-item {display:flex; flex-wrap: wrap; align-items:center; gap:var(--padding-30);  padding: var(--padding-40) 0; border-bottom:1px solid #ddd;}
.sub1_4_1 .principle-item .tit {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(120px, calc( 300 / var(--inner) * 100vw ), 300px); font-size:var(--font-size-24); font-weight:700; line-height:1; color:var(--color-primary); letter-spacing:-0.03em; text-align:center;}
.sub1_4_1 .principle-item .dec {flex:1; min-width:0; font-size:var(--font-size-20); line-height:1.5; color:var(--color-body); letter-spacing:-0.03em;}
.sub1_4_2 .principle-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-20);}
.sub1_4_2 .principle-card {display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:var(--padding-50) var(--padding-40); border:1px solid #ddd; border-radius:16px; background:var(--color-white); text-align:center;}
.sub1_4_2 .principle-card .num {font-size:var(--font-size-32); font-weight:700; line-height:1; color:#ccc; letter-spacing:-0.03em;}
.sub1_4_2 .principle-card .dec {margin-top:var(--padding-20); font-size:var(--font-size-18); line-height:1.67; color:#505050; letter-spacing:-0.03em;}

.about-img {max-width: 1008px; width: 100%; margin: 0 auto; border: 4px solid #505050;  background: url(<path-to-image>) lightgray 0px -108.861px / 100% 109.077% no-repeat;  box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.40) inset;}