@charset "UTF-8"; 
.s-container{padding:15rem 0; transition: background-color 0.5s ease;}
.cont_hTitle h2{font-size: 5rem; font-weight: 700; color: #fff;}
.cont_hTitle h2 span{color: var(--point-color); font-size: 5rem; font-weight: 700;}
.cont_hTitle h4{color: #fff; font-size: 2.4rem;  line-height:1.5; margin-top: 4rem;}
.cont_hTitle2 h2{font-size: 5rem; font-weight: 700; color: var(--point-color);}
.cont_hTitle2 h5{color: var(--point-color); font-size: 2rem;}
.cont_hTitle2 h3{font-size: 3.4rem; font-weight: 600; color:#fff;}
.cont_hTitle2 h4{color: #ccc; font-size: 2.2rem;}
.cont_hTitle3{margin:10rem 0 5rem; text-align:center;}
.cont_hTitle3 .titLabel{font-family: 'Poppins'; text-transform: uppercase;font-size: 2rem; font-weight: 500;  background: #003BFF;  width: 12rem;    margin: 0 auto; padding: 0 1rem;}
.cont_hTitle3 .mtitText{text-transform: uppercase;margin: 4rem 0 8rem;}
.cont_hTitle3 h3{font-size:4.6rem; color:#a6a6a6; font-weight:700;}
.cont_hTitle3 .c_white{color:#fff;}
.cont_hTitle3 .btitText{ font-size: 6.6rem; font-weight: 900;  color: var(--point-color);}
	
	@media screen and (max-width:1200px){
		.s-container { padding: 10rem 0;}
		.cont_hTitle h2{font-size:4rem;}
		.cont_hTitle h2 span{font-size: 4rem; }
		.cont_hTitle2 h2{font-size:4rem;}
		.cont_hTitle2 h3 { font-size: 3rem;}
		.cont_hTitle3 h3{font-size:4rem;}
		.cont_hTitle3 .btitText{font-size:6rem;}
		
	}



/* --- company --- */
.company .cont_hTitle h2,
.company .cont_hTitle h4{color:#000;}

.greetings { width: 100%; position: relative; }
.greetings .titbox {}
.greetings .cont_hTitle h2 {position: fixed;  top: 60rem; }
.greetings .cont_hTitle.fixed-stop h2 { position: absolute; top: 30rem;}
.greetings .bgImg {overflow: visible; text-align:center; margin-top: 14rem;}
.greetings .bgImg .zoomimg{ width: 80%; height: auto;transition: transform 0.3s ease;    filter: brightness(0.8);}
.greetings .stancetxt p {opacity:0; transform: translateY(5rem); position: fixed; top: 65rem; font-size: 2.4rem;line-height: 1.8;margin-top: 10rem; color:#fff;    text-shadow: 1px 1px 2px #000;}
.greetings .stancetxt.fixed-stop p { position: absolute; top: 37rem; }
	
	@media screen and (max-width:1600px){
		.greetings .bgImg .zoomimg{height:110rem;}
	}
	@media screen and (max-width:1200px){
		.greetings .stancetxt p{font-size:2.2rem;}
	}


.mv{margin:12rem 0;}
.mv .tTitle{font-size:4rem; text-transform:uppercase}
.mission{display:flex; gap: 5rem;  justify-content: space-between;margin-bottom: 12rem; padding-bottom: 10rem; border-bottom: 1px solid #eaeaea;}
.mission .conttxt{}
.mission .conttxt .list + .list{margin-top:7rem;}
.mission .conttxt .list01 .tit{color:#15A0FF;}
.mission .conttxt .list02 .tit{color:#157AFF;}
.mission .conttxt .list03 .tit{color:#6C8AFF;}
.mission .conttxt .tit{font-size:2.4rem; font-weight:500;}
.mission .conttxt .subject{font-size:4.5rem; font-weight:700; margin:1.2rem 0;}
.mission .conttxt .txt{font-size:2.6rem; font-weight:500;}
.core .conttxt{  width: 100%; display: flex; align-items: center; justify-content: center; gap: 14rem; margin-top:10rem;}
.core .conttxt .list{position:relative; text-align:center;}
.core .conttxt .list:after{content:'';display:block;position:absolute;top: 50%;transform: translateY(-50%);left: -8rem;width:2rem;height:2rem;background:url(../img/content/core_plus.svg) no-repeat center center / 2rem;}
.core .conttxt .list:first-child:after{display:none;}
.core .conttxt .list .icon{width:15rem; height:15rem; margin:0 auto; animation: spin 5s linear infinite;}
.core .conttxt .list01 .icon{background:url(../img/content/core_icon01.svg) no-repeat center center / 15rem;}
.core .conttxt .list02 .icon{background:url(../img/content/core_icon02.svg) no-repeat center center / 15rem; animation: spin2 5s linear infinite;}
.core .conttxt .list03 .icon{background:url(../img/content/core_icon03.svg) no-repeat center center / 15rem;}
.core .conttxt .list04 .icon{background:url(../img/content/core_icon04.svg) no-repeat center center / 15rem;animation: spin2 5s linear infinite;}
.core .conttxt .enTit{font-size:2rem;margin: 5rem 0 1rem;}
.core .conttxt .koTit{font-size:4.5rem; font-weight:700;}
.core .conttxt .txt{font-size:2.4rem;font-weight:500;margin-top: 2.5rem;line-height: 1.5;}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin2 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
	
	@media screen and (max-width:1200px){
		.mv .tTitle{font-size: 3rem;}
		.mission .conttxt .subject{font-size:3.5rem;}
		.mission .conttxt .txt{font-size:2.4rem;}
		.core .conttxt .koTit{font-size:3.5rem;}
		.core .conttxt .txt{font-size:2.2rem;}
	}

	@media screen and (max-width:980px)	{
		.mission{ flex-direction: column;}
		.core .conttxt{flex-direction: column;}
		.core .conttxt .list:after{display:none;}
	}
	
	@media screen and (max-width:640px)	{
		}


.major{width:100%;}
.major * {color:#fff;}
.major .sub_inwrap{padding: 10rem 2rem 0;}
.major .tTitle{font-size:4rem; position: sticky; top: 5rem; color:#000;}
.major .fieldLst{margin-top:5rem;}
.major .fieldLst ul{}
.major .fieldLst .item{ position: sticky; top: 15rem; width:100%; height:44rem; background:#ddd; border-radius:4rem 4rem 0 0;}
.major .fieldLst .item:after{content:''; display:block; position:absolute; top:0; left:0; border-radius: 4rem 4rem 0 0; width:100%; height:100%; background: linear-gradient(10deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4));}
.major .fieldLst .item a{position: relative; z-index: 1;display:block; width:100%; height:100%; padding:6rem;}
.major .fieldLst .item .titbox{display:flex; align-items:flex-end; gap:10rem;}
.major .fieldLst .item .tit{font-size:5rem; font-weight:600; text-transform: uppercase;}
.major .fieldLst .item .stit{font-size:3rem;}
.major .fieldLst .item01{background:url(../img/content/company_fieldimg01.png) no-repeat center center;}
.major .fieldLst .item02{background:url(../img/content/company_fieldimg02.png) no-repeat center center; background-position-y: -25rem;}
.major .fieldLst .item03{background:url(../img/content/company_fieldimg03.png) no-repeat center center;}
.major .fieldLst .item04{background:url(../img/content/company_fieldimg04.png) no-repeat center center; background-position-y: -40rem;}
.major .fieldLst .item05{background:url(../img/content/company_fieldimg05.png) no-repeat center center;}
.major .fieldLst .item06{background:url(../img/content/company_fieldimg06.png) no-repeat center center;}
.major.bgChange .tTitle{color:#fff;}

	@media screen and (max-width:1200px)	{
		.major .tTitle{font-size:3rem;}
		.major .fieldLst .item .tit{font-size:4rem;}
	}

	@media screen and (max-width:980px)	{
		.major .fieldLst .item .titbox{flex-wrap:wrap; gap:1rem 5rem;}
	}
	

.history_wrapper{position: relative;}
.step_line{position: absolute; width: 1px; height: calc(100% - 14rem); background: #eaeaea; top: 12rem; left: 66rem;}
.step_line .line{position: absolute; width:100%; height:0; background:var(--point-color); }
.step_line .line .line_dot{ position: absolute; width: 3.8rem; height: 3.8rem; background: url(../img/content/history_round.svg) no-repeat center center /3.8rem; left: 50%; transform: translate(-50%, -50%); top: 0;}
.step_cont{position: relative; padding: 14rem 0; display:flex; gap:20rem;}
.step_cont .l_img{position: sticky; top: 10rem; left:0; width:56rem; height:60rem;}
.step_cont .l_img .yearLst li{text-align:center;}
.step_cont .l_img .yearLst .yeartxt{font-size:2.2rem; font-weight: 600; color:var(--point-color);}
.step_cont .l_img .yearLst .year{font-size:6rem; font-weight:800;}
.step_cont .l_img .txtLst li{font-size:2.8rem; font-weight:600; text-align:center;}
.step_cont .l_img .imgLst{position: relative; height: 36rem; margin: 3rem 0; display: flex; perspective: 1000px; width: 100%;}
.step_cont .l_img .imgLst li{  position: absolute; width: 100%;  height: 0; padding-top: 64.286%; border-radius: 3rem; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.6s ease, visibility 0.6s ease; z-index: 0;}
.step_cont .l_img .imgLst li.active {opacity: 1; visibility: visible; z-index: 1;}
.step_cont .l_img .imgLst li .yearimg{position: absolute; top: 0; right: 0; width: 100%;  height: 100%;  transition: all 0.2s linear;}
.step_cont .r_info{width:calc(100% - 76rem);}
.step_cont .r_info ul{width: 100%;}
.step_cont .r_info .columnLst{position: relative;}
.step_cont .r_info .columnLst .txtcont{position: relative; margin-bottom:6rem;}
.step_cont .r_info .columnLst .txtcont dl dt{font-size: 3.4rem; font-weight: 600; margin-bottom: 1.5rem;}
.step_cont .r_info .columnLst .txtcont dl + dl{margin-top:6rem;}
.step_cont .r_info .columnLst .txtcont dl dd p{position: relative; font-size: 2rem; color: #333;}
.step_cont .r_info .columnLst .txtcont dl dd p + p{margin-top: 1rem;}
.step_cont .r_info .columnLst .txtcont dl dd .dotted{padding-top:1rem;}
.step_cont .r_info .columnLst .txtcont dl dd .dotted p{text-indent: -1rem; padding-left: 1rem;}
.step_cont .r_info .columnLst .m_img{display:none;}
	
	@media screen and (max-width:1400px){
		.step_cont{gap:16rem;}
		.step_cont .l_img{width:48rem;}
		.step_cont .r_info{width: calc(100% - 64rem);}
		.step_line{left:56rem;}
	}
	@media screen and (max-width:980px)	{
		.step_cont{flex-direction: column; padding:6rem 0;}
		.step_cont .l_img{display:none;}
		.step_line{display:none;}
		.step_cont .r_info{width:100%;}
		.step_cont .r_info .columnLst .m_img{display:block;}
		.step_cont .r_info .columnLst .m_img .yeartxt{font-size:2.2rem; font-weight: 600; color:var(--point-color);}
		.step_cont .r_info .columnLst .m_img .year{font-size:4rem; font-weight:800;}
		.step_cont .r_info .columnLst .m_img .yearimg{margin:2.5rem 0;width: 100%; border-radius: 3rem; overflow: hidden;}
		.step_cont .r_info .columnLst .m_img .yearimg img{ width: 100%; height: 100%;}
		.step_cont .r_info .columnLst .m_img .txt{font-size:2.8rem; font-weight:600;}
		.step_cont .r_info .columnLst .txtcont{    margin: 10rem 0 15rem;}
		.step_cont .r_info .columnLst:last-child .txtcont{margin-bottom:0;}
	}

.organization{overflow:hidden;}
.organization .zoomImg{position: relative;  padding-bottom: 16.5%;  width: 78%;  margin: 8rem auto 12rem;  will-change: max-width, height;}
.organization .zoomImg img{ position: absolute; inset: 0; width: 100%; height: 100%;object-fit: cover;transform: scale(1); transform-origin: center center;will-change: transform;}
.organizationBox{position:relative; margin:5rem 0;  width:100%; display:flex; gap:12rem;}
.organizationBox:before{content:''; display:block; position: absolute; top: 0; left:28rem; width: 2px; height:100%; background: #eaeaea;}
.organizationBox .l_item{width:24rem;}
.organizationBox .l_item .cp{text-align: center; font-size: 6rem;  text-transform: uppercase;  font-weight: 700;}
.organizationBox .r_item{width:calc(100% - 36rem); margin-top:2rem;}
.organizationBox .r_item > div + div{margin-top:8rem;}
.organizationBox .r_item .item_list{width: 100%; max-width: 18rem;}
.organizationBox .r_item .item_list .dept{font-size:3rem; font-weight:600;}
.organizationBox .r_item .item_list ul{margin-top:2.5rem;}
.organizationBox .r_item .item_list ul li{font-size:2rem; color:#444;}
.organizationBox .r_item .item_list ul li + li{margin-top:1rem;}
.organizationBox .r_item .several{display:flex; flex-wrap:wrap; gap:13rem;}
.organizationBox .r_item .item_list ul li .dot{margin:2rem 0;}
.organizationBox .r_item .item_list ul li .dot li{font-size:1.6rem; color:#888; margin-top:0.5rem;}
.organization .marquee_wrap{overflow: hidden; position: relative; width:100%;}
.organization .marquee_track{display: flex; gap: 6rem; white-space: nowrap;}
.organization .marquee{color: #f5f5f5; font-family: 'poppins';  font-size: 14rem;  font-weight: 700;  text-transform: uppercase; white-space: nowrap;}

	@media screen and (max-width:1200px){
		.organization .zoomImg{width:100%; height:100%; padding-bottom:0;}
		.organization .zoomImg img{position: static;}
	}

	@media screen and (max-width:980px){
		.organizationBox{ flex-direction: column;}
		.organizationBox:before{top: 14rem; left: 0;  width: 100%; height: 2px;}
		.organizationBox .l_item{width:100%;}
		.organizationBox .l_item .cp{font-size:4rem;}
		.organizationBox .r_item{width:100%;}
		.organizationBox .r_item .item_list{max-width:100%; text-align:center;}
		.organizationBox .r_item .several{gap:8rem;}
		.organizationBox .r_item .several  .item_list{width: calc(100% / 2 - 4rem);}
		.organizationBox .r_item .item_list .dept{font-size:2.6rem;}
	}



.certification .certifi_wrap{margin-top:12rem; display: flex; align-items: flex-start; gap: 20rem;}
.certifi_wrap .titlst{width:8rem; height: 10rem; position: sticky; top: 8rem;}
.certifi_wrap .titlst div + div{margin-top:3rem;}
.certifi_wrap .titlst a{ display: flex;}
.certifi_wrap .titlst a span{position:relative;  font-size: 2.4rem; color: #bcbcbc; font-weight: 600;}
.certifi_wrap .titlst .active a span{color:#000;}
.certifi_wrap .titlst .active a span:after{content:''; display:block; position:absolute; top:0; right:-1.8rem; width:0.8rem; height:0.8rem; background:var(--point-color); border-radius:50%;}
.certifi_wrap .thumlst{width:calc(100% - 30rem);}
.certifi_wrap .item + .item{margin-top:15rem;}
.certifi_wrap .item .t_tit{font-size:3.6rem; font-weight:600;}
.certifi_wrap .item .cont_board{display: flex; flex-wrap:wrap; gap:6rem 2.4rem; margin:5rem 0;}
.certifi_wrap .item .cont_board li{ width:calc(100% / 4 - 1.8rem); text-align:center;}
.certifi_wrap .item .cont_board .thum_img{border-radius:1rem; background:#f6f6f6; padding: 3rem;}
.certifi_wrap .item .cont_board .thum_img img{width:100%; height: 16vw; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);}
.certifi_wrap .item .cont_board .label{color:#888; margin-top:2rem;}
.certifi_wrap .item .cont_board .txt_tit{font-size:1.8rem; font-weight:500; margin-top:1rem;}
.certifi_wrap #award .cont_board .txt_tit{margin-top:2rem;}
	
	@media screen and (max-width:1200px){
		.certification .certifi_wrap{flex-direction: column;  gap: 4rem;}
		.certifi_wrap .titlst{width: 100%; position: static; display: flex; gap: 5rem;}
		.certifi_wrap .titlst div + div{margin-top:0;}
		.certifi_wrap .thumlst{width:100%;}
		.certifi_wrap .item .cont_board .thum_img img{height:25vw;}
	}
	@media screen and (max-width:900px){
		.certifi_wrap .item .cont_board li{width: calc(100% / 3 - 1.8rem);}
		.certifi_wrap .item .cont_board .thum_img img{height:30vw;}
	}
	@media screen and (max-width:640px){
		.certifi_wrap .item .cont_board li{width: calc(100% / 2 - 1.8rem);}
		.certifi_wrap .item .cont_board .thum_img img{height:50vw;}
	}

.map_wrapper{margin:12rem 0;}
.map_wrapper .tab{width: 100%; max-width: 152rem;padding: 0 2rem; margin: 0 auto; display: flex;align-items: center; gap: 1rem;}
.map_wrapper .tab li{width: calc(100% / 2); max-width: 23rem;}
.map_wrapper .tab li a{font-size: 2rem; border: 1px solid #000; padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: center; width: 100%;}
.map_wrapper .tab li.active a{background:#000; color:#fff;}
.map_wrapper .tab-container{margin-top:8rem;}
.map_wrapper .addressbox{display: flex; align-items: center; gap: 2rem 10rem; flex-wrap:wrap; width: 100%; max-width: 152rem;padding: 0 2rem; margin: 0 auto; }
.map_wrapper .addressbox .item{display: flex;align-items: center; gap: 2rem;}
.map_wrapper .addressbox .tit{font-size: 2rem; color: #888; font-weight: 500;}
.map_wrapper .addressbox .infotxt{font-size: 2.4rem; font-weight: 500; text-transform: uppercase;}
.map_wrapper .mapbox{width:100%; height:50rem; background:#ddd; margin:3rem 0 5rem;}
.map_wrapper .mapbox iframe{width:100%; height:100%;}
.map_wrapper .trafficbox{position:relative; display: flex;align-items:flex-start;  justify-content: center; gap: 10rem; width: 100%; max-width: 152rem;padding: 0 2rem; margin: 0 auto; }
.map_wrapper .trafficbox:after{content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#d9d9d9;}
.map_wrapper .trafficbox .item{width:calc(100% / 2 - 10rem); padding:2rem 0;}
.map_wrapper .trafficbox .tit{font-size:2.2rem; font-weight:600; margin-bottom:2.5rem;}
.map_wrapper .trafficbox .way{}
.map_wrapper .trafficbox .way li{font-size:2rem; line-height:1.5;}
.map_wrapper .trafficbox .way li + li{margin-top:1rem;}

	@media screen and (max-width:1200px)	{
		.map_wrapper .trafficbox .item{width:calc(100% / 2 - 8rem);}	
	}
	
	@media screen and (max-width:640px)	{
		.map_wrapper .trafficbox{flex-direction: column; gap:3rem;}
		.map_wrapper .trafficbox:after{display:none;}
		.map_wrapper .trafficbox .item{width:100%;}		
		.map_wrapper .trafficbox .subway{border-bottom: 1px solid #d9d9d9; padding-bottom: 4rem;}
	}



/* --- business --- */
.business{background:#000; position: relative;  padding-bottom: 0;}
.business *{color:#fff;}
.business .sub_inwrap{position:relative;}
.business .cont_hTitle2{position:relative;}
.business .cont_hTitle2 .top{margin-top:8rem;}
.business .cont_hTitle2 .bottom{margin-top:10rem;}
.business .cont_hTitle2 h4{margin-top: 2rem; line-height: 1.5;}
.business .bgZoom{opacity:0; position: absolute;  width: 100%;  background-size: cover; z-index: 0; transform: scale(0.8);}
.aitech .bgZoom{ top: -15rem;  left: 0; height: 112.5rem; background: url(../img/content/business_bg01.png) no-repeat center center; }
.dxplatform .bgZoom{top:0; left:0; height: 100rem; background:url(../img/content/business_bg02.png) no-repeat center center; }
.workplace .bgZoom{top:0; left:0; height: 100rem; background:url(../img/content/business_bg03.png) no-repeat center center; }
.webinar .bgZoom{ top:-10rem; left:0; height: 100rem; background:url(../img/content/business_bg05.png) no-repeat center center;}
.bigdata .bgZoom{ top:-13rem; left:0; height:100rem; background:url(../img/content/business_bg04.png) no-repeat center center; }
.system .bgZoom{top:-18rem; left:0; height:100rem; background:url(../img/content/business_bg06.png) no-repeat center center; }

.tbIconLst{width: 100%; border-top: 2px solid #fff; margin-top: 5rem;}
.tbIconLst ul li{display: flex; align-items: center;  gap: 5rem; border-bottom:1px solid rgba(255,255,255,0.5); padding: 5rem;}
.tbIconLst .icon{height:5rem;}
.tbIconLst .icon i{height:100%; display:flex;}
.tbIconLst .txt{width:calc(100% - 10rem); font-size:2.2rem;}
.tbIconLst .txt span{font-size:2.2rem; color:var(--point-color); font-weight:500;}

.comm_importBox-b{position:relative; background:url(../img/content/business_importBg.png) no-repeat center center;  background-size:cover; padding:15rem 0;}
.comm_importBox-b:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100%); }
.comm_importBox-b .title{text-align: center; font-size: 4rem; font-weight: 600;}
.comm_importBox-b .title span{font-size: 4rem; font-weight: 600; color: var(--point-color);}
.comm_importBox-b .btitle{text-align: center; font-size: 3.4rem; font-weight: 500;}
.comm_importBox-b .btitle span{font-size: 3.4rem; font-weight: 500; color: var(--point-color);}
.comm_importBox-b .cont_diagram{position:relative; margin:25rem 0;}
.comm_importBox-b .cont_diagram .center{width:100%; max-width: 36rem; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;}
.comm_importBox-b .cont_diagram figure{position:relative; position:relative; width: 100%; display: inline-block; opacity: 1; transform: scale(1);  transition: transform 1s, opacity 1s;}
.comm_importBox-b .cont_diagram figure:before{content: ""; display:block; width: 125%; padding-bottom: 125%; border: 1px dashed #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: rotate360 5s linear infinite;}
.comm_importBox-b .cont_diagram .ctTxtbox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.comm_importBox-b .cont_diagram .ctTxtbox .tit{font-size:3.4rem; font-weight:600; color:#fff;}
.comm_importBox-b .cont_diagram .ctTxtbox .txt{font-size:2.6rem; font-weight:300; color:#fff;}
.comm_importBox-b .cont_diagram img{width:100%; animation: shimmer 4s ease-in-out infinite;mix-blend-mode: screen; filter: blur(1px);}
.comm_importBox-b .aside{display: flex; flex-wrap: wrap; justify-content: center;}
.comm_importBox-b .aside dl{max-width: 490px; width: calc((100% - 54rem) / 2); position: relative;  padding-left: 8rem; opacity: 1;}
.comm_importBox-b .aside dl:before{content: ""; width: 1rem; height: 1rem;background: #fff; border-radius: 50%; position: absolute; top: 50%;  transform: translateY(-50%);}
.comm_importBox-b .aside dl dt{font-size:2.5rem; font-weight:600; margin-bottom:1rem;}
.comm_importBox-b .aside dl dd{font-size:2rem; color:#fff;}
.comm_importBox-b .aside .aside01 {margin-right: calc(54rem - 8%); text-align: right; padding-left: 0; padding-right:6rem;}
.comm_importBox-b .aside .aside01:before{/* right:0.7rem; */right:0.5rem;}
.comm_importBox-b .aside .aside02{transform: translateY(-15rem); padding-left: 0;}
.comm_importBox-b .aside .aside02:before{/* left:-8.5rem; */ left:-10.8rem;}
.comm_importBox-b .aside .aside03{ margin-left: calc(54rem + 15%); transform: translateY(12rem);}
.comm_importBox-b .aside .aside03:before{left:1.3rem;}

@keyframes shimmer {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.8; }
  50% { transform: scale(1.03) rotate(0.5deg); opacity: 1; }
}
@keyframes rotate360{
	0%{ transform: translate(-50%, -50%) rotate(0deg); }
	100%{ transform:translate(-50%, -50%) rotate(360deg); }
}


/* .aitech:before{content:''; display:block; position:absolute; top:-15rem; left:0; width:100%; height: 112.5rem; background:url(../img/content/business_bg01.png) no-repeat center center; z-index:0;} */
.aitech{overflow: hidden;}
.business .contLst_wrap{position:relative; margin-top:20rem;}
.business .contLst_wrap:nth-child(2){margin-top:35rem;}
.contLst_wrap .subject .num{ font-size: 3rem;}
.contLst_wrap .subject .ttit{ font-size: 4rem; font-weight: 600;}
.contLst_wrap .subject .stxt{padding-top:5rem; font-size: 2.4rem; font-weight:300; line-height:1.5;}
.contLst_wrap .subject .stxt .strong{font-size: 2.4rem; font-weight:600;}
.contLst_wrap .roundIconLst{display: flex;align-items: flex-start;justify-content: center;padding: 10rem 0;gap: 4rem;}
.contLst_wrap .roundIconLst li{position:relative;margin: 0 auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* .contLst_wrap .roundIconLst .round{width: 14rem; height: 14rem; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center;  justify-content: center;} */
.contLst_wrap .roundIconLst .round {position: relative; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center;}
.circleSvg {position: absolute; top: 0;left: 0;transform: rotate(-90deg);}
.circleSvg circle {stroke-dasharray: 427;  stroke-dashoffset: 427;}
.contLst_wrap .roundIconLst .icon{height:5rem;}
.contLst_wrap .roundIconLst .icon01{width:5.5rem; background:url(../img/content/aitech_icon01.svg) no-repeat center center / 5.5rem;}
.contLst_wrap .roundIconLst .icon02{width:4.7rem; background:url(../img/content/aitech_icon02.svg) no-repeat center center / 4.7rem;}
.contLst_wrap .roundIconLst .icon03{width:5rem; background:url(../img/content/aitech_icon03.svg) no-repeat center center / 5rem;}
.contLst_wrap .roundIconLst .icon04{width:4.9rem; background:url(../img/content/aitech_icon04.svg) no-repeat center center / 4.8rem;}
.contLst_wrap .roundIconLst .icon05{width:5.2rem; background:url(../img/content/aitech_icon05.svg) no-repeat center center / 5.2rem;}
.contLst_wrap .roundIconLst .icon06{width:5.2rem; background:url(../img/content/aitech_icon06.svg) no-repeat center center / 5.2rem;}
.contLst_wrap .roundIconLst .icon07{width:5rem; background:url(../img/content/aitech_icon07.svg) no-repeat center center / 5rem;}
.contLst_wrap .roundIconLst .icon08{width:5rem; background:url(../img/content/aitech_icon08.svg) no-repeat center center / 5rem;}
.contLst_wrap .roundIconLst .icon09{width:4.2rem; background:url(../img/content/aitech_icon09.svg) no-repeat center center / 4.2rem;}
.contLst_wrap .roundIconLst .icon10{width:5.6rem; background:url(../img/content/aitech_icon10.svg) no-repeat center center / 5.6rem;}
.contLst_wrap .roundIconLst .icon11{width:6.8rem; background:url(../img/content/aitech_icon11.svg) no-repeat center center / 6.5rem;}
.contLst_wrap .roundIconLst .icon12{width:4.8rem; background:url(../img/content/aitech_icon12.svg) no-repeat center center / 4.8rem;}
.contLst_wrap .roundIconLst .text{font-size:2.2rem;text-align: center;line-height: 1.5;margin-top: 4rem;}
.contLst_wrap .roundIconLst .text span{font-size:2.2rem; font-weight:500; color:var(--point-color);}
.contLst_wrap .structure{margin-top:3rem;}
.contLst_wrap .structure .steplist{display:flex; gap:5rem 2rem;}
.contLst_wrap .structure .steplist > li{opacity:0; transform: translateX(-50px); position:relative; width:calc(100% / 5 - 1rem); padding:3rem 2rem; background:#242424; border-radius:1rem;}
.contLst_wrap .structure .steplist .num{width: 5rem;height: 5rem;color:#fff;border-radius:50%;background: #242424;display: flex;align-items: center;justify-content: center;position: absolute;top: -2.5rem;left: 50%;transform: translateX(-50%);}
.contLst_wrap .structure .steplist .titbox{position:relative; width:100%; text-align: center;padding: 1.5rem 1rem;background:rgba(69,165,255,16%);border-radius:1rem;border:1px solid var(--point-color);font-size: 1.8rem; font-weight:600; color: var(--point-color);display: flex;align-items: center;justify-content: center;}
.contLst_wrap .structure .steplist .titbox:after{content:'';display:block;position:absolute;bottom: -1.8rem;left: 50%;transform: translateX(-50%);width:2px;height:1.8rem;background:var(--point-color);}
.contLst_wrap .structure .steplist .cbox{margin:3.5rem 1rem 1rem;}
.contLst_wrap .structure .steplist .cbox li{text-indent: -0.9rem; padding-left: 1rem;}
.contLst_wrap .structure .steplist .cbox li + li{margin-top:1.5rem;}
.contLst_wrap .fieldwrap .tit{ font-size: 3.2rem;  font-weight: 600; color: var(--point-color);}
.contLst_wrap .fieldwrap .panelBox{margin-top:3rem; display:flex; justify-content: space-between; gap:10rem; }
.contLst_wrap .fieldwrap .panelBox .l_panel{width:calc(50% - 5rem);}
.contLst_wrap .fieldwrap .panelBox .l_panel .item{border-bottom:1px solid rgba(255,255,255,0.2);}
.contLst_wrap .fieldwrap .panelBox .l_panel .item-header{ width:100%; padding: 2rem;  display: flex; align-items: center;  justify-content: space-between; gap: 2rem; cursor:pointer;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item-header .txt{color:#999; font-size:2.2rem; font-weight:500;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item-header .arrow{filter: brightness(0.5) invert(0.5); width:2.2rem; height:2.2rem; transition: all .3s; background:url(../img/default/ico_dropdown_arrow_bottom.svg) no-repeat center center / 2.2rem;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item-content{display:none; padding:2.5rem 2rem;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item-content li{font-size:1.8rem;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item-content li + li{margin-top:1rem;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item.active .item-header{background: #1a1a1a;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item.active .item-header .txt{color:#fff;}
.contLst_wrap .fieldwrap .panelBox .l_panel .item.active .item-header .arrow{filter: brightness(1) invert(1);transform: rotate(180deg);}
.contLst_wrap .fieldwrap .panelBox .r_panel{width:calc(50% - 5rem);}
.contLst_wrap .fieldwrap .panelBox .r_panel img{width:100%;}

.dxplatform{position:relative; }
.contLst_wrap .dx_diogram{width:100%; text-align:center;}
.contLst_wrap .dx_diogram .center_round{margin:0 auto; display: flex; align-items: center; justify-content: center;position:relative; width:34rem; height:34rem; border-radius:50%; background:rgba(0,132,255,0.4);}
.contLst_wrap .dx_diogram .center_round:after{content: ''; display: block; width: 45rem; height: 45rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1px dashed var(--point-color);}
.contLst_wrap .dx_diogram .center_round:before{content: ''; display: block; width: 55rem; height: 55rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;  border: 1px dashed var(--point-color);	opacity:0.7;}
.contLst_wrap .dx_diogram .round{display:flex; align-items:center; justify-content:center; width:23rem; height:23rem; font-size:3rem; font-weight:700; background:var(--point-color); border-radius:50%;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}
.contLst_wrap .dx_diogram .side_cont{}
.contLst_wrap .dx_diogram .list_box{position:absolute;background: #000; width: 50rem; border-radius: 10rem; border: 2px solid #fff; padding: 2rem;}
.contLst_wrap .dx_diogram .l_01{top:0; left:10rem;}
.contLst_wrap .dx_diogram .r_01{top:0; right:10rem;}
.contLst_wrap .dx_diogram .l_02{bottom:0; left:10rem;}
.contLst_wrap .dx_diogram .r_02{bottom:0; right:10rem;}
.contLst_wrap .dx_diogram .list_box .text{font-size:2.4rem; font-weight:600;}
.dxplatform .flex{display:flex; gap:20rem;}
.dxplatform .flex .subject{position: sticky; top: 10rem;}
.bigdata .flex{display:flex; gap:20rem;}
.bigdata .flex .subject{position: sticky; top: 10rem;}
.contLst_wrap .thumLst{}
.contLst_wrap .thumLst li{position:relative;}
.contLst_wrap .thumLst li + li{margin-top:2rem;}
.contLst_wrap .thumLst li:nth-child(2){margin-left:30rem;}
.contLst_wrap .thumLst .thumImg{width:35.8rem; height:42rem; border-radius:2rem; overflow:hidden; transform-origin: center center; transition: transform 0.3s ease;}
.contLst_wrap .thumLst .img{width:100%; height:100%;  transform-origin: center center; transition: transform 0.3s ease;}
.contLst_wrap .thumLst .img01{background:url(../img/content/dx_img01.png) no-repeat center center;}
.contLst_wrap .thumLst .img02{background:url(../img/content/dx_img02.png) no-repeat center center;}
.contLst_wrap .thumLst .img03{background:url(../img/content/dx_img03.png) no-repeat center center;}
.contLst_wrap .thumLst .img04{background:url(../img/content/dx_img04.png) no-repeat center center;}
.contLst_wrap .thumLst .img05{background:url(../img/content/dx_img05.png) no-repeat center center;}
.contLst_wrap .thumLst .img06{background:url(../img/content/dx_img06.png) no-repeat center center;}
.contLst_wrap .thumLst .img07{background:url(../img/content/dx_img07.png) no-repeat center center;}
.contLst_wrap .thumLst .img08{background:url(../img/content/dx_img08.png) no-repeat center center;}
.contLst_wrap .thumLst .img09{background:url(../img/content/dx_img09.png) no-repeat center center;}
.contLst_wrap .thumLst .img10{background:url(../img/content/dx_img10.png) no-repeat center center;}
.contLst_wrap .thumLst .img11{background:url(../img/content/dx_img11.png) no-repeat center center;}
.contLst_wrap .thumLst .img12{background:url(../img/content/dx_img12.png) no-repeat center center;}
.contLst_wrap .thumLst .text{position: absolute; bottom: 5rem; left: 4rem;font-size:2.2rem;}
.contLst_wrap .thumLst_sld{display:none;}



.workplace{position:relative;}
.workplace .tbIconLst .icon .icon01{width:5rem; background:url(../img/content/workplace_icon01.svg) no-repeat center center / 5rem;}
.workplace .tbIconLst .icon .icon02{width:5.1rem; background:url(../img/content/workplace_icon02.svg) no-repeat center center / 5.1rem;}
.workplace .tbIconLst .icon .icon03{width:5.6rem; height:5.5rem; background:url(../img/content/workplace_icon03.svg) no-repeat center center / 5.6rem;}
.workplace .tbIconLst .icon .icon04{width:5rem; background:url(../img/content/workplace_icon04.svg) no-repeat center center / 5rem;}
.workplace .tbIconLst .icon .icon05{width:5.4rem; height:4rem; background:url(../img/content/workplace_icon05.svg) no-repeat center center / 5.4rem;}
.workplace .tbIconLst .icon .icon06{width:4rem;  background:url(../img/content/workplace_icon06.svg) no-repeat center center / 4rem;}
.workplace .tbIconLst .icon .icon07{width:4rem; background:url(../img/content/workplace_icon07.svg) no-repeat center center / 4rem;}
.workplace .tbIconLst .icon .icon08{width:5.1rem; height:4.5rem; background:url(../img/content/workplace_icon08.svg) no-repeat center center / 5.1rem;}
.workplace .tbIconLst .icon .icon09{width:4.5rem; background:url(../img/content/workplace_icon09.svg) no-repeat center center / 4.5rem;}
.workplace .tbIconLst .icon .icon10{width:5.2rem; background:url(../img/content/workplace_icon10.svg) no-repeat center center / 5.2rem;}
.workplace .tbIconLst .icon .icon11{width:4.6rem; background:url(../img/content/workplace_icon11.svg) no-repeat center center / 4.6rem;}
.workplace .tbIconLst .icon .icon12{width:5.8rem;height:4.2rem;  background:url(../img/content/workplace_icon12.svg) no-repeat center center / 5.8rem;}
.workplace .tbIconLst .icon .icon13{width:6rem; background:url(../img/content/workplace_icon13.svg) no-repeat center center / 6rem;}
.workplace .tbIconLst .icon .icon14{width:7rem; background:url(../img/content/workplace_icon14.svg) no-repeat center center / 7rem;}
.workplace .tbIconLst .icon .icon15{width:5.3rem; background:url(../img/content/workplace_icon15.svg) no-repeat center center / 5.3rem;}

.work_structure {width: 100%; display: flex; gap: 3rem; margin-top: 10rem;}
.work_structure .item {width: calc(100% / 3 - 3rem); border: 1px solid #2b2b2b; border-radius: 1.5rem; padding: 3rem;}
.work_structure .item .titbox {min-height: 12rem; text-align: center; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px dashed #fff;}
.work_structure .item .ttit { background: #0089ff; width: 10rem; margin: 0 auto; padding: 0.5rem 1rem; border-radius: 3rem;}
.work_structure .item .stit { font-size: 2.2rem; font-weight: 500; margin-top: 1rem;}
.work_structure .item .txt{margin-top:0.5rem; color:#888; font-weight:500;}
.work_structure .item .txtlist {}
.work_structure .item .txtlist li {width: 100%; padding: 1.2rem 1rem; font-size: 1.8rem; background:#0089ff; border-radius: 1rem; text-align: center;}
.work_structure .item .txtlist li + li{margin-top:1rem;}
.work_structure .ats{border: 0; background: #171717;}
.work_structure .ats .ttit{background:#4d78b9;}
.work_structure .ats .txtlist li{background:#4d78b9;}
.work_structure .ats .txtlist li:first-child{padding:3rem;}
.work_structure .hrm .ttit{background:#4d5ab9;}
.work_structure .hrm .txtlist li{background:#4d5ab9;}

.webinar{position:relative;}
.webinar .tbIconLst .icon .icon01{width:5.7rem; background:url(../img/content/webinar_icon01.svg) no-repeat center center / 5.7rem;}
.webinar .tbIconLst .icon .icon02{width:5.5rem; background:url(../img/content/webinar_icon02.svg) no-repeat center center / 5.5rem;}
.webinar .tbIconLst .icon .icon03{width:5rem; background:url(../img/content/webinar_icon03.svg) no-repeat center center / 5rem;}
.webinar .tbIconLst .icon .icon04{width:5.7rem; background:url(../img/content/webinar_icon04.svg) no-repeat center center / 5.7rem;}
.webinar .tbIconLst .icon .icon05{width:5.5rem; background:url(../img/content/webinar_icon05.svg) no-repeat center center / 5.5rem;}
.webinar .tbIconLst .icon .icon06{width:4.5rem; background:url(../img/content/webinar_icon06.svg) no-repeat center center / 4.5rem;}
.webinar .tbIconLst .icon .icon07{width:4rem; background:url(../img/content/webinar_icon07.svg) no-repeat center center / 4rem;}
.webinar .tbIconLst .icon .icon08{width:5.5rem; background:url(../img/content/webinar_icon08.svg) no-repeat center center / 5.5rem;}
.webinar .tbIconLst .icon .icon09{width:6rem; background:url(../img/content/webinar_icon09.svg) no-repeat center center / 6rem;}
.webinar .tbIconLst .icon .icon10{width:5.5rem; background:url(../img/content/webinar_icon10.svg) no-repeat center center / 5.5rem;}
.webinar .tbIconLst .icon .icon11{width:5rem; background:url(../img/content/webinar_icon11.svg) no-repeat center center / 5rem;}
.webinar .tbIconLst .icon .icon12{width:4rem; background:url(../img/content/webinar_icon12.svg) no-repeat center center / 4rem;}

.webinar .webrtc {max-width: 120rem; margin: 10rem auto 0;}
.webrtc .headTitle {}
.webrtc .headTitle .title {background: var(--point-color); padding: 1.5rem; font-size: 2rem; font-weight: 600; text-align: center; border-radius: 3rem; max-width: 60rem; margin: 0 auto;}
.webrtc .headTitle .webapps {display: flex;  align-items: center;  gap: 6rem; max-width: 46rem; margin: 2rem auto 0.5rem;}
.webrtc .headTitle .webapps > div { font-size: 1.5rem; width: calc(100% / 3);}
.webrtc .headTitle .webapps_arrow{margin:0 auto;display: flex;  align-items: center;  gap: 6rem; max-width: 46rem;}
.webrtc .headTitle .webapps_arrow > div{width: calc(100% / 3); height:2.4rem; background:url(../img/content/webinar_webrtc_arrow.svg) no-repeat center center / 2.4rem;}
.webrtc .bodyCont {width: 100%; border: 1px solid #fff; padding: 6rem 4rem 4rem; position: relative; margin-top: 3rem;}
.webrtc .bodyCont .webapi { width: 100%; max-width: 50rem; background: #6163FF; padding: 1.2rem 1rem; border-radius: 0.5rem; font-size: 1.8rem; font-weight: 500; text-align: center; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%);}
.webrtc .bodyCont .webapi:after{content: ''; display: block; width: 5rem; height: 5rem; background: url(../img/content/webinar_webrtc_arrow.svg) no-repeat center center / 5rem; position: absolute; bottom: -4rem; left: 50%; transform: translateX(-50%);}
.webrtc .bodyCont .webapibox{}
.webrtc .bodyCont .webapibox .web_wrapper{margin-bottom: 2.5rem;}
.webrtc .bodyCont .webapibox .btxt{color: #6163FF;}
.webrtc .bodyCont .webapibox .btxt_line{width: 100%; padding: 1rem; border: 1px solid #58BBFF; border-radius: 0.5rem; text-align: center; font-size: 1.8rem; margin-top: 1rem; display: flex;align-items: center; justify-content: center; min-height: 7rem;}
.webrtc .bodyCont .webapibox .ac{background: rgba(88, 187, 255, 35%);}
.webrtc .bodyCont .webapibox .flex{display: flex; gap: 2rem;}
.webrtc .bodyCont .webapibox .items{width: calc(100% / 3 - 1rem); border-radius: 1rem;  border: 1px solid #58BBFF;  padding: 2rem;}
.webrtc .bodyCont .webapibox .acl{border: 2px dashed #58bbff; background: rgba(88, 187, 255, 35%)}
.webrtc .footLabel {margin-top: 3rem; display: flex; align-items: center; gap: 5rem;}
.webrtc .footLabel .label { display: flex; align-items: center; gap: 1rem;}
.webrtc .footLabel .label span {width:6rem; height:3rem; border-radius:0.5rem; background:#6163FF;}
.webrtc .footLabel .label:nth-child(2) span{background:rgba(88, 187, 255, 35%); border:1px solid #58bbff;}
.webrtc .footLabel .label:nth-child(3) span{background:rgba(88, 187, 255, 35%); border: 2px dashed #58bbff; }


.bigdata{position:relative;}
.top_otherbox{}
.top_otherbox .titItem{}
.top_otherbox .titItem .stxt { font-size: 3rem; color: var(--point-color); font-weight: 300; text-transform: uppercase; text-align: center;}
.top_otherbox .titItem .btxt {font-size: 4rem; text-align: center; margin: 1rem 0 2rem; font-weight: 600;}
.top_otherbox .titItem .mtxt {font-size: 3rem; text-align: center; font-weight: 300;}
.top_otherbox .rodemap{margin-top:6rem;}
.top_otherbox .rodemap .rodemap_list{}
.top_otherbox .rodemap .rodemap_list > li{display:flex; gap:3rem;}
.top_otherbox .rodemap .rodemap_list > li + li{margin-top:1.5rem;}
.top_otherbox .rodemap .rodemap_list > li .tit{position:relative;width: 39rem; padding: 1rem; display: flex; align-items: center; justify-content: center; border: 1px solid var(--point-color); border-radius: 1rem;  background: rgba(69, 165, 255, 16%); color: var(--point-color); font-size: 2rem; font-weight: 600;}
.top_otherbox .rodemap .rodemap_list > li .tit:after{content: ''; display: block; position: absolute; top: 50%; right: -2rem; width: 0.8rem; height: 0.8rem;   background: var(--point-color); border-radius: 50%; transform: translateY(-50%);}
.top_otherbox .rodemap .rodemap_list > li .txt{ width: calc(100% - 42rem); background: #242629; border-radius: 1rem; padding: 2.5rem; display: flex; align-items: flex-start;    flex-wrap: wrap;}
.top_otherbox .rodemap .rodemap_list > li .txt li{text-indent: -1rem; padding-left: 1rem; font-size: 1.8rem;color: #D6E7F6; width: 50%;}
.top_otherbox .rodemap .rodemap_list > li .txt li:nth-child(3),
.top_otherbox .rodemap .rodemap_list > li .txt li:nth-child(4){margin-top:2rem;}


.system{}
.contLst_wrap .sys_diogram{width:100%; text-align:center;}
.contLst_wrap .sys_diogram .center_round{margin:0 auto; display: flex; align-items: center; justify-content: center;position:relative; width:35rem; height:35rem; border-radius:50%; border:2px solid var(--point-color);}
.contLst_wrap .sys_diogram .round{width: 19rem; height: 19rem;  background: #fff; border-radius: 50%; font-size: 4rem; font-weight: 700; color: var(--point-color); display: flex; align-items: center; justify-content: center;}
.contLst_wrap .sys_diogram .side_cont{}
.contLst_wrap .sys_diogram .list_box{position:absolute;}
.contLst_wrap .sys_diogram .list01{top: -18.5rem; left: 50%; transform: translateX(-18%);}
.contLst_wrap .sys_diogram .list02{bottom:0; left:11rem;}
.contLst_wrap .sys_diogram .list03{bottom:0; right:16rem;}
.contLst_wrap .sys_diogram .wrap{display:flex; align-items:center; gap:4rem;}
.contLst_wrap .sys_diogram .list02 .wrap{flex-direction: row-reverse;}
.contLst_wrap .sys_diogram .part{width: 16rem; height: 16rem; border-radius: 50%; display: flex;  align-items: center; justify-content: center; font-size: 2.8rem; font-weight: 600;}
.contLst_wrap .sys_diogram .list01 .part{background: var(--point-color);}
.contLst_wrap .sys_diogram .list02 .part{background: #00B3FF;}
.contLst_wrap .sys_diogram .list03 .part{background: #0022FF;}
.contLst_wrap .sys_diogram .part_do li{font-size:2.2rem; text-align:left;}
.contLst_wrap .sys_diogram .part_do li + li{margin-top:1rem;}
.contLst_wrap .sys_diogram .list02 .part_do li{text-align:right;}
.contLst_wrap .sys_sld{ padding-bottom: 8rem;}
.contLst_wrap .sys_sld_item{display:flex; align-items: center; gap: 10rem;}
.contLst_wrap .sys_sld_item .top_Titlebox{width:50%; max-width:62rem;}
.contLst_wrap .sys_sld_item .contlst{margin-top:4rem; border-radius:2rem; background:#171717; padding:5rem 3.5rem;}
.contLst_wrap .sys_sld_item .contlst .icon{height:5rem;}
.contLst_wrap .sys_sld_item .contlst .icon01{width:5rem;  background:url(../img/content/system_icon01.svg) no-repeat center center / 5rem;}
.contLst_wrap .sys_sld_item .contlst .icon02{width:6rem; background:url(../img/content/system_icon02.svg) no-repeat center center / 6rem;}
.contLst_wrap .sys_sld_item .contlst .icon03{width:6.5rem; background:url(../img/content/system_icon03.svg) no-repeat center center / 6.5rem;}
.contLst_wrap .sys_sld_item .contlst .icon04{width:5.5rem; background:url(../img/content/system_icon04.svg) no-repeat center center / 5.5rem;}
.contLst_wrap .sys_sld_item .contlst .icon05{width:5.3rem; background:url(../img/content/system_icon05.svg) no-repeat center center / 5.3rem;}
.contLst_wrap .sys_sld_item .contlst .icon06{width:5.8rem; background:url(../img/content/system_icon06.svg) no-repeat center center / 5.6rem;}
.contLst_wrap .sys_sld_item .contlst .icon07{width:4.9rem; background:url(../img/content/system_icon07.svg) no-repeat center center / 4.9rem;}
.contLst_wrap .sys_sld_item .contlst .icon08{width:6.3rem; background:url(../img/content/system_icon08.svg) no-repeat center center / 6.3rem;}
.contLst_wrap .sys_sld_item .contlst .icon09{width:6.4rem; background:url(../img/content/system_icon09.svg) no-repeat center center / 6.4rem;}

.contLst_wrap .sys_sld_item .contlst ul{width:100%; border-radius:2rem; margin-top:4rem;}
.contLst_wrap .sys_sld_item .contlst ul li{text-indent: -1rem; padding-left: 1rem; font-size:2rem; color:rgba(255,255,255,0.8);}
.contLst_wrap .sys_sld_item .contlst ul li + li{margin-top:1rem;}
.contLst_wrap .sys_sld_item .thumImg{width:50%; max-width: 63rem; margin-left: auto;}
.contLst_wrap .sys_sld_item .thumImg .img{position: relative; width: 100%; height: 57rem;}
.contLst_wrap .sys_sld_item .thumImg .img01{background:url(../img/content/system_img01.png) no-repeat center center;}
.contLst_wrap .sys_sld_item .thumImg .img02{background:url(../img/content/system_img02.png) no-repeat center center;   background-size: cover;}
.contLst_wrap .sys_sld_item .thumImg .img03{background:url(../img/content/system_img03.png) no-repeat center center;   background-size: cover;}
.contLst_wrap .sys_sld_item .thumImg .img04{background:url(../img/content/system_img04.png) no-repeat center center;}
.contLst_wrap .sys_sld_item .thumImg .img05{background:url(../img/content/system_img05.png) no-repeat center center;}
.contLst_wrap .sys_sld_item .thumImg .img06{background:url(../img/content/system_img06.png) no-repeat center center;}
.contLst_wrap .sys_sld_item .thumImg .img07{background:url(../img/content/system_img07.png) no-repeat center center; background-size:cover;}
.contLst_wrap .sys_sld_item .thumImg .img08{background:url(../img/content/system_img08.png) no-repeat center center; background-size:cover;}
.contLst_wrap .sys_sld_item .thumImg .img09{background:url(../img/content/system_img09.png) no-repeat center center;background-size:cover;}

.contLst_wrap .sys_sld .swiper-pagination{width: calc(100% - 17rem); background: #171717; height: 0.3rem; top: auto; bottom:3rem; left: 17rem;}
.contLst_wrap .sys_sld .slide-counter {font-size: 1.6rem;color: #fff;z-index: 10;}
.contLst_wrap .sys_sld .controler{ position: absolute; bottom: 1rem; left: 0;  z-index: 100;  display: flex;  align-items: center; justify-content: space-between; width: 14rem;}
.contLst_wrap .sys_sld .sld_btn{ left: 0;  right: 0;  position: relative; margin-top:0; width: 4.5rem; height:4.5rem; border: 1px solid #fff; border-radius: 50%;}
.contLst_wrap .sys_sld .sld_btn .arrow{width:2rem; height:2rem; filter: brightness(1) invert(1); background:url(../img/default/ico_arrow_right.svg) no-repeat center center / 2rem;}
.contLst_wrap .sys_sld .sld_btn.prev .arrow{transform:rotate(180deg);}
.contLst_wrap .sys_sld .swiper-button-next:after, .contLst_wrap .sys_sld .swiper-button-prev:after{display:none;}
.contLst_wrap .sys_sld .swiper-button-prev,
.contLst_wrap .sys_sld .swiper-button-next {  color: #fff;}
.contLst_wrap .sys_sld .swiper-pagination-progressbar-fill { background: #fff;}


@media screen and (max-width:1480px){
	.contLst_wrap .sys_diogram .list01 { top: -13.5vw;}
	.contLst_wrap .sys_diogram .list02{left:0;}
	.contLst_wrap .sys_diogram .list03{right:5rem;}
}
@media screen and (max-width:1200px){
	.comm_importBox-b .cont_diagram{margin:15rem 0; display: flex;  align-items: center; gap: 6rem;}
	.comm_importBox-b .cont_diagram .center{width: 36rem; position: relative; transform: none;  margin: 0 auto;  top: 0; left: 0;transform: none; margin:0 auto;}
	.comm_importBox-b .aside{width: calc(100% - 42rem);}
	.comm_importBox-b .aside dl{max-width: 100%; width: 100%;}
	.comm_importBox-b .aside dl + dl{margin-top:6rem;}
	.comm_importBox-b .aside .aside01{ margin-right: 0; text-align: left; padding-left: 5rem; padding-right: 0;}
	.comm_importBox-b .aside .aside02 { transform: none; padding-left:5rem;}
	.comm_importBox-b .aside .aside03 {margin-left: 0; transform: none; padding-left:5rem;}
	.comm_importBox-b .aside .aside01:before { right: auto; left: 0;}
	.comm_importBox-b .aside .aside02:before{left:0;}
	.comm_importBox-b .aside .aside03:before{left:0;}
	.comm_importBox-b .cont_diagram img{width:85%;}
	.comm_importBox-b .cont_diagram figure:before{width:105%; padding-bottom:105%;}
	
	.dxplatform .flex{flex-direction: column; gap:10rem; overflow: hidden;}
	.contLst_wrap .dx_diogram .side_cont {display: flex; gap: 2rem; flex-wrap: wrap;  justify-content: center;}
	.contLst_wrap .dx_diogram .list_box{position: static;}
	.contLst_wrap .dx_diogram .list_box .text{font-size:2.2rem;}
	.contLst_wrap .subject .ttit br{display:none;}
	.contLst_wrap .thumLst{display: flex;}
	.contLst_wrap .thumLst.pc{display:none;}
	.contLst_wrap .thumLst li:nth-child(2){margin-left:0;}
	.contLst_wrap .thumLst li + li{margin-top:0;}
	.contLst_wrap .thumLst li{width:40rem;}
	.contLst_wrap .thumLst .thumImg{width:100%;}
	.contLst_wrap .thumLst_sld{display:block;}

	.contLst_wrap .structure .steplist{    flex-wrap: wrap;}
	.contLst_wrap .structure .steplist > li {    width: calc(100% / 3 - 1.4rem);}

	.top_otherbox .rodemap .rodemap_list > li .tit{width:28rem; text-align: center;}
	.top_otherbox .rodemap .rodemap_list > li .txt { width: calc(100% - 31rem);}

	.contLst_wrap .sys_diogram .list_box{ position: static; width: calc(100% / 3 - 2rem);}
	.contLst_wrap .sys_diogram .side_cont {display: flex; gap: 4rem;  margin-top: 4rem;}
	.contLst_wrap .sys_diogram .wrap{flex-direction: column;}
	.contLst_wrap .sys_diogram .list02 .wrap { flex-direction: column;}
	.contLst_wrap .sys_diogram .list01{transform:none;}
	.contLst_wrap .sys_diogram .part{width: 100%; height: 7.5rem; border-radius: 2rem;    font-size: 2.4rem;}
	.contLst_wrap .sys_diogram .part_do{width:100%;}
	.contLst_wrap .sys_diogram .part_do li{text-align:center; font-size:2rem;}
	.contLst_wrap .sys_diogram .list02 .part_do li{text-align:center;}
	.contLst_wrap .sys_sld_item{ flex-direction: column; gap:5rem;}
	.contLst_wrap .sys_sld_item .top_Titlebox{width:100%; max-width:100%;}
	.contLst_wrap .subject .stxt br{display:none;}
	.contLst_wrap .sys_sld_item .thumImg{width:100%; max-width:100%;}
}
@media screen and (max-width:980px){
	.contLst_wrap .fieldwrap .panelBox .l_panel { width: 100%;}
	.contLst_wrap .fieldwrap .panelBox .r_panel{display:none;}
}
@media screen and (max-width:768px){	
	.comm_importBox-b .cont_diagram{flex-direction: column;}
	.comm_importBox-b .aside{width:100%; text-align: center;margin-top: 5rem;}
	.comm_importBox-b .aside .aside01,
	.comm_importBox-b .aside .aside02,
	.comm_importBox-b .aside .aside03{text-align:center; padding-left:0;}
	.comm_importBox-b .aside dl:before{display:none;}

	.contLst_wrap .dx_diogram .center_round{width:30rem; height:30rem;}
	.contLst_wrap .dx_diogram .round{width:20rem; height:20rem; font-size:2.5rem;}
	.contLst_wrap .dx_diogram .center_round:before{width:50rem; height:50rem;}
	.contLst_wrap .dx_diogram .center_round:after{width:40rem; height:40rem;}

	.contLst_wrap .roundIconLst{flex-wrap:wrap;}
	.contLst_wrap .structure .steplist > li { width: calc(100% / 2 - 1rem); }

	.top_otherbox .rodemap .rodemap_list > li{    flex-direction: column;}
	.top_otherbox .rodemap .rodemap_list > li .tit{width:100%;}
	.top_otherbox .rodemap .rodemap_list > li .txt{width:100%;}
	.top_otherbox .rodemap .rodemap_list > li .tit:after{top:auto;   left:50%; transform: translateX(-50%); bottom: -2rem;}
	.top_otherbox .rodemap .rodemap_list > li + li{margin-top:3.5rem;}

	.work_structure{flex-wrap:wrap;}
	.work_structure .item{width:100%;}

}
@media screen and (max-width:480px){	
	.top_otherbox .rodemap .rodemap_list > li .txt li{width:100%;}
	.top_otherbox .rodemap .rodemap_list > li .txt li + li{margin-top:1rem;}
	.top_otherbox .rodemap .rodemap_list > li .txt li:nth-child(3), .top_otherbox .rodemap .rodemap_list > li .txt li:nth-child(4){margin-top:1rem;}
}
@media screen and (max-width:420px){	
	.contLst_wrap .structure .steplist > li { width: 100%; }
}






/* ---  solution --- */
.s-container.solution{padding-bottom:0;}
.solution *{color:#fff;}
.solution .hText_img{position: relative; overflow:hidden;}
.solution .imgContainer{position: relative;}
.solution .imgContainer img{width:100%; clip-path: inset(0% 0% 0% 100%);transition: clip-path 0.8s ease-out;}
.solution .bgblack{opacity:0; position: absolute;  top: 0; left: 0; width:100%; height:100%; background:rgba(18,18,18,86%);}
.solution .txtContainer{width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; text-transform: uppercase;}
.solution .txtContainer .text{opacity:0; font-size:4rem; font-weight:700;}

.iwebcon .certifiLst{padding:15rem 0;}
.iwebcon .certifiLst ul{display:flex; align-items:stretch; gap:5rem;}
.iwebcon .certifiLst ul li{ background: #171717; padding:5rem; border-radius: 1.5rem; width: calc(100% / 2 - 2.5rem);}
.iwebcon .certifiLst .icon{display:flex; align-items:center; justify-content:center; width:15rem; height:15rem; background:#fff; margin:0 auto; border-radius:50%;}
.iwebcon .certifiLst .icon .gs{width:9rem; height:6rem; background:url(../img/content/gs_icon.svg) no-repeat center center /9rem;}
.iwebcon .certifiLst .icon .public{width:7.3rem; height:8rem; background:url(../img/content/public_icon.svg) no-repeat center center /7.3rem;}
.iwebcon .certifiLst .tit{margin:5rem 0; text-align:center; font-size: 3rem; font-weight: 600; text-transform: uppercase;}
.iwebcon .certifiLst .stit{margin-bottom: 8rem; font-size: 2.2rem; color: rgba(255, 255, 255, 85%); text-align: center;}
.iwebcon .certifiLst .txt{color: rgba(255, 255, 255, 35%); text-align: center;}

.comm_needBox *{color:#000;}
.comm_needBox{position:relative; padding:15rem 0;}
.comm_needBox:after{content:''; display:block; position:absolute; bottom:-22rem; left:0; width:100%; height:100%; background:url(../img/content/com_needBg.svg) no-repeat center center;} 
.comm_needBox .boxTitle{text-align:center; margin-bottom:10rem;}
.comm_needBox .boxTitle .tit{ font-size: 4rem; font-weight: 700;}
.comm_needBox .round{width:100%; display:flex; flex-wrap:wrap;}
.comm_needBox .round li{position:relative; padding-top:25.5%; width:25%;}
.comm_needBox .round li svg{position:absolute; top:0; left:0; width:100%; height:100%;}
.comm_needBox .round li svg .circle{transform: rotate(-90deg); transform-origin: center; stroke-dasharray: 747.7; stroke-dashoffset: 747.7;}
.comm_needBox .round li .cont{display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  padding: 3rem;}
.comm_needBox .round li .iconbox{height:4.5rem;margin-bottom: 2rem;}
.comm_needBox .round li .icon{display:block; margin:0 auto;}
.comm_needBox .round li .tit{min-height: 6.3rem; font-size: 2.4rem; font-weight: 600; text-align:center; margin-bottom: 2rem;}
.comm_needBox .round li .txt{font-size: 1.8rem; color: #555; text-align:center;  min-height: 5rem;}
.iwebcon .comm_needBox .round li .icon01{width:5rem; height:100%; background:url(../img/content/iwebcon_needIcon01.svg) no-repeat center center /5rem;}
.iwebcon .comm_needBox .round li .icon02{width:5.7rem; height:100%; background:url(../img/content/iwebcon_needIcon02.svg) no-repeat center center / 5.7rem;}
.iwebcon .comm_needBox .round li .icon03{width:5.4rem; height:100%; background:url(../img/content/iwebcon_needIcon03.svg) no-repeat center center / 5.4rem;}
.iwebcon .comm_needBox .round li .icon04{width:4.4rem; height:5rem;  background:url(../img/content/iwebcon_needIcon04.svg) no-repeat center center / 4.4rem;}
.uerp .comm_needBox .round li .icon01{width:4.5rem; height:100%; background:url(../img/content/uerp_needIcon01.svg) no-repeat center center /4.5rem;}
.uerp .comm_needBox .round li .icon02{width:5.7rem; height:100%; background:url(../img/content/uerp_needIcon02.svg) no-repeat center center / 5.7rem;}
.uerp .comm_needBox .round li .icon03{width:4.7rem; height:100%; background:url(../img/content/uerp_needIcon03.svg) no-repeat center center /4.7rem;}
.uerp .comm_needBox .round li .icon04{width:5.7rem; height:5rem;  background:url(../img/content/uerp_needIcon04.svg) no-repeat center center / 5.7rem;}
.uats .comm_needBox .round li .icon01{width:4.5rem; height:100%; background:url(../img/content/uats_needIcon01.svg) no-repeat center center /4.5rem;}
.uats .comm_needBox .round li .icon02{width:5rem; height:100%; background:url(../img/content/uats_needIcon02.svg) no-repeat center center / 5rem;}
.uats .comm_needBox .round li .icon03{width:5.1rem; height:100%; background:url(../img/content/uats_needIcon03.svg) no-repeat center center /5.1rem;}
.uats .comm_needBox .round li .icon04{width:5.6rem; height:5rem;  background:url(../img/content/uats_needIcon04.svg) no-repeat center center / 5.6rem;}
.hrus .comm_needBox .round li .icon01{width:3.6rem; height:100%; background:url(../img/content/hrus_needIcon01.svg) no-repeat center center /3.6rem;}
.hrus .comm_needBox .round li .icon02{width:4.7rem; height:100%; background:url(../img/content/hrus_needIcon02.svg) no-repeat center center /4.7rem;}
.hrus .comm_needBox .round li .icon03{width:5.8rem; height:100%; background:url(../img/content/hrus_needIcon03.svg) no-repeat center center /5.8rem;}
.hrus .comm_needBox .round li .icon04{width:5rem; height:100%; background:url(../img/content/hrus_needIcon04.svg) no-repeat center center /5rem;}
.betteron .comm_needBox .round li .icon01{width:5rem; height:100%; background:url(../img/content/betteron_needIcon01.svg) no-repeat center center /5rem;}
.betteron .comm_needBox .round li .icon02{width:4.8rem; height:100%; background:url(../img/content/betteron_needIcon02.svg) no-repeat center center / 4.8rem;}
.betteron .comm_needBox .round li .icon03{width:5.6rem; height:100%; background:url(../img/content/betteron_needIcon03.svg) no-repeat center center /5.6rem;}
.betteron .comm_needBox .round li .icon04{width:5rem; height:5rem;  background:url(../img/content/betteron_needIcon04.svg) no-repeat center center / 5rem;}
.conai .comm_needBox .round li .icon01{width:5.8rem; height:100%; background:url(../img/content/conai_needIcon01.svg) no-repeat center center /5.8rem;}
.conai .comm_needBox .round li .icon02{width:3.4rem; height:100%; background:url(../img/content/conai_needIcon02.svg) no-repeat center center / 3.4rem;}
.conai .comm_needBox .round li .icon03{width:4.7rem; height:100%; background:url(../img/content/conai_needIcon03.svg) no-repeat center center /4.7rem;}
.conai .comm_needBox .round li .icon04{width:5.4rem; height:5rem;  background:url(../img/content/conai_needIcon04.svg) no-repeat center center / 5.4rem;}
 
.comm_needBox.active .round li svg .circle {animation:draw 1s cubic-bezier(.9,0,.2,1) forwards;}
.comm_needBox.active .round li:nth-child(1) svg .circle {animation-delay: 0s;}
.comm_needBox.active .round li:nth-child(2) svg .circle {animation-delay: .5s;}
.comm_needBox.active .round li:nth-child(3) svg .circle {animation-delay: 1s;}
.comm_needBox.active .round li:nth-child(4) svg .circle {animation-delay: 1.5s;}
@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}
.comm_needBox.active .round li:nth-child(1) .icon,.comm_needBox.active .round li:nth-child(1) .tit,.comm_needBox.active .round li:nth-child(1) .txt {animation: fadeUp 0.6s ease-out forwards;}
.comm_needBox.active .round li:nth-child(1) .icon { animation-delay: 0.2s; }
.comm_needBox.active .round li:nth-child(1) .tit { animation-delay: 0.4s; }
.comm_needBox.active .round li:nth-child(1) .txt { animation-delay: 0.6s; }
.comm_needBox.active .round li:nth-child(2) .icon,.comm_needBox.active .round li:nth-child(2) .tit,.comm_needBox.active .round li:nth-child(2) .txt {animation: fadeUp 0.6s ease-out forwards;}
.comm_needBox.active .round li:nth-child(2) .icon { animation-delay: 0.7s; }
.comm_needBox.active .round li:nth-child(2) .tit { animation-delay: 0.9s; }
.comm_needBox.active .round li:nth-child(2) .txt { animation-delay: 1.1s; }
.comm_needBox.active .round li:nth-child(3) .icon,.comm_needBox.active .round li:nth-child(3) .tit,.comm_needBox.active .round li:nth-child(3) .txt {animation: fadeUp 0.6s ease-out forwards;}
.comm_needBox.active .round li:nth-child(3) .icon { animation-delay: 1.2s; }
.comm_needBox.active .round li:nth-child(3) .tit { animation-delay: 1.4s; }
.comm_needBox.active .round li:nth-child(3) .txt { animation-delay: 1.6s; }
.comm_needBox.active .round li:nth-child(4) .icon,.comm_needBox.active .round li:nth-child(4) .tit,.comm_needBox.active .round li:nth-child(4) .txt {animation: fadeUp 0.6s ease-out forwards;}
.comm_needBox.active .round li:nth-child(4) .icon { animation-delay: 1.7s; }
.comm_needBox.active .round li:nth-child(4) .tit { animation-delay: 1.9s; }
.comm_needBox.active .round li:nth-child(4) .txt { animation-delay: 2.1s; }
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.comm_needBox .round li .icon,.comm_needBox .round li .tit,.comm_needBox .round li .txt {opacity: 0; transform: translateY(20px);}
.comm_needBox .stit_txt{ font-size: 2.2rem; line-height: 1.5; text-align:center; margin-top:10rem;}
.comm_needBox .addcont { margin: 15rem 0 0;}
.comm_needBox .addcont ul { width: 100%;border-top: 2px solid #000; border-bottom:2px solid #eee;}
.comm_needBox .addcont li { padding:3rem; display:flex;     gap: 8rem; }
.comm_needBox .addcont li + li{border-top:1px solid #eee;}
.comm_needBox .addcont .tit {font-size: 2.2rem; font-weight: 500;}
.comm_needBox .addcont .tit span{margin-right: 3rem; vertical-align: middle;}
.comm_needBox .addcont .txt { font-size: 1.8rem; line-height: 1.5; color:#555;}

.comm_areaBox{position:relative;}
.comm_areaBox .fixedBg{padding:15rem 0; background-repeat: no-repeat; background-position: center;background-size: cover; background-attachment: fixed;}
.comm_areaBox .fixedBg.bg01{background-image: url(../img/content/activity_fixedBg.png);}
.comm_areaBox .fixedBg.bg02{background-image: url(../img/content/activity_fixedBg01.png);}
.comm_areaBox .fixedBg.bg03{background-image: url(../img/content/activity_fixedBg02.png);}
.comm_areaBox .fixedBg.bg04{background-image: url(../img/content/activity_fixedBg03.png);}
.comm_areaBox .fixedBg.bg05{background-image: url(../img/content/activity_fixedBg04.png);}
.comm_areaBox .fixedBg.bg06{background-image: url(../img/content/activity_fixedBg05.png);}
.comm_areaBox .boxTitle .tit{ font-size: 4rem; font-weight: 700; margin-bottom: 3rem;}
.comm_areaBox .boxTitle .stit{ font-size: 2.2rem; line-height: 1.5;}
.comm_areaBox .boxTitle .stit span{font-size:2.2rem; color:var(--point-color);font-weight:500;}
.comm_areaBox .activeity_wrapper{display: flex; gap:3rem;  flex-wrap: wrap;  margin-top: 8rem;}
.comm_areaBox .activeity_wrapper * {color:#000;}
.comm_areaBox .activeity_wrapper li{ width: calc(100% / 3 - 2rem);background: #fff; border-radius: 1.5rem; padding: 3.5rem 4.5rem;}
.comm_areaBox .activeity_wrapper li .nm{font-size: 1.8rem; color: var(--point-color);  font-weight: 500;}
.comm_areaBox .activeity_wrapper li .tit{ font-size: 2.4rem; font-weight: 600;  margin: 1rem 0 2rem;}
.comm_areaBox .activeity_wrapper li .stxt{font-size: 2rem; color: #555; font-weight: 500;}

.comm_detailBox{padding:15rem 0; background:#171717;}
.comm_detailBox .boxTitle .tit{font-size: 4rem; font-weight: 700;}
.comm_detailBox .boxTitle .tit span{font-size: 4rem; font-weight: 700; color:var(--point-color);}
.comm_detailBox .linetxt{margin-top:2rem; color: transparent; -webkit-text-stroke: 1px #fff;  text-stroke: 1px #fff; opacity:0.4; font-size: 14rem; font-weight: 900; text-align:right;}
.comm_detailBox .detail_sld_wrap{display:flex; padding-top:7rem; padding-left:21rem;}
.comm_detailBox .detail_sld_item{position: relative; width: 70%;  max-width: 67rem; min-height: 37.5rem;  border: 1px solid rgba(255,255,255,0.03);  border-radius: 1.5rem;  padding: 4rem;  background: rgba(255,255,255,0.03);}
.comm_detailBox .icon{height:5.2rem;  margin-bottom: 4rem;}
.comm_detailBox .icon01{width:5rem; background:url(../img/content/detail_icon01.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon02{width:5rem; background:url(../img/content/detail_icon02.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon03{width:5rem; background:url(../img/content/detail_icon03.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon04{width:5rem; background:url(../img/content/detail_icon04.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon05{width:5rem; background:url(../img/content/detail_icon05.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon06{width:5rem; background:url(../img/content/detail_icon06.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon07{width:5rem; background:url(../img/content/detail_icon07.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon08{width:5rem; background:url(../img/content/detail_icon08.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon09{width:3.7rem; background:url(../img/content/detail_icon09.svg) no-repeat center center / 3.7rem;}
.comm_detailBox .icon10{width:6rem; background:url(../img/content/detail_icon10.svg) no-repeat center center / 6rem;}
.comm_detailBox .icon11{width:5.8rem; background:url(../img/content/detail_icon11.svg) no-repeat center center / 5.8rem;}
.comm_detailBox .icon12{width:6.6rem; background:url(../img/content/detail_icon12.svg) no-repeat center center / 6.6rem;}
.comm_detailBox .icon13{width:4.8rem; background:url(../img/content/detail_icon13.svg) no-repeat center center / 4.8rem;}
.comm_detailBox .icon14{width:5.5rem; background:url(../img/content/detail_icon14.svg) no-repeat center center / 5.5rem;}
.comm_detailBox .icon15{width:6.2rem; background:url(../img/content/detail_icon15.svg) no-repeat center center / 6.2rem;}
.comm_detailBox .icon16{width:4.4rem; background:url(../img/content/detail_icon16.svg) no-repeat center center / 4.4rem;}
.comm_detailBox .icon17{width:5rem; background:url(../img/content/detail_icon17.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon18{width:5.6rem; background:url(../img/content/detail_icon18.svg) no-repeat center center / 5.6rem;}
.comm_detailBox .icon19{width:5.5rem; background:url(../img/content/detail_icon19.svg) no-repeat center center / 5.5rem;}
.comm_detailBox .icon20{width:5.1rem; background:url(../img/content/detail_icon20.svg) no-repeat center center / 5.1rem;}
.comm_detailBox .icon21{width:5.5rem; background:url(../img/content/detail_icon21.svg) no-repeat center center / 5.5rem;}
.comm_detailBox .icon22{width:5.1rem; background:url(../img/content/detail_icon22.svg) no-repeat center center / 5.1rem;}
.comm_detailBox .icon23{width:4.6rem; background:url(../img/content/detail_icon23.svg) no-repeat center center / 4.6rem;}
.comm_detailBox .icon24{width:4.1rem; background:url(../img/content/detail_icon24.svg) no-repeat center center / 4.1rem;}
.comm_detailBox .icon25{width:5.5rem; background:url(../img/content/detail_icon25.svg) no-repeat center center / 5.5rem;}
.comm_detailBox .icon26{width:5rem; background:url(../img/content/detail_icon26.svg) no-repeat center center / 5rem;}
.comm_detailBox .icon27{width:5.8rem; background:url(../img/content/detail_icon27.svg) no-repeat center center / 5.8rem;}
.comm_detailBox .icon28{width:6.8rem; background:url(../img/content/detail_icon28.svg) no-repeat center center / 6.8rem;}
.comm_detailBox .icon29{width:6.8rem; background:url(../img/content/detail_icon29.svg) no-repeat center center / 6.8rem;}
.comm_detailBox .icon30{width:6.8rem; background:url(../img/content/detail_icon30.svg) no-repeat center center / 6.8rem;}
.comm_detailBox .icon31{width:4.9rem; background:url(../img/content/detail_icon31.svg) no-repeat center center / 4.9rem;}
.comm_detailBox .icon32{width:5.8rem; background:url(../img/content/detail_icon32.svg) no-repeat center center / 5.8rem;}
.comm_detailBox .icon33{width:5.6rem; background:url(../img/content/detail_icon33.svg) no-repeat center center / 5.6rem;}
.comm_detailBox .icon34{width:5.6rem; background:url(../img/content/detail_icon34.svg) no-repeat center center / 5.6rem;}
.comm_detailBox .icon35{width:4.9rem; background:url(../img/content/detail_icon35.svg) no-repeat center center / 4.9rem;}
.comm_detailBox .icon36{width:5.6rem; background:url(../img/content/detail_icon36.svg) no-repeat center center / 5.6rem;}







.comm_detailBox .detail_sld_item .d_tit{font-size: 2.6rem; font-weight: 600; margin-bottom:2rem;}
.comm_detailBox .detail_sld_item .d_txtlist li{ font-size: 1.8rem; text-indent: -1rem; padding-left: 1rem;}
.comm_detailBox .detail_sld_item .d_txtlist li + li{margin-top:0.8rem;}
.comm_detailBox .swiper-slide-active{transform: translateY(-5rem); background:var(--point-color); border:none;}
.comm_detailBox .swiper-slide-active .icon{filter: brightness(10);}
.comm_detailBox .swiper-slide-active .d_tit{color:#fff;}
.comm_detailBox .swiper-slide-active .d_txtlist li{color:#fff; opacity:0.8;}

.comm_importBox{background:#fff; padding:15rem 0;}
.comm_importBox * {color:#000;}
.comm_importBox .title{text-align: center; font-size: 4rem; font-weight: 600;}
.comm_importBox .title span{font-size: 4rem; font-weight: 600; color: var(--point-color);}
.comm_importBox .btitle{text-align: center; font-size: 3.4rem; font-weight: 500;}
.comm_importBox .btitle span{font-size: 3.4rem; font-weight: 500; color: var(--point-color);}
.comm_importBox .cont_diagram{position:relative; margin:25rem 0;}
.comm_importBox .cont_diagram .center{width:100%; max-width: 36rem; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;}
.comm_importBox .cont_diagram figure{position:relative; position:relative; width: 100%; display: inline-block; opacity: 1; transform: scale(1);  transition: transform 1s, opacity 1s;}
.comm_importBox .cont_diagram figure:before{content: ""; display:block; width: 125%; padding-bottom: 125%; border: 1px dashed #BBB; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: rotate360 5s linear infinite;}
.comm_importBox .cont_diagram .ctTxtbox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.comm_importBox .cont_diagram .ctTxtbox .tit{font-size:3.4rem; font-weight:600; color:#fff;}
.comm_importBox .cont_diagram .ctTxtbox .txt{font-size:2.6rem; font-weight:300; color:#fff;}
.comm_importBox .cont_diagram img{width:100%; animation: shimmer 4s ease-in-out infinite;mix-blend-mode: screen; filter: blur(1px);}
.comm_importBox .aside{display: flex; flex-wrap: wrap; justify-content: center;}
.comm_importBox .aside dl{max-width: 490px; width: calc((100% - 54rem) / 2); position: relative;  padding-left: 8rem; opacity: 1;}
.comm_importBox .aside dl:before{content: ""; width: 1rem; height: 1rem;background: #000; border-radius: 50%; position: absolute; top: 50%;  transform: translateY(-50%);}
.comm_importBox .aside dl dt{font-size:2.5rem; font-weight:600; margin-bottom:1rem;}
.comm_importBox .aside dl dd{font-size:2rem; color:#555;}
.comm_importBox .aside .aside01 {margin-right: calc(54rem - 8%); text-align: right; padding-left: 0; padding-right:6rem;}
.comm_importBox .aside .aside01:before{right:0.7rem;}
.comm_importBox .aside .aside02{transform: translateY(-15rem); padding-left: 0;}
.comm_importBox .aside .aside02:before{left:-8.5rem;}
.comm_importBox .aside .aside03{ margin-left: calc(54rem + 15%); transform: translateY(12rem);}
.comm_importBox .aside .aside03:before{left:1.3rem;}

@keyframes shimmer {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.8; }
  50% { transform: scale(1.03) rotate(0.5deg); opacity: 1; }
}
@keyframes rotate360{
	0%{ transform: translate(-50%, -50%) rotate(0deg); }
	100%{ transform:translate(-50%, -50%) rotate(360deg); }
}

.comm_worksBox{background:#f6f9fe; padding: 15rem 0;}
.comm_worksBox * {color:#000;}
.comm_worksBox .boxTitle{ margin-bottom:10rem;}
.comm_worksBox .boxTitle .tit{ font-size: 4rem; font-weight: 700;}
.comm_worksBox ul{width: 100%;  display: flex;  align-items: stretch;  gap: 2rem;  flex-wrap: wrap;}
.comm_worksBox li{width: calc(100% / 4 - 1.5rem);  min-height: 41.5rem;  background: #fff; border: 1px solid #ddd;  padding: 5rem;  display: flex; flex-direction: column; align-items: center; justify-content: space-between;  gap: 5rem;}
.comm_worksBox .textw{ text-align: center; }
.comm_worksBox .textw .tit_p{font-size: 2.6rem;font-weight: 500;line-height: 1.3;margin-bottom: 2.5rem;}
.comm_worksBox .textw .stit_p{font-size:2rem;line-height: 1.3;}
.comm_worksBox .logoimg{width:100%; max-width:18rem; height:5.8rem;  margin: 0 auto;}
.comm_worksBox .pkuniv{background:url(../img/content/work/list-logo_pk-univ.png) no-repeat center center / 100%;  }
.comm_worksBox .busan{background:url(../img/content/work/list-logo_busan.svg) no-repeat center center / 18rem;}
.comm_worksBox .asuniv{background:url(../img/content/work/list-logo_as-univ.png) no-repeat center center / 100%;}
.comm_worksBox .pkvalve{background:url(../img/content/work/list-logo_pkvalve.png) no-repeat center center / 100%;}
.comm_worksBox .beco{background:url(../img/content/work/list-logo_beco.png) no-repeat center center / 100%;}
.comm_worksBox .famecs{background:url(../img/content/work/list-logo_famecs.png) no-repeat center center / 100%;}
.comm_worksBox .bspol{background:url(../img/content/work/list-logo_bs-pol.png) no-repeat center center / 100%;}
.comm_worksBox .bepa{background:url(../img/content/work/list-logo_bepa.png) no-repeat center center / 100%;}
.comm_worksBox .kwangyang{background:url(../img/content/work/list-logo_kwangyang.png) no-repeat center center / 100%; }
.comm_worksBox .nabl{background:url(../img/content/work/list-logo_nabl.svg) no-repeat center center / 18rem;}
.comm_worksBox .btp{background:url(../img/content/work/list-logo_btp.png) no-repeat center center  / 100%;}
.comm_worksBox .pnulinc{background:url(../img/content/work/list-logo_pnulinc.svg) no-repeat center center / 18rem;}
.comm_worksBox .humetro{background:url(../img/content/work/list-logo_humetro.png) no-repeat center center / 100%;}
.comm_worksBox .kkido{background:url(../img/content/work/list-logo_kkido.png) no-repeat center center / 100%;}
.comm_worksBox .pen{background:url(../img/content/work/list-logo_pen.png) no-repeat center center / 100%;}
.comm_worksBox .changwon{background:url(../img/content/work/list-logo_changwon.png) no-repeat center center / 100%;  }
.comm_worksBox .kyci{background:url(../img/content/work/list-logo_kyci.png) no-repeat center center / 100%; }
.comm_worksBox .sbck{background:url(../img/content/work/list-logo_sbck.png) no-repeat center center / 100%;}
.comm_worksBox .chungbuk{background:url(../img/content/work/list-logo_chungbuk.png) no-repeat center center / 100%;}
.comm_worksBox .seaman{background:url(../img/content/work/list-logo_seaman.png) no-repeat center center / 100%;}
.comm_worksBox .seoul{background:url(../img/content/work/list-logo_seoul.png) no-repeat center center / 100%;}
.comm_worksBox .meditour{background:url(../img/content/work/list-logo_meditour.png) no-repeat center center / 100%;}
.comm_worksBox .media{background:url(../img/content/work/list-logo_meditour.png) no-repeat center center / 100%;}
.comm_worksBox .busanit{background:url(../img/content/work/list-logo_busanit.png) no-repeat center center / 100%;}
.comm_worksBox .naver{background:url(../img/content/work/list-logo_naver.png) no-repeat center center / 100%;}
.comm_worksBox .ulsangangnam{background:url(../img/content/work/list-logo_ulsangangnam.png) no-repeat center center / 100%; }


.iwebcon .charBox{width:100%; padding:15rem 0;}
.iwebcon .charBox *{color:#000;}
.iwebcon .charBox .boxTitle{display: flex; align-items: flex-end; gap: 5rem;}
.iwebcon .charBox .boxTitle .tit{font-size: 4rem; font-weight: 700;}
.iwebcon .charBox .boxTitle .stit{font-size: 2.2rem; line-height: 1.5;}
.iwebcon .charBox .char_wrapper{position:relative; display:flex; gap:8rem; margin-top:8rem;}
.iwebcon .charBox .l_charImg{width: 55%; height:48rem; display: flex; align-items: center; justify-content: center; background: #f6f9fe; border-radius: 2rem; padding:4rem 2rem 0;}
.iwebcon .charBox .l_charImg .thum{position:relative; width:100%; height:100%;}
.iwebcon .charBox .l_charImg .thumbox{ overflow:hidden; position: absolute; bottom: 0;  left: 50%;transform:translateX(-50%); width:100%; max-width: 64rem; max-height: 42rem; border: 6px solid #333; border-bottom: 0; border-radius: 3rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.iwebcon .charBox .l_charImg img{width:100%;  animation: slideUp 6.6s linear infinite forwards; animation-timing-function: cubic-bezier(0.65, -0.02, 0.45, 0.98);}
.iwebcon .charBox .r_char_sld{width: 45%;}
.iwebcon .charBox .r_charCont li{display: flex; flex-direction: column;  justify-content: center;}
.iwebcon .charBox .r_charCont li .catagory{ font-size: 1.8rem; color: var(--point-color);  font-weight:500;}
.iwebcon .charBox .r_charCont li .tit{ font-size: 2.6rem; font-weight: 600; margin: 0.5rem 0 3rem;}
.iwebcon .charBox .r_charCont li .txt{ font-size: 2rem; color: #555; line-height:1.5;}
.iwebcon .charBox .r_charCont li .txt span{font-size: 2rem; color:#000; font-weight:600;}
.iwebcon .charBox .r_char_control{}
.iwebcon .charBox .r_char_control .r_char_btn{ position: absolute; top: auto; bottom: 0;  width: 4.5rem; height:4.5rem; background:#000; border-radius: 50%;}
.iwebcon .charBox .r_char_control .r_char_btn .arrow{width:2rem; height:2rem; filter: brightness(1) invert(1); background:url(../img/default/ico_arrow_right.svg) no-repeat center center / 2rem;}
.iwebcon .charBox .r_char_control .r_char_btn.next{ left:5rem; }
.iwebcon .charBox .r_char_control .r_char_btn.prev{left:auto;}
.iwebcon .charBox .r_char_control .r_char_btn.prev .arrow{transform:rotate(180deg);}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display:none;}

@keyframes slideUp {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-41%);
  }
}

.iwebcon .architecture{padding:15rem 0;}
.iwebcon .architecture .boxTitle .tit{font-size: 4rem; font-weight: 700;}
.iwebcon .architecture .arch_wrapper{margin-top:4rem;}
.iwebcon .architecture .archbox{}
.iwebcon .architecture .archboxLst01 {position:relative; width: 100%; display: flex; align-items: center; gap: 2rem; padding:1.5rem;}
.iwebcon .architecture .archboxLst01:after{content:''; display:block; position:absolute; top:0; left:0; border:2px solid #fff; border-radius:1rem; width: 64%; height: 100%;}
.iwebcon .architecture .archboxLst01 .left{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;}
.iwebcon .architecture .archboxLst01 .gridw_l { display: grid; gap: 1rem;}
.iwebcon .architecture .archboxLst01 .gridw_r { display: flex; justify-content: center; align-items: center;border-radius: 1rem; background:#0900FF;}
.iwebcon .architecture .archboxLst01 .item {background: #0900FF; text-align: center; padding: 1.5rem;  border-radius: 1rem; color: #fff;}
.iwebcon .architecture .archboxLst01 .item1, .item2 { height: 100%;}
.iwebcon .architecture .archboxLst01 .item3 {grid-column: span 2;}
.iwebcon .architecture .left{width:64%;}
.iwebcon .architecture .right{width:36%;}
.iwebcon .architecture .right .txtDumi{margin-left:2rem;}
.iwebcon .architecture .right .txtDumi .tit{font-size:2rem;}
.iwebcon .architecture .right .txtDumi ul{margin-top:2rem;}
.iwebcon .architecture .right .txtDumi ul li{color:rgba(255,255,255,0.5); text-indent: -1rem; padding-left: 1rem;}
.iwebcon .architecture .archboxLst02{position:relative; width: 100%; display: flex; align-items: center; gap: 2rem; padding:1.5rem;}
.iwebcon .architecture .archboxLst02 .left{ display: grid; grid-template-columns: 2fr repeat(8, 1fr); grid-template-rows: auto auto;  gap: 1rem;  padding: 1.5rem;}
.iwebcon .architecture .archboxLst02 .itemother{background: #fff; color: #000; display: flex; justify-content: center;align-items: center;padding: 1.5rem;text-align: center;}
.iwebcon .architecture .archboxLst02 .item1 { grid-column: 1 / 3; grid-row: 1 / 2;  }
.iwebcon .architecture .archboxLst02 .item{grid-row: 1 / 2;  border: 1px solid #fff; display: flex;  justify-content: center; align-items: center;  text-align: center;  padding: 1rem;}
.iwebcon .architecture .archboxLst02 .item2 { grid-column: 1 / 6; grid-row: 2 / 3;}
.iwebcon .architecture .archboxLst02 .item3 { grid-column: 6 / 11; grid-row: 2 / 3;}
.iwebcon .architecture .archboxLst03{position:relative; width: 100%; display: flex; align-items: center; gap: 2rem; padding:1.5rem;}
.iwebcon .architecture .archboxLst03:after{content:''; display:block; position:absolute; top:0; left:0; border:2px dashed #fff; border-radius:1rem; width: 64%; height: 100%;}
.iwebcon .architecture .archboxLst03 .left{display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto auto auto auto auto auto; gap: 1rem; margin: auto;}
.iwebcon .architecture .archboxLst03 .item01 {grid-column: 1 / -1; background: #cfc4f9; color: #000; padding: 1.5rem; text-align: center; font-weight: 600;}
.iwebcon .architecture .archboxLst03 .item { background: #7e57f9; text-align: center; padding: 1.5rem;}
.iwebcon .architecture .archboxLst03 .itemarrow { grid-column: 1 / -1;}
.iwebcon .architecture .archboxLst03 .itemarrow .arrow{width: 1.5rem; height: 4rem; background: url(../img/content/arch_both_arrow_icon.svg) no-repeat center center / 1.5rem; display: flex; margin: 0 auto;}
.iwebcon .architecture .archboxLst03 .itemicon {display: flex; align-items: center; justify-content: center;  gap: 5rem; padding: 4rem 2rem; grid-column: 1 / 6; background:#1e3365;}
.iwebcon .architecture .archboxLst03 .itemicon > div{font-size:1.8rem;}
.iwebcon .architecture .archboxLst03 .itemicon .icon{}
.iwebcon .architecture .archboxLst03 .itemicon .icon01{background:url()}
.iwebcon .architecture .archboxLst03 .itemicon .icon02{}

.uerp .architecture{padding:15rem 0;}
.uerp .architecture .boxTitle .tit{font-size: 4rem; font-weight: 700;}
.uerp .architecture .arch_wrapper{margin-top:4rem;}
.uerp .architecture .archbox{display: flex; align-items: flex-start; gap: 1rem;}
.uerp .architecture .archbox > li{width: calc(100% / 3 - 5rem); position: relative; border-radius: 1.5rem;}
.uerp .architecture .archbox .data_tit{ width: 100%;  background: #00AAFF;border-radius: 1.5rem;  font-size: 1.8rem; padding: 1.2rem; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.uerp .architecture .archbox .data_cont{border:1px solid #fff; border-top:0; padding:2rem 1rem 3rem; border-bottom-left-radius:1.5rem; border-bottom-right-radius:1.5rem; }
.uerp .architecture .archboxLst02 .data_tit{background: #1AB394;}
.uerp .architecture .round{display: flex; align-items: center;  justify-content: center; width: 11rem; height: 11rem; background: #171717; border-radius: 50%; margin: 0 auto;}
.uerp .architecture .icon{display:flex; height:4.5rem;}
.uerp .architecture .icon01{width:5.4rem; background:url(../img/content/arch_erp_icon01.svg) no-repeat center center / 5.4rem;}
.uerp .architecture .icon02{width:6rem; background:url(../img/content/arch_erp_icon02.svg) no-repeat center center / 6rem;}
.uerp .architecture .data_list{margin:2rem;}
.uerp .architecture .data_list li{width: 100%; padding: 1.2rem 1rem;  text-align: center;  background: #0900FF;}
.uerp .architecture .archboxLst02 .data_list li{background:#135C4D;} 
.uerp .architecture .data_list li + li{margin-top:1rem;}
.uerp .architecture .txtitem{padding-top:3rem; margin:3rem 2rem 0; border-top:1px solid rgba(255,255,255,0.4);}
.uerp .architecture .txtitem .txt{margin-top:1.5rem;}
.uerp .architecture .txtitem .txt li{text-indent: -1rem; padding-left: 1rem; color: rgba(255, 255, 255, 0.5);}
.uerp .architecture .archbox .arrow{width:4%;}
.uerp .architecture .archbox .arrow i{width: 1.5rem; height: 4rem;  background: url(../img/content/arch_both_arrow_icon.svg) no-repeat center center / 1.5rem; display: flex; margin: 5rem auto 0; transform: rotate(90deg);}

.functional{padding:15rem 0;}
.functional .boxTitle .tit{font-size: 4rem; font-weight: 700;}
.functional .func_wrapper{margin-top:5rem;}
.functional .list { display: flex;  align-items: flex-start;  flex-wrap: wrap;  gap: 2rem;}
.functional .list > li { width: calc(100% / 4 - 1.5rem);}
.functional .list > li .tit { background: #0059FF;  padding: 1.2rem;  text-align: center; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; font-size: 1.8rem; font-weight: 500;}
.functional .list > li .s_list {border: 1px solid #444; margin-top: 1rem;padding: 2rem; background: #171717;}
.functional .list > li .s_list li {padding: 1rem; background: rgba(255, 255, 255, 0.1); text-align: center;  border: 1px solid rgba(255, 255, 255, 0.4);}
.functional .list > li .s_list li + li{ margin-top:1rem;}

.hrus .hrRising{padding:15rem 0; position:relative; z-index:1;}
.hrus .hrRising .boxTitle{margin-bottom:30rem;}
.hrus .hrRising .boxTitle .ttxtlabel span:nth-child(1){font-size: 4rem; color: var(--point-color); font-weight: 600;}
.hrus .hrRising .boxTitle .ttxtlabel span:nth-child(2){font-size: 2rem; font-weight: 300; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; margin-left: 1.5rem;}
.hrus .hrRising .boxTitle .tit{font-size: 4rem; font-weight: 600;}
.hrus .hrRising .boxTitle .tit span{font-size: 4rem; font-weight: 700; color: var(--point-color);}
.hrus .hrRising .stepCont{}
.hrus .hrRising .stepCont ul {display: flex; gap: 3rem;}
.hrus .hrRising .stepCont ul li {width: calc(100% / 4 - 2rem); }
.hrus .hrRising .stepCont ul li:nth-child(2){margin-top:-2rem;}
.hrus .hrRising .stepCont ul li:nth-child(3){margin-top:-4rem;}
.hrus .hrRising .stepCont ul li:nth-child(4){margin-top:-6rem;}
.hrus .hrRising .stepCont ul li .stepTit { background: #5766ff;  border-top-left-radius: 1.5rem;  border-top-right-radius: 1.5rem; padding: 2rem;  text-align: center;}
.hrus .hrRising .stepCont ul li .stepTit .num {margin-bottom: 1rem;}
.hrus .hrRising .stepCont ul li .stepTit .tit { font-size: 2.2rem;text-align: center; font-weight: 500;}
.hrus .hrRising .stepCont ul li .stepTxt{padding: 4rem 2rem; text-align:center; background:#171717;}
.hrus .hrRising .stepCont ul li .stepTxt .txt {font-size: 1.8rem;}
.hrus .hrRising .stepCont ul li .stepTxt .ex { margin-top:4rem; font-size: 1.8rem; color: rgba(255,255,255,0.5); }
.hrus .hrRising .stepCont ul li:last-child .stepTit { background: #04C9FF;} 
.hrus .hrRising .risingArrow{width:100%; position:absolute; top:26rem; left:50%;  transform: translateX(-50%); z-index: -1;}
/* .hrus .hrRising .risingArrow .rising{opacity:0; transform: scale(0); transform-origin: bottom left;  animation: growIn 2s ease-out forwards;}
    @keyframes growIn {
      to {
        transform: scale(1); opacity:1;
      }
    } */



.betteron .videoInfo{padding:15rem 0; position:relative; background:#fff; z-index:1;}
.betteron .videoInfo:after{content:''; display:block; width:100%; height:65rem; background:#fafafa;    position: absolute; top: 0;  left: 0;  z-index: -1;}
.betteron .videoInfo *{color:#000;}
.betteron .videoInfo .boxTitle .tit{font-size: 4rem; font-weight: 700; margin-bottom:3rem;}
.betteron .videoInfo .boxTitle .tit span{font-size: 4rem; font-weight: 700; color:var(--point-color);}
.betteron .videoInfo .boxTitle .stit{font-size: 2.2rem; line-height: 1.5;}
.betteron .videoInfo .rollingThum{margin:10rem 0 6rem;}
.betteron .videoInfo .rolling_sld_frame{margin:0 auto; background:#fff; width: 100%; max-width: 88rem; height: 50rem; border: 6px solid #333; border-radius: 3rem; overflow:hidden;}
.betteron .videoInfo .rolling_sld{width:100%; height:100%;}
.betteron .videoInfo .rolling_sld_w{}
.betteron .videoInfo .swiper-slide img{width:100%;}
.betteron .videoInfo .info_list{display: flex; align-items: center;  justify-content: center;  gap: 3rem;  flex-wrap: wrap;}
.betteron .videoInfo .info_list li{width: calc(100% / 2 - 1.5rem); display: flex;align-items: stretch;  border: 2px solid #EDEFF4; border-radius: 1.5rem;}
.betteron .videoInfo .info_list .l-box{width: 12rem; background: #EDEFF4;}
.betteron .videoInfo .info_list .l-box .icon{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.betteron .videoInfo .info_list .l-box .icon i{height:4.5rem;}
.betteron .videoInfo .info_list .l-box .icon01{width:4rem; height:4rem; background:url(../img/content/videoInfo_icon01.svg) no-repeat center center / 4rem;}
.betteron .videoInfo .info_list .l-box .icon02{width:6.2rem; background:url(../img/content/videoInfo_icon02.svg) no-repeat center center / 6.2rem;}
.betteron .videoInfo .info_list .l-box .icon03{width:4.8rem; background:url(../img/content/videoInfo_icon03.svg) no-repeat center center / 4.8rem;}
.betteron .videoInfo .info_list .l-box .icon04{width:4.5rem; background:url(../img/content/videoInfo_icon04.svg) no-repeat center center / 4.5rem;}
.betteron .videoInfo .info_list .l-box .icon05{width:6rem; background:url(../img/content/videoInfo_icon05.svg) no-repeat center center / 6rem;}
.betteron .videoInfo .info_list .l-box .icon06{width:5.4rem; background:url(../img/content/videoInfo_icon06.svg) no-repeat center center / 5.4rem;}
.betteron .videoInfo .info_list .l-box .icon07{width:4.5rem; background:url(../img/content/videoInfo_icon07.svg) no-repeat center center / 4.5rem;}
.betteron .videoInfo .info_list .l-box .icon08{width:5.7rem; background:url(../img/content/videoInfo_icon08.svg) no-repeat center center / 5.7rem;}
.betteron .videoInfo .info_list .l-box .icon09{width:4.5rem; background:url(../img/content/videoInfo_icon09.svg) no-repeat center center / 4.5rem;}
.betteron .videoInfo .info_list .l-box .icon10{width:5.3rem; background:url(../img/content/videoInfo_icon10.svg) no-repeat center center / 5.3rem;}
.betteron .videoInfo .info_list .r-box{width: calc(100% - 12rem); padding:3rem 2rem;}
.betteron .videoInfo .info_list .r-box .tit{font-size:2.2rem; font-weight:600; margin-bottom:2rem;}
.betteron .videoInfo .info_list .r-box .txt{font-size:1.8rem; color:#555; line-height:1.5; min-height: 5.5rem;}
.betteron .transInfo{padding:15rem 0; position:relative; background:#fff; z-index:1;}
.betteron .transInfo:after { content: '';  display: block;  width: 100%;  height: 65rem; background: #fafafa;  position: absolute;  top: 0;  left: 0;  z-index: -1;}
.betteron .transInfo *{color:#000;}
.betteron .transInfo .boxTitle .tit{font-size: 4rem; font-weight: 700; margin-bottom:3rem;}
.betteron .transInfo .boxTitle .tit span{font-size: 4rem; font-weight: 700; color:var(--point-color);}
.betteron .transInfo .trans_cont{display:flex; gap:4rem; margin-top:8rem;}
.betteron .transInfo .trans_cont .l_img img{width:100%;}
.betteron .transInfo .trans_cont .r_img { background: #edeff4; padding: 5rem 3rem;  border-radius: 2rem;}
.betteron .transInfo .trans_cont .r_img img{width:100%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);}
.betteron .transInfo .trans_cont .r_img .txt{ padding: 3rem; font-size: 1.8rem; font-weight: 600;  text-align: center;}
.betteron .transInfo .info_list{margin-top: 3rem;}
.betteron .transInfo .info_list ul{display: flex;flex-wrap: wrap;gap: 2rem;}
.betteron .transInfo .info_list li{text-align:center;font-size:2rem;font-weight:600;line-height:1.4;background:#f6f9fe;width: calc(100% / 2 - 1rem);padding:3rem 2rem;border-radius:1rem;border: 1px solid #eee;}
.betteron .transInfo .info_list li span{color:var(--point-color);font-size:2rem;font-weight:600;}

.conai .framework{padding:15rem 0; background:#000;}
.conai .framework .boxTitle .tit{font-size: 4rem; font-weight: 700; margin-bottom:3rem;}
.conai .framework .fwbox{width: 100%; display: flex; align-items: stretch;}
.conai .framework .fwboxLst01{width: 20%; border: 2px solid #283BB9; margin-right:2rem;}
.conai .framework .fwboxLst01 .data_tit{background: #283BB9; display: flex; align-items: center; justify-content: center; padding: 1.2rem; }
.conai .framework .fwboxLst01 .datalst{border: 1px solid #fff;margin: 2rem 1rem; padding: 1.5rem 1rem;}
.conai .framework .fwboxLst01 .datalst .tit{ display: flex; font-size:1.8rem; align-items: center; justify-content: center; gap: 1rem;  margin: 1rem 0 2rem;}
.conai .framework .fwboxLst01 .datalst .tit i{width:2.2rem; height:2.2rem;}
.conai .framework .fwboxLst01 .datalst .tit .icon01{background:url(../img/content/conai_frame_icon01.svg) no-repeat center center/2.2rem;}
.conai .framework .fwboxLst01 .datalst .tit .icon02{background:url(../img/content/conai_frame_icon02.svg) no-repeat center center/2.2rem;}
.conai .framework .fwboxLst01 .datalst .txtitem{background: #444;  text-align: center; padding: 1.4rem; border-radius: 1rem;}
.conai .framework .fwboxLst01 .datalst .txtitem + .txtitem{margin-top:1rem;}
.conai .framework .fwboxLst02{position:relative; width: 50%; border: 2px solid #5467E5;}
.conai .framework .fwboxLst02:after{content: ""; position: absolute;  top: 0; right: -21rem; height: 100%; width: 30%; background: linear-gradient(to left, rgba(0,0,0,0), rgba(255,255,255,0.4)); clip-path: polygon(0 0, 100% 50%, 0 100%); z-index: 2;}
/* .conai .framework .fwboxLst02 .datacont{padding: 2rem;}
.conai .framework .fwboxLst02 .datacont li{ display: flex;align-items: stretch; gap: 3rem;}
.conai .framework .fwboxLst02 .datacont li + li{margin-top:2rem;}
.conai .framework .fwboxLst02 .datacont .tit{font-size: 1.8rem; width: 18rem; padding:2rem; display: flex; align-items: center; justify-content: center; background: #3B48A0; border-radius: 1rem;}
.conai .framework .fwboxLst02 .datacont .txtlst{display: flex; align-items: center; flex-wrap: wrap; width: calc(100% - 21rem); padding:1rem 0;}
.conai .framework .fwboxLst02 .datacont .txtlst li{width:100%;}
.conai .framework .fwboxLst02 .datacont .txtlst li + li{margin-top:0.5rem;}
 */
.conai .framework .fwboxLst02 .data_tit{background: #5467E5; display: flex; align-items: center; justify-content: center; padding: 1.2rem; }
.conai .framework .fwboxLst02 .data_cont{padding: 2rem 1rem;}
.conai .framework .fwboxLst02 .data_cont > li{ display: flex;align-items: stretch; gap: 1rem;}
.conai .framework .fwboxLst02 .data_cont > li + li{margin-top:2rem;}
.conai .framework .fwboxLst02 .data_cont > li .txtitem{width:100%; padding:1.5rem 1rem; background: #262626;}
.conai .framework .fwboxLst02 .data_cont > li:first-child .txtitem{width:calc(100% / 3);}
.conai .framework .fwboxLst02 .data_cont .tit{display: flex; align-items: center; justify-content: center; font-size: 1.8rem; padding-bottom: 2rem;}
.conai .framework .fwboxLst02 .data_cont .txtlst li{display: flex; align-items: center; justify-content: center; background: #3B48A0; text-align: center; border-radius: 1rem; padding: 0.5rem 1rem;  min-height: 5.5rem;}
.conai .framework .fwboxLst02 .data_cont .txtlst li + li{margin-top:0.8rem;}
.conai .framework .fwboxLst02 .data_cont > li:nth-child(2n) .txtlst{display: flex; align-items: center; gap: 1rem;  flex-wrap: wrap;}
.conai .framework .fwboxLst02 .data_cont > li:nth-child(2n) .txtlst li{width: calc(100% / 2 - 0.5rem);}
.conai .framework .fwboxLst02 .data_cont > li:nth-child(2n) .txtlst li + li{margin-top:0;}

.conai .framework .fwboxLst03{width: 23%; border: 2px solid #F59002; margin-left:10.5%;}
.conai .framework .fwboxLst03 .data_tit{background: #F59002; display: flex; align-items: center; justify-content: center; padding: 1.2rem; }
.conai .framework .fwboxLst03 .datalst{padding:4rem 1rem;}
.conai .framework .fwboxLst03 .datalst .tit{text-align:center; font-size:1.8rem;}
.conai .framework .fwboxLst03 .datalst .tit + .tit{margin-top:5rem;}
.conai .framework .fwboxLst03 .datalst .tit i{display:flex; height:4rem;    margin: 0 auto 1.5rem;}
.conai .framework .fwboxLst03 .datalst .tit .icon01{width:3.7rem; background:url(../img/content/conai_frame_icon03.svg) no-repeat center center/3.7rem;}
.conai .framework .fwboxLst03 .datalst .tit .icon02{width:4.4rem; background:url(../img/content/conai_frame_icon04.svg) no-repeat center center/4.4rem;}
.conai .framework .fwboxLst03 .datalst .tit .icon03{width:3.2rem; background:url(../img/content/conai_frame_icon05.svg) no-repeat center center/3.2rem;}
.conai .framework .fwboxLst03 .datalst .tit .icon04{width:5.2rem; background:url(../img/content/conai_frame_icon06.svg) no-repeat center center/5.2rem;}
.conai .framework .fwboxLst03 .datalst .tit .icon05{width:5.3rem; background:url(../img/content/conai_frame_icon07.svg) no-repeat center center/5.3rem;}

	@media screen and (max-width:1340px){	
		
		.comm_worksBox li{padding:5rem 3rem;}
	}

	@media screen and (max-width:1200px)
	{	
		.solution .txtContainer .text{font-size:3rem;}

		.comm_needBox .round { max-width: 98rem; margin: 0 auto;}
		.comm_needBox .round li{width:50%; padding-top: 50%;}		
		.comm_importBox .cont_diagram{margin:15rem 0; display: flex;  align-items: center; gap: 6rem;}
		.comm_importBox .cont_diagram .center{width: 36rem; position: relative; transform: none;  margin: 0 auto;  top: 0; left: 0;transform: none; margin:0 auto;}
		.comm_importBox .aside{width: calc(100% - 42rem);}
		.comm_importBox .aside dl{max-width: 100%; width: 100%;}
		.comm_importBox .aside dl + dl{margin-top:6rem;}
		.comm_importBox .aside .aside01{ margin-right: 0; text-align: left; padding-left: 5rem; padding-right: 0;}
		.comm_importBox .aside .aside02 { transform: none; padding-left:5rem;}
		.comm_importBox .aside .aside03 {margin-left: 0; transform: none; padding-left:5rem;}
		.comm_importBox .aside .aside01:before { right: auto; left: 0;}
		.comm_importBox .aside .aside02:before{left:0;}
		.comm_importBox .aside .aside03:before{left:0;}
		.comm_importBox .cont_diagram img{width:85%;}
		.comm_importBox .cont_diagram figure:before{width:105%; padding-bottom:105%;}

		.comm_worksBox li{width:calc(100% / 3 - 1.34rem);     min-height: 38rem;}

		.iwebcon .certifiLst ul{gap:3rem;}
		.iwebcon .certifiLst ul li{ width: calc(100% / 2 - 1.5rem);}
		.iwebcon .certifiLst .icon{width:13rem; height:13rem;}
		.iwebcon .certifiLst .tit{font-size:2.6rem;}
		.iwebcon .certifiLst .stit{font-size:2rem;}
		.iwebcon .architecture{overflow-x:scroll;}
		.iwebcon .architecture .arch_wrapper{width:1200px; min-width:1200px; max-width:1200px;}

		.hrus .hrRising .stepCont ul li .stepTit .tit{font-size:2rem;}
		.hrus .hrRising .stepCont ul{ flex-wrap: wrap;}
		.hrus .hrRising .stepCont ul li{ width: calc(100% / 2 - 1.5rem);}
		.hrus .hrRising .boxTitle{margin-bottom:20rem;}
		.hrus .hrRising .stepCont ul li:nth-child(2),
		.hrus .hrRising .stepCont ul li:nth-child(3),
		.hrus .hrRising .stepCont ul li:nth-child(4){margin-top:0;}
		
	}
	@media screen and (max-width:980px)
	{
		.solution .imgContainer img{height:100%; min-height:48rem;}
		.comm_areaBox .activeity_wrapper li{width: calc(100% / 2 - 2rem);}
		.comm_detailBox .boxTitle .tit{font-size:3.5rem;}
		.comm_detailBox .linetxt{font-size:10rem;}
		
		.iwebcon .certifiLst ul{flex-direction: column;}
		.iwebcon .certifiLst ul li{ width:100%;}
		.iwebcon .charBox .boxTitle{gap: 2rem 5rem; flex-wrap: wrap;}
		.iwebcon .charBox .char_wrapper{ flex-direction: column; gap:5rem;}
		.iwebcon .charBox .l_charImg{width:100%;}
		.iwebcon .charBox .r_char_sld{width: 100%; }
		.iwebcon .charBox .r_charCont li{text-align:center;}
		.iwebcon .charBox .r_charCont li .txt br{display:none;}
		.iwebcon .charBox .r_char_control { margin-top: 5rem; display: flex; align-items: center; justify-content: center;  gap: 1rem;}
		.iwebcon .charBox .r_char_control .r_char_btn {position: static;}

		.betteron .transInfo .trans_cont .r_img{display:none;}
		
	}
	@media screen and (max-width:768px)
	{	
		.comm_importBox .cont_diagram{flex-direction: column;}
		.comm_importBox .aside{width:100%; text-align: center;margin-top: 5rem;}
		.comm_importBox .aside .aside01,
		.comm_importBox .aside .aside02,
		.comm_importBox .aside .aside03{text-align:center; padding-left:0;}
		.comm_importBox .aside dl:before{display:none;}
		.functional .list > li {width: calc(100% / 3 - 1.5rem);}

		.comm_detailBox .boxTitle .tit span br{display:none;}

		.comm_worksBox li {width: calc(100% / 2 - 1rem);}


		/* .iwebcon .architecture .archboxLst01,
		.iwebcon .architecture .archboxLst02,
		.iwebcon .architecture .archboxLst03{flex-direction: column;}
		.iwebcon .architecture .left{width:100%;}
		.iwebcon .architecture .right{width:100%;}
		.iwebcon .architecture .archboxLst01:after, 
		.iwebcon .architecture .archboxLst03:after{width:100%;} */

		.uerp .architecture .archbox{ flex-wrap: wrap;}
		.uerp .architecture .archbox > li{width:100%;}
		.uerp .architecture .archbox .arrow{margin:0 auto;}
		.uerp .architecture .archbox .arrow i{margin: 0 auto 0; transform: rotate(180deg);}



	}
	@media screen and (max-width:640px)
	{	
		.cont_hTitle3 h3{font-size:3.4rem;}
		.cont_hTitle3 .btitText{font-size:4.8rem;}
		.solution .txtContainer .text{font-size:2.4rem; padding: 0 2rem;}
		.solution .txtContainer .text br{display:none;}

		.comm_needBox .round { max-width: 38rem;}
		.comm_needBox .round li{width:100%; padding-top: 100%;}		

		.comm_areaBox .activeity_wrapper li{width: 100%;}
		
		
		
		.hrus .hrRising .risingArrow{display:none;}
		.hrus .hrRising .boxTitle{margin-bottom:12rem;}
		
		.comm_detailBox .detail_sld_item { width: 100%;  max-width:100%; }
		.comm_detailBox .detail_sld_wrap{padding:7rem 3rem 0;}
	
	}
	@media screen and (max-width:480px)
	{	
		.functional .list > li {width: calc(100% / 2 - 1.5rem);}
		.hrus .hrRising .stepCont ul li{width:100%;}
		.comm_detailBox .linetxt{font-size:7rem;}
		.comm_detailBox .detail_sld_wrap{padding-left: 0;  margin: 0 2rem;}
		.comm_worksBox li { width: 100%;  min-height: auto;}

		.betteron .transInfo .info_list li{width:100%;}

	}





/* --- press --- */
.press .cont_hTitle h2,
.press .cont_hTitle h4{color:#000;}


/* --- reference --- */
.reference .cont_hTitle h2,
.reference .cont_hTitle h4{color:#000;}
.ref_banner{}
.ref_sld_wrap{display:flex; padding:8rem 0;}
.ref_sld_item{position:relative; width: 30rem; height: 30rem;}
.refbox{position:relative; width: 30rem; height: 30rem; border-radius: 2rem;}
.refbox:after { content: ""; position: absolute; right: 0; bottom: 0; width: 58%;height: 54%; box-shadow: 2rem 1.6rem 3rem rgba(0, 0, 0, 0.05); border-radius: 2rem;}
.refbox a{display: flex;align-items: center;justify-content: center;width:100%;height:100%;background: #fff;z-index: 1;position: relative;border-radius: 2rem;}
.refbox .nolink{display: flex;align-items: center;justify-content: center;width:100%;height:100%;background: #fff;z-index: 1;position: relative;border-radius: 2rem;}
.refbox .thum{}
.refbox .thum img{max-width:100%;}
.refbox .tit{position: absolute;  bottom: 4.5rem; left: 3rem;  max-width: 22rem; font-size: 2rem; font-weight: 500; color: #fff; z-index: 1;}
.refbox .grdbg{width:0; height: 0;  position: absolute; bottom:0; left:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)); border-radius: 2rem; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);}
.refbox .arrow{display:none; position:absolute; top:3rem; right:2.5rem; z-index:1; width:2.8rem; height:2.8rem; background: url(../img/default/ico_arrow_right-top_sm.svg) no-repeat center center / 2.8rem; transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);}
.ref_sld_wrap .swiper-slide-active .refbox  .grdbg{width:100%; height:100%;}
.ref_sld_wrap .swiper-slide-active .refbox  .arrow{display:block;}
.ref_controls{width:100%;display: flex;align-items: center;justify-content: center; gap:1rem; margin-top:-2rem;}
.ref_controls .ref_sld-btn{width: 4.5rem;height:4.5rem;border-radius: 50%;background:#000;display: flex;align-items: center;justify-content: center;}
.ref_controls .ref_sld-btn .arrow{width:2rem; height:2rem; filter:brightness(1) invert(1); background:url(../img/default/ico_arrow_right.svg) no-repeat center center / 2rem;}
.ref_controls .ref_sld-btn.prev .arrow{transform:rotate(180deg);}
.reference .board_wrap{margin-top:5rem;}
.refLst .tab{width: 100%; max-width: 152rem;padding: 0 2rem; margin: 0 auto; display: flex;align-items: center; gap: 1rem;}
.refLst .tab li{width: calc(100% / 2); max-width: 23rem;}
.refLst .tab li a{font-size: 2rem; border: 1px solid #000; padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: center; width: 100%;}
.refLst .tab li.active a{background:#000; color:#fff;}
.refLst .tab-container{margin-top:8rem;}
.refLst .grid {position:relative;width: 100%;display: flex;align-items: center;gap: 3rem;flex-wrap: wrap;}
.refLst .grid li {width: calc(100% / 3 - 2.1rem);opacity: 1;}
.refLst .grid li > a, .grid li img {display: block; max-width: 100%;}
.refLst .grid-a {overflow:hidden; position:relative; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;}
.refLst .grid-a:before {content:''; width: 50%; height: 100%; background: rgba(0,132,255,0.95); position: absolute; top: -100%; left: 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
.refLst .grid-a:after {content:''; width: 50%; height: 100%; background:rgba(0,132,255,0.95); position: absolute; bottom: -100%; right: 0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;}
.refLst .grid-a:hover:before {content:''; width: 50%; height: 100%; background: rgba(0,132,255,0.95); position: absolute; top: 0; left: 0;}
.refLst .grid-a:hover:after {content:''; width: 50%; height: 100%; background: rgba(0,132,255,0.95); position: absolute; bottom: 0; right: 0;}
.refLst .works-txt-box {width: 100%; height: 100%; display: block; text-align:center; color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity:0; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out;  z-index:100;}
.refLst .works-txt-box .rel-box .works-txt-position-box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }
.refLst .works-txt-box .works-txt-tit {font-size:2.5rem; color:#fff;}
.refLst .works-txt-box .line-gap {width:0.1rem; height:3.2rem; background:rgba(255, 255, 255, 0.2); margin:2.5rem auto 2rem auto; }
.refLst .works-txt-box .works-txt-txt01 {font-size:2.5rem; color:#fff;}
.refLst .works-txt-box .works-txt-txt02 {font-size:1.9rem; color:#fff; display:block;}
.refLst .works-txt-box .works-txt-txt03 {font-style:normal; font-size:1.2rem; letter-spacing:0; display:block; margin-top:1.5rem; color:#fff;}
.refLst .grid-a:hover .works-txt-box {opacity:1;}
.refLst .grid-item.up-list {margin-top: -100px;}

@media screen and (max-width:980px)
	{	
		.refLst .grid li {width: calc(100% / 2 - 1.5rem);}
	}
@media screen and (max-width:480px)
	{	
		.refLst .grid li {width:100%;}
	}


/* --- contact --- */
.contact .sub_inwrap{position:relative; display:flex; justify-content: space-between; gap:15rem;}
.contact .sub_inwrap:before{content:''; display:block; position:absolute; top:0; left:50%;  transform: translateX(-7rem); width:1px; height:100%; background:rgba(255,255,255,0.2);}
.contact .l_title{width:45%;position:sticky;top: 7rem;height: 35rem;padding-top: 3rem;}
.contact .r_content{width:55%;padding-top: 3rem;}
.contact .r_content .ip_form{}
.contact .r_content .ip_form ul{display:flex; gap:8rem; flex-wrap:wrap;}
.contact .r_content .ip_form ul li{width:calc(100% / 2 - 4rem);}
.contact .r_content .ip_form ul li.full{width:100%;}
.contact .r_content .ip_form .tit{position:relative; display: inline-flex; font-size:2rem; color:#fff; padding-bottom:1.5rem;}
.contact .r_content .ip_form .nec{position:absolute; top:0; right:-1.2rem; width:0.5rem; height:0.5rem; background:var(--point-color); border-radius:50%;}
.contact .category_gp {display: flex;gap: 1.5rem;}
.contact .category_gp .radio-input { display: none; }
.contact .category_gp .radio-label {padding: 1.2rem 2.2rem;border: 1px solid rgba(255,255,255,0.5);background: none;color: #fff;cursor: pointer;font-size: 1.8rem;transition: background-color 0.2s, color 0.2s;}
.contact .category_gp .radio-input:checked + .radio-label {background: var(--point-color);border-color: var(--point-color);}
.contact .custom_selectbox{ width: 100%;  position:relative;}
.contact .custom_selectbox .selectBtn{border-bottom: 2px solid #fff;cursor: pointer;position: relative;padding-bottom: 1.2rem;color: rgba(255,255,255,0.5);font-size: 1.8rem;font-weight: 200;}
.contact .custom_selectbox .selectBtn:after { content: ''; display:block;  position: absolute; right: 0;  top: 50%;  margin-top:-1.7rem;  width:2.4rem; height:2.4rem; background:url(../img/default/ico_dropdown.svg) no-repeat center center / 2.4rem; transition:all .3s;}
.contact .custom_selectbox .select_options{display:none; background: rgba(255,255,255,0.2);padding: 1rem 0; }
.contact .custom_selectbox .option{  padding:1rem 2rem; font-size: 1.6rem; font-weight:3rem; cursor: pointer; color:rgba(255,255,255,0.5);}
.contact .custom_selectbox.active .selectBtn:after{transform: rotate(180deg);}
.contact .captcha{display:flex; align-items: flex-end; gap:2rem;}
.contact .captchaBox{display:flex;  gap:1rem;}
.contact .captchaBox img{width:20rem; background:#ddd;}
.contact .captchaBox button{display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 0.5rem; padding: 1rem; width: 5rem; font-size: 1.4rem;}
.contact .captchaBox .reset{width:1.4rem; height:1.4rem; background:url(../img/content/ico_reset.svg) no-repeat center center / 1.4rem; margin-right: 0.5rem;}
.contact .checkBox{margin-top:3rem;}
.contact .checkBox .check_label{color:#fff; font-size:1.6rem; gap: 0;}
.contact .checkBox .check_label a{display:block; color:var(--point-color); font-size:1.6rem; padding-left:1rem;text-decoration: underline; text-underline-position: under;}
.contact .btnwrap{margin-top:2rem;}
.contact .sendbtn{display: flex; align-items: center;  justify-content: center; background: var(--point-color); color: #fff; max-width: 18rem; padding: 1.5rem; font-size: 1.8rem; margin-left: auto;}
.terms-txt-box {width:100%; max-width: 98rem;  height: 100vh;  background: #222;  padding: 6rem; position: fixed; top: 0; right: -100%;  z-index: 101; overflow-y: scroll;}
.terms-txt-box .rel-box { width: 100%; height: 100%;  position: relative;}
.terms-txt-box .rel-box .terms-btit { font-size: 2.4rem; font-weight: 600;  color: #ffffff;  margin-bottom: 4rem;}
.terms-txt-box .rel-box .terms-stit {font-size: 1.8rem; font-weight: 500;  line-height: 1.5; color: #ffffff;  margin-bottom: 1rem;}
.terms-txt-box .rel-box .terms-txt {font-size: 1.5rem; font-weight: 400; line-height: 1.5; color: #ffffff; margin-bottom: 3.5rem;}
.terms-txt-box .rel-box .terms-list {margin-bottom: 2.5rem;}
.terms-txt-box .rel-box .terms-list li {font-size: 1.5rem;  line-height: 1.5; color: #ffffff;  padding-left: 0.6rem; position: relative;}
.terms-txt-box .rel-box .terms-list li::before { content: ""; display: block; width: 2px; height: 2px; background: #ffffff; position: absolute; left: 0; top: 1rem;}
.terms-txt-box .rel-box .terms-txt02 {font-size: 1.5rem; line-height: 1.5; color: #ffffff; margin-bottom: 1rem;}
.terms-txt-box .rel-box .terms-pop-close { width: 3rem; height: 3rem; position: absolute; top: 0; right: 0;}
.terms-txt-box .rel-box .terms-pop-close{ width: 3rem; height: 3rem; position: absolute; top: 1rem; right:0;}
.terms-txt-box .rel-box .terms-pop-close .icon{position:relative;}
.terms-txt-box .rel-box .terms-pop-close .icon:after,
.terms-txt-box .rel-box .terms-pop-close .icon:before{content: ""; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1.5rem; display: block; width: 3rem; height: 0.2rem; background: #fff;}
.terms-txt-box .rel-box .terms-pop-close .icon:before{transform: rotate(45deg);}
.terms-txt-box .rel-box .terms-pop-close .icon:after{transform: rotate(-45deg);}

	@media screen and (max-width:1200px)	{
		.contact .sub_inwrap{flex-direction: column; gap:6rem;}
		.contact .l_title{position: static; width: 100%;}
		.contact .sub_inwrap:before{top: 33rem; left: 0; transform: none; width: 100%;  height: 1px;}
		.contact .r_content{width:100%;}
		.contact .category_gp{flex-wrap:wrap;}
	}

	@media screen and (max-width:640px)	{
		.contact .r_content .ip_form ul li{width:100%;}
	}