@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !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; font-size: var(--font-size-20); 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(8px, calc( 11 / var(--inner) * 100vw ), 11px); width:clamp(3px, calc( 4 / var(--inner) * 100vw ), 4px); height: clamp(3px, calc( 4 / var(--inner) * 100vw ), 4px); background:var(--color-body); 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-blue {background:#f6f9fb;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px) 0;}


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

.sub1_1_1 {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0; background: url(../images/sub/sub1_1-img-pc.jpg) no-repeat bottom right 40%/ cover; height: clamp(350px, calc( 600 / var(--inner) * 100vw ), 600px); max-width: 1920px; margin:0 auto;}
.sub1_1_1 .textbx {width: 57%;}
.sub1_1_1 .txt1 {font-size:var(--font-size-36); font-weight: bold; line-height:1.5;}
.sub1_1_1 .txt2 {padding-top:var(--padding-50); font-size:var(--font-size-20); color: var(--color-body); line-height:1.7;}

.sub1_1_2 .imgbx {padding-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px); text-align: center;}
.value-list {border-top: 1px solid var(--color-primary);}
.value-item {display: flex; flex-wrap: wrap; padding: var(--padding-50) 0; border-bottom: 1px solid #ddd;}
.value-item .num {flex: 1 0 clamp(120px, calc( 250 / var(--inner) * 100vw ), 250px); max-width: clamp(120px, calc( 250 / var(--inner) * 100vw ), 250px); padding-left: var(--padding-55); font-size: var(--font-size-80); font-weight: bold;  line-height: 1; opacity: 0.24;}
.value-item:nth-child(1) .num {color: #61c2f2;}
.value-item:nth-child(2) .num {color: #4e9ccc;}
.value-item:nth-child(3) .num {color: #376c93;}
.value-item:nth-child(4) .num {color: #203c56;}
.value-item .content {flex: 1; letter-spacing: -0.6px;}
.value-item .tit {padding-top: var(--padding-20);font-size: var(--font-size-32); font-weight: bold;margin-bottom: var(--padding-30); position: relative;}
.value-item .tit:after {position: absolute; content: ''; left: -14px; top: 10px; width:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); height: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); border-radius: 50%;}
.value-item:nth-child(1) .tit:after {background: #61c2f2;}
.value-item:nth-child(2) .tit:after {background: #4e9ccc;}
.value-item:nth-child(3) .tit:after {background: #376c93;}
.value-item:nth-child(4) .tit:after {background: #203c56;}
.value-item .desc {font-size: var(--font-size-20); color: var(--color-body); line-height: 1.7;}

.location .map {border-radius: 16px; overflow: hidden;}
.location .adr-wrap {margin-bottom:40px; margin-top: var(--padding-55); padding-left: var(--padding-35);}
.location .adr-wrap .comp {margin-bottom:10px; color:var(--color-primary); font-weight:600; font-size:var(--font-size-18); line-height:1.4em;}
.location .adr-wrap .adr {font-size:var(--font-size-20);  font-weight:600; line-height:1.4em;}
.location .info {display:flex; margin-bottom:70px; border:1px solid #ddd;border-radius:16px;}
.location .info .col {display:flex; align-items:center; padding:50px; width:33.3333%; border-right:1px solid #ddd;}
.location .info .col:last-child {border-right:none;}
.location .info .col .ic {display:flex; justify-content:center; align-items:center; width:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); height:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); margin-right:var(--padding-40); border-radius:50%; background-color:var(--color-primary);}
.location .info .col .ic svg {width:clamp(30px, calc( 44 / var(--inner) * 100vw ), 44px); height:auto;}
.location .info .col dl {min-width:0; width:1%; flex:1 1 auto; font-size:18px; line-height:1.4em;}
.location .info .col dl dt {margin-bottom:14px; color:var(--color-primary); font-weight:600;}
.location .info .col dl dd {color: #222; font-weight:600; font-size: var(--font-size-20);}
@media (max-width: 1024px) {
	.location .adr-wrap {margin-bottom:20px;}
}
@media (max-width: 640px) {
    .location .adr-wrap {padding-left: 0;}
	.location .info {display:block;}
	.location .info .col {padding:20px; border-right:none; border-bottom:1px solid #ddd; width:100%;}
	.location .info .col:last-child {border-bottom:none;}
	.location .info .col dl {font-size: 16px;}
	.location .info .col dl dt {margin-bottom:10px;}
	.location .info .col .ic {margin-right:20px;}
}


.team-list {display: flex;flex-wrap: wrap; gap:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px);}
.team-item {flex:1 0 calc((100% - 2 *clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px)) / 3); max-width: calc((100% - 2 *clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px)) / 3);}
.team-item.none {flex:1 0 100% !important; max-width: 100% !important; padding: 50px 0;}
.team-item a {display: block; position: relative; overflow:hidden; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.team-item .thumb {position:relative; padding-bottom:118.18%; overflow:hidden; }
.team-item .thumb img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.team-item .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.team-item .textbx {position: absolute; bottom: 0; width: 100%; padding: var(--padding-30) var(--padding-25); background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4), transparent); color: #fff;}
.team-item .textbx .badgebx {display: flex; margin:0 -10px; padding-bottom:var(--padding-15);}
.team-item .textbx .badge {display: inline-block; padding: 0 10px; position: relative; font-size: var(--font-size-18); font-weight: 600;}
.team-item .textbx .badge:not(:last-child):after {position: absolute; content: ''; top: 50%; right: -1px;width: 1px; height: 10px; transform: translateY(-50%); background: #fff;}
.team-item .textbx .name {font-size:var(--font-size-32); font-weight: 600; line-height:1.4em; }

.team-summary {display: flex; flex-wrap: wrap; align-items: center;gap: clamp(25px, calc( 100 / var(--inner) * 100vw ), 100px); padding-bottom: var(--padding-100);}
.team-summary .imgbx {width: clamp(300px, calc( 500 / var(--inner) * 100vw ), 500px);}
.team-summary .images {position:relative; padding-bottom:116%; overflow:hidden; border-radius: 24px;}
.team-summary .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.team-summary .textbx {flex: 1;}
.team-summary .namebx {margin-bottom: var(--padding-45);}
.team-summary .badgebx  {display: flex; margin:0 -10px;}
.team-summary .badge {display: inline-block; padding: 0 10px; position: relative; font-size: var(--font-size-18); color: var(--color-primary); font-weight: 600;}
.team-summary .badge:not(:last-child):after {position: absolute; content: ''; top: 50%; right: -1px;width: 1px; height: 10px; transform: translateY(-50%); background: #ddd;}
.team-summary .name {padding-top: 10px; font-size: var(--font-size-32); font-weight: 600;  }
.team-summary .badgebx.ty2 {padding-top:var(--padding-30);}
.team-summary .badgebx.ty2 .badge {font-size: var(--font-size-16); color: var(--color-body); font-weight: 400;}
.team-summary .text {font-size: var(--font-size-20); color: var(--color-body); line-height: 1.7;}

.team-detail .item {display: flex;flex-wrap: wrap; gap:var(--padding-50); }
.team-detail .item .titbx {width:  clamp(150px, calc( 300 / var(--inner) * 100vw ), 300px); border-top: 1px solid #686868; font-size: var(--font-size-24); font-weight: bold;}
.team-detail .item .infobx {flex: 1; border-top: 1px solid #ddd;}
.team-detail .item .titbx ,
.team-detail .item .infobx {padding: var(--padding-30) 0 var(--padding-80); padding-left: var(--padding-25);}
.team-infodetail .btn-pack {border-radius: 8px; font-size: var(--font-size-18) !important;}

.sub3_introbg { padding:clamp(70px, calc( 175 / var(--inner) * 100vw ), 175px)  0; margin-bottom: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px); color: #fff;}
.sub3_introbg.bg1 {background: url(../images/sub/sub3_intro-bg.jpg) no-repeat center center / cover;}
.sub3_introbg.bg2 {background: url(../images/sub/sub3_intro-bg2.jpg) no-repeat center center / cover;}
.sub3_introbg .txt1 {font-size:var(--font-size-36); font-weight: bold; line-height:1.5;}
.sub3_introbg .txt2 {padding-top:var(--padding-50); font-size: var(--font-size-20); line-height: 1.7;}
.sec3_intro-list {display: grid; grid-template-columns: repeat(4,1fr); gap:var(--padding-40) var(--padding-20); }
.sec3_intro-list.ty2 { grid-template-columns: repeat(3,1fr);}
.sec3_intro-list .link {display: block;}
.sec3_intro-list .img {border-radius: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.sec3_intro-list .textbx {padding:var(--padding-25) var(--padding-20); padding-bottom: 0;}
.sec3_intro-list .textbx .tit {font-size:var(--font-size-24); font-weight: bold; }
.sec3_intro-list .textbx .txt {padding-top:var(--padding-10);line-height: 1.7;}

.commtop-bg {display: flex;align-items: center;justify-content: center; margin-bottom: var(--padding-100); height:clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px); border-radius: clamp(24px, calc( 32 / var(--inner) * 100vw ), 32px); overflow: hidden;}
.commtop-bg .text {font-size:var(--font-size-32); font-weight: 500; line-height:1.43; text-align: center; color: #fff;}
.commtop-bg.bg1 {background: url(../images/sub/sub3-commbg1.jpg) no-repeat center center / cover;}
.commtop-bg.bg2 {background: url(../images/sub/sub3-commbg2.jpg) no-repeat center center / cover;}
.commtop-bg.bg3 {background: url(../images/sub/sub3-commbg3.jpg) no-repeat center center / cover;}
.commtop-bg.bg4 {background: url(../images/sub/sub3-commbg4.jpg) no-repeat center center / cover;}
.tab-wrap {margin-bottom:var(--padding-80);}
.tab-wrap .tabs {display: flex;justify-content: center;gap:clamp(8px, calc( 18 / var(--inner) * 100vw ), 18px);}
.tab-wrap .tablink {display: flex;align-items: center;justify-content: center;padding: 0 15px; height:var(--nav-height); min-width: clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px); font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); color:var(--color-body); border-radius: 16px; font-weight: 600; border: 1px solid #ddd;}
.tab-wrap .tabitem.active .tablink {background:var(--color-primary); border-color: var(--color-primary); color:#fff;}

.qna-list {border-top: 2px solid var(--color-primary);}
.qna-item {display: flex; flex-wrap: wrap; gap: 22px; padding: var(--padding-60) var(--padding-20); border-bottom: 1px solid #ddd;}
.qna-item .titbx {width:  clamp(80px, calc( 120 / var(--inner) * 100vw ), 120px);}
.qna-item .titbx .qtit {display: inline-block; position: relative; font-size: var(--font-size-60); font-weight: bold; color: var(--color-primary);  text-transform: uppercase; line-height: 1;}
.qna-item .titbx .qtit:after {position: absolute;content: ''; right: -15px; top: 0; width:var(--padding-10); height: var(--padding-10); border-radius: 50%; background: var(--color-primary);}
.qna-item .descbx {flex: 1; letter-spacing: -0.5px;}
.qna-item .descbx .title {font-size:var(--font-size-28); font-weight: bold; line-height:1.4em;}
.qna-item .descbx .text {padding-top:var(--padding-30); font-size: var(--font-size-20); color: var(--color-body); line-height: 1.7;}
.qna-item .descbx .small {font-size: var(--font-size-16); color: var(--color-primary); }

.prfcenter-item {display: flex;align-items: center;flex-wrap: wrap; flex-direction: row-reverse; gap:var(--padding-80);}
.prfcenter-item .imgbx {width:clamp(300px, calc( 670 / var(--inner) * 100vw ), 670px);}
.prfcenter-item .imgbx img {width:100%; height:auto; object-fit:cover;}
.prfcenter-item .textbx {flex: 1;}
.prfcenter-item .titbx {display: flex; align-items: center; gap:var(--padding-20); padding-bottom:var(--padding-60); margin-bottom: var(--padding-55); border-bottom: 1px solid #ddd;}
.prfcenter-item .titbx .num {display: inline-flex;align-items: center;justify-content: center;width: clamp(45px, calc( 60 / var(--inner) * 100vw ), 60px); height: clamp(28px, calc( 40 / var(--inner) * 100vw ), 40px); font-size: var(--font-size-18); font-weight: bold; color: var(--color-primary); border-radius:8px; background: #e0e4e7;}
.prfcenter-item .titbx .tit {font-size:var(--font-size-32); font-weight: bold;}
.prfcenter-item .bulletbx {display: flex;flex-wrap: wrap;}
.prfcenter-item .bullet-item {width: 50%;}
.prfcenter-item .bullet-item .bullet-list::before {background:var(--color-primary) !important;}
.prfcenter-item .bullet-list:not(:first-child) {margin-top:var(--padding-30);}
.prfcenter-item.reverse {flex-direction: row;}

.bgtitle {margin-bottom: var(--padding-50); padding-left:clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); position: relative; font-size: var(--font-size-32); font-weight: 600; color: #222;}
.bgtitle:after {position: absolute; content: ''; left: 0; top: clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px); background: url(../images/sub/textbg.png) no-repeat; background-size:contain; width: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px); height: auto; aspect-ratio: 1 / 1;}
.topteam-wrap {padding-bottom: var(--padding-80); margin-bottom: var(--padding-80); border-bottom: 1px solid #1c1c1c;}
.topteam-wrap .flxWrap {align-items: center; gap:var(--padding-90);}
.topteam-wrap .imgbx {width:clamp(300px, calc( 408 / var(--inner) * 100vw ), 408px);}
.topteam-wrap .images {position:relative; padding-bottom:117.64%; overflow:hidden; border-radius: 24px;}
.topteam-wrap .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.topteam-wrap .textbx {flex: 1; letter-spacing: -0.6px;}
.topteam-wrap .texttop {display: flex;  justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 20px; margin-bottom:var(--padding-50); padding-bottom: var(--padding-50); border-bottom: 1px solid #eee;}
.topteam-wrap .texttop .namebx {display: flex;flex-direction: column;gap:var(--padding-20);}
.topteam-wrap .texttop .position {font-size: var(--font-size-20); color: var(--color-primary); font-weight: 600;}
.topteam-wrap .texttop .name {font-size: var(--font-size-40); font-weight: 600; color: #222;}
.topteam-wrap .texttop .telbx {display: flex; align-items: center;gap: var(--padding-40); font-size: var(--font-size-20); color: #676767;}
.topteam-wrap .texttop .telbx .dec1 {color: #484848;}
.topteam-wrap .textbtm {display: grid; grid-template-columns: repeat(2,1fr); gap:20px;}
.topteam-wrap .commwid {display: flex; flex-wrap: wrap; gap:var(--padding-40);}
.topteam-wrap .titbx {font-size: var(--font-size-20); font-weight: 500; color: #878787;}
.topteam-wrap .decbx {flex: 1;}
.topteam-wrap .bulletlist {display: flex;flex-direction: column;gap:var(--padding-15);}
.topteam-wrap .bulletitem {padding-left:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); position: relative; font-size:var(--font-size-20); color: #484848;}
.topteam-wrap .bulletitem::before {position:absolute; content:''; left:0; top:clamp(8px, calc( 11 / var(--inner) * 100vw ), 11px); width:clamp(3px, calc( 4 / var(--inner) * 100vw ), 4px); height: clamp(3px, calc( 4 / var(--inner) * 100vw ), 4px); background:#ccc; border-radius: 50%;}

.btmteam-wrap {display: flex;flex-direction: column;gap: clamp(50px, calc( 160 / var(--inner) * 100vw ), 160px);}
.btmteam-wrap .team-grid {display: grid; grid-template-columns: repeat(4,1fr); gap:var(--padding-20);}
.btmteam-wrap .team-grid .item {padding: var(--padding-40); border: 1px solid #eee; border-radius:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);}
.btmteam-wrap .toptit {display: flex;flex-direction: column;gap:var(--padding-15); padding-bottom:var(--padding-30); margin-bottom: var(--padding-30); border-bottom: 1px solid #ddd;}
.btmteam-wrap .toptit .pst {font-size: var(--font-size-18); color: var(--color-primary); font-weight: 600;}
.btmteam-wrap .toptit .name {font-size: var(--font-size-24); color: #222; font-weight: 600;}
.btmteam-wrap .btmtit {display: flex; align-items: center; gap: var(--padding-40); font-size: var(--font-size-20); color: #676767;}
.btmteam-wrap .btmtit .dec1 {color: #484848;}

.subsec-wrap {display: flex;flex-direction: column;gap: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) ;}
.sub2insec1-list {display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--padding-20);}
.sub2insec1-list .item {display: flex; flex-direction: column; align-items: center; padding: var(--padding-55) var(--padding-20); border: 1px solid #eee; border-radius: 16px; text-align: center;}
.sub2insec1-list .icn {display: block; }
.sub2insec1-list .icn img {width: clamp(45px, calc( 96 / var(--inner) * 100vw ), 96px); height: auto; aspect-ratio: 1/1;}
.sub2insec1-list .txt {margin-top: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: var(--font-size-24); font-weight: 500; color: #484848; line-height: 1.4;}
.insecinner {padding:var(--padding-25); text-align: center; background: #f6f6f6; border-radius: 16px;}
.insecinner .checktit .tit {display: inline-block; padding-left:clamp(24px, calc( 34 / var(--inner) * 100vw ), 34px); position: relative; font-size: var(--font-size-22); font-weight: 600; color: var(--color-primary); text-align: left;}
.insecinner .checktit .tit:after {position: absolute; content: ''; left: 0; top: 3px; width: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); height: auto; aspect-ratio: 1/1; background: url(../images/sub/check2.png) no-repeat center center/ contain;}
.insecinner .dec {margin-top: var(--padding-15); font-size: var(--font-size-20); color: #484848;}
.insecinner + .insec2list {margin-top:20px;}
.insec2list {display: flex; justify-content: center; gap: var(--padding-20);}

.bgtitle .inbgtit {margin-top:var(--padding-45); font-size: var(--font-size-24); font-weight: 500; color: var(--color-primary); line-height: 1.58;}
.sub2insec2-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--padding-40);}
.sub2insec2-list .item {display: flex; align-items: center; gap: 12px; padding: var(--padding-24); background: #f6f6f6; border-radius: 16px;}
.sub2insec2-list .icn {flex-shrink: 0;}
.sub2insec2-list .icn img {width: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); height: auto; aspect-ratio:  1/1;}
.sub2insec2-list .txt {font-size: var(--font-size-22); font-weight: 600; color: #676767; line-height: 1.4;}
.sub2insec2-line {display: flex; align-items: center; justify-content: center; padding-bottom: 10px;}
.sub2insec2-btm {padding: var(--padding-30); font-size: var(--font-size-22); font-weight: 600; color: #fff; text-align: center; background: var(--color-primary); border-radius: 16px; line-height: 1.4;}

.sub2_2_2_btmtextbx {display: flex;flex-direction: column;gap: var(--padding-32); margin-top: var(--padding-50); text-align: center; line-height: 1.6;}
.sub2_2_2_btmtextbx .txt1 {font-size: var(--font-size-22); font-weight: 600; color: #484848;}
.sub2_2_2_btmtextbx .txt2 {font-size: var(--font-size-20); color: #676767;}
.sub2_2_2_btmtextbx .txt3 {font-size: var(--font-size-22); font-weight: 500; color: var(--color-primary);}

.tbl-wrap {overflow-x: auto;}
.sub2_2_3_tbl {width: 100%; border-collapse: collapse; border-top: 1px solid #222; table-layout: fixed; text-align: center; }
.sub2_2_3_tbl th, 
.sub2_2_3_tbl td {padding: var(--padding-20); font-size: var(--font-size-18); border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; vertical-align: middle; line-height: 1.5; word-break: keep-all;}
.sub2_2_3_tbl th:last-child, 
.sub2_2_3_tbl td:last-child {border-right: 0;}
.sub2_2_3_tbl thead th {background: #f6f6f6; font-weight: 600;}
.sub2_2_3_tbl .col-us {background: #e8f0f7; color: var(--color-primary); font-weight: 600;}
.sub2_2_3_tbl .nonbdr {border-right: 1px solid #ddd !important;}

.processlist {display: flex;flex-direction: column;gap: var(--padding-40);}
.processitem {display: flex; flex-wrap: wrap;gap: 15px;}
.processitem .namebx {display: flex;align-items: center;gap:10px; width: 125px; padding-left: var(--padding-24);}
.processitem .namebx .tit {font-size: var(--font-size-22); font-weight: 600; color: #505050;}
.processitem .listbx {flex: 1; padding: 12px; background: #f6f6f6; border-radius:44px;}
.processitem .textlist {display: flex; flex-wrap: wrap;}
.processitem .textitem {flex: 1 0 25%; display: inline-flex;align-items: center;justify-content: center; padding:10px 25px; min-height:clamp(50px, calc( 64 / var(--inner) * 100vw ), 64px); min-width: clamp(200px, calc( 307 / var(--inner) * 100vw ), 307px); color: #fff; font-size: var(--font-size-20); font-weight: 500; border-radius: 32px; text-align: center;}
.processitem .textitem.bg1 {background: #878787;}
.processitem .textitem.bg2 {background: #878787;}
.processitem .textitem.bg3 {background: #484848;}
.processitem .textitem.bg4 {background: #222222;}
.processitem .listbx.ty2 {border: 1px dashed #dfdfdf;}
.processitem .listbx.ty2 .textitem {flex: inherit;}
.processitem .listbx.ty2 .textitem.bg1 {background: #203c56; min-width: clamp(350px, calc( 660 / var(--inner) * 100vw ), 660px);}
.processitem .listbx.ty2 .textitem.bg2 {background: #7295b4;}