@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"서울 서초구 동작대로 40"; font-size:12px; line-height:15px;}
#map2 .roughmap_lebel_text:after {content:"서울 서초구 방배천로 4안길 12"; }

.bullet-item .bullet-list {position:relative; padding-left:11px; margin-top:8px; line-height:1.4; color: #000;}
.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; border-radius: 50%; background:#000000;}
.bullet-item2 .bullet-list2 {position:relative; padding-left:11px; margin-top:8px; line-height:1.4; color: #454545;}
.bullet-item2 .bullet-list2:first-child {margin-top:0;}
.bullet-item2 .bullet-list2::before {position:absolute; content:''; left:0; top:9px; width:3px; height:3px; border-radius: 50%; background:var(--color-1);}

.bg-gray {background:#f8f8f8;}
.bg-color {background:#fcf3eb;}
.secpd {padding: clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px) 0;}
.secpd2 {padding: clamp(40px, calc( 90 / var(--inner) * 100vw ), 90px) 0;}

.titletopbx {text-align: center;}
.titletopbx .boxtitle {font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: bold; line-height: 1.3;}
.titletopbx .boxtitle2 {font-size:clamp(17px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: bold; line-height: 1.3; color: #000;}
.titletopbx .boxtitle3 {font-size:clamp(24px, calc( 50 / var(--inner) * 100vw ), 50px); font-weight: bold; line-height: 1.3; color: #000;}
.titletopbx .subtitle {padding-top:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545;}
.titletopbx .subtitle2 {padding-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #000;}
.titletopbx .underline {display: inline-block; position: relative;}
.titletopbx .underline:after {position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: clamp(6px, calc( 16 / var(--inner) * 100vw ), 16px); background: #dbe9ff; z-index: -1;}



/* 컨설팅본부 */
.mapwrap { padding-top: clamp(15px, calc( 34 / var(--inner) * 100vw ), 34px);}
.mapwrap .imgbx {flex:1 0 840px; max-width: 840px; margin-right: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.mapwrap .image {position:relative; padding-bottom:65.47%; overflow:hidden; border-radius: 12px;}
.mapwrap .image img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;}
.mapwrap .infobx {flex: 1 0 auto; width: 1px;  height:clamp(400px, calc( 550 / var(--inner) * 100vw ), 550px); }
.mapwrap .infobx .inner {padding: clamp(20px, calc( 38 / var(--inner) * 100vw ), 38px) clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); background: #f5f5f5; height: 100%; border-radius: 12px; overflow-y: auto;}
.infolist {padding:clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px) 0 ; border-bottom: 1px solid #ddd;}
.infolist:first-child {padding-top: 0;}
.infolist .tit {font-size:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: bold;}
.infolist .itemin {padding-top: clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px);}
.infolist .listin + .listin {padding-top: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px);}
.infolist .listin {display: flex;}
.infolist .name {flex: 1 0 clamp(40px, calc( 45 / var(--inner) * 100vw ), 45px); max-width: clamp(40px, calc( 45 / var(--inner) * 100vw ), 45px); color:var(--color-1); font-weight: bold;}
.infolist .dec {flex: 1 0 auto; width: 1%; color: #454545; font-weight: 300;}

.inofficebox  {padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.headttbox .headtit {font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); color: #222; font-weight: bold;}
.headttbox .subheadtit {padding-top:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545;}
.headttbox .subheadtit2 {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545;}

.headofficebox .tblbx {padding-top: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.tblbx th,
.tblbx td {padding: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(5px, calc( 20 / var(--inner) * 100vw ), 20px); text-align: left; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.tblbx.type2 th,
.tblbx.type2 td {padding: clamp(5px, calc( 12 / var(--inner) * 100vw ), 12px) clamp(5px, calc( 20 / var(--inner) * 100vw ), 20px);}
.tblbx th:first-child {border-bottom: 1px solid #ddd;}
.tblbx td:last-child {border-bottom: 1px solid #ddd; border-right: 0;} 
.tblbx th {background: #f5f5f5; font-weight: 600; color: #242424;}
.tblbx td {color: #454545; line-height: 1.7;}
.tblbx .dec + .dec {padding-top: 3px;}
.tblbx .tdlist + .tdlist {padding-top: 3px;}
.tblbx .tdlist {display: flex;}
.tblbx .name {flex: 1 0 clamp(50px, calc( 60 / var(--inner) * 100vw ), 60px); max-width: clamp(50px, calc( 60 / var(--inner) * 100vw ), 60px); color:var(--color-1); font-weight: 600;}
.tblbx .text {flex: 1 0 auto; width: 1%;}

/* 연혁 */
.greetlogobx {position: relative; }
.greetlogobx:after {position: absolute; content: ''; right: 0; bottom: -75px; width: clamp(80px, calc( 319 / var(--inner) * 100vw ), 319px); height: clamp(72px, calc( 280 / var(--inner) * 100vw ), 280px); background:url(../images/sub/his-logo.png) no-repeat; background-size: contain;}
.greetbx {padding-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.greetbx .dec {line-height: 1.5; color: #454545; letter-spacing: -0.5px;}
.greetbx .dec + .dec {padding-top: clamp(12px, calc( 26 / var(--inner) * 100vw ), 26px);}
.greetbx .signbx { padding-top: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px); font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: bold; color: #333; text-align:center;}
.greetbx .signbx .signtit {font-size:clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);}
.greetbx .signbx .name {padding-right: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); }
.greetbx .signbx img {width:clamp(60px, calc( 79 / var(--inner) * 100vw ), 79px) ;}
.greetbx .flxWrap {align-items: center;justify-content:center;}

#history {margin-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);overflow:hidden;}
#history .tab-box {padding-top: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px); position:relative; overflow: hidden;}
#history .histit {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: clamp(80px, calc( 140 / var(--inner) * 100vw ), 140px); height: clamp(80px, calc( 140 / var(--inner) * 100vw ), 140px); border-radius: 50%; background:var(--color-1);  font-size: clamp(16px, calc( 28 / var(--inner) * 100vw ), 28px);font-family:var(--font1); color: #fff;}
#history .history-bar {position:absolute; width:1px; top: 0; left:50%; transform:translateX(-50%); height:100%; background:#ddd; z-index:-2;}
#history .tab-cnt {display: flex; flex-wrap: wrap; position: relative; text-align:center; letter-spacing: -0.5px;}
#history .tab-cnt + .tab-cnt {padding-top: clamp(40px, calc( 55 / var(--inner) * 100vw ), 55px);}
#history .tab-cnt .year {display: flex; align-items: center; justify-content: center; position: absolute; left:50%; transform: translateX(-50%); width: clamp(35px, calc( 80 / var(--inner) * 100vw ), 80px); height: clamp(35px, calc( 80 / var(--inner) * 100vw ), 80px); background:var(--color-1); color: #fff; font-size:clamp(11px, calc( 20 / var(--inner) * 100vw ), 20px); font-family:var(--font1); border-radius: 50%; font-weight: 400;}
#history .widbx {flex: 1 0 50%; max-width: 50%; }
#history .textbx {text-align: left; padding-left:clamp(35px, calc( 80 / var(--inner) * 100vw ), 80px);}
#history .imgbx {text-align: right; padding-right: clamp(35px, calc( 125 / var(--inner) * 100vw ), 125px);}
#history .imgbx img {box-shadow: rgba(0,0, 0, 0.1) 0 0 32px; border-radius: 16px;}
#history .inner {margin-top: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
#history .inbox + .inbox {margin-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
#history .title {font-size: clamp(17px, calc( 28 / var(--inner) * 100vw ), 28px); font-family:var(--font1); color:var(--color-1); font-weight: 400;}
#history .bullet-item {padding-top: 10px;}
#history .bullet-item .bullet-list {color: #454545;}
#history .bullet-item .bullet-list::before {background: #454545;}
#history .tab-cnt.reverse {flex-direction: row-reverse;}
#history .tab-cnt.reverse .imgbx {padding-left:clamp(30px, calc( 125 / var(--inner) * 100vw ), 125px); padding-right: 0; text-align: left;}
#history .tab-cnt.reverse .textbx {padding-right: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); padding-left: 0; text-align: right;}
#history .tab-cnt.reverse .bullet-item .bullet-list {padding-left: 0; padding-right: 11px;}
#history .tab-cnt.reverse .bullet-item .bullet-list::before {left:initial; right: 0;}

.locationwrap {position: relative;}
.locationwrap:before {position: absolute; content: ''; left: 0; top: 0; width: 100%; height:clamp(520px, calc( 800 / var(--inner) * 100vw ), 800px); background: url(../images/sub/location-bg.jpg) no-repeat ; background-size: cover;}
.locationwrap .titletopbx .boxtitle {color: #fff;}
.locabox {padding-top: clamp(60px, calc( 190 / var(--inner) * 100vw ), 190px); position: relative; top: 0;}
.tabs {display: flex; justify-content: center; padding-top: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px);}
.tabs .tab {padding: 0 5px;}
.tabs .link {display: flex; align-items: center; justify-content: center; width: clamp(130px, calc( 180 / var(--inner) * 100vw ), 180px); height: clamp(36px, calc( 48 / var(--inner) * 100vw ), 48px); border-radius: 24px; border: 1px solid #fff; color: #fff; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 500;}
.tab.active .link {background:#fff; color:var(--color-1);}
.local-wrap {padding-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); position:relative;}
.local-wrap .local-content {position:absolute; z-index: -1; left: 0; top: 0; width: 100%;height: 100%; opacity: 0;}
.local-wrap .local-content.on {opacity: 1; z-index: 1; position: relative; transition: 1s all ease;}
.local-wrap .directions {padding-bottom: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.local-wrap .address-list {display: flex; justify-content: center; color: #fff;}
.local-wrap .location,
.local-wrap .tel {padding-left:clamp(22px, calc( 33 / var(--inner) * 100vw ), 33px); position: relative; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: bold;}
.local-wrap .location {padding-right: clamp(30px, calc( 48 / var(--inner) * 100vw ), 48px);}
.local-wrap .location::before {position: absolute; content: ''; left: 0; top:-3px; width: clamp(10px, calc( 19 / var(--inner) * 100vw ), 19px); height: clamp(15px, calc( 28 / var(--inner) * 100vw ), 28px); background: url(../images/sub/loca-icn1.png) no-repeat; background-size: contain;}
.local-wrap .tel::before {position: absolute; content: ''; left: 0; top:3px; width: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); background: url(../images/sub/loca-icn2.png) no-repeat; background-size: contain;}

/* 조직 */
.orgbg {background: url(../images/sub/org-bg.jpg) no-repeat center center; background-size: cover;}
.orgbg .titletopbx .boxtitle {color: #fff;}
.orgitem {display: flex; flex-wrap: wrap; padding-top: clamp(30px, calc( 55 / var(--inner) * 100vw ), 55px); margin:-12px;}
.orglist {flex: 1 0 20%; max-width: 20%; padding: 12px;}
.orglist .inner {padding: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); text-align: center; height: 100%; border-radius: 16px; background: #fff;cursor: default;transition:0.3s;}
.orglist .inner.lastbg {display: flex;align-items: flex-end; justify-content: flex-end; text-align: right; padding: clamp(15px, calc( 26 / var(--inner) * 100vw ), 26px) clamp(10px, calc( 26 / var(--inner) * 100vw ), 26px); color: #fff; background: url(../images/sub/org-bg2.png) no-repeat; background-size: cover; letter-spacing: -0.5px;}
.orglist .icn img {height: clamp(50px, calc( 88 / var(--inner) * 100vw ), 88px);}
.orglist .textbx {padding-top:clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);}
.orglist .tit {display: block; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600;}
.orglist .dec {display: block; padding-top:clamp(12px, calc( 22 / var(--inner) * 100vw ), 22px); line-height:1.5; color: #454545;}
.orglist .top {display: block; font-weight: 600; line-height: 1.5;}
.orglist .bottom {display: block; padding-top: 10px; font-size: clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: bold; font-family:var(--font2);}
.orglist .inner:hover {background-color:rgba(255,255,255,0.75);}
.orglist .inner.lastbg:hover {background-color:rgba(34,101,166,0.75);}

/* 언론및수상 */
.award-bg {position: relative; margin-top: -70px; padding: clamp(100px, calc( 180 / var(--inner) * 100vw ), 180px) 0;  z-index: 50; background:url(../images/sub/award-bg.jpg) no-repeat; border-top-left-radius: 80px; border-top-right-radius: 80px; overflow: hidden; background-size: cover;}
.trophybx {text-align: center;}
.trophybx .toptext {font-family:var(--font3); font-weight: 400; color: #bca164; font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.trophybx .bottomtext {margin-top: -24px;}
.trophybx .bottomtext img {width: clamp(160px, calc( 389 / var(--inner) * 100vw ), 389px);}
.trophywid{max-width: 770px; width: 100%; margin: 0 auto;}
.trophyitem {display: flex; flex-wrap: wrap; margin: -40px; padding-top: 20px;}
.trophylist {flex: 1 0 50%; max-width: 50%; padding: 40px;}
.trophylist .inner {display: flex; align-items: center; justify-content: flex-start; flex-direction: column; margin: 0 auto; padding-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); color: #fff; width: clamp(220px, calc( 309 / var(--inner) * 100vw ), 309px); height: clamp(157px, calc( 220 / var(--inner) * 100vw ), 220px); background:url(../images/sub/award-icn1.png) no-repeat ; background-size: contain;}
.trophylist .text {display: block; background: linear-gradient(to right,#dbbf84,#be9c55 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); font-family:var(--font5); line-height: 1.5;}
.awardlogowid  {max-width: 680px; width: 100%; margin: 0 auto;}
.awardlogoitem {display: flex;flex-wrap: wrap;margin: -4px; padding-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.awardlogolist {flex: 1 0 33.33%; max-width: 33.33%; padding: 4px;}

/* 사회산업현황 */
.pretoptext .flxWrap {justify-content: space-between;}
.pretoptext .widbx {flex: 1 0 50%; max-width: 50%;}
.purposewaylist {border-top: 1px solid #ddd; }
.purposewaylist:last-child {border-bottom: 1px solid #ddd;}
.purposewaylist {padding:clamp(15px, calc( 33 / var(--inner) * 100vw ), 33px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.purposewaylist .title {padding-bottom: clamp(10px, calc( 22 / var(--inner) * 100vw ), 22px); font-size: clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:bold;}
.purposewaylist .listitem {display: flex;}
.purposewaylist .listitem + .listitem {margin-top: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);}
.purposewaylist .bullet-item2 .bullet-list2 {margin-top: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);}
.purposewaylist .bullet-item2 .bullet-list2:first-child {margin-top: 0;}
.purposewaylist .name {flex: 1 0 clamp(85px, calc( 104 / var(--inner) * 100vw ), 104px); max-width: clamp(85px, calc( 104 / var(--inner) * 100vw ), 104px); font-weight: bold; color: var(--color-1);}
.purposewaylist .desc {flex: 1 0 auto; width: 1%; color: #454545; line-height: 1.4;}

.prebg {background:url(../images/sub/pre-bg.jpg) no-repeat; background-size: cover;}
.prebg .boxtitle,
.prebg .subtitle {color: #fff;}
.graphitem {display: flex; flex-wrap: wrap; margin:-10px; padding-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.graphlist {flex: 1 0 50%; max-width: 50%; padding: 10px;}
.graphlist .inner {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px); padding-bottom: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); background: #fff; border-radius: 16px; height: 100%; letter-spacing: -0.5px;}
.graphlist .titlebx {flex: 1 0 205px; max-width: 205px;}
.graphlist .imgbx {flex: 1 0 auto; width: 1%; padding-top: 15px;}
.graphlist .tit {font-size: clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: bold;}
.graphlist .subtit {padding-top: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); color: #454545; line-height: 1.6;}

.presentslidebx {padding-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.presentslidebx .swiper + .swiper {padding-top: 24px;}
.presentslidebx .swiper-wrapper {transition-timing-function: linear;}
.presentslidebx .swiper-slide {width:450px;}
.presentslidebx .inner {padding: clamp(20px, calc( 38 / var(--inner) * 100vw ), 38px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(190px, calc( 226 / var(--inner) * 100vw ), 226px); background: #f8f8f8; border-radius: 16px; text-align: left; overflow-y: auto;}
.presentslidebx .icn img {height: clamp(50px, calc( 64 / var(--inner) * 100vw ), 64px);}
.presentslidebx .name {display: block; padding-top:5px ; font-weight: bold; color: #333333;}
.presentslidebx .desc {padding-top:12px; color: #454455; line-height: 1.5;}
/* 스크롤바의 폭 너비 */
.presentslidebx .inner::-webkit-scrollbar {width: 4px;  }
.presentslidebx .inner::-webkit-scrollbar-thumb {  background: #cecece; border-radius: 16px;}
.presentslidebx .inner::-webkit-scrollbar-track { background: #ddd;}

/* 부설연구소 */
.numicnbox {overflow: hidden;}
.bigtit {font-size: clamp(26px, calc( 100 / var(--inner) * 100vw ), 100px); font-family:var(--font1); text-align: center;}
.numbox {text-align: center;}
.numbox .num {display: flex; align-items: center; justify-content: center; margin: 0 auto; padding-top: 10px; line-height: 1; width:clamp(70px, calc( 116 / var(--inner) * 100vw ), 116px); height: clamp(65px, calc( 108 / var(--inner) * 100vw ), 108px); font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: bold; color: #fff; background: url(../images/sub/trian1.png) no-repeat; background-size: contain;}
.numbox .numtit {padding-top: clamp(15px, calc( 32 / var(--inner) * 100vw ), 32px); font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: bold;}
.numbox .subtit {padding-top: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: #454545; line-height: 1.4;}
.numbox.type2 .num {background: url(../images/sub/trian2.png) no-repeat; background-size: contain; color:var(--color-1);}
.numbox.type2 .numtit,
.numbox.type2 .subtit {color: #fff;}

.corporbg {padding: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 0 clamp(100px, calc( 290 / var(--inner) * 100vw ), 290px); background: url(../images/sub/corpa-bg.jpg) no-repeat top center; background-size: cover;}
.corporbg .inimg {padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); text-align: center;}
.coricnitem {display: flex; flex-wrap: wrap; margin:-12px; padding-top: clamp(30px, calc( 55 / var(--inner) * 100vw ), 55px);}
.coricnlist {flex: 1 0 33.33%; max-width: 33.33%; padding: 12px;}
.coricnlist .inner {display: flex; align-items: center; flex-wrap: wrap; padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: 16px; color: #fff; height: 100%;}
.coricnlist:nth-child(odd) .inner {background: #22c789;}
.coricnlist:nth-child(even) .inner {background: #2265a6;}
.coricnlist .icn {flex: 1 0 clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); max-width: clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); margin-right: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.coricnlist .text {flex: 1 0 auto; width: 1%; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: bold; line-height: 1.3;}
.corporbg .inbox + .inbox {padding-top: 10px;}

.coricnlist.type2 .inner {text-align: center;}
.coricnlist.type2 .inner .icn {flex: 1 0 100%; max-width: 100%; margin-bottom: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); margin-right: 0;}
.coricnlist.type2 .inner .icn img {width: clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px);}
.coricnlist.type2 .inner .text {flex: 1 0 100%; width: 100%;}
.coricnlist.type2:nth-child(odd) .inner {background: #2265a6;}
.coricnlist.type2:nth-child(even) .inner {background: #22c789;}

.researchitem {padding-top: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.researchlist + .researchlist {padding-top: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.researchlist .inner {display: flex; flex-wrap: wrap; padding: clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px) clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px); border-radius: 16px; border: 1px solid #ddd;}
.researchlist .widbx {flex: 1 0 50%; max-width: 50%;}
.researchlist .titbx {font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: bold; color:var(--color-1);}