:root {
	--bodyColor: #F6F6F6;
	--basicColor: #0A0A0A;
	--basicColor2: #fff;
	--subColor: rgba(10, 10, 10, 0.3);
	--boxColor: #EFEFEF;
	--imageFilter: invert(0);
	--pagerPrev: url('/images/contents/research-prev.svg');
	--scrollbarColor: #e6e6e6;
	--slidePagerPrev: url('/images/contents/technology-b-arrow.svg');
	--viewInnerColor: #fff;
	--viewFontColor: rgba(10, 10, 10, 0.7);
	--glossaryList: #CDCDCD;
}

:root[theme="light"] {
	--bodyColor: #F6F6F6;
	--basicColor: #0A0A0A;
	--basicColor2: #fff;
	--subColor: rgba(10, 10, 10, 0.3);
	--boxColor: #EFEFEF;
	--imageFilter: invert(0);
	--pagerPrev: url('/images/contents/research-prev.svg');
	--scrollbarColor: #e6e6e6;
	--slidePagerPrev: url('/images/contents/technology-b-arrow.svg');
	--viewInnerColor: #fff;
	--viewFontColor: rgba(10, 10, 10, 0.7);
	--glossaryList: #CDCDCD;
}

:root[theme="dark"] {
	--bodyColor: #101010;
	--basicColor: #ffffff;
	--basicColor2: #0A0A0A;
	--subColor: #8E8E8E;
	--boxColor: #272727;
	--glossaryTab: #1D1D1D;
	--imageFilter: invert(1);
	--pagerPrev: url('/images/contents/research-prev-d.svg');
	--scrollbarColor: #3e3e3e;
	--slidePagerPrev: url('/images/contents/technology-b-arrow.svg');
	--viewInnerColor: #272727;
	--viewFontColor: rgba(255, 255, 255, 0.7);
	--glossaryList: rgba(255, 255, 255, 0.2);
}

@media (prefers-color-scheme: dark) {
	:root {
		--bodyColor: #101010;
		--basicColor: #ffffff;
		--basicColor2: #0A0A0A;
		--subColor: #8E8E8E;
		--boxColor: #272727;
		--glossaryTab: #1D1D1D;
		--imageFilter: invert(1);
		--pagerPrev: url('/images/contents/research-prev-d.svg');
		--scrollbarColor: #3e3e3e;
		--slidePagerPrev: url('/images/contents/technology-b-arrow.svg');
		--viewInnerColor: #272727;
		--viewFontColor: rgba(255, 255, 255, 0.7);
		--glossaryList: rgba(255, 255, 255, 0.2);
	}
}

.technology-b a,
.technology-b button,
#changeBtn,
.navi>*,
.technology-b .more,
.technology-b-view a {
	transition: all .3s ease;
}

.technology-b a:active,
.technology-b button:active,
#changeBtn:active,
.navi>*:active,
.technology-b-view a:active {
	opacity: 0.7;
}




/* technology-b */

/* 상단 공통 */

.technology-b {
	background-color: var(--bodyColor);
}

.technology-b .tcX {
	pointer-events: none;
	touch-action: none;
}

.technology-b-top {
	width: 100%;
	padding-top: 120rem;
	padding-bottom: 40rem;
}

#changeBtn {
	margin: 0 0 36rem auto;
	width: 20rem;
	cursor: pointer;
}

#changeBtn input {
	display: none;
}

#changeBtn label {
	cursor: pointer;
}

#changeBtn img {
	width: 100%;
	filter: var(--imageFilter);
}

.technology-b-top .board-list {
	font-size: 16rem;
}

.technology-b-top .board-list a {
	color: var(--subColor);
}

.technology-b-top .board-list .on {
	color: var(--basicColor);
	font-weight: 500;
}

.technology-b-top .board-list>li:not(:last-child) {
	position: relative;
	padding-right: 20rem;
}

.technology-b-top .board-list>li:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	width: 1px;
	height: 15rem;
	background-color: #CDCDCD;
	top: 50%;
	transform: translateY(-50%);
}

.technology-b-top .board-list>li:not(:first-child) {
	padding-left: 20rem;
}

/* view 페이지 공통 */

.technology-b-view {
	background: var(--bodyColor) !important;
}

.technology-b-view .technology-b-top {
	padding-bottom: 2rem;
}

.technology-b-view.viewWrap .contents {
	padding-top: 0;
}

.technology-b-view .golist {
	width: 53rem;
	height: 53rem;
	background-color: #0A0A0A;
	border-radius: 5rem;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	margin-bottom: 60rem;
}

.technology-b-view .golist img {
	width: 23rem;
}

:root[theme="dark"] .technology-b-view .golist {
	background-color: #272727;
}

.technology-b-view.viewWrap .boardViewWrap {
	padding: 60rem 100rem;
	background: var(--viewInnerColor);
	color: var(--basicColor);
}

.technology-b-view.viewWrap .boardViewWrap .bvTop {
	padding: 0 0 10rem;
}

.technology-b-view.viewWrap .boardViewWrap .bvTop .bvTop_tit {
	font-weight: 700;
	color: var(--basicColor);
}

.technology-b-view.viewWrap .boardViewWrap .bvTop .bvTop_info {
	position: static;
	align-items: center;
	margin-top: 40rem;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info>li {
	display: flex;
	font-size: 20rem;
	padding-right: 26rem;
	position: relative;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 15rem;
	width: 1px;
	background-color: #CDCDCD;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box {
	font-weight: 500;
	color: var(--basicColor);
	align-items: center;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box .icon {
	border-radius: 50%;
	width: 50rem;
	height: 50rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 16rem;
	overflow: hidden;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box .icon>* {
	height: 35rem;
	object-fit: contain;
	width: 35rem;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info .date {
	color: #838383;
}

.technology-b-view .boardViewWrap .bvTop .bvTop_info .date::before {
	display: none;
}

:root[theme="dark"] .technology-b-view.viewWrap .boardViewWrap .bvCont {
	border-top: 1px solid rgba(205, 205, 205, 0.2);
}

.technology-b-view .boardViewWrap .bvCont * {
	color: var(--viewFontColor) !important;
	background-color: transparent !important;
}

/* .technology-b-view.viewWrap .boardViewWrap .bvCont p span{color: #fff!important;} */
.technology-b-view .keyword-box {
	background-color: var(--viewInnerColor);
	border-radius: 10rem;
	width: 100%;
	min-height: 85rem;
	padding: 25rem 100rem;
	line-height: 1;
	align-items: center;
}

.technology-b-view .keyword-box>p {
	color: var(--basicColor);
	font-weight: 500;
	width: 65rem;
	display: inline-block;
}

.technology-b-view .keyword-box>ul {
	display: inline-block;
	width: calc(100% - 65rem);
}

.technology-b-view .keyword-box>ul>li {
	display: inline-block;
	margin-right: 15rem;
}

.technology-b-view .keyword-box>ul>li a {
	background-color: #EFEFEF;
	border-radius: 10rem;
	overflow: hidden;
	font-size: 14rem;
	color: #838383;
	font-weight: 300;
	height: 35rem;
	line-height: 35rem;
	position: relative;
	padding: 0 20rem 0 35rem;
}

.technology-b-view .keyword-box>ul>li a::before {
	content: '#';
	position: absolute;
	left: 20rem;
	top: 50%;
	transform: translateY(-50%);
}

:root[theme="dark"] .technology-b-view .keyword-box>ul>li a {
	background-color: #3E3E3E;
}

.technology-b-view .keyword-box>ul>li a:hover {
	background-color: #f79311;
	color: #fff;
}

.technology-b-view.viewWrap .boardViewWrap .bvFile .file_item a {
	color: var(--basicColor);
}

.technology-b .area>.left-box {
	width: 1060rem;
}

.technology-b .area>.right-box {
	width: 480rem;
}

.technology-b .right-box>.title {
	font-size: 50rem;
	font-weight: 600;
	line-height: 1.2;
	color: var(--basicColor);
}

.technology-b .right-box>span {
	font-size: 16rem;
	color: #838383;
	margin: 8rem 0 60rem;
	display: block;
	line-height: 1.5;
}

.technology-b .right-box .keyword-box {
	background-color: var(--boxColor);
	border-radius: 10rem;
	width: 100%;
	height: 341rem;
	padding: 30rem;
}

.technology-b .right-box .keyword-box>p {
	font-size: 18rem;
	font-weight: 500;
	margin-bottom: 30rem;
	color: var(--basicColor);
}

.technology-b .right-box .keyword-box .tag-area {
	height: 170rem;
	overflow-y: auto;
}

.technology-b .right-box .keyword-box .tag-area::-webkit-scrollbar {
	background-color: var(--scrollbarColor);
	width: 5rem;
	display: block;
	border-radius: 10.5rem;
}

.technology-b .right-box .keyword-box .tag-area::-webkit-scrollbar-thumb {
	background: #f79311;
	border-radius: 10.5rem;
}




/* research */

.technology-b .top-title {
	font-size: 35rem;
	font-weight: 500;
	color: var(--basicColor);
	padding: 54rem 0 30rem;
}

.technology-b .right-box .addkeyword {
	font-size: 14rem;
	color: #838383;
	position: relative;
	padding-left: 13rem;
	margin-right: 17rem;
	margin-bottom: 10rem;
}

.technology-b .right-box .addkeyword::before {
	content: '#';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.technology-b .right-box .addkeyword:hover {
	color: #f79311;
	text-decoration: underline;
}

.technology-b .right-box .addkeyword:hover::before {
	text-decoration: underline;
}

.technology-b.research .left-box .top-research {
	width: 100%;
	height: 370rem;
	overflow: hidden;
	border-radius: 10rem;
	color: #fff;
	padding: 30rem 40rem;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.technology-b.research .left-box .top-research>.title {
	font-size: 35rem;
	position: relative;
	z-index: 30;
}

.technology-b.research .left-box .top-research>.moreBtn {
	width: 29rem;
	height: 29rem;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 35rem;
	right: 40rem;
	z-index: 30;
}

.technology-b.research .left-box .top-research>.moreBtn span {
	width: 3rem;
	height: 3rem;
	background-color: #0A0A0A;
	border-radius: 50%;
	display: inline-block;
	transition: all .3s ease;
}

.technology-b.research .left-box .top-research>.moreBtn span:nth-child(2) {
	margin: 0 3rem;
}

.technology-b.research .left-box .top-research.on>.moreBtn span:nth-child(2),
.technology-b.research .left-box .top-research>.moreBtn:active span:nth-child(2) {
	margin: 0;
}

.technology-b.research .left-box .top-research.on>.moreBtn span,
.technology-b.research .left-box .top-research>.moreBtn:active span {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

.technology-b.research .left-box .top-research .inner-box {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	overflow: hidden;
	height: 100%;
}

.technology-b.research .left-box .top-research .inner-box .subject {
	font-weight: 500;
	position: relative;
	padding-bottom: 22rem;
}

.technology-b.research .left-box .top-research .inner-box .subject::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.5);
}

.technology-b.research .left-box .top-research .inner-box .hide-box {
	height: 0;
	position: relative;
	transition: .5s ease;
	overflow: hidden;
	padding-top: 0;
}

.technology-b.research .left-box .top-research .inner-box .swiper-slide {
	padding-top: 253rem;
	transition: all .5s ease !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-left: 40rem;
	padding-right: 40rem;
}

.technology-b.research .left-box .top-research.on .inner-box .swiper-slide {
	padding-top: 140rem;
}

.technology-b.research .left-box .top-research .inner-box .swiper-slide.slide1 {
	background-image: url('/images/contents/research-01.png');
}

.technology-b.research .left-box .top-research .inner-box .swiper-slide.slide2 {
	background-image: url('/images/contents/research-02.png');
}

.technology-b.research .left-box .top-research .inner-box .swiper-slide.slide3 {
	background-image: url('/images/contents/research-03.png');
}

.technology-b.research .left-box .top-research.on .inner-box .hide-box {
	padding-top: 20rem;
	height: 140rem;
}

.technology-b.research .left-box .top-research .inner-box .content {
	font-size: 14rem;
	opacity: 0.7;
	font-weight: 300;
}

.technology-b.research .left-box .top-research .inner-box .content a {
	background-color: transparent !important;
}

.technology-b.research .left-box .top-research .inner-box .pagination {
	filter: invert(1);
	width: auto;
	height: auto;
	position: absolute;
	right: 40rem;
	bottom: 30rem;
	left: auto;
	z-index: 30;
	pointer-events: initial;
}

.technology-b.research .left-box .top-research .keyword-box {
	position: absolute;
	bottom: 0;
}

.technology-b.research .left-box .top-research .tag-list {
	font-size: 14rem;
	opacity: 0.8;
	font-weight: 300;
}

.technology-b.research .left-box .top-research .tag-list .addkeyword {
	color: rgba(255, 255, 255, 0.8);
	position: relative;
	padding-left: 12rem;
	margin-right: 15rem;
}

.technology-b.research .left-box .top-research .tag-list .addkeyword::before {
	content: '#';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.technology-b.research .left-box .writer {
	font-size: 16rem;
	width: 100%;
	position: relative;
}

.technology-b.research .left-box .writer .slide {
	overflow: hidden;
}

.technology-b.research .left-box .writer .slide .list>li {
	display: inline-block;
	overflow: hidden;
	border-radius: 10rem;
	margin-right: 15rem;
	width: auto;
}

.technology-b.research .left-box .writer .slide .list>li a {
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 12rem 36rem 12rem 65rem;
	position: relative;
}

.technology-b.research .left-box .writer .slide .list .icon {
	width: 34rem;
	height: 100%;
	position: absolute;
	left: 15rem;
	top: 0;
	bottom: 0;
}

.technology-b.research .left-box .writer .slide .list .icon>* {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.technology-b.research .left-box .writer .slide .navi {
	position: absolute;
	right: 0;
	top: 85rem;
	align-items: center;
}

.technology-b.research .left-box .writer .slide .navi>* {
	width: 12rem;
	height: 12rem;
	cursor: pointer;
	margin-left: 27rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.technology-b.research .left-box .writer .slide .navi .prev {
	background-image: var(--slidePagerPrev);
}

.technology-b.research .left-box .writer .slide .navi .next {
	background-image: url('/images/contents/technology-b-arrow-n.svg');
}

.technology-b.research .left-box .writer .slide .navi>*[aria-disabled="true"] {
	filter: grayscale(8) brightness(0);
}

:root[theme="dark"] .technology-b.research .left-box .writer .slide .navi>*[aria-disabled="true"] {
	filter: brightness(10) grayscale(1);
}

.technology-b.research .left-box .latest-research {
	margin-bottom: 210rem;
	position: relative;
}

.technology-b.research .left-box .latest-research>ul>li {
	background-color: var(--boxColor);
	border-radius: 10rem;
	overflow: hidden;
	position: relative;
}

.technology-b.research .left-box .latest-research>ul>li:not(:last-child) {
	margin-bottom: 20rem;
}

.technology-b.research .left-box .latest-research>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 35rem 40rem;
}

.technology-b.research .left-box .latest-research>ul>li>a .more {
	font-size: 14rem;
	border: 1px solid var(--basicColor);
	color: var(--basicColor);
	border-radius: 170rem;
	padding: 3.5rem 18rem;
	font-weight: 300;
	position: absolute;
	right: 40rem;
	top: 35rem;
}

.technology-b.research .left-box .latest-research>ul>li>a .more::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.technology-b.research .left-box .latest-research>ul>li>a:hover .more {
	background-color: #f79311;
	color: #fff;
	border: 1px solid #f79311;
}

.technology-b.research .left-box .latest-research>ul>li>a .top {
	padding-bottom: 68rem;
	border-bottom: 1px solid #CDCDCD;
}

.technology-b.research .left-box .latest-research>ul>li>a .top .subject {
	font-size: 20rem;
	font-weight: 500;
	color: var(--basicColor);
	padding-right: 100rem;
}

:root[theme="dark"] .technology-b.research .left-box .latest-research>ul>li>a .top {
	border-bottom: 1px solid rgba(205, 205, 205, 0.2);
}

.technology-b.research .left-box .latest-research>ul>li>a .bottom {
	padding-top: 20rem;
}

.technology-b.research .left-box .latest-research>ul>li>a .bottom .tag-list {
	width: calc(100% - 142rem);
}

.technology-b.research .left-box .latest-research>ul>li>a .bottom .tag-list .addkeyword {
	color: #838383;
	position: relative;
	padding-left: 15rem;
	margin-right: 15rem;
	font-size: 14rem;
}

.technology-b.research .left-box .latest-research>ul>li>a .bottom .tag-list .addkeyword::after {
	content: '#';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.technology-b.research .left-box .latest-research>ul>li>a .bottom .date {
	font-size: 14rem;
	width: 142rem;
	color: var(--basicColor);
	text-align: right;
}

.technology-b.research .left-box .latest-research .technology-b-pager {
	position: absolute;
	right: -80rem;
	top: 342rem;
	color: var(--basicColor);
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager {
	align-items: center;
	justify-content: center;
	width: 12rem;
	font-size: 16rem;
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager>*:not(.pager_btn) {
	opacity: 0.2;
	margin: 15rem 0;
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager>*.current_page {
	opacity: 1;
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager .pager_btn {
	background-repeat: no-repeat;
	background-size: 12rem;
	background-position: center;
	text-indent: -999999%;
	overflow: hidden;
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager .pager_btn.prev {
	background-image: var(--pagerPrev);
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager .pager_btn.next {
	background-image: url('/images/contents/research-next.svg');
	transform: scaleY(1);
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager .pager_btn.first {
	background-image: var(--pagerPrev);
}

.technology-b.research .left-box .latest-research .technology-b-pager .pager .pager_btn.last {
	background-image: var(--pagerPrev);
}

.technology-b.research .noList {
	padding: 63rem 40rem;
	align-items: center;
}

.technology-b.research .noList .icon {
	width: 82rem;
	height: 82rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 30rem;
}

.technology-b.research .noList .text p {
	font-weight: 500;
	color: var(--basicColor);
	text-align: left !important;
}

.technology-b.research .noList .text span {
	font-size: 16rem;
	color: #838383;
}






/* blog */

.technology-b.blog {
	padding-bottom: 210rem;
}

.technology-b.blog .boardList>ul>li {
	width: calc(100%/3 - 26rem);
	position: relative;
	margin-bottom: 50rem;
}

.technology-b.blog .boardList>ul>li.noList {
	background-color: var(--boxColor);
	color: var(--basicColor);
	border-radius: 10rem;
}

.technology-b.blog .boardList>ul>li .date {
	position: absolute;
	top: 20rem;
	left: 20rem;
	color: #fff;
	font-size: 16rem;
	border: 1px solid #fff;
	border-radius: 170rem;
	padding: 3rem 21.5rem;
	z-index: 1;
}

.technology-b.blog .boardList>ul>li .img-wrap {
	width: 100%;
	max-height: 415rem;
	min-height: 210rem;
	background-image: url('/images/common/basic-image.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	border-radius: 10rem;
	filter: brightness(.8);
}

.technology-b.blog .boardList>ul>li .img-wrap img {
	height: 100%;
	object-fit: cover;
}

.technology-b.blog .boardList>ul>li .text {
	padding-top: 25rem;
}

.technology-b.blog .boardList>ul>li .text .subject {
	min-height: 29rem;
	height: auto;
	max-height: 58rem;
	color: var(--basicColor);
	font-weight: 500;
	margin-bottom: 12rem;
}

.technology-b.blog .boardList>ul>li .text .content {
	font-size: 14rem;
	color: #838383;
	margin-bottom: 30rem;
	height: 40rem;
	min-height: 29px;
}

.technology-b.blog .boardList>ul>li .text .more {
	color: var(--basicColor);
	font-size: 16rem;
	position: relative;
}

.technology-b.blog .boardList>ul>li .text .more::after {
	content: '';
	position: absolute;
	bottom: 2rem;
	left: 0;
	width: 0;
	height: 1px;
	background-color: var(--basicColor);
	transition: all .5s ease;
}

.technology-b.blog .boardList>ul>li:hover .more:after {
	width: 100%;
}

.technology-b-view.blog.viewWrap .boardViewWrap {
	position: relative;
	padding-top: 270rem;
	border: none;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvCont {
	border: none !important;
}

.technology-b-view.viewWrap .boardViewWrap .bvTop .bvTop_tit {
	padding-right: 0;
}

.technology-b-view.blog.viewWrap .boardViewWrap {
	padding: 0 0 60rem;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .bvTop_info {
	margin: 13rem 0 0;
	font-size: 20rem;
	position: relative;
	z-index: 10;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvTop {
	position: relative;
	border-radius: 10rem;
	overflow: hidden;
	min-height: 240rem;
	height: auto;
	padding: 60rem 100rem;
	background-image: url('/images/common/basic-image.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvTop>.cover {
	opacity: .8;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvCont {
	border: none;
	padding: 60rem 100rem;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .filter-box {
	backdrop-filter: blur(10rem);
	-webkit-backdrop-filter: blur(10rem);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .bvTop_info .ymdDate {
	color: #fff;
	border: 1px solid #fff;
	font-weight: 300;
}

.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .bvTop_tit {
	z-index: 3;
	position: relative;
	color: #fff;
	margin-top: 27rem;
}

.technology-b-view.blog .boardViewWrap .bvTop .bvTop_info .name-box {
	color: #fff;
}

.technology-b-view.blog .boardViewWrap .bvTop .bvTop_info .date {
	color: #fff;
}

.technology-b-view.blog.viewWrap .subContWrap .bvFile {
	padding: 0 100rem;
}










/* glossary */

.technology-b.glossary {
	padding-bottom: 210rem;
}

.technology-b.glossary .contents {
	padding-top: 67rem;
}

.technology-b.glossary .category {
	justify-content: flex-end;
	margin: 0 0 0 auto;
	align-items: center;
	margin-bottom: 35rem;
}

.technology-b.glossary .category>p {
	font-size: 50rem;
	font-weight: 600;
	margin-left: 30rem;
	color: var(--basicColor);
}

.technology-b.glossary .category>ul>li a {
	font-size: 14rem;
	color: #787878;
	height: 35rem;
	line-height: 35rem;
	padding: 0 20.5rem;
	border-radius: 10rem;
	background-color: #EFEFEF;
	margin-left: 20rem;
}

:root[theme="dark"] .technology-b.glossary .category>ul>li a {
	background-color: #1D1D1D;
}

.technology-b.glossary .category>ul>li a.on {
	background-color: #f79311 !important;
	color: #fff;
	font-weight: 300;
}

.technology-b.glossary .keyWord-list {
	flex-direction: column;
	max-height: 1000rem;
	row-gap: 50rem;
	column-gap: 22rem;
}

.technology-b.glossary .keyWord-list>li {
	position: relative;
	width: 552rem;
}

.technology-b.glossary .keyWord-list>li {
	background-color: var(--boxColor);
	overflow: hidden;
	border-radius: 10rem;
	padding: 30rem;
}

.technology-b.glossary .keyWord-list>li .keyWord {
	width: 80rem;
	height: 80rem;
	border-radius: 7.6rem;
	overflow: hidden;
	font-size: 35rem;
	font-weight: 600;
	align-items: center;
	justify-content: center;
}

.technology-b.glossary .keyWord-list>li .key {
	font-size: 18rem;
	color: var(--basicColor);
	padding-left: 30rem;
	width: calc((100% - 80rem));
}

.technology-b.glossary .keyWord-list>li .key>ul>li {
	position: relative;
	line-height: 1.7;
}

.technology-b.glossary .keyWord-list>li .key>ul>li a:hover {
	color: #f79311;
}

.technology-b.glossary .keyWord-list>li .key>ul>li::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: var(--glossaryList);
}

.technology-b.glossary .keyWord-list>li .key>ul>li:last-of-type::after {
	display: none;
}

.technology-b.glossary .keyWord-list>li .key>ul>li:not(:first-of-type) {
	padding-top: 13rem;
}

.technology-b.glossary .keyWord-list>li .key>ul>li:not(:last-of-type) {
	padding-bottom: 13rem;
}

.technology-b.glossary .keyWord-list>li:nth-child(1) .keyWord {
	background-color: #EFD0EF;
}

.technology-b.glossary .keyWord-list>li:nth-child(2) .keyWord {
	background-color: #B983FF;
}

.technology-b.glossary .keyWord-list>li:nth-child(3) .keyWord {
	background-color: #71DFE7;
}

.technology-b.glossary .keyWord-list>li:nth-child(4) .keyWord {
	background-color: #FFE652;
}

.technology-b.glossary .keyWord-list>li:nth-child(5) .keyWord {
	background-color: #FFADAF;
}

.technology-b.glossary .keyWord-list>li:nth-child(6) .keyWord {
	background-color: #0ED764;
}

.technology-b.glossary .keyWord-list>li:nth-child(7) .keyWord {
	background-color: #FF8718;
}

.technology-b.glossary .keyWord-list>li:nth-child(8) .keyWord {
	background-color: #EFD0EF;
}

.technology-b.glossary .keyWord-list>li:nth-child(9) .keyWord {
	background-color: #FFE652;
}

.technology-b.glossary .keyWord-list>li:nth-child(10) .keyWord {
	background-color: #FF8718;
}

.technology-b.glossary .keyWord-list>li:nth-child(11) .keyWord {
	background-color: #FFE652;
}

.technology-b.glossary .keyWord-list>li:nth-child(12) .keyWord {
	background-color: #71DFE7;
}

.technology-b.glossary .keyWord-list>li:nth-child(13) .keyWord {
	background-color: #FFADAF;
}

.technology-b.glossary .keyWord-list>li:nth-child(14) .keyWord {
	background-color: #0ED764;
}

.technology-b.glossary .keyWord-list>li:nth-child(15) .keyWord {
	background-color: #EFD0EF;
}

.technology-b.glossary .keyWord-list>li:nth-child(16) .keyWord {
	background-color: #FFE652;
}

.technology-b.glossary .keyWord-list>li:nth-child(17) .keyWord {
	background-color: #FFADAF;
}

.technology-b.glossary .keyWord-list>li:nth-child(18) .keyWord {
	background-color: #0ED764;
}

.technology-b.glossary .keyWord-list>li:nth-child(19) .keyWord {
	background-color: #EFD0EF;
}

.technology-b.glossary .keyWord-list>li:nth-child(20) .keyWord {
	background-color: #FFADAF;
}

.technology-b.glossary .keyWord-list>li:nth-child(21) .keyWord {
	background-color: #0ED764;
}

.technology-b.glossary .keyWord-list>li:nth-child(22) .keyWord {
	background-color: #EFD0EF;
}

.technology-b.glossary .keyWord-list>li:nth-child(23) .keyWord {
	background-color: #B983FF;
}

.technology-b.glossary .keyWord-list>li:nth-child(24) .keyWord {
	background-color: #71DFE7;
}

.technology-b.glossary .keyWord-list>li:nth-child(25) .keyWord {
	background-color: #EFD0EF;
}

.technology-b.glossary .keyWord-list>li:nth-child(26) .keyWord {
	background-color: #B983FF;
}

.technology-b.glossary .keyWord-list>li:nth-child(27) .keyWord {
	background-color: #71DFE7;
}


.technology-b-view.glossary .bvTop .bvTop_tit {
	width: calc(100% - 170rem);
}

.technology-b-view.glossary .bvTop .date {
	font-size: 20rem;
	color: #838383;
	flex-shrink: 0;
}

.technology-b-view.glossary.viewWrap .boardViewWrap .bvTop {
	padding-bottom: 40rem;
	align-items: center;
}

.technology-b-view.glossary .synonym .title {
	font-weight: 700;
	opacity: 0.8;
	border-bottom: 1px solid #CDCDCD;
	padding-bottom: 14rem;
	margin-bottom: 15rem;
}

:root[theme="dark"] .technology-b-view.glossary .synonym .title {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.technology-b-view.glossary .synonym ul>li {
	font-size: 14rem;
	color: #787878;
	padding-left: 20rem;
	margin-right: 15rem;
}

.technology-b-view.glossary .synonym ul>li::before {
	width: 10rem;
	height: 10rem;
	background-color: #838383;
	top: 6rem;
}

.technology-b-view.glossary .keyword-box>p {
	width: 110rem;
}

.technology-b-view.glossary .keyword-box>ul {
	width: calc(100% - 110rem);
}

.technology-b-view.glossary .keyword-box>ul>li {
	position: relative;
}

.technology-b-view.glossary .keyword-box>ul>li a {
	padding-left: 35rem;
}

.technology-b-view.glossary .keyword-box>ul>li::before {
	content: '#';
	position: absolute;
	left: 20rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease;
}

.technology-b-view.glossary .keyword-box>ul>li:hover::before {
	color: #fff;
}
















/* overview - 회사개요 */

.overview {
	background-color: #0A0A0A;
}

.overview .top-title {
	line-height: 1;
	padding: 140rem 0 55rem;
	position: relative;
	overflow: hidden;
}

.overview .top-title::after {
	content: '';
	position: absolute;
	width: calc(100% + 220rem);
	left: -110rem;
	bottom: 0;
	background-color: #CDCDCD;
	height: 1px;
}

.overview .top-title p {
	font-size: 80rem;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	top: 150rem;
}

.overview .top-title span {
	font-weight: 700;
	opacity: 0.3;
	position: relative;
	display: inline-block;
	margin-left: 20rem;
	top: 150rem;
}

.overview .top-title.aos-animate p,
.overview .top-title.aos-animate span {
	animation: overview-topTitle 2s ease forwards;
}

@keyframes overview-topTitle {
	0% {
		top: 150rem;
	}

	100% {
		top: 0;
	}
}

.overview>.con {
	position: relative;
}

.overview .main {
	background-color: #0A0A0A;
}

.overview .con1 {
	width: 100%;
	overflow: hidden;
	background-color: #0A0A0A;
	color: #fff;
	position: fixed;
	top: 0;
}

.overview .con2 {
	position: relative;
	color: #fff;
}

.overview .con2 .off .scroll {
	text-transform: uppercase;
	font-size: 14rem;
	position: fixed;
	bottom: 6.5vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 110;
	transition: all .1s ease;
}

.overview .con2 .off .scroll::after {
	content: '';
	position: absolute;
	top: 34rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 60rem;
	background-color: #fff;
	animation: overview-scroll 2s linear infinite;
}

.overview .con2 .off .text {
	position: absolute;
	z-index: 2;
	text-align: center;
	width: 100%;
	top: 19.2vh;
}

.overview .con2 .off .text span {
	font-weight: 500;
	opacity: 0.3;
	display: block;
	margin-bottom: 13rem;
}

.overview .con2 .off .text p {
	font-size: 60rem;
}

@keyframes overview-scroll {
	0% {
		height: 0;
	}

	100% {
		height: 60rem;
	}
}

.overview .con2 .con2-area {
	transition: all .3s ease;
	width: 100%;
	background-color: #0A0A0A;
	padding-top: 162rem;
	position: relative;
	padding-bottom: 131rem;
}

.overview .con2 .con2-area::before {
	content: '';
	position: absolute;
	top: -191rem;
	left: 0;
	width: 100%;
	height: 191rem;
	background: linear-gradient(180deg, rgba(10, 10, 10, 0) 3.24%, rgba(10, 10, 10, 0.763541) 58.98%, #0A0A0A 100%);
}

.overview .con2 .con2-area .text {
	text-align: center;
}

.overview .con2 .con2-area .text p {
	font-size: 40rem;
	margin-bottom: 20rem;
}

.overview .con2 .con2-area .text p strong {
	font-weight: 700;
}

.overview .con2 .con2-area .text span {
	opacity: 0.6;
	font-weight: 300;
}

.overview .con2 .con2-area .img-wrap {
	width: 1185rem;
	height: 460rem;
	overflow: hidden;
	border-radius: 392rem;
	margin: 80rem auto 0;
}

.overview .con2 .con2-area .img-wrap img {
	height: 100%;
	object-fit: cover;
}

.overview .con2 .con2-area .logo {
	width: 97rem;
	position: absolute;
	right: 110rem;
	top: 90rem;
}

.overview .con3 {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	background-color: #0A0A0A;
	color: #fff;
	z-index: 20;
}

.overview .con3::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 3rem;
	height: 64rem;
	background-color: #fff;
	top: -64rem;
	z-index: 3;
	animation: overviewCon3Line 10s linear infinite;
}

@keyframes overviewCon3Line {
	0% {
		top: 0;
	}

	100% {
		top: calc(100% + 64rem);
	}
}

.overview .con3>* {
	width: 50%;
	height: 100%;
}

.overview .con3 .left {
	padding-right: 110rem;
	padding: 6% 110rem 6% 0;
}

.overview .con3 .left .slide {
	border-radius: 20rem;
	position: relative;
	height: 100%;
}

.overview .con3 .left .slide .swiper-slide {
	border-radius: 20rem;
	overflow: hidden;
}

.overview .con3 .left .slide img {
	height: 100%;
	object-fit: cover;
}

.overview .con3 .left .slide .text {
	position: absolute;
	top: 43rem;
	left: 45rem;
	z-index: 2;
}

.overview .con3 .left .slide .text p {
	font-weight: 700;
	margin-bottom: 5rem;
	text-transform: capitalize;
}

.overview .con3 .left .slide .text span {
	display: none;
	font-size: 16rem;
	opacity: 0.7;
	font-weight: 300;
}

.overview .con3 .left .slide .pagination {
	position: absolute;
	top: -52rem;
	left: 0;
	bottom: auto;
	width: auto;
	height: auto;
	z-index: 5;
	filter: invert(1);
}

.overview .con3 .left .slide .pagination span {
	margin: 0 5rem;
}

.overview .con3 .right {
	padding: 6% 0 6% 110rem;
	align-items: flex-start;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.overview .con3 .right .title {
	position: relative;
	display: inline-block;
	margin-bottom: 190rem;
}

.overview .con3 .right .title p {
	font-size: 80rem;
	line-height: 1.2;
}

.overview .con3 .right .title span {
	font-weight: 700;
	opacity: 0.3;
	position: absolute;
	top: 50rem;
	left: 296rem;
}

.overview .con3 .right>ul>li {
	position: relative;
	padding-left: 50rem;
	margin-bottom: 37rem;
}

.overview .con3 .right>ul>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 4rem;
	width: 30rem;
	height: 30rem;
	border-radius: 50%;
	overflow: hidden;
	background-image: url('/images/contents/overview-con3-icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.overview .con3 .right>ul>li:nth-child(2n-1) {
	width: 406rem;
}

.overview .con3 .right>ul>li:nth-child(2n) {
	width: calc(100% - 406rem);
}

.overview .con3 .right>ul>li p {
	margin-bottom: 6rem;
	text-transform: capitalize;
}

.overview .con3 .right>ul>li span {
	font-weight: 350;
	font-size: 14rem;
	opacity: 0.7;
}

.overview .con3 .right .more {
	border: 1px solid #fff;
	border-radius: 170rem;
	display: inline-block;
	padding: 14.5rem 70.5rem;
	transition: all .3s ease;
	margin-top: 74rem;
}

.overview .con3 .right .more:hover {
	background-color: #fff;
	color: #0A0A0A;
}

.overview .con4 {
	background-color: #fff;
}

.overview .con4>.num {
	font-size: 40rem;
	position: absolute;
	right: 110rem;
	top: 103rem;
	font-style: italic;
}

.overview .con4 .top-title {
	padding-top: 90rem;
}

.overview .con4::after {
	content: '';
	position: absolute;
	top: -0;
	left: 0;
	background-image: url('/images/contents/overview-con3-line.png');
	height: 23.5rem;
	width: 100%;
	z-index: 5;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.overview .con4 .right-text {
	display: block;
	width: 100%;
	text-align: right;
	padding: 71rem 110rem 36rem;
}

.overview .con4 .right-text p {
	font-size: 35rem;
	font-weight: 700;
	margin-bottom: 20rem;
}

.overview .con4 .right-text span {
	font-size: 25rem;
	color: #838383;
	line-height: 1.5;
}

.overview .con4 .applications .slideWrap {
	width: 100%;
}

.overview .con4 .applications .pagination {
	margin-bottom: 30rem;
}

.overview .con4 .applications .pagination>ul>li {
	position: relative;
	padding-left: 40rem;
	margin-right: 30rem;
	cursor: pointer;
}

.overview .con4 .applications .pagination>ul>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3rem;
	width: 25rem;
	height: 25rem;
	border-radius: 50%;
	border: 1px solid #0A0A0A;
}

.overview .con4 .applications .pagination>ul>li.on::before,
.overview .con4 .applications .pagination>ul>li:hover::before {
	background-color: #0A0A0A;
}

.overview .con4 .applications>p {
	font-size: 30rem;
	margin-bottom: 50rem;
	text-transform: uppercase;
	position: relative;
}

.overview .con4 .applications>ul {
	position: relative;
	left: 20vw;
	transition: all 1.5s ease;
}

.overview .con4 .applications.aos-animate>ul {
	left: 0;
}

.overview .con4 .applications .swiper-slide {
	width: 538rem;
	height: 420rem;
	overflow: hidden;
	border-radius: 20rem;
	position: relative;
}

.overview .con4 .applications .swiper-slide img {
	height: 100%;
	object-fit: cover;
}

.overview .con4 .applications .swiper-slide p {
	position: absolute;
	color: #fff;
	bottom: 49rem;
	text-align: center;
	width: 100%;
}



.overview .con5 {
	background-color: #fff;
	padding-bottom: 130rem;
}

.overview .con5 .slide {
	border-bottom: 1px solid #CDCDCD;
	padding-left: 110rem;
	position: relative;
}

.overview .con5 .slide::before {
	content: '';
	position: absolute;
	left: 110rem;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #CDCDCD;
}

.overview .con5 .slide>ul>li {
	padding: 50rem 0 50rem 40rem;
	transition: border-right .5s ease;
	align-items: center;
}

.overview .con5 .slide>ul>li:not(:last-child) {
	border-right: 1px solid #CDCDCD;
}

.overview .con5 .slide>ul>li.swiper-slide-prev {
	border-right: none;
}

.overview .con5 .slide>ul>li .year {
	width: 310rem;
	height: 140rem;
	border-radius: 20rem;
	line-height: 140rem;
	text-align: center;
	font-size: 40rem;
}

.overview .con5 .slide>ul>li .dotList {
	font-size: 18rem;
	width: calc(100% - 310rem);
	padding-left: 60rem;
}

.overview .con5 .slide>ul>li .dotList>li {
	padding-left: 18rem;
}

.overview .con5 .slide>ul>li .dotList>li::before {
	width: 8rem;
	height: 8rem;
}

.overview .con5 .slide .cuNavi {
	position: absolute;
	right: 110rem;
	top: -104rem;
}

.overview .con5 .slide .cuNavi>*[aria-disabled="false"] {
	background-color: #f79311;
	border: #f79311;
}

.overview .con5 .slide .cuNavi>*[aria-disabled="false"]::after {
	filter: invert(1);
}

.overview .con5 .cuNavi span.swiper-button-disabled {
	opacity: 1;
}

.overview .con6 {
	background: linear-gradient(180deg, #F6F6F6 100%, #F6F6F6 0%);
}

.overview .con6 .map {
	margin-top: 50rem;
	height: 0;
	overflow: hidden;
	border-radius: 20rem;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	background: url(/images/contents/map.png)no-repeat center center / cover;
	transition: 1s ease;
}

.overview .con6 .map.aos-animate {
	height: 640rem;
}

/* .overview .con6 .map .pin{ width: 44rem; position: absolute; left: 724rem; top: 219rem; transition:.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) .5s; transform: scale(0);} */
.overview .con6 .map.aos-animate .pin {
	transform: scale(1);
}

.overview .con6 .info {
	margin-bottom: 125rem;
	margin-top: 40rem;
}

.overview .con6 .info>li {
	align-items: center;
}

.overview .con6 .info>li span {
	width: 48rem;
	display: inline-block;
}

.overview .con6 .info>li p {
	margin-left: 15rem;
}

.overview .con6 .info>li:nth-child(1) {
	margin-right: 94rem;
}

.overview .con6 .info>li:nth-child(2) {
	margin-right: 74rem;
}

.overview .con6 .location {
	position: relative;
	padding-top: 38rem;
	padding-bottom: 210rem;
}

.overview .con6 .location .title {
	background-color: #0A0A0A;
	color: #fff;
	border-radius: 10rem 10rem 0 0;
	padding: 7.5rem 20rem;
	position: absolute;
	top: -44rem;
	left: 0;
	font-weight: 300;
}

.overview .con6 .location ul {
	padding-top: 38rem;
	border-top: 1px solid #cdcdcd;
	overflow: hidden;
}

.overview .con6 .location ul>li {
	font-size: 18rem;
	background-color: #fff;
	border-radius: 20rem;
	overflow: hidden;
	box-shadow: 4rem 4rem 10rem rgba(0, 0, 0, 0.05);
	padding: 40rem 30rem;
	width: calc(100%/2 - 22rem);
}

.overview .con6 .location ul>li:not(:nth-child(2n)) {
	margin-right: 44rem;
}

.overview .con6 .location ul>li .top {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 28rem;
	align-items: center;
}

.overview .con6 .location ul>li .top .dotTxt {
	padding-left: 32rem;
	display: inline-block;
	width: 162rem;
}

.overview .con6 .location ul>li .top .dotTxt::before {
	width: 15rem;
	height: 15rem;
	top: 6rem;
}

.overview .con6 .location ul>li .top .number {
	width: calc(100% - 162rem);
	justify-content: flex-end;
}

.overview .con6 .location ul>li .top .number span {
	color: #fff;
	border-radius: 170rem;
	padding: 6.5rem 30.5rem;
	display: inline-block;
	font-size: 16rem;
	margin-left: 15rem;
}

.overview .con6 .location ul>li:nth-child(2) .top .number span {
	padding: 6.5rem 20rem;
}

.overview .con6 .location ul>li .top .number .blue {
	background-color: #365ABC;
}

.overview .con6 .location ul>li .top .number .green1 {
	background-color: #889823;
}

.overview .con6 .location ul>li .top .number .green2 {
	background-color: #449628;
}

.overview .con6 .location ul>li .top .number .orange {
	background-color: #DF5639;
}

.overview .con6 .location ul>li .bottom {
	color: rgba(10, 10, 10, 0.7);
	padding-top: 26rem;
}










/* careers */

/* 씨유박스 문화 - culture */

.culture {
	padding-top: 120rem;
}

.culture>div {
	position: relative;
}

.culture .con-title {
	font-size: 40rem;
	font-weight: 500;
	text-align: center;
	margin: 40rem 0 70rem;
}

.culture .icon {
	margin: 0 auto;
}

.culture .pagination {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
}

.culture .top-slide {
	width: calc(100% - 220rem);
	height: 690rem;
	color: #fff;
	overflow: hidden;
	backface-visibility: hidden;
	margin: 0 auto;
	border-radius: 20rem;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.culture .top-slide .text {
	text-align: center;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	position: absolute;
}

.culture .top-slide .text p {
	font-size: 100rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
}

.culture .top-slide .text span {
	font-size: 25rem;
	display: block;
	margin: 28rem 0 124rem;
	opacity: 0.8;
	font-weight: 300;
}

.culture .top-slide .text a {
	background-color: #fff;
	border-radius: 11rem;
	font-size: 18rem;
	padding: 21.5rem 60rem;
	color: #0A0A0A;
	font-weight: 500;
	transition: all .3s ease;
	display: inline-block;
}

.culture .top-slide .text a:hover {
	background-color: #f79311;
	color: #fff;
	font-weight: 400;
}

.culture .top-slide .swiper-slide img {
	height: 100%;
	object-fit: cover;
}

.culture .top-slide .pagination {
	top: 50rem;
	left: 40rem;
	filter: invert(1);
}

.culture .con1 {
	padding: 80rem 0 448rem;
	touch-action: initial;
	pointer-events: initial;
	overflow: hidden;
}

.culture .con1 #canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.culture .con1 .icon {
	width: 100rem;
}

.culture .con1 .con-title {}

.culture .con1 .slide {
	position: relative;
	z-index: 100;
}

.culture .con1 .slide .img-wrap {
	width: 250rem;
	height: 250rem;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	margin: 0 auto 43rem;
}

.culture .con1 .slide .img-wrap img {
	height: 167rem;
	object-fit: contain;
}

.culture .con1 .slide .swiper-slide {
	background-color: #F6F6F6;
	border-radius: 20rem;
	text-align: center;
	padding: 50rem;
}

.culture .con1 .slide .slide1 .img-wrap {
	background-color: #71DFE7;
}

.culture .con1 .slide .slide2 .img-wrap {
	background-color: #B983FF;
}

.culture .con1 .slide .slide3 .img-wrap {
	background-color: #FFE652;
}

.culture .con1 .slide .text p {
	font-size: 25rem;
	font-weight: 500;
	margin-bottom: 16rem;
}

.culture .con1 .slide .text span {
	color: #838383;
	font-weight: 350;
	line-height: 1.5;
}

.culture .con1 .slide .pagination {
	top: 595rem;
	left: 50%;
	transform: translateX(-50%);
}

.culture .con1 canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	pointer-events: none;
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
}

.culture .con1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	background-color: #fff;
	z-index: 11;
}

.culture .con1::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	background-color: #fff;
	z-index: 11;
}

.culture .con2 {
	background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 100%);
	padding: 130rem 0 0rem;
}

.culture .con2 .icon {
	width: 88rem;
}

.culture .con2 .card-list {
	padding: 0 60rem;
	width: 100%;
}

.culture .con2 .card-list>li {
	width: calc(100%/3 - 34rem);
	border-radius: 20rem;
	overflow: hidden;
	box-shadow: 4rem 4rem 10rem rgba(0, 0, 0, 0.05);
}

.culture .con2 .card-list>li:not(:last-child) {
	margin-right: 50rem;
}

.culture .con2 .card-list>li .img-wrap {
	width: 100%;
	height: 354rem;
}

.culture .con2 .card-list>li .img-wrap img {
	height: 100%;
	object-fit: cover;
}

.culture .con2 .card-list>li .text {
	height: 282rem;
	width: 100%;
	text-align: center;
	padding: 45rem 0 0;
	background-color: #fff;
}

.culture .con2 .card-list>li .text p {
	font-size: 25rem;
	font-weight: 500;
	margin-bottom: 15rem;
}

.culture .con2 .card-list>li .text span {
	font-weight: 350;
	color: #838383;
}

.culture .con3 {
	width: 100%;
	height: 860rem;
}

.culture .con3 .swiper-slide img {
	height: 100%;
	object-fit: cover;
}

.culture .con3 p {
	color: #fff;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	font-size: 50rem;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 15.5rem;
	line-height: 1.2;
}

.culture .con3 .pagination {
	bottom: 50rem;
	left: 50%;
	transform: translateX(-50%);
	filter: invert(1);
}

.culture .con4 {
	padding: 130rem 0 210rem;
}

.culture .con4 .icon {
	width: 100rem;
}

.culture .con4 .list>ul {
	position: relative;
}

.culture .con4 .list>ul::before {
	content: '';
	position: absolute;
	left: -110rem;
	top: 0;
	width: 0;
	height: 1px;
	background-color: #cdcdcd;
}

.culture .con4 .list>ul:last-child::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -110rem;
	width: 0;
	height: 1px;
	background-color: #cdcdcd;
}

.culture .con4 .list.aos-animate>ul::before {
	animation: line-width 2.5s ease forwards;
}

.culture .con4 .list.aos-animate>ul:last-child:after {
	animation: line-width 2.5s ease 1s forwards;
}

.culture .con4 .list>ul>li {
	width: 25%;
	text-align: center;
	padding: 50rem;
	height: 409rem;
	position: relative;
}

.culture .con4 .list>ul>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 0;
	background-color: #cdcdcd;
}

.culture .con4 .list>ul>li:nth-child(4n)::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0;
	background-color: #cdcdcd;
}

.culture .con4 .list.aos-animate>ul>li:nth-child(4n)::after {
	animation: line-height 1.5s ease 1s forwards;
}

.culture .con4 .list.aos-animate>ul>li::before {
	animation: line-height 1.5s ease forwards;
}

.culture .con4 .list>ul>li .img-wrap {
	width: 185rem;
	height: 185rem;
	border-radius: 10rem;
	background-color: #fbfbfb;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}

.culture .con4 .list>ul>li .img-wrap img {
	height: 68rem;
	object-fit: contain;
}

.culture .con4 .list>ul>li .text {
	padding-top: 30rem;
}

.culture .con4 .list>ul>li .text p {
	font-weight: 500;
	margin-bottom: 9rem;
}

.culture .con4 .list>ul>li .text span {
	color: #838383;
	font-size: 18rem;
}

@keyframes line-width {
	0% {
		width: 0;
	}

	100% {
		width: calc(100% + 220rem);
	}
}

@keyframes line-height {
	0% {
		height: 0;
	}

	100% {
		height: 100%;
	}
}










/* business */

/* intro */
.business.intro {
	position: relative;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}

.business.intro .con {
	position: absolute;
	top: 0;
	transition: all .5s ease;
}

.business.intro .con a img {
	display: none;
}

.business.intro .con:not(.con1) {
	top: 100%;
}


/* physical */
.business.intro>.text {
	color: #fff;
	position: absolute;
	top: 18.5vh;
	left: 110rem;
	z-index: 10;
}

.business.intro>.text p {
	font-size: 35rem;
	font-weight: 500;
	margin-bottom: 9rem;
}

.business.intro>.text span {
	font-weight: 350;
}

.business.intro>.bottom-text {
	position: absolute;
	z-index: 2;
	bottom: 8vh;
	left: 110rem;
	color: #fff;
	font-size: 100rem;
}

.business.intro .link {
	width: 100vw;
	height: 100%;
	position: relative;
}

.business.intro .link a {
	font-size: 55rem;
	position: absolute;
	bottom: 10vh;
	left: 32vw;
	z-index: 2;
	color: #fff;
	border: 2rem solid #fff;
	border-radius: 50rem;
	padding: 9rem 47rem;
	transition: all .5s ease;
	opacity: 0;
	visibility: hidden;
	padding-bottom: 6rem;
	text-transform: capitalize;
}

.business.intro .link a img {
	width: 50rem;
	position: absolute;
	right: 40rem;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .5s ease;
}

.business.intro .link .link1 {
	opacity: 1;
	visibility: visible;
}

.business.intro .link a:hover,
.business.intro .link a:active {
	background-color: #fff;
	color: #000;
	padding-right: 120rem;
}

.business.intro .link a:hover img,
.business.intro .link a:active img {
	opacity: 1;
}

/* 스크롤 추가 */
.business.intro .businessScroll {
	position: absolute;
	color: #fff;
	font-size: 14rem;
	font-weight: 400;
	top: 840rem;
	right: 32rem;
	transform: rotate(90deg);
	transform-origin: right center;
	z-index: 10;
}

.business.intro .businessScroll::after {
	position: absolute;
	content: '';
	width: 50rem;
	height: 1px;
	background: #fff;
	left: 70rem;
	top: 50%;
	transform: translateY(-50%);
	animation: overview-scroll-down 2s linear infinite;
}

@keyframes overview-scroll-down {
	0% {
		width: 0;
	}

	100% {
		width: 50rem;
	}
}



.business.intro .sub-tab-list {
	position: absolute;
	z-index: 15;
	top: 180rem;
	right: 25rem;
	color: #fff;
	width: 307rem;
}

.business.intro .sub-tab-list>ul {
	padding: 39rem 35rem;
	border-radius: 10rem;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.business.intro .sub-tab-list>ul .title {
	font-size: 18rem;
	font-weight: 700;
	margin-bottom: 21rem;
}

.business.intro .sub-tab-list>ul>li:not(.title) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.business.intro .sub-tab-list>ul>li a {
	font-size: 16rem;
	font-weight: 300;
	opacity: 0.5;
	display: block;
	background-image: url('/images/contents/business-intro-arrow2.svg');
	background-repeat: no-repeat;
	background-size: 20rem;
	background-position: right center;
	transition: all .5s ease;
	line-height: 2.65;
	position: relative;
}

.business.intro .sub-tab-list>ul>li a:hover {
	opacity: 1;
	padding-left: 21rem;
}

.business.intro .sub-tab-list>ul>li a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 15rem;
	width: 11rem;
	height: 11rem;
	border-radius: 50%;
	background-color: #f79311;
	opacity: 0;
	transition: all .5s ease;
}

.business.intro .sub-tab-list>ul>li a:hover::before {
	opacity: 1;
}

.business.intro .sub-tab-list .more {
	background-color: #0A0A0A;
	color: #fff;
	font-size: 16rem;
	height: 50rem;
	line-height: 50rem;
	padding: 0 35rem;
	border-radius: 10rem;
	background-image: url('/images/contents/business-intro-arrow2.svg');
	background-repeat: no-repeat;
	background-size: 20rem;
	background-position: right 35rem center;
	font-weight: 300;
	transition: all .5s ease;
	width: 0;
	visibility: hidden;
	opacity: 0;
}

.business.intro .sub-tab-list .more span {
	display: none;
	transition-delay: .2s;
	opacity: 0;
}

.business.intro .sub-tab-list.on .more {
	opacity: 1;
	width: 100%;
	visibility: visible;
	opacity: 1;
}

.business.intro .sub-tab-list.on .more span {
	display: inline-block;
	opacity: 1;
}

.business.intro .sub-tab-list .moreBtn {
	width: 29rem;
	height: 29rem;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	margin: 20rem auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	bottom: 50rem;
}

.business.intro .sub-tab-list.on .moreBtn {
	bottom: initial;
}

.business.intro .sub-tab-list .moreBtn span {
	width: 3rem;
	height: 3rem;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	transition: all .3s ease;
}

.business.intro .sub-tab-list .moreBtn span:nth-child(2) {
	margin: 0 3rem;
}

.business.intro .sub-tab-list.on .moreBtn span:nth-child(2),
.business.intro .sub-tab-list .moreBtn:active span:nth-child(2) {
	margin: 0;
}

.business.intro .sub-tab-list.on .moreBtn span,
.business.intro .sub-tab-list .moreBtn:active span {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

.business.intro .sub-tab-list .m-moreBtn {
	display: none;
}








/* 새소식 - news */

.boards.news .subTit .menuTit img {
	width: 52rem;
}

.boards.news .boardList {
	text-align: left;
}

.boards.news .subContWrap .boardList>li>* {
	text-align: left;
}

.boards.news .subContWrap .boardList>li {
	width: calc(100%/3 - 37rem);
	border-radius: 10rem;
	overflow: hidden;
	background-color: #fff;
	height: 548rem;
	position: relative;
	margin-bottom: 50rem;
	box-shadow: 4rem 4rem 10rem rgba(0, 0, 0, 0.05);
	display: block;
}

.boards.news .boardList>li>a {
	display: block;
	width: 100%;
	height: 100%;
}

.boards.news .boardList>li:not(:nth-child(3n)) {
	margin-right: 55rem;
}

.boards.news .boardList>li .img-wrap {
	max-height: 320rem;
	height: auto;
	border-radius: 10rem;
	overflow: hidden;
	position: relative;
	background-image: url('/images/common/basic-image.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 245rem;
}

.boards.news .boardList>li .img-wrap img {
	height: 100%;
	object-fit: cover;
	transition: all 1s ease;
}

.boards.news .boardList>li .img-wrap .date {
	font-size: 16rem;
	z-index: 2;
	top: 35rem;
	left: 40rem;
	color: #fff;
	position: absolute;
	border: 1px solid #fff;
	border-radius: 17rem;
	font-weight: 400;
	padding: 3rem 19rem;
}

.boards.news .boardList>li .text {
	padding: 37rem 40rem;
	max-height: 228rem;
	text-align: left;
}

.boards.news .boardList>li .text .subject {
	font-size: 20rem;
	font-weight: 500;
	margin-bottom: 10rem;
}

.boards.news .boardList>li .text .content {
	font-size: 14rem;
	color: #838383;
	font-weight: 300;
	height: 42rem;
	min-height: 30px;
}

.boards.news .boardList>li .more {
	font-size: 16rem;
	color: #000;
	position: absolute;
	bottom: 31rem;
	left: 40rem;
	font-weight: 400;
	transition: all .5s ease;
}

.boards.news .boardList>li .more::after {
	content: '';
	position: absolute;
	bottom: 3rem;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #f79311;
	transition: width .5s ease;
}

.boards.news .boardList>li:hover .more {
	color: #f79311;
}

.boards.news .boardList>li:hover .more::after {
	width: 100%;
}

.boards.news .boardList>li:hover .img-wrap img {
	transform: scale(1.1);
}

.boards.news .pager_wrap {
	margin-top: 50rem;
}

.noList {
	width: 100% !important;
	margin: 0 !important;
	height: auto !important;
	padding: 50rem 0;
}

.noList>* {
	text-align: center !important;
}

.noList img {
	width: 82rem;
	margin: 0 auto 20rem;
}

.noList span {
	font-size: 16rem;
	color: #838383;
	font-weight: 400;
	display: block;
	margin-top: 12rem;
}

.noList .back {
	font-size: 16rem;
	background-color: #0A0A0A;
	color: #fff;
	display: block;
	margin: 39rem auto 0;
	text-align: center;
	width: 333rem !important;
	height: 44rem !important;
	border-radius: 10rem;
	line-height: 44rem;
	font-weight: 300;
	transition: all .3s ease;
}

.noList .back:hover,
.noList .back:active {
	background-color: #f79311;
	color: #fff;
}


/* news-view */

.viewWrap.news-view .boardViewWrap {
	padding: 0 0 60rem;
}

.viewWrap.news-view .boardViewWrap .bvTop .bvTop_info {
	margin: 0;
}

.viewWrap.news-view .boardViewWrap .bvTop {
	position: relative;
	border-radius: 10rem;
	overflow: hidden;
	min-height: 240rem;
	height: auto;
	padding: 60rem 40rem;
	background-image: url('/images/common/basic-image.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.viewWrap.news-view .boardViewWrap .bvCont {
	border: none;
	padding: 60rem 40rem;
}

.viewWrap.news-view .boardViewWrap .bvTop .filter-box {
	backdrop-filter: blur(40rem);
	-webkit-backdrop-filter: blur(40rem);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.viewWrap.news-view .boardViewWrap .bvTop .bvTop_info .ymdDate {
	color: #fff;
	border: 1px solid #fff;
	font-weight: 300;
}

.viewWrap.news-view .boardViewWrap .bvTop .bvTop_tit {
	z-index: 3;
	position: relative;
	color: #fff;
	margin-top: 27rem;
}










/* 주요기술 상단 (회사개요와 동일 스타일) */

.technology {
	background-color: #0A0A0A;
}

.technology .top-title {
	line-height: 1;
	padding: 140rem 0 55rem;
	position: relative;
	overflow: hidden;
}

.technology .top-title::after {
	content: '';
	position: absolute;
	width: calc(100% + 220rem);
	left: -110rem;
	bottom: 0;
	background-color: #CDCDCD;
	height: 1px;
}

.technology .top-title p {
	font-size: 80rem;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	top: 150rem;
}

.technology .top-title span {
	font-weight: 700;
	opacity: 0.3;
	position: relative;
	display: inline-block;
	margin-left: 20rem;
	top: 150rem;
}

.technology .top-title.aos-animate p,
.overview .top-title.aos-animate span {
	animation: overview-topTitle 2s ease forwards;
}

@keyframes overview-topTitle {
	0% {
		top: 150rem;
	}

	100% {
		top: 0;
	}
}

.technology>.con {
	position: relative;
}

.technology .main {
	background-color: #0A0A0A;
}

.technology .con1 {
	width: 100%;
	overflow: hidden;
	background-color: #0A0A0A;
	color: #fff;
	position: fixed;
	top: 0;
}

.technology .con2 {
	position: relative;
	color: #fff;
}

.technology .con2 .off .scroll {
	text-transform: uppercase;
	font-size: 14rem;
	position: fixed;
	bottom: 6.5vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 110;
	transition: all .1s ease;
}

.technology .con2 .off .scroll::after {
	content: '';
	position: absolute;
	top: 34rem;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 60rem;
	background-color: #fff;
	animation: overview-scroll 2s linear infinite;
}

.technology .con2 .off .text {
	position: absolute;
	z-index: 2;
	text-align: center;
	width: 100%;
	top: 19.2vh;
}

.technology .con2 .off .text span {
	font-weight: 500;
	opacity: 0.3;
	display: block;
	margin-bottom: 13rem;
}

.technology .con2 .off .text p {
	font-size: 60rem;
}

@keyframes overview-scroll {
	0% {
		height: 0;
	}

	100% {
		height: 60rem;
	}
}

.technology .con2 .con2-area {
	transition: all .3s ease;
	width: 100%;
	background-color: #0A0A0A;
	padding-top: 162rem;
	position: relative;
	padding-bottom: 131rem;
}

.technology .con2 .con2-area::before {
	content: '';
	position: absolute;
	top: -191rem;
	left: 0;
	width: 100%;
	height: 191rem;
	background: linear-gradient(180deg, rgba(10, 10, 10, 0) 3.24%, rgba(10, 10, 10, 0.763541) 58.98%, #0A0A0A 100%);
}

.technology .con2 .con2-area .text {
	text-align: center;
}

.technology .con2 .con2-area .text img {
	width: 45rem;
	display: block;
	margin: 0 auto 25rem;
}

.technology .con2 .con2-area .text p {
	font-size: 40rem;
	margin-bottom: 20rem;
}

.technology .con2 .con2-area .text p strong {
	font-weight: 700;
}

.technology .con2 .con2-area .text span {
	opacity: 0.6;
	font-weight: 300;
}

.technology .con2 .con2-area .logo {
	width: 97rem;
	position: absolute;
	right: 110rem;
	top: 90rem;
}





@media (max-width:767px) {



	.technology-b-top {
		padding-top: 75rem;
		padding-bottom: 35rem;
	}

	.technology-b-top .board-list {
		font-size: 15rem;
	}

	.technology-b .right-box>.title {
		font-size: 30rem;
	}

	.technology-b .right-box>span {
		font-size: 14rem;
		margin: 10rem 0 20rem;
	}

	.technology-b .right-box .keyword-box {
		height: 208rem;
		padding: 20rem;
		margin-bottom: 30rem;
	}

	.technology-b .right-box .keyword-box>p {
		font-size: 15rem;
		margin-bottom: 15rem;
	}

	.technology-b .right-box .keyword-box .tag-area {
		height: 130rem;
	}

	.technology-b .right-box .addkeyword {
		margin-bottom: 6rem;
	}

	#changeBtn {
		margin-bottom: 30rem;
	}

	.technology-b-view .golist {
		width: 27rem;
		height: 27rem;
		margin-bottom: 30rem;
	}

	.technology-b-view .golist img {
		width: 14rem;
	}

	.technology-b-view.viewWrap .boardViewWrap {
		padding: 30rem 20rem 40rem;
	}

	.technology-b-view.viewWrap .boardViewWrap .bvTop .bvTop_tit {
		width: 100%;
		margin-bottom: 13rem;
	}

	.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box {
		font-size: 14rem;
		font-weight: 600;
	}

	.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box .icon {
		width: 39rem;
		height: 39rem;
	}

	.technology-b-view .boardViewWrap .bvTop .bvTop_info .name-box .icon>* {
		height: 25rem;
		width: 25rem;
	}

	.technology-b-view .boardViewWrap .bvTop .bvTop_info .date {
		font-size: 14rem;
	}

	.technology-b-view .keyword-box>ul {
		width: 100%;
	}

	.technology-b-view .keyword-box>ul>li {
		margin-bottom: 10rem;
	}

	.technology-b-view .keyword-box>p {
		margin: 30rem 0 15rem;
	}

	.technology-b .top-title {
		font-size: 20rem;
		padding: 28rem 0 12rem;
	}









	/* research */

	.technology-b>.area {
		flex-wrap: wrap-reverse;
	}

	.technology-b>.area>.right-box {
		width: 100%;
	}

	.technology-b>.area>.left-box {
		width: 100%;
	}

	.technology-b.research .left-box .latest-research {
		margin-bottom: 100rem;
	}

	.technology-b.research .left-box .top-research {
		height: 173rem;
		padding: 24rem 20rem;
	}

	.technology-b.research .left-box .top-research>.title {
		font-size: 20rem;
	}

	.technology-b.research .left-box .top-research>.moreBtn {
		top: 25rem;
		right: 20rem;
		width: 23rem;
		height: 23rem;
	}

	.technology-b .tcX {
		touch-action: initial;
		pointer-events: initial;
	}

	.technology-b.research .left-box .top-research .inner-box .pagination {
		right: 20rem;
		bottom: 17rem;
	}

	.technology-b.research .left-box .top-research .inner-box .pagination span {
		width: 5rem;
		height: 5rem;
		margin: 0 5rem;
	}

	.technology-b.research .left-box .top-research .inner-box .swiper-slide {
		padding-top: 103rem;
		padding-left: 20rem;
		padding-right: 20rem;
	}

	.technology-b.research .left-box .top-research .inner-box .subject {
		padding-bottom: 10rem;
	}

	.technology-b.research .left-box .top-research .inner-box .content {
		height: 40rem;
	}

	.technology-b.research .left-box .top-research.on .inner-box .swiper-slide {
		padding-top: 60rem;
	}

	.technology-b.research .left-box .top-research.on .inner-box .hide-box {
		padding-top: 10rem;
	}

	.technology-b.research .left-box .writer .slide .list>li {
		border-radius: 5rem;
		margin-right: 5rem;
	}

	.technology-b.research .left-box .writer .slide .list>li a {
		font-size: 14rem;
		padding: 17rem 14rem 17rem 55rem;
		width: auto;
	}

	.technology-b.research .left-box .writer .slide .list .icon {
		width: 30rem;
		left: 10rem;
	}

	.technology-b.research .left-box .writer .slide .navi {
		top: 37rem;
	}

	.technology-b.research .left-box .writer .slide .navi>* {
		margin-left: 18rem;
	}

	.technology-b.research .left-box .latest-research>ul>li:not(:last-child) {
		margin-bottom: 25rem;
	}

	.technology-b.research .left-box .latest-research>ul>li>a {
		padding: 25rem 20rem;
		display: flex;
		flex-wrap: wrap;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .top {
		width: 100%;
		order: 1;
		padding-bottom: 30rem;
		border: none;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .top .subject {
		font-size: 15rem;
		padding-right: 0;
		max-height: 46rem;
		height: auto;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .more {
		font-size: 13rem;
		position: static;
		order: 2;
		height: 26rem;
		padding: 0 15.5rem;
		line-height: 26rem;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .bottom {
		order: 3;
		width: 100%;
		flex-wrap: wrap;
		border-top: 1px solid #CDCDCD;
		margin-top: 40rem;
		padding-top: 13rem;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .bottom>* {
		width: 100%;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .bottom .tag-list {
		font-size: 14rem;
		width: 100%;
	}

	.technology-b.research .left-box .latest-research>ul>li>a .bottom .date {
		margin-top: 13rem;
		width: 100%;
		text-align: left;
	}

	.technology-b.research .left-box .latest-research .technology-b-pager {
		position: static;
		margin-top: 50rem;
	}

	.technology-b.research .left-box .latest-research .technology-b-pager .pager {
		width: auto;
	}

	.technology-b.research .left-box .latest-research .technology-b-pager .pager .pager_btn {
		transform: rotate(-90deg) !important;
	}

	.technology-b.research .left-box .latest-research .technology-b-pager .pager>*:not(.pager_btn) {
		margin: 0 18rem;
	}

	.technology-b.research .noList {
		padding: 30rem 0;
		text-align: center;
		display: block;
	}

	.technology-b.research .noList .icon {
		margin: 0 auto;
	}

	.technology-b.research .noList .text {
		margin-top: 35rem;
	}

	.technology-b.research .noList .text p {
		font-size: 16rem;
		margin-bottom: 8rem;
		text-align: center !important;
	}

	.technology-b.research .noList .text span {
		font-size: 14rem;
	}








	/* blog */

	.technology-b.blog {
		padding-bottom: 80rem;
	}

	.technology-b.blog .boardList>ul>li {
		width: 100%;
		margin-bottom: 25rem;
	}

	.technology-b.blog .boardList>ul>li .img-wrap {
		min-height: 38.1vw;
		max-height: 112.5vw;
	}

	.technology-b.blog .boardList>ul>li .text .subject {
		min-height: 23rem;
		max-height: 45rem;
	}

	.technology-b.blog .boardList>ul>li .text .more {
		font-size: 15rem;
	}

	.technology-b.blog .boardList>ul>li .text .more::after {
		width: 100%;
	}

	.technology-b.blog .boardList>ul>li .text .content {
		margin-bottom: 20rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .bvTop_info {
		margin-top: 47rem;
	}

	.technology-b-view.blog .boardViewWrap .bvTop .bvTop_info .name-box {
		font-weight: 300;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvCont {
		padding-left: 20rem;
		padding-right: 20rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvFile {
		padding: 0 20rem 40rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap {
		padding: 0 0 35rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvTop {
		min-height: auto;
		padding: 25rem 20rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .bvTop_info {
		margin-top: 25rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvTop .bvTop_tit {
		line-height: 1.45;
		font-weight: 400;
		margin-top: 0;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvCont {
		padding: 30rem 20rem 50rem;
	}

	.technology-b-view.blog.viewWrap .boardViewWrap .bvFile {
		padding: 0 20rem;
	}









	/* glossary */

	.technology-b.glossary {
		padding-bottom: 100rem;
	}

	.technology-b.glossary .category {
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 30rem;
	}

	.technology-b.glossary .category>ul>li a {
		margin: 13rem 15rem 0 0;
	}

	.technology-b.glossary .category>p {
		font-size: 30rem;
		margin-left: 0;
	}

	.technology-b.glossary .keyWord-list {
		display: block;
		flex-direction: initial;
		row-gap: initial;
		column-gap: initial;
		max-height: initial;
	}

	.technology-b.glossary .keyWord-list>li {
		width: 100%;
		margin-bottom: 25rem;
		padding: 20rem;
	}

	.technology-b.glossary .keyWord-list>li .keyWord {
		width: 50rem;
		height: 50rem;
		font-size: 25rem;
	}

	.technology-b.glossary .keyWord-list>li .key {
		font-size: 15rem;
	}

	.technology-b.glossary .keyWord-list>li .key>ul>li {
		padding-bottom: 12rem;
	}


	.technology-b-view.glossary.viewWrap .boardViewWrap .bvTop {
		display: block;
		padding-bottom: 25rem;
	}

	.technology-b-view.glossary .bvTop .date {
		width: 100%;
		font-size: 14rem;
	}

	.technology-b-view.glossary.viewWrap .boardViewWrap .bvCont {
		padding-bottom: 60rem;
	}

	.technology-b-view.glossary .synonym .title {
		font-size: 17rem;
	}

	.technology-b-view .keyword-box {
		padding: 0 20rem;
		display: block;
		min-height: auto;
	}

	.technology-b-view.glossary .keyword-box>ul {
		width: 100%;
		margin-top: 15rem;
	}









	/* overview - 회사개요 */

	.overview .top-title {
		padding: 62rem 0 20rem;
	}

	.overview .top-title p {
		font-size: 35rem;
	}

	.overview .top-title span {
		margin-left: 10rem;
	}

	.overview .con2 .off .scroll {
		bottom: 9.5vh;
	}

	.overview .con2 .off .scroll::after {
		top: 30rem;
	}

	.overview .con2 {
		height: auto;
		margin-top: 0;
	}

	.overview .con2 .off .text {
		padding: 0 20rem;
		top: 20.2vh;
	}

	.overview .con2 .off .text span {
		font-size: 15rem;
	}

	.overview .con2 .off .text p {
		font-size: 30rem;
	}

	.overview .con2 .con2-area {
		padding: 0 20rem 60rem;
	}

	.overview .con2 .con2-area .text {
		padding-top: 80rem;
		white-space: nowrap;
	}

	.overview .con2 .con2-area .logo {
		width: 41rem;
		top: 30rem;
		right: 20rem;
	}

	.overview .con2 .con2-area .text p {
		font-size: 20rem;
		margin-bottom: 25rem;
	}

	.overview .con2 .con2-area .img-wrap {
		width: 100%;
		height: 34.6vw;
		margin-top: 28rem;
	}

	.overview .con3 {
		height: auto;
	}

	.overview .con3::after {
		display: none;
	}

	.overview .con3>* {
		width: 100%;
		height: auto;
	}

	.overview .con3 .left {
		padding: 90rem 0 60rem;
		position: relative;
	}

	.overview .con3 .left::after {
		content: '';
		position: absolute;
		left: -20rem;
		width: calc(100% + 40rem);
		height: 1px;
		background-color: rgba(255, 255, 255, 0.5);
		bottom: 0;
	}

	.overview .con3 .left .slide {
		height: 107vw;
	}

	.overview .con3 .left .slide .text {
		top: 20rem;
		left: 20rem;
	}

	.overview .con3 .left .slide .text span {
		font-size: 14rem;
	}

	.overview .con3 .right {
		padding: 60rem 0 0;
		display: block;
		border: none;
		position: relative;
	}

	.overview .con3 .right::after {
		content: '';
		position: absolute;
		left: -20rem;
		top: -2rem;
		width: 64rem;
		height: 3rem;
		background-color: #fff;
		animation: overviewCon3Line 10s linear infinite;
	}

	@keyframes overviewCon3Line {
		0% {
			left: -70rem;
		}

		100% {
			left: calc(100% + 25rem);
		}
	}

	.overview .con3 .right .title {
		margin-bottom: 36rem;
	}

	.overview .con3 .right .title p {
		font-size: 35rem;
	}

	.overview .con3 .right .title span {
		top: 16rem;
		left: auto;
		right: 57rem;
	}

	.overview .con3 .right>ul>li {
		padding-left: 0;
		width: 100% !important;
		margin-bottom: 25rem;
	}

	.overview .con3 .right>ul>li::before {
		width: 25rem;
		height: 25rem;
	}

	.overview .con3 .right>ul>li p {
		padding-left: 40rem;
		line-height: 2.2;
	}

	.overview .con3 .right .more {
		padding: 12rem 46rem;
		margin: 43rem 0 68rem;
	}

	.overview .con4>.num {
		display: none;
	}

	.overview .con4 .top-title {
		padding-top: 86rem;
	}

	.overview .con4 .right-text {
		width: 100%;
		margin: 38rem 0 65rem;
		position: relative;
		padding: 0 20rem;
		text-align: left;
	}

	.overview .con4 .right-text p {
		font-size: 20rem;
		margin-bottom: 12rem;
	}

	.overview .con4 .right-text span {
		font-size: 15rem;
	}

	.overview .con4 .right-text span br {
		display: none;
	}

	.overview .con4 .applications>p {
		font-size: 20rem;
		margin-bottom: 28rem;
	}

	.overview .con4 .applications .pagination>ul>li {
		padding-left: 35rem;
		margin-right: 20rem;
	}

	.overview .con4 .applications .pagination>ul>li::before {
		width: 20rem;
		height: 20rem;
		top: 1rem;
	}

	.overview .con4 .applications .swiper-slide {
		height: 55.5556vw;
		width: 360rem;
		border-radius: 10rem;
	}

	.overview .con4 .applications .swiper-slide p {
		bottom: 30rem;
		padding: 0 20rem;
	}

	.overview .con5 {
		padding-bottom: 0;
	}

	.overview .con5 .slide {
		padding: 0 20rem 60rem;
		border: none;
		position: relative;
	}

	.overview .con5 .slide::before {
		display: none;
	}

	.overview .con5 .slide>ul>li {
		width: 100% !important;
		padding: 40rem 0;
		position: relative;
	}

	.overview .con5 .slide>ul>li:not(:last-child) {
		border: none;
	}

	.overview .con5 .slide>ul>li::after {
		content: '';
		position: absolute;
		left: -20rem;
		width: calc(100% + 40rem);
		height: 1px;
		background-color: #CDCDCD;
		bottom: 0;
	}

	.overview .con5 .slide>ul>li .year {
		width: 100%;
		height: 120rem;
		font-size: 35rem;
		line-height: 120rem;
		border-radius: 10rem;
	}

	.overview .con5 .slide>ul>li .dotList {
		width: 100%;
		padding: 0;
		font-size: 15rem;
		margin-top: 22rem;
	}

	.overview .con5 .slide>ul>li .dotList>li {
		line-height: 2;
	}

	.overview .con5 .slide .cuNavi {
		display: none;
	}

	.overview .con6 .map {
		border-radius: 10rem;
		margin-top: 40rem;
		background-image: url(/images/contents/map_m.png);
	}

	.overview .con6 .map.aos-animate {
		height: 72vw;
	}

	.overview .con6 .map .pin {
		left: 78%;
		top: 29%;
		width: 15rem;
	}

	.overview .con6 .info {
		margin-top: 35rem;
		margin-bottom: 38rem;
	}

	.overview .con6 .info>li {
		margin-bottom: 15rem;
	}

	.overview .con6 .info>li:nth-child(1) {
		margin-right: 0;
	}

	.overview .con6 .info>li span {
		width: 35rem;
	}

	.overview .con6 .info>li p {
		width: calc(100% - 35rem);
		margin-left: 0;
		padding-left: 10rem;
	}

	.overview .con6 .location {
		padding-top: 36rem;
		padding-bottom: 80rem;
	}

	.overview .con6 .location .title {
		top: -37rem;
	}

	.overview .con6 .location ul {
		display: block;
		padding-top: 29rem;
	}

	.overview .con6 .location ul>li {
		width: 100%;
		font-size: 15rem;
		padding: 20rem;
		margin-bottom: 20rem;
	}

	.overview .con6 .location ul>li .top {
		display: block;
		padding-bottom: 20rem;
	}

	.overview .con6 .location ul>li .top .dotTxt {
		width: 100%;
		margin-bottom: 20rem;
	}

	.overview .con6 .location ul>li .top .number {
		width: 100%;
		justify-content: flex-start;
	}

	.overview .con6 .location ul>li .top .number span {
		margin: 0 15rem 15rem 0;
		font-size: 15rem;
	}

	.overview .con6 .location ul>li:not(:nth-child(2n)) {
		margin-right: 0;
	}

	.overview .con6 .location ul>li .bottom {
		padding-top: 20rem;
		line-height: 1.65;
	}

	.overview .con5 .slide>ul>li .dotList>li::before {
		top: 12rem;
	}






	.culture {
		padding-top: 100rem;
	}

	.culture .con-title {
		font-size: 25rem;
		margin: 24rem 0 50rem;
	}

	.culture .top-slide {
		width: calc(100% - 40rem);
		height: 493rem;
		border-radius: 10rem;
	}

	.culture .top-slide .text {
		top: 52%;
	}

	.culture .top-slide .text p {
		font-size: 45rem;
		line-height: 1.2;
	}

	.culture .top-slide .text span {
		font-size: 18rem;
		margin: 17rem 0 74rem;
		line-height: 1.45;
	}

	.culture .top-slide .text a {
		font-size: 15rem;
		padding: 16.5rem 46rem;
	}

	.culture .top-slide .pagination {
		top: 20rem;
		left: 20rem;
	}

	.culture .top-slide .swiper-slide {
		border-radius: 10rem;
	}

	.culture .con1 {
		padding: 47rem 0 258rem;
	}

	.culture .con1 .icon {
		width: 72rem;
	}

	.culture .con1 .slide {
		padding: 0 20rem;
	}

	.culture .con1 .slide .swiper-slide {
		padding: 50rem 18rem;
	}

	.culture .con1 .slide .img-wrap {
		width: 200rem;
		height: 200rem;
		margin-bottom: 33rem;
	}

	.culture .con1 .slide .img-wrap img {
		height: 134rem;
	}

	.culture .con1 .slide .text p {
		font-size: 20rem;
	}

	.culture .con1 .slide .text span {
		font-size: 15rem;
	}

	.culture .con1 .slide .text span br {
		display: none;
	}

	.culture .con1 .slide .pagination {
		top: 550rem;
	}

	.culture .con2 {
		padding: 60rem 0 80rem;
	}

	.culture .con2 .icon {
		width: 62rem;
	}

	.culture .con2 .card-list {
		padding: 0;
	}

	.culture .con2 .card-list>li {
		width: 100%;
	}

	.culture .con2 .card-list>li:not(:last-child) {
		margin: 0 0 30rem 0;
	}

	.culture .con2 .card-list>li .img-wrap {
		height: 64vw;
	}

	.culture .con2 .card-list>li .text {
		padding-top: 27rem;
		height: 225rem;
	}

	.culture .con2 .card-list>li .text p {
		font-size: 20rem;
	}

	.culture .con2 .card-list>li .text span {
		font-size: 15rem;
		display: block;
		padding: 0 32rem;
	}

	.culture .con2 .card-list>li .text span br {
		display: none;
	}

	.culture .con3 {
		height: 400rem;
	}

	.culture .con3 p {
		font-size: 25rem;
		letter-spacing: 10rem;
	}

	.culture .con3 .pagination {
		bottom: 35rem;
	}

	.culture .con4 {
		padding: 60rem 0 100rem;
	}

	.culture .con4 .icon {
		width: 71rem;
	}

	.culture .con4 .list>ul>li {
		width: 50%;
		padding: 30rem 0;
		min-height: 239rem;
		height: auto;
	}

	.culture .con4 .list>ul>li .img-wrap {
		width: 100rem;
		height: 100rem;
	}

	.culture .con4 .list>ul>li .img-wrap img {
		height: 46rem;
	}

	.culture .con4 .list>ul>li .text {
		font-size: 14rem;
	}

	.culture .con4 .list>ul>li .text span {
		font-size: 14rem;
	}

	.culture .con4 .list>ul>li:nth-child(2)::after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #cdcdcd;
	}

	.culture .con4 .list.aos-animate>ul>li:nth-child(2)::after {
		animation: line-height 1.5s ease forwards;
	}

	.culture .con4 .list>ul>li:nth-child(3)::after {
		content: '';
		position: absolute;
		left: -20rem;
		width: 0;
		height: 1px;
		background-color: #cdcdcd;
		top: 0;
	}

	.culture .con4 .list.aos-animate>ul>li:nth-child(3)::after {
		animation: line-width-m 2s ease forwards;
	}

	@keyframes line-width-m {
		0% {
			width: 0;
		}

		100% {
			width: calc(200% + 40rem);
		}
	}








	/* intro */

	.business.intro {
		height: auto;
	}

	.business.intro .businessScroll {
		top: 20%;
	}

	/* 인트로 이미지 조정 */
	.business.intro .con {
		position: relative;
	}

	.business.intro .con1>img {
		object-position: 18% center;
	}

	.business.intro .con2>img {
		object-position: 30% center;
	}

	.business.intro .con3>img {
		object-position: 56% center;
	}

	.business.intro .con4>img {
		object-position: 45% center;
	}

	.business.logical.intro .con1>img {
		object-position: center;
	}

	.business.logical.intro .con2>img {
		object-position: 30% center;
	}

	.business.logical.intro .con3>img {
		object-position: 80% center;
	}

	.business.logical.intro .con4>img {
		object-position: 65% center;
	}

	.business.logical.intro .con5>img {
		object-position: 25% center;
	}


	.business.intro .con .bottom-text {
		font-size: 40rem;
		bottom: 120rem;
		left: 20rem;
		position: absolute;
		color: #fff;
		z-index: 2;
	}

	.business.intro .con a {
		font-size: 20rem;
		left: 20rem;
		bottom: 60rem;
		border: 1px solid #fff;
		border-radius: 50rem;
		padding: 9rem 55rem 9rem 25rem;
		position: absolute;
		color: #fff;
		z-index: 2;
		text-transform: capitalize;
		transition: all .5s ease;
		white-space: nowrap;
	}

	.business.intro .con a img {
		width: 20rem;
		top: 50%;
		right: 20rem;
		transform: translateY(-50%);
		opacity: 1;
		filter: brightness(0) invert(1);
		position: absolute;
		display: block;
	}

	.business.intro .sub-tab-list .m-moreBtn {
		display: flex;
		margin: 0 0 0 auto;
		bottom: auto;
	}

	.business.intro .sub-tab-list .pc-moreBtn {
		display: none;
	}

	.business.intro .sub-tab-list .moreBtn {
		background-color: rgba(255, 255, 255, 0.2);
	}

	.business.intro .sub-tab-list {
		right: 20rem;
		top: 81rem;
		width: calc(100% - 40rem);
	}

	.business.intro .sub-tab-list>ul {
		display: block;
		margin-top: 16rem;
		padding: 0 20rem 0;
		height: 0;
		transition: all .5s ease;
		visibility: hidden;
		position: relative;
	}

	.business.intro .sub-tab-list>ul::after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		filter: blur(18rem);
		width: 100%;
		height: 100%;
		border-radius: 10rem;
		z-index: 3;
	}

	.business.intro .sub-tab-list>ul>li {
		visibility: hidden;
		display: none;
		transition-delay: 1s;
	}

	.business.intro .sub-tab-list.on>ul>li {
		visibility: visible;
		display: block;
	}

	.business.intro .sub-tab-list.on>ul {
		display: block;
		height: 410rem;
		visibility: visible;
		padding: 30rem 20rem 73rem;
	}

	.business.intro .sub-tab-list .more {
		width: 100%;
	}

	.business.intro>.text {
		left: 20rem;
		top: 20vh;
	}

	.business.intro>.text p {
		font-size: 20rem;
		margin-bottom: 4rem;
	}

	.business.intro>.text span {
		font-size: 16rem;
		opacity: 0.7;
	}

	.business.intro>.bottom-text {
		font-size: 40rem;
		bottom: 120rem;
		left: 20rem;
	}

	.business.intro .link {
		width: 100%;
		height: 50rem;
		position: absolute;
		bottom: 61rem;
		overflow: hidden;
	}

	.business.intro .link a {
		font-size: 20rem;
		left: 20rem;
		border: 1px solid #fff;
		padding: 9rem 25rem;
		bottom: -60rem;
		visibility: initial;
		opacity: initial;
	}

	.business.intro .link a img {
		width: 20rem;
		right: 20rem;
		opacity: 1;
		filter: brightness(0) invert(1);
	}

	.business.intro .link a {
		padding-right: 55rem;
	}

	.business.intro .link .link1 {
		bottom: 0;
	}







	/* 새소식 - news */

	.boards.news .subTit .menuTit img {
		width: 28rem;
	}

	.boards.news .subContWrap .boardList>li {
		width: 100%;
		height: 415rem;
		margin-bottom: 25rem;
	}

	.boards.news .boardList>li:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.boards.news .boardList>li .img-wrap {
		min-height: 160rem;
	}

	.boards.news .boardList>li .img-wrap img {
		max-height: 160rem;
		min-height: 209rem;
	}

	.boards.news .boardList>li .img-wrap .date {
		font-size: 15rem;
		top: 25rem;
		left: 20rem;
	}

	.boards.news .boardList>li .text {
		padding: 27rem 20rem;
	}

	.boards.news .boardList>li .text .subject {
		font-size: 16rem;
		white-space: initial;
		display: -moz-box;
		display: -webkit-box;
		-moz-box-orient: vertical;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		max-height: 50rem;
	}

	.boards.news .boardList>li .text .content {
		font-size: 14rem;
	}

	.boards.news .boardList>li .more {
		left: 20rem;
		bottom: 20rem;
		font-size: 15rem;
	}

	.boards.news .pager_wrap {
		margin-top: 20rem;
	}

	.viewWrap.news-view .boardViewWrap {
		padding: 0 0 35rem;
	}

	.viewWrap.news-view .boardViewWrap .bvTop {
		min-height: auto;
		padding: 20rem;
	}

	.viewWrap.news-view .boardViewWrap .bvTop .bvTop_info {
		margin-bottom: 22rem;
	}

	.viewWrap.news-view .boardViewWrap .bvTop .bvTop_tit {
		line-height: 1.45;
		font-weight: 400;
	}

	.viewWrap.news-view .boardViewWrap .bvCont {
		padding: 30rem 20rem 50rem;
	}

	.viewWrap.news-view .boardViewWrap .bvFile {
		padding: 0 20rem;
	}


	/* 게시글이 없을 때  */

	.noList {
		padding: 30rem 20rem;
	}

	.noList>* {
		font-size: 16rem !important;
	}

	.noList img {
		margin: 0 auto 33rem;
	}

	.noList span {
		font-size: 14rem !important;
		margin-top: 8rem !important;
	}

	.noList .back {
		font-size: 15rem !important;
		width: 100% !important;
		margin-top: 21rem !important;
	}







	/* 주요기술 - 상단 (회사개요와 같은 스타일) */

	.technology .top-title {
		padding: 62rem 0 20rem;
	}

	.technology .top-title p {
		font-size: 35rem;
	}

	.technology .top-title span {
		margin-left: 10rem;
	}

	.technology .con2 .off .scroll {
		bottom: 9.5vh;
	}

	.technology .con2 .off .scroll::after {
		top: 30rem;
	}

	.technology .con2 {
		height: auto;
		margin-top: 0;
	}

	.technology .con2 .off .text {
		padding: 0 20rem;
		top: 20.2vh;
	}

	.technology .con2 .off .text span {
		font-size: 15rem;
	}

	.technology .con2 .off .text p {
		font-size: 30rem;
	}

	.technology .con2 .con2-area {
		padding: 0 20rem 60rem;
	}

	.technology .con2 .con2-area .text {
		padding-top: 80rem;
	}

	.technology .con2 .con2-area .logo {
		width: 41rem;
		top: 30rem;
		right: 20rem;
	}

	.technology .con2 .con2-area .text p {
		font-size: 20rem;
		margin-bottom: 25rem;
	}

	.technology .con2 .con2-area .img-wrap {
		width: 100%;
		height: 34.6vw;
		margin-top: 28rem;
	}
}