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

.doc-cnt {padding:var(--padding-80) 0;} 
.doc-cnt:last-child {padding-bottom:0;} 
.doc-cnt.bg-grey {background-color: #f4f4f4;} 

.bullet-item .bullet-list {position:relative; padding-left:9px; 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:5px; height:1px; background:#242424;}

.doc-tit {margin-bottom:clamp(10px, calc( 28 / var(--inner) * 100vw ), 28px); padding-left:clamp(22px, calc( 27 / var(--inner) * 100vw ), 27px); font-size: clamp(17px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; color:#454545; background:url("../images/sub/sub_dot.png")center left no-repeat; letter-spacing:-.03em; background-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px) auto;}

/* 회사소개 */
.greeting-area .imgbx {flex:1 0 540px; max-width:540px;}
.greeting-area .greeting-txt {flex:1 0 auto; width:1%; padding-right:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); letter-spacing:-.03em;}
.greeting-txt .title {font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-family:var(--font1); line-height:1.2em;}
.greeting-txt .sub-tit {padding-top:clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; line-height:1.52em; }
.greeting-txt .descbx {padding-top:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.greeting-txt .desc {padding-top:clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); line-height:1.7em; }
.greeting-txt .desc:first-child {padding-top:0;}
.greeting-txt .ceo {margin-top:26px;}
.greeting-txt .ceo .flxWrap {align-items:flex-end; padding-top:10px; line-height:1;}
.greeting-txt .ceo span {display:inline-block; padding-right:5px;}

.ptt-item {display:flex; justify-content:center; flex-wrap:wrap; margin:-15px;}
.ptt-list {padding:15px;}
.ptt-list .img {border:1px solid #ddd;}
.ptt-list .name {display:block; padding-top:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px); text-align:center; color:#454545;}

.prd-item {display:flex; flex-wrap:wrap; align-items:center; margin:0 -15px;}
.prd-list {flex:1 0 50%; max-width:50%; padding:0 15px;}
.prd-list .img {position:relative;}
.prd-list .img .badge {display:inline-block;padding:clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px) clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); position:absolute; left:0; top:0; background:#172660;color:#fff; font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500;}
.prd-list .name {display:block; padding-top:clamp(10px, calc( 22 / var(--inner) * 100vw ), 22px); font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); text-align:center; color:#454545;}
.prd-list .textbx .tit {font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:bold;}
.prd-list .hyplist {padding-top:12px;}
.prd-list .hypitem + .hypitem {margin-top:clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px);}
.prd-list .hypitem {position:relative; padding-left:12px; color:#454545;}
.prd-list .hypitem:after {position:absolute; content:''; left:0; top:14px; width:4px; height:1px; background:#454545;}
.prd-list .hypitem.none {padding-left:0;}
.prd-list .hypitem.none:after {display:none;}
.prd-item.type2 .prd-list {flex:1 0 100%; max-width:100%;}
.tbl-wrap {margin-top:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); }
.tbl-wrap .wid-200 {width:clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px);}
.tbl-wrap .border-r {border-right:0;}
.tbl-wrap table {border-top:1px solid #000;}
.tbl-wrap table th,
.tbl-wrap table td {padding:clamp(8px, calc( 11 / var(--inner) * 100vw ), 11px) clamp(5px, calc( 20 / var(--inner) * 100vw ), 20px); color:#454545; border-bottom:1px solid #ddd; text-align:center; border-right:1px solid #ddd;}
.tbl-wrap table th {background:#f5f5f5; font-weight:500;}
.tbl-wrap table th.bg2 {background:#e5f3f8;}
.tbl-wrap table td {line-height:1.5;}
.tbl-wrap table td:last-child {border-right:0}

.subsecpd {padding-top:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.subsecpd2 {padding-top:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px);}
.subsection + .subsection {padding-top:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px);}

.diagonal-cell {position: relative;}
.diagonal-content {position: relative; height: 40px; display: flex; flex-direction: column; justify-content: space-between;}
.diagonal-content::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top right, transparent 48.5%, #ddd 48.5%, #ddd 51.5%, transparent 51.5%);}
.diagonal-content .top-text {align-self: flex-end; margin-top: -5px; margin-right: 10px; z-index: 1;}
.diagonal-content .bottom-text {align-self: flex-start; margin-bottom: -5px; margin-left: 10px; z-index: 1;}

.prdimgtxtlist {display:flex;flex-wrap:wrap;justify-content:center;margin:-30px -20px;}
.prdimgtxtitem {flex:1 0 25%; max-width:25%;padding:30px 20px;}
.prdimgtxtitem .name {display:block;padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; color:#454545;text-align:center;}
.prdimgtxtitem .text-box {padding-top:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); text-align:center;}
.prdimgtxtitem .badge {display:inline-flex;align-items:center;justify-content:center;width:clamp(90px, calc( 100 / var(--inner) * 100vw ), 100px);height:clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius:15px;background:var(--color-1);font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);font-size:500;color:#fff;}
.prdimgtxtitem .badge + .name {padding-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);font-weight:400;}
.sub01_1_5-box {padding:clamp(30px, calc( 55 / var(--inner) * 100vw ), 55px) clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); text-align:center; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px);color:#454545;line-height:1.55; background:#f8f8f8;}