@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:12px; margin-top:10px; line-height:1.6; color: #454545;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:11px; 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;}

.bg-gray {background:#fafafa;}

.greetitem {display: flex; flex-wrap: wrap; margin:-10px;}
.greetlist {flex: 1 0 25%; max-width: 25%; padding:10px;}
.greetlist .inner {padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); border: 1px solid #ddd; height: 100%; letter-spacing: -0.5px;}
.greetlist .icn {margin-bottom: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); text-align: center;}
.greetlist .icn img {width:clamp(60px, calc( 106 / var(--inner) * 100vw ), 106px);}
.greetlist .title {font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:bold; margin-bottom: clamp(16px, calc( 36 / var(--inner) * 100vw ), 36px); text-align: center;}
.greetlist .bullet-item .bullet-list::before {background: #454545;}

.history-img {margin-bottom:clamp(35px, calc( 90 / var(--inner) * 100vw ), 90px);}
.history {display:flex;}
.history .col-l {padding-left: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); width:50%;}
.history .col-l .txt1 {margin-bottom:12px; color:var(--color-primary); font-weight:700;}
.history .col-l .txt2 {font-size:clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); line-height:1.47em; font-weight:700;}
.history .col-l .txt3 {margin-top:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-size:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); line-height:1.4;font-weight:500;}
.history .col-r {margin-left: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); flex:1; line-height:1.63em; color:#454545; border-top: 1px solid #2c2c2c;}
.history-list {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) 0; border-bottom: 1px dashed #ddd;}
.history-list .inner {display: flex; flex-wrap: wrap;}
.history-list .num {width: clamp(70px, calc( 115 / var(--inner) * 100vw ), 115px); font-size: clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: 700; color: #242424;}
.history-list .bullet-item {flex:1; color:#454545;font-weight: 500;}
.history-list .bullet-item .bullet-list::before {background: #454545;}

@media (max-width: 1024px) {
	.history {display:block;}
	.history .col-l {width:100%; margin-bottom:30px; padding-left: 0;}
    .history .col-r {margin-left: 0;}
}

.safetywrap {max-width: 650px; margin:0 auto; width: 100%;}
.safetywrap .widinner {padding: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); border: 1px solid #ddd;}
.safetywrap .toptext {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); padding-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: center; border-bottom: 1px solid #ddd;}
.safetywrap .toptext .title {font-size: clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 700; margin-bottom: clamp(15px, calc( 26 / var(--inner) * 100vw ), 26px);}
.safetywrap .toptext .text {line-height:1.625; color: #454545; font-weight: bold;}

.numtxtlist + .numtxtlist {margin-top: clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px);}
.numtxtlist {display: flex;}
.numtxtlist .num { margin-right: 12px; margin-top: 3px; flex: 1 0 19px; max-width: 19px; height: 19px; background: var(--color-primary); color: #fff; font-weight: 500; text-align: center; line-height: 19px; border-radius: 50%;}
.numtxtlist .decbx {flex: 1 0 auto; width: 1%; }
.numtxtlist .decbx .dec {line-height:1.625 !important; color: #454545; font-weight: 500;}
.numtxtlist .decbx .dec + .dec {margin-top: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.safetywrap .logobx {margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: center;}
.safetywrap .logobx img {width: clamp(100px, calc( 148 / var(--inner) * 100vw ), 148px);}

.visionwrap .flxWrap {align-items: center; overflow: hidden;}
.visionwrap .imgbx {flex: 1 0 700px; max-width: 700px; margin-right: 70px;}
.visionwrap .textbx {flex: 1 0 auto; width: 1%; letter-spacing: -0.5px;}
.visionwrap .bxtitle {font-size:clamp(22px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 600; color:var(--color-primary);}
.visionwrap .decbx {margin-top: clamp(18px, calc( 35 / var(--inner) * 100vw ), 35px);}
.visionwrap .dec {line-height:1.625; color: #454545; font-weight: 500;}
.visionwrap .dec + .dec {margin-top: clamp(15px, calc( 28 / var(--inner) * 100vw ), 28px);}

.conwrap + .conwrap {margin-top:25px;}
.product-list {display: flex;flex-wrap: wrap; align-items: center;}
.product-list .product-img {flex: 1 0 700px; max-width: 700px; margin-right: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px);}
.product-list .product-txt {flex: 1 0 auto; width: 1%;}
.product-list .title {margin-bottom: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); padding-left: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); position: relative; font-size:clamp(17px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 700;}
.product-list .title:after {position:absolute; content:''; left:0; top:50%; width:clamp(2px, calc( 3 / var(--inner) * 100vw ), 3px); height:clamp(2px, calc( 3 / var(--inner) * 100vw ), 3px); background:#242424; border-radius: 50%; transform:translateY(-50%);}
.product-list .txtbx {padding-left: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.product-list .txtbx .indec {line-height:1.875; color: #454545; font-weight: 500;}
.product-list .numtxtlist + .numtxtlist {margin-top: 5px;}

.tblbx {margin-top: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.tblbx table {border-top: 2px solid var(--color-primary);}
.tblbx th,
.tblbx td {padding:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px) 10px; text-align: center; border-bottom: 1px solid #ddd;}
.tblbx .headbg {background: #e9f2e9; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 700;}
.tblbx tbody th,
.tblbx tbody td {color: #454545; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}
.tblbx tbody th {font-weight: 600; border-right: 1px solid #ddd;}
.tblbx .border-right {border-right: 1px solid #ddd;}

.bullettxt {margin-bottom:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.bullettxt .title {margin-bottom: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); padding-left: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); position: relative; font-size:clamp(17px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 700;}
.bullettxt .title:after {position:absolute; content:''; left:0; top:50%; width:clamp(2px, calc( 3 / var(--inner) * 100vw ), 3px); height:clamp(2px, calc( 3 / var(--inner) * 100vw ), 3px); background:#242424; border-radius: 50%; transform:translateY(-50%);}
.bullettxt .txtbx {padding-left: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); color: #454545; font-weight: 500;}

.bgbox {padding:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); background: #fff;}
.bgbox .bgtit {margin-bottom: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 700; }
.bgbox .numtxtlist + .numtxtlist {margin-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}

.msdsfile-item {margin-top: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border-top:2px solid #868686;}
.msdsfile-item .list + .list {margin-top: 5px;}
.msdsfile-item .listlink {display: flex; justify-content: space-between; align-items: center; padding:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); border: 1px solid #ddd; border-radius:8px; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); }
.msdsfile-item .list-txt,
.msdsfile-item .list-down {display: flex; align-items: center;}
.msdsfile-item .list-txt {padding-right: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.msdsfile-item .list-txt img {margin-right: clamp(10px, calc( 25 / var(--inner) * 100vw ), 25px);width: clamp(16px, calc( 31 / var(--inner) * 100vw ), 31px);}
.msdsfile-item .list-down .txt {color: #454545;}
.msdsfile-item .list-down img {margin-left: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);width: clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px);}