html {
	font-size: 18px;
	scroll-behavior: smooth;
}
body {
	font-family: NanumSquare, sans-serif;
}
#body_wrap {
	position: relative;
}
img {
	display: block;
}
.digi-prev,
.digi-next,
.ai-prev,
.ai-next {
	outline: 0;
}

/*nav*/
/*about*/
#about {
	background-color: #f8fafc;
	position: relative;
	color: #373737;
}
.about_inner {
	position: relative;
	height: 100%;
}
.about_title {
	font-weight: bold;
	color: #0c92d1;
	line-height: 1;
	margin: 0;
}
#about p {
	margin: 0;
}
.orange_highlight {
	background-color: #f54706;
	font-weight: 700;
	color: #ffffff;
}
.about_keywords {
	font-weight: 700;
}
.about_platform {
	color: #2f74bb;
}

/*about summary*/
#about_summary {
	background-color: #21429b;
	color: #ffffff;
	text-align: center;
	line-height: 1.55;
	background-image: url("/img/about/img_about_bg.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
/*section common*/
.title_area {
	text-align: center;
}
.title_area .section_title {
	font-weight: 800;
}
.title_area .section_summary {
	line-height: 1.3;
}

/*wigomon*/
.card_deck {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.c_card .card_image {
	margin: 0 auto;
}
.c_card {
	text-align: center;
}
.c_card .card_subtitle {
	line-height: 1.33;
	color: #898989;
}

/*wigo ai*/

/*media bigdata*/
#media_bigdata .img_cluster {
	position: relative;
}
#media_bigdata .img_cluster .bigdata_bg {
	position: absolute;
}
#media_bigdata .img_cluster .bigdata_card {
	position: absolute;
}
#media_bigdata .img_cluster .bigdata_img {
	margin: 0 auto;
}
#media_bigdata .img_cluster .bigdata_text {
	display: block;
	font-weight: 800;
	font-size: 1.33rem;
	line-height: 1;
	margin-top: 0.9rem;
}
.img_cluster .bigdata_bg {
	top: 7.58%;
	left: 10.63%;
}
.img_cluster .bigdata_card_01 {
	top: 24%;
	left: 0;
}
.img_cluster .bigdata_card_02 {
	top: 0;
	left: 36.35%;
}
.img_cluster .bigdata_card_03 {
	top: 24%;
	right: 0;
}
.img_cluster .bigdata_card_04 {
	bottom: 0;
	right: 14.96%;
}
.img_cluster .bigdata_card_05 {
	bottom: 0;
	left: 12.99%;
}

/*digitalizing*/
#digitalizing {
	background-color: #21429b;
}
#digitalizing .title_area {
	color: #ffffff;
}
#digitalizing .subsection_title {
	text-align: center;
	margin: 0;
}
#digitalizing .digi_procedure_area {
	color: #ffffff;
	background-color: #202e68;
}
#digitalizing .digi_advantage_area {
	color: #030303;
	background-color: #f8f8f8;
}
.digitalizing_procedure_img {
	margin: 0 auto;
}

/*partner section copied*/
.partner {
	position: relative;
	width: 100%;
	text-align: center;
}
.partner .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1160px;
	/* height: 983px; */
	padding-top: 80px;
	margin-bottom: 163px;
}
.partner .partner_paragraph {
	color: #898989;
}
.partner .inner .btn {
	width: 222px;
	height: 83px;
	background-image: url("/img/btn_inquire_nor@2x.png");
	background-repeat: no-repeat;
	background-size: cover;
	color: transparent;
	text-indent: -9999px;
}
.partner .inner .btn:hover {
	background-image: url("/img/btn_inquire_foc@2x.png");
}

.partner .inner .part-div {
	position: relative;
	text-align: left;
	margin-top: 60px;
	top: 100px;
	opacity: 0;
}
.partner .inner .part-div div {
	width: 270px;
	height: 80px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	border: solid 1px #e5e5e5;
	background-color: #ffffff;
	text-align: center;
}

#partner-intro {
	opacity: 0;
	padding-top: 100px;
}
#partner-intro .sub-title {
	padding: 0 300px;
}
.partner-bg {
	position: absolute;
	z-index: -1;
	background-image: url("/img/partner/partner_bg.png");
	width: 100%;
	overflow: hidden;
	height: 983px;
	animation: animatedBackground 200s linear infinite;
}
.partner-bg-m {
	position: absolute;
	z-index: -1;
	background-image: url("/img/partner/partner_bg_m.png");
	background-size: contain;
	width: 100%;
	overflow: hidden;
	height: 106.3vw;
}
@keyframes animatedBackground {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -10000px 0;
	}
}
#partner-banner-wrap {
	position: relative;
	width: 100%;
	height: auto;
	top: 30px;
	opacity: 0;
}
#partner-banner-wrap ul {
	margin-bottom: 18px !important;
	padding-left: 0;
}
#partner-banner-wrap ul li {
	display: inline-block;
	padding: 7px;
	border: 1px solid #d0d4d6;
	box-sizing: border-box;
	margin-right: 18px;
	background-color: #ffffff;
	height: 60px;
	width: 160px;
	position: relative;
	overflow: hidden;
}
#partner-banner-wrap ul li img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#partner-banner-wrap ul li:nth-child(6n) {
	margin-right: 0;
}

#partner-banner {
	position: relative;
}

/*contact/map*/
.mapwrap {
	position: relative;
}
.map_card {
	display: block;
	position: absolute;
	z-index: 50;
}
.map_overlay {
	box-sizing: border-box;
	background-color: #238cfa;
	padding: 0.5rem 0.9rem;
	border-radius: 20px;
}
.map_overlay:after {
	content: "";
	position: absolute;
	bottom: -20%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	/* transform: rotate(45deg); */

	display: block;
	background-color: #238cfa;
	width: 20px;
	height: 20px;
	z-index: -1;
}
.map_overlay a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
}
/*footer*/
footer {
	background-color: #282828;
	color: #d2d2d2;
	font-size: 14px;
	line-height: 1.85;
}
/*scroll top btn*/
.top_btn {
	display: block;
	position: fixed;
	z-index: 100;
}

/*only pc or tablet*/
@media only screen and (min-width: 641px) {
	.pc_none {
		display: none !important;
	}
	/*nav*/
	#nav_spacer,
	#pc_nav {
		height: 80px;
		width: 100%;
		background-color: #ffffff;
	}
	#pc_nav {
		position: fixed;
		box-sizing: border-box;
		top: 0;
		border-bottom: 1px solid #e3e3e3;
		z-index: 100;
	}
	.pc_nav_inner {
		max-width: 1430px;
		height: 79px;
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
	.nav_logo_item {
		margin-right: auto;
	}
	.nav_item {
		text-decoration: none;
		line-height: 1;
		padding: 30px;
		font-weight: 700;
		color: #313131;
	}
	.nav_item:hover {
		color: #3768f3;
	}
	/*about*/
	#about {
		height: 720px;
	}
	.about_inner {
		box-sizing: border-box;
		max-width: 1376px;
		padding: 0 30px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.about_text_box {
		z-index: 3;
		padding-bottom: 40px;
	}
	.about_title {
		font-size: 30px;
		letter-spacing: -1.5px;
		margin-bottom: 18px;
	}
	.about_logo {
		margin-bottom: 35px;
	}
	#about p {
		letter-spacing: -0.54px;
		margin-bottom: 28px;
	}
	.about_bigdata {
		line-height: 26px;
	}
	.about_platform {
		line-height: 30px;
	}
	.about_img_wrap {
		z-index: 3;
		padding-bottom: 18px;
	}
	.about_pie_img {
		width: 100%;
	}
	.about_deco_02 {
		position: absolute;
		top: 0;
		left: 284px;
		z-index: 1;
	}
	.about_deco_03 {
		position: absolute;
		left: 30px;
		bottom: 0;
		z-index: 1;
	}
	/*about summary*/
	#about_summary {
		font-weight: 700;
		padding: 125px 30px;
		/* background-image: url("/img/about/img_about_bg.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain; */
	}

	/*section common*/
	.title_area {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.title_area .section_title {
		font-size: 60px;
		line-height: 1;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.title_area .section_summary {
		line-height: 1.4;
	}

	/* wigomon */
	#wigomon {
		padding-bottom: 60px;
	}
	.card_deck {
		max-width: 1350px;
		margin: 0 auto;
	}
	.c_card {
		box-sizing: border-box;
		padding: 0px 20px 62px;
		width: 33%;
	}
	.c_card .card_title {
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 17px;
	}
	.c_card .card_subtitle {
		margin: 0;
	}

	/*wigo ai*/
	#wigo_ai {
		padding-bottom: 90px;
	}
	#wigo_ai .title_area {
		padding-bottom: 30px;
	}
	.ai-swiper {
		width: 100%;
	}
	.ai-swiper .swiper-slide {
		width: 1340px;
		height: 460px;
	}

	.ai-swiper .swiper-slide .slide_text_area {
		position: absolute;
		color: #ffffff;
		top: 155px;
		left: 88px;
	}
	.ai-swiper .swiper-slide .slide_text_area.right_text {
		left: 848px;
	}
	.ai-swiper .slide_text_area .slide_title {
		font-weight: 400;
		font-size: 32px;
		line-height: 40px;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.ai-swiper .slide_text_area .slide_text {
		margin: 0;
		line-height: 24px;
	}
	.ai-swiper-control {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ai-swiper-control .swiper-button-disabled {
		opacity: 0.4;
	}
	.ai-swiper-control .swiper-pagination-fraction {
		width: auto;
		color: #0033c5;
		font-weight: 700;
		font-size: 22px;
		padding-bottom: 6px;
	}
	.ai-swiper-control .swiper-pagination-current {
		margin-right: -5px;
	}
	.ai-swiper-control .swiper-pagination-total {
		margin-left: -5px;
	}

	/*media bigdata*/
	#media_bigdata {
		padding-bottom: 153px;
	}
	#media_bigdata .img_cluster {
		width: 762px;
		height: 725px;
		margin: 0 auto;
	}

	/*digitalizing*/
	#digitalizing .swiperarea {
		padding-bottom: 138px;
	}
	.digi-swiper {
		width: 1020px;
		margin: 0 16px;
	}
	.digi_pc_wrap {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.digi_pc_wrap .swiper-button-disabled {
		opacity: 0.4;
	}
	#digitalizing .subsection_title {
		font-size: 40px;
		letter-spacing: -1.2px;
		margin-bottom: 80px;
	}
	#digitalizing .digi_procedure_area {
		padding-top: 97px;
		padding-bottom: 97px;
	}
	#digitalizing .digi_advantage_area {
		padding-top: 97px;
		padding-bottom: 69px;
	}
	/* partner */
	#partners .title_area {
		padding-bottom: 0;
	}
	/* contact/map */
	.map_loc {
		top: 25px;
		right: 0;
	}
	.map_bus {
		top: 140px;
		right: 0;
	}

	.contact_map {
		height: 660px;
	}
	/*footer*/
	.family_box {
		border-bottom: 1px solid #3e3e3e;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.family_box .logo_box {
		padding: 30px;
	}
	.address_box {
		width: 1200px;
		margin: 0 auto;
		padding: 44px 44px 60px 44px;
	}
	/*scroll top btn*/
	.top_btn {
		bottom: 60px;
		right: 60px;
	}
}
/*only mobile*/
@media only screen and (max-width: 640px) {
	/*rem 기본이 될 동적 폰트사이즈 적용*/
	html {
		font-size: calc(100vw / 35.5);
	}

	.m_none {
		display: none !important;
	}

	/*mobile nav*/
	#m_nav {
		box-sizing: border-box;
		height: 12.5vw;
		display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: 1px solid #e3e3e3;
	}
	.m_nav_logo {
		width: 29.7vw;
	}
	/*mobile about*/
	#about {
	}
	.about_inner {
	}
	.about_text_box {
		text-align: center;
		position: relative;
		z-index: 3;
		padding-bottom: 11vw;
	}
	.about_title {
		padding-top: 8vw;
		font-size: 1.3rem;
		letter-spacing: -1.2px;
		margin-bottom: 2vw;
	}
	.m_about_logo {
		width: 59vw;
		margin: 0 auto 4.5vw;
	}
	#about p {
		letter-spacing: -0.54px;
		margin-bottom: 4vw;
	}
	.about_bigdata {
		line-height: 1.3;
	}
	.about_platform {
		line-height: 1.3;
	}
	.about_img_wrap {
		z-index: 3;
		padding-bottom: 18px;
	}
	.about_m_deco_01 {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		width: 56vw;
	}
	.about_m_deco_02 {
		position: absolute;
		left: 0px;
		bottom: 0;
		z-index: 1;
		width: 64vw;
	}

	/*mobile about summary*/
	#about_summary {
		padding: 10vw 0;
		background-image: url("/img/about/img_m_about_bg.svg");
	}

	/*mobile section common*/
	.title_area {
		padding-top: 12.5vw;
		padding-bottom: 9.38vw;
	}
	.title_area .section_title {
		font-size: 2.22rem;
		line-height: 1;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.title_area .section_summary {
		padding: 0 6.25vw;
	}

	/* mobile wigomon */
	#wigomon {
		padding-bottom: 9.38vw;
	}
	.c_card {
		box-sizing: border-box;
		padding: 0px 3.5vw 9.38vw;
		width: 50%;
	}
	.c_card .card_image {
		width: 29.69vw;
	}
	.c_card .card_title {
		font-size: 1.34rem;
		line-height: 1;
		margin-top: 3.13vw;
		margin-bottom: 1.56vw;
	}
	.c_card .card_subtitle {
		margin: 0;
	}

	/*mobile wigo ai*/
	#wigo_ai {
		padding-bottom: 5.38vw;
	}
	#wigo_ai .title_area {
		padding-bottom: 3.38vw;
	}

	.ai-swiper {
		width: 100vw;
	}
	.ai-swiper .swiper-slide {
		width: 95vw;
	}
	.ai-swiper .swiper-slide img {
		width: 100%;
	}

	.ai-swiper .swiper-slide .slide_text_area {
		position: absolute;
		top: 56.3vw;
		left: 10.8vw;
	}

	.ai-swiper .slide_text_area .slide_title {
		font-weight: 400;
		font-size: 1.78rem;
		line-height: 1.25;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.ai-swiper .slide_text_area .slide_text {
		margin: 0;
		line-height: 1.34;
		color: #898989;
	}
	.ai-swiper-control {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ai-swiper-control img {
		width: 7.81vw;
	}
	.ai-swiper-control .swiper-button-disabled {
		opacity: 0.4;
	}
	.ai-swiper-control .swiper-pagination-fraction {
		width: auto;
		color: #0033c5;
		font-weight: 700;
		font-size: 1.22rem;
		padding-bottom: 1vw;
	}
	.ai-swiper-control .swiper-pagination-current {
		margin-right: -0.78vw;
	}
	.ai-swiper-control .swiper-pagination-total {
		margin-left: -0.78vw;
	}
	#digitalizing .subsection_title {
		font-size: 2.22rem;
		margin-bottom: 12.5vw;
	}
	#digitalizing .digi_procedure_area {
		padding-top: 12.5vw;
		padding-bottom: 10.31vw;
	}
	#digitalizing .digi_advantage_area {
		padding-top: 12.5vw;
		padding-bottom: 69px;
	}

	/*mobile media bigdata*/
	#media_bigdata {
		padding-bottom: 24.38vw;
	}
	#media_bigdata .img_cluster {
		width: 81.25vw;
		height: 80.16vw;
		margin: 0 auto;
	}
	#media_bigdata .img_cluster .bigdata_bg {
		width: 65.63vw;
	}
	#media_bigdata .img_cluster .bigdata_img {
		width: 21.88vw;
	}
	#media_bigdata .img_cluster .bigdata_text {
		display: block;
		font-weight: 800;
		font-size: 0.9rem;
		margin-top: 0.55rem;
	}
	/*mobile digitalizing*/
	#digitalizing .swiperarea {
		padding-bottom: 15vw;
	}
	.digi-swiper {
		width: 82.25vw;
	}
	.digi_pc_wrap {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.digi-swiper .swiper-slide img {
		width: 100%;
	}
	.digi-swiper-control {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 7.81vw;
	}
	.digi-swiper-control img {
		width: 9.38vw;
	}
	.digi-swiper-control .swiper-button-disabled {
		opacity: 0.4;
	}
	.digitalizing_procedure_img {
		width: 81.25vw;
	}
	/* mobile partner*/
	#partners .title_area {
		padding-bottom: 0;
	}
	.partner .inner {
		padding-top: 4.5vw;
		margin-bottom: 15.6vw;
	}

	.partner-slider ul {
		padding-left: 0;
	}
	.partner-slider ul li {
		display: inline-block;
		border: 1px solid #d0d4d6;
		width: 25%;
		margin-right: 3.1%;
		margin-bottom: 2vw;
		background-color: #ffffff;
		height: 9.38vw;
		width: 25vw;
		position: relative;
		overflow: hidden;
	}
	#partner-banner-wrap ul li img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.partner-slider ul li:nth-child(3n) {
		margin-right: 0;
	}
	.partner-slider ul li img {
		width: 22.5vw;
		max-width: 144px;
		margin: 1.1vw auto;
	}
	.partner #mobile_inquire {
		display: block;
		width: 71.9vw;
		margin: 0 auto;
	}
	/* mobile contact/map */
	.map_m_loc {
		top: 0px;
	}
	.map_m_loc img {
		width: 100vw;
	}
	.contact_map {
		height: 75vw;
	}

	/*mobile footer*/
	footer {
		font-size: 0.78rem;
		line-height: 1.85;
	}

	.family_box {
		height: 33vw;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
	}
	.family_box .logo_box {
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		width: 50vw;
		height: 11vw;
		border-bottom: 1px solid #3e3e3e;
	}
	.family_box .logo_box:nth-child(-n + 3) {
		border-right: 1px solid #3e3e3e;
	}
	.family_box .logo_box .footer_logo_img {
		width: 22vw;
	}
	.family_box .logo_box .footer_logo_img.logo_180 {
		width: 28vw;
	}

	.address_box {
		margin: 0 auto;
		padding: 6.8vw 7.8vw;
	}
	/*scroll top btn*/
	.top_btn {
		bottom: 2vw;
		right: 2vw;
	}
	.top_btn_img {
		width: 15vw;
	}
}