.mobile_br {
	display: none;
}

main {
	background-color: #fff;
}
header.main {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	z-index: 3;
	transition: 500ms;
}
header.main.active {
	background-color: #FFF;
	color: #000;
}
header {
	width: 100%;
	height: 95px;
	color: #000;
	background-color: #fff;
}
header > .container_xl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
header .logo {
	flex: 0 0 280px;
	max-width: 280px;
}

header.main .menu_open span {
	background: #000;
	transition: background-color 150ms;
}

header .menu_open {
	/* display: none; */
	/* margin-left: auto; */
}
header .menu_open {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0;
	/* width: 12px; */
	height: 14px;
	border: none;
	background: none;
	color: #FFF;
	transition: color 150ms;
}
.open_bar {
	margin-right: 20px;
}

header.main.active .menu_open {
	color: #000;
}
header.main.active .menu_open span {
	background-color: #000;
}

header .menu_open span {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 18px;
	height: 2px;
	background: #707070;
	transition : all .4s;
}
header .menu_open:focus {
	outline: none;
}
.menu_open span:nth-of-type(1) {
	top : 0;
}
.menu_open span:nth-of-type(2) {
	top : 6px;
}
.menu_open span:nth-of-type(3) {
	bottom : 0;
}
.btn_nav_box {
	display: none;
	justify-content: flex-end;
	align-items: center;
}
.btn_nav_box > span {
	margin-left: 10px;
}

.menu_close {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	border: none;
	background: none;
	outline: none;
}
.menu_close:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 1px;
	height: 30px;
	background-color: #fff;
	transform: translate(50%, -50%) rotate(45deg);
}
.menu_close:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 1px;
	height: 30px;
	background-color: #fff;
	transform: translate(50%, -50%) rotate(-45deg);
}
header nav ul {
	display: flex;
	align-items: center;
}
header nav ul li {
	margin: 0 42px;
	color: #000;
}
header .left_box,
header .right_box {
	flex: 0 0 145px;
	max-width: 145px;
}
.m_nav {
	display: none;
}

.header_logo {
	display: block;
	width: 144px;
	height: 25px;
	background-image: url("/images/icon/logo.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}
header.main.active .header_logo {
	background-image: url("/images/icon/logo.svg");
}
.header_logo.color {
	background-image: url("/images/icon/logo.svg");	
}

header.white .header_logo {
	background-image: url("/images/icon/logo.svg");	
}
header.white {
	border-bottom: 1px solid #efefef;
	color: #000;
}
header.white.main .menu_open span {
	background: #000;
}

footer .footer_top {
	padding: 40px 0 80px;
	background-color: #0c0e19;
	color: #818492;
}
footer .footer_top .left_box ul {
	display: flex;
}
footer .footer_top .left_box ul + ul {
	margin-top: 10px;
}
footer .footer_top .left_box ul li {
	padding: 0 15px;
	font-size: 0.875rem;
}
footer .footer_top .left_box ul li:first-child {
	padding-left: 0;
}
footer .footer_top .left_box ul li a {
	color: #FFF;
}
.footer_top .right_box {
	text-align: right;
}
footer .inner {
	display: flex;
	justify-content: space-between;
}
footer .footer_bottom {
	padding: 15px 0;
	background-color: #080911;
	color: #595c6d;	
}
footer .footer_bottom p {
	font-size: 0.75rem;
}
footer .footer_bottom img {
	width: 114px;
}
.footer_link {
	width: 230px;
	padding: 10px 15px;
	border: 1px solid #303347;
	background-image: url("/images/icon/select_grey.png");
	background-position: right 15px center;
	background-color: rgba(48, 51, 71, 0.1);
	font-size: 12px;
	color: #818492;
}
/*video*/
.video_box {
	width: 100%;
	overflow: hidden;
}
.my_video{
	position: fixed;
	right: 50%;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	transform: translateX(50%);
}
.video_box video::-webkit-media-controls {
	display:none !important;
}
.video_box video::-webkit-media-controls-panel {
	display: none!important;
	-webkit-appearance: none;
}
.video_box video::-webkit-media-controls-start-playback-button {
	display: none !important;
}
.video_box video::-webkit-media-controls-play-button {
	display: none!important;
	-webkit-appearance: none;
}
.video_box video::-webkit-media-controls-start-playback-button {
	display: none!important;
	-webkit-appearance: none;
}
.my_custom_control_bar {
	z-index: 2147483647;
	position: relative;
}
.main_intro {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	animation-name: fadeOut;
	animation-duration: 400ms;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
	animation-delay: 2s;
	z-index: 10;
}
.main_intro_img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	animation-name: slideUp;
	animation-duration: 500ms;
	animation-fill-mode: both;
}
.main_intro img {
	max-width: 384px !important;
	width: 50%;
	animation-name: fadeOutImg;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease-out;
	animation-delay: 1s;
}

@keyframes fadeOut {
	from {
		height: 100%;
		z-index: 10;
	} 
	to {
		height: 0;
		z-index: 0;
	}
}
@keyframes fadeOutImg {
	0% {
		transform: translateY(-10px);
	} 
	100% {
		transform: translateY(0);
		opacity: 0;
	}
}
@keyframes slideUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-10px);
	}
}

.main_section {
	position: relative;
	height: 100vh;
}
.main_section .main_swiper {
	height: 100%;
}
.main_swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	text-align: left;
	color: #fff;
}
.swiper_img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	transition: transform 500ms;
}
.swiper_text {
	position: absolute;
	top: auto;
	left: auto;
	width: 100%;
	color: #FFF;
	z-index: 20;
}

.main_swiper .txt_box .title {
	margin-bottom: 20px;
	font-size: 54px;
}
.main_swiper .txt_box h1.title {
	font-size: 74px;
	color: #00b1c5;
}
.main_swiper .txt_box h2.title {
	margin-bottom: 20px;
	font-size: 3.4rem;
	line-height: 1.4;
}
.main_swiper_mobile {
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
}
.swiper_text_mobile {
	position: absolute;
	display: none;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 100;
}
.mobile_swiper {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.mobile_swiper.img01 {
	background-image: url("/images/main/m_slide01.jpg");
}
.mobile_swiper.img02 {
	background-image: url("/images/main/m_slide02.jpg");
}
.mobile_swiper.img03 {
	background-image: url("/images/main/m_slide03.jpg");
}
.mobile_swiper.img04 {
	background-image: url("/images/main/m_slide04.jpg");
}
.mobile_swiper.img05 {
	background-image: url("/images/main/m_slide05.jpg");
}
.mobile_swiper.img06 {
	background-image: url("/images/main/m_slide06.jpg");
}
.swiper_text_mobile .txt_box h1.title {
	margin-bottom: 20px;
	font-size: 3.2rem;
	line-height: 1.2;
	color: #00b1c5;
}
.swiper_text_mobile .txt_box h2.title {
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 1.4;
	color: #fff;
}

.link_intro {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 30px;
	background-color: #00b1c5;
	font-size: 16px;
	color: #FFF;
}
.link_intro:hover {
	background-color: #FFF;
	color: #00b1c5;
}

.btn_down_box {
	padding: 50px 0;
}
.btn_down {
	width: 160px;
	padding: 15px 20px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	background-image: url("/images/icon/btn_down.png");
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-color: transparent;
	text-align: left;
	font-size: 12px;
	color: #FFF;
}
.btn_down:focus {
	outline: none;
}
.btn_down:hover {
	border-color: #FFF;
}
.btn_down + .btn_down {
	margin-left: 20px;
}
.main_swiper .txt_box .desc {
	font-weight: 300;
}
.swiper-container-horizontal > .main_swiper_pagination {
	left: auto;
	right: 60px;
	bottom: 50px;
	width: auto;
}
.swiper-container-horizontal>.main_swiper_pagination .swiper-pagination-bullet {
	margin: 0px 8px;
}
.main_swiper_pagination .swiper-pagination-bullet {
	width: 20px;
	height: 3px;
	border-radius: 0;
	background: #fff;
	opacity: .2;
}
.main_swiper_pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

/* .swiper-button-next, .swiper-button-prev {
	display: none;
	background-image: url("/images/main/btn_swiper.png");
}
.swiper-button-next {
	right: 60px;
}
.swiper-button-prev {
	left: 60px;
	transform: rotate(-180deg);
}
.btn_prev_box,
.btn_next_box {
	position: absolute;
	top: 0;
	width: 10%;
	height: 100%;
	z-index: 1;
}
.btn_prev_box {
	left: 0;
}
.btn_next_box {
	right: 0;
}
.btn_next_box:hover .swiper-button-next,
.btn_prev_box:hover .swiper-button-prev {
	display: block;
} */

.main_arrow {
	display: block;
	position: absolute;
	width: 36px;
	height: 48px;
	bottom: 50px;
	left: 50%;
	background-image: url("/images/main/top_arrow.png");
	background-repeat: no-repeat;
	transform: translateX(-50%);
	z-index: 1;
	animation-name: bounce;
	animation-duration: 800ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	cursor: pointer;
}

@keyframes bounce {
	from {
		bottom: 50px;
	}
	to {
		bottom: 70px;
	}
}

.main_intro_section article h3 {
	font-weight: 300;
	line-height: 2;
}
.main_btn_area {
	margin-top: 60px;
}
.main_btn_area a,
.main_btn_area button {
	display: inline-block;
	padding: 17px 80px;
	font-size: 0.875rem;
}

.main_sec.part2 {
	padding: 130px 0;
	text-align: center;
}
.main_sec h2 {
	font-size: 40px;
	color: #9b9b9b;
}
.main_sec h2 span {
	color: #000;
}
.cognet {
	display: block;
	margin-bottom: 30px;
	font-size: 20px;
}
.btn_black {
	width: 150px;
	padding: 15px 0 !important;
	border-radius: 30px;
	background-color: #000;
	text-align: center;
	color: #FFF;
	transition: background-color 500ms;
}
.btn_black:hover {
	background-color: #2284c6;
	color: #FFF;
}
.btn_white {
	display: inline-block;
	width: 150px;
	padding: 15px 0 !important;
	border: 1px solid #FFF;
	border-radius: 30px;
	background-color: transparent;
	text-align: center;
	color: #FFF;
	transition: background-color 500ms, border-color 500ms, color 500ms;
}
.btn_white:hover {
	border-color: #2284c6;
	background-color: #2284c6;
	color: #FFF;
}
.btn_border_white {
	display: inline-block;
	width: 150px;
	padding: 15px 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	background-color: transparent;
	text-align: center;
	color: #000;
	transition: background-color 500ms, border-color 500ms, color 500ms;
}
.btn_border_white:hover {
	border-color: #2284c6;
	background-color: #2284c6;
	color: #FFF;
}
.btn_common {
	width: 150px;
	padding: 15px 0 !important;
	border: 2px solid #00afc4;
	border-radius: 30px;
	background-color: #00afc4;
	text-align: center;
	color: #FFF;
	transition: background-color 500ms, color 500ms, border-color 500ms;
}
.btn_common:hover {
	border-color: #129eae;
	background-color: #129eae;
	color: #FFF;
}
.main_infinite {
	background-color: #f9f9f9;
	overflow: hidden;
}
.main_sec.part3 {
	padding: 170px 0 230px;
}
.main_sec.part4 h2 {
	color: #FFF;
}

.carousel_container {
	display: flex;
	justify-content: space-between;
	height: 880px !important;
	overflow: hidden;
}
.carousel_box {
	display: flex;
	justify-content: space-between;
	transform: translateY(-80px);
	width: 520px;
}
.carousel_box.left {
	display: none;
}
.carousel_box.left img {
	width: auto;
}
.carousel_box.Top {
	transform: translateY(-80px);
}
.carousel_box.moveTop {
	animation-name: moveTop;
	animation-duration: 180s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.carousel_box img {
	margin-bottom: 30px;
}
.carousel_left,
.carousel_right {
	margin: 0 10px;
}
.carousel_right {
	transform: translateY(100px);
}

@keyframes moveTop {
	from {
		transform: translateY(-80px);
	}
	to {
		transform: translateY(-4000px);
	}
}

.carousel_container.recruit {
	height: auto !important;
}
.carousel_box.recruit {
	display: flex;
	flex-wrap: wrap;
	transform: translateY(0);
	width: 100%;
}
.carousel_box.recruit .Top {
	transform: translateY(0);
}
.carousel_box.recruit .carousel_recruit_img {
	display: flex;
}
.carousel_box.recruit .carousel_recruit_img img {
	flex: 0 0 470px;
	max-width: 470px !important;
	width: 470px;
	height: 315px;
	border-radius: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.carousel_recruit_img.bottom {
	transform: translateX(-235px);
}

.carousel_box.recruit.moveTop {
	animation-name: moveLeft;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes moveLeft {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-2000px);
	}
}

.sub_clipping_box {
	position: relative;
	margin-left: auto;
	max-width: 750px;
	height: 610px;
	overflow: hidden;
}
.sub_clipping > img {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 1;
}
.sub_clipping .clipping_img img {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}
.sub_clipping_box .txt_box h1 {
	position: absolute;
	top: 27.5%;
	right: 50%;
	transform: translate(50%, 0);	
	z-index: 2;
}

.main_scroll_overlay {
	/* 애니메이션 개발할때 높이값 제거해야함 */
	position: relative;
	height: 100vh;
	color: #fff;
	overflow: hidden;
}
.main_scroll_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 110%;
	height: 100%;
	background-image: url('/images/main/bg1.jpg');
	background-size: cover;
	background-position: center;
	transition: transform 500ms;
}
.main_scroll_overlay h3 {
	line-height: 2;
}

.main_scroll_box {
	display: flex;
	align-items: center;
	height: 100vh;
}

.main_img_section {
	padding: 180px 0 150px;
	overflow: hidden;
}
.main_sec.part5 {
	text-align: left;
}
.main_sec.part5 .main_btn_area {
	text-align: center;
}
.main_sec.part5 .img_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 80px;
}
.main_sec.part5 .img_box img {
	width: calc((100% / 4) - 15px);
	height: auto;
}

.main_img_section .container_xl,
.main_img_section .container_xl .row {
	position: relative;
	height: 100%;
}
.main_img_section .img_wrap img {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	opacity: 1;
}
.main_img_section .img_wrap img:first-child {
	top: 50%;
	right: 90%;
}
.main_img_section .img_wrap img:nth-child(2) {
	top: 33%;
	right: 73%;	
}
.main_img_section .img_wrap img:nth-child(3) {
	top: 55%;
	right: 15%;
}
.main_img_section article {
	text-align: center;
}
.main_img_section article .category {
	margin-bottom: 65px;
}
.main_img_section article .title {
	line-height: 2;
	font-weight: 300;
}
.main_img_section .main_btn_area {
	margin-top: 110px;
}

.main_gallery_section {
	border-top: 1px solid #e0e0e0;
}
.main_sec.part6 {
	padding: 100px 0 60px;
	text-align: center;
}
.main_sec.part6 h2 {
	color: #000;
}
.main_sec.part6 p {
	margin: 20px 0;
	font-size: 20px;
}
.main_logo_box {
	padding: 20px 0;
}
.main_logo_box img {
	width: 60%;
}
.main_illust_box {
	display: flex;
	border-top: 1px solid #efefef;
}
.main_illust {
	flex: 0 0 33.33333333333333%;
	max-width: 33.33333333333333%;
	padding: 130px 0;
	text-align: center;
}
.main_illust + .main_illust {
	border-left: 1px solid #efefef;
}
.main_illust_text {
	padding-top: 30px;
}
.main_illust_text h3 {
	font-weight: 400;
}
.main_illust_text h3 span {
	font-weight: 600;
}
.main_illust_text p {
	margin-top: 15px;
}
.illust_img img {
	width: 100px;
	height: 100px;
}

.main_gallery_section article h3 {
	font-weight: 300;
	line-height: 2;
}
.main_gallery_section .img_wrap {
	display: flex;
	justify-content: space-between;
}
.main_gallery_section .img_wrap li {
	max-width: calc(25% - 30px);
	width: calc(25% - 30px);
}
.main_gallery_section .img_wrap img {
	width: 100%;
}
.main_gallery_section .img_wrap li:first-child {
	margin-top: 120px;
}
.main_gallery_section .img_wrap li:nth-child(2) {
	margin-top: 80px;
}
.main_gallery_section .img_wrap li:nth-child(3) {
	margin-top: 40px;
}
.main_gallery_section .img_wrap li:nth-child(4) {
	margin-top: 0;
}

.main_circle_section {
	padding: 70px 0 200px;
}
.main_circle_section article {
	padding: 110px 0;
}
.main_circle_section article .category {
	margin-bottom: 45px;
}
.main_circle_section article .title {
	line-height: 1.7;
} 
.circle_overlay_wrapper {
	position: relative;
	text-align: center;
}
.circle_overlay_wrapper:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: auto;
	width: 0;
	height: 1px;
	background-color: #6e8697;
	transition: all 0.7s ease;
	transition-delay: 0.4s;
}
.circle_overlay_wrap {
	display: inline-block;
	position: relative;
	background-color: #fff;
	z-index: 1;
}
.circle_overlay_wrap ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.circle_overlay_wrap ul li {
	display: flex;
	position: relative;
	margin: 0 25px;
	flex: 0 0 305px;
	max-width: 305px;
	width: 305px;
	height: 305px;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	text-align: center;
	transition: margin 0.7s ease;
}
.circle_overlay_wrap ul li:first-child {
	margin-left: 0 !important;
	margin-right: 40px;
}
.circle_overlay_wrap ul li:last-child {
	margin-right: 0 !important;
	margin-left: 40px;
}
.circle_overlay_wrapper.active .circle_overlay_wrap ul li {
	margin: 0 -12px;
}
.circle_overlay_wrapper.active .circle_overlay_wrap ul li:first-child {
	margin-right: -12px;
}
.circle_overlay_wrapper.active .circle_overlay_wrap ul li:last-child {
	margin-left: -12px;
}
.circle_overlay_wrapper.active:before {
	right: 0;
	width: 100%;
}
.circle_overlay_wrap ul li span {
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 2;
}
.circle_overlay_wrap ul li span b {
	font-size: 1.625rem;
	font-weight: 500;
}
.circle_overlay_line_wrapper {
	margin: 280px auto 0;
	text-align: center;
	max-width: 430px
}


.circle_overlay_wrap ul li::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	right: 50%;
	width: 1px;
	height: 240px;
	background-color: #6e8697;	
}

.circle_overlay_wrap ul li:first-child::after {
	height: 330px;
	top: 80%;
	right: -11%;
	transform: rotate(-35deg);
}
.circle_overlay_wrap ul li:last-child::after {
	height: 330px;
	top: 80%;
	right: auto;
	left: -11%;
	transform: rotate(35deg);
}

.sub_bg_top {
	height: 500px;
	background-size: cover;
	background-position: center;
}
.sub_bg_top > .container_xl,
.sub_bg_top .row {
	height: 100%;
}
.sub_bg_top .title {
	padding-bottom: 120px;
	color: #fff;
	font-size: 4.125rem;
}

.contact_section {
	padding: 180px 0 100px;
}
.contact_wrap_title {
	padding-bottom: 80px;
	line-height: 1.8;
}
.contact_box {
	border-top: 3px solid #000;
}
.contact_box .ipt_box {
	display: flex;
	margin-top: 10px;
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #000;
	align-items: center;
	justify-content: space-between;
}
.contact_box .ipt_box > .title {
	flex: 0 0 110px;
}
.ipt_box input,
.ipt_box select {
	flex: 0 1 100%;
	max-width: 100%;
	height: 40px;
	border: none;
	outline: none;
	font-size: 0.875rem;
}
.ipt_box input {
	padding: 5px 15px;
}
.ipt_box select {
	padding-left: 15px;
	padding-right: 15px;
}
.ipt_box.textarea {
	display: block;
	border-bottom: none;
}
.ipt_box.textarea .title {
	margin-bottom: 30px;
}
.ipt_box.textarea textarea {
	padding: 15px;
	width: 100%;
	height: 185px;
	border: 1px solid #000;
	font-size: 0.875rem;
	resize: none;
}
.contact_bottom_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.agree_link {
	margin-left: 20px;
	font-weight: 300;
	font-size: 0.75rem;
	color: #a3a3a3;
	text-decoration: underline;
}
.contact_bottom_box .btn_border_black {
	width: 230px;
	height: 55px;
	font-weight: 300;
	font-size: 0.875rem;
}


/*main download*/
.main_download_area {
	position: absolute;
	left: 50%;
	bottom: 90px;
	transform: translateX(-50%);
	z-index: 100;
}
.main_download_area h6 {
	margin-bottom: 15px;
	color: #fff;
	font-size: 14px;
}
.main_download_area ul {
	display: flex;
	align-items: center;
}
.main_download_area ul li {
	border-top: 1px solid #8b8d8e;
	padding: 20px;
	transition: 0.3s ease all;
}
.main_download_area ul li + li {
	border-left: 1px solid #8b8d8e;
}
.main_download_area ul li:hover {
	border-color: #fff;
}
.main_download_area ul li a {
	font-size: 14px;
	color: #fff;
	opacity: 0.5;
	transition: 0.3s ease all;
}
.main_download_area ul li:hover a {
	opacity: 1;
}

.download_area {
	padding-bottom: 20px;
}
.download_area ul {
	display: flex;
	flex-wrap: wrap;
}
.download_area ul li {
	width: 100%;
	margin-bottom: 10px;
}
.download_area ul li a {
	display: block;
	padding: 10px 50px 10px 20px;
	font-size: 14px;
	border: 1px solid #000;
	background-image: url('/images/icon/btn_down.svg');
	background-position: right 17px center;
	background-repeat: no-repeat;
	background-size: 17px;
	transition: 400ms;
}
.download_area ul li a:hover {
	border-color: #00b1c5;
	background-image: url('/images/icon/btn_down_white.svg');
	background-color: #00b1c5;
	color: #FFF;
}

.btn_top,
.btn_common_top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 50px;
	height: 50px;
	border: none;
	border: 1px solid #efefef;
	background-color: #FFF;
	background-image: url("/images/icon/arrow_top.png");
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	transition: border-color 500ms, background-color 500ms, background-image 500ms;
}
.btn_common_top:hover,
.btn_top:hover {
	border-color: #00b1c5;
	background-color: #00b1c5;
	background-image: url("/images/icon/top_icon_white.png");
}
.btn_common_top:focus,
.btn_top:focus {
	outline: none;
}
.btn_inquery {
	display: inline-block;
	position: fixed;
	right: 30px;
	bottom: 100px;
	width: 50px;
	height: 50px;
	border: none;
	border: 1px solid #efefef;
	background-color: #FFF;
	background-image: url("/images/icon/btn_inquery.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	z-index: -1;
	transition: border-color 500ms, background-color 500ms, background-image 100ms;
}
.btn_inquery:hover {
	border-color: #00b1c5;
	background-color: #00b1c5;
	background-image: url("/images/icon/btn_inquery_white.svg");
}
.btn_inquery.active,
.btn_top.active {
	z-index: 1;
}
.btn_fixed {
	z-index: 10;
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.animation {
	opacity: 0;
	transform: translateY(50px);
}
.swiper_text.animation.active,
.part2_text.animation.active,
.part3_text.animation.active,
.part4_text.animation.active,
.part5_text1.animation.active,
.part5_text2.animation.active,
.part6_text.animation.active,
.main_illust.animation.active {
	animation-name: fadeUp;
	animation-duration: 1s;
	/* animation-delay: 500ms; */
	animation-fill-mode: both;
}
.part5_text2.animation.active,
.main_illust.animation.active {
	animation-delay: 300ms;
}

.fullpage-wrapper.noscript {
	transform: translate3d(0px, 0px, 0px) !important;
}

/* introduce */
.sub_top {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 450px;
	padding: 200px 0 80px;
	background-image: url("/images/sub/sub_top.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.sub_top_text {
	text-align: center;
	color: #FFF;
}
.sub_top_text h1 {
	font-size: 40px;
}
.sub_top_text p {
	margin-top: 30px;
	font-size: 20px;
}

.sub_sec.part3 {
	padding: 100px 0 150px;
	background-color: #f9f9f9;
}
.sub_sec.part3 h3 {
	margin-bottom: 10px;
	font-size: 26px;
}
.intro_illust {
	height: 250px;
	margin: 60px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
}
.intro_illust.one {
	background-image: url("/images/sub/msp_1.svg");
}
.intro_illust.two {
	background-image: url("/images/sub/msp_2.svg");
}
.intro_illust.three {
	background-image: url("/images/sub/msp_3.svg");
}
.intro_illust.four {
	background-image: url("/images/sub/msp_4.svg");
}
.intro_illust_text h4 {
	height: 90px;
	font-size: 18px;
}
.intro_illust_text p {
	font-size: 16px;
}
.intro_illust_text ul {
	margin: 20px 0;
	font-size: 14px;
	color: #9b9b9b;
}
.intro_illust_text li::before {
	content: "-";
	margin-right: 5px;
}

.sub_sec.part4 {
	padding: 130px 0;
}
.sub_part4_text {
	margin-bottom: 60px;
}
.nine_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid;
}
.nine_title h4 {
	font-size: 18px;
}
.nine_content_box.left .nine_content {
	background-color: #00b1c5;
}
.nine_content_box.center .nine_content {
	background-color: #0796c6;
}
.nine_content_box.right .nine_content {
	background-color: #2284c6;
}
.nine_content {
	position: relative;
	height: 440px;
	margin: 20px 0;
	border-radius: 10px;
	color: #FFF;
}
.nine_layer.top {
	padding: 40px 35px;
}
.nine_layer.middle,
.nine_layer.bottom {
	position: absolute;
	left: 0;
	width: 100%;
}
.nine_layer.middle {
	bottom: 0;
	height: 150px;
	padding: 25px 35px;
	border-radius: 0 0 10px 10px;
}
.nine_content_box.left .nine_layer.middle {
	background-color: #01a0b2;
}
.nine_content_box.center .nine_layer.middle {
	background-color: #008bba;
}
.nine_content_box.right .nine_layer.middle {
	background-color: #1073b6;
}
.nine_layer.bottom {
	display: flex;
	align-items: center;
	bottom: 0;
	height: 80px;
	padding: 0 35px;
	border-radius: 0 0 10px 10px;
}
.nine_content_box.left .nine_layer.bottom {
	background-color: #008796;
}
.nine_content_box.center .nine_layer.bottom {
	background-color: #007095;
}
.nine_content_box.right .nine_layer.bottom {
	background-color: #085990;
}
.nine_layer.top h3 {
	font-size: 30px;
}
.nine_layer.top h4 {
	padding-top: 5px;
	font-size: 20px;
}
.nine_layer.top p {
	padding: 30px 0;
	font-size: 15px;
}
.nine_layer.middle li {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 300;
}
.nine_layer.middle li:last-of-type {
	margin-bottom: 10px;
}
.nine_icon {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
}
.nine_icon::before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	padding: 3%;
	margin-right: 10px;
	border-radius: 50%;
	background-image: url("/images/icon/setting_icon.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.sub_sec.history {
	padding: 100px 0 200px;
}
.history_title {
	padding-bottom: 150px;
	text-align: center;
}
.history_year li {
	display: none;
}
.history_year li:first-of-type {
	display: block;
}
.history_year strong {
	font-size: 100px;
}
.history_blue1,
.blue1 {
	color: #2284c6;
}
.history_blue2,
.blue2 {
	color: #0796c6;
}
.history_blue3,
.blue3 {
	color: #00b1c5;
}
.history_list {
	padding: 100px 0;
	border-top: 1px solid #dfdfdf;
}
.history_list li {
	margin: 30px 0;
}
.history_list li::before {
	content: "-";
	margin-right: 5px;
}
.history_list em {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}
.history_list_year {
	display: none;
}

.fixed {
	position: fixed !important;
	top: 50px !important;
	left: auto !important;
}
.bottom {
	position: absolute !important;
	bottom: 0 !important;
	left: auto !important;
}
.tab_fixed {
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
}
.none {
	display: none !important;
}
.block {
	display: block !important;
}

/* service */
.service_img_box {
	padding: 50px 0;
}
.service_img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 520px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}
.service_img.one {
	background-image: url("/images/service/service_sec1.png");
}
.service_img.two {
	background-image: url("/images/service/service_sec2.png");
}
.service_img.three {
	background-image: url("/images/service/service_sec3.png");
}
.service_img.four {
	background-image: url("/images/solution/ad_img01.png");
}
.service_img.five {
	background-image: url("/images/solution/ad_img02.png");
}
.service_img.six {
	background-image: url("/images/solution/ad_img03.png");
}
.service_img h3 {
	margin-bottom: 5px;
	font-size: 30px;
}
.service_text {
	text-align: center;
}
.service_link {
	margin-top: 40px;
}
.service_link .btn_white {
	width: 150px;
	padding: 10px 0 !important;
	margin: 0 auto;
	font-size: 14px;
	background-color: rgba(255, 255, 255, 0.2);
}
.service_link .btn_white + .btn_white {
	margin-left: 15px;
}
.service_link .btn_white:hover {
	border-color: #FFF;
	background-color: rgba(255, 255, 255, 1.0);
	color: #000;
}

.service_desc {
	/* padding: 60px 0; */
	padding-left: 120px;
}
.service_desc dl {
	padding: 20px 0;
}
.service_desc dt {
	margin-bottom: 20px;
	font-size: 20px;
}
.service_desc dd {
	font-size: 17px;
}
.service_img_box.second .order {
	order: 2;
}
.service_img_box.second .service_desc {
	padding-left: 0;
	padding-right: 120px;
	text-align: right;
}

.service_tab {
	position: relative;
	z-index: 10;
}
.service_tab::before,
.service_tab::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 20;
}
.service_tab::before {
	top: 50%;
	background-color: #000;
}
.service_tab::after {
	bottom: 0;
	background-color: #efefef;
}
.service_list {
	display: flex;
	position: relative;
	padding-bottom: 86px;
	background-color: #FFF;
}
.service_list li {
	position: relative;
	padding: 30px 45px;
	border-bottom: 2px solid #FFF;
	font-size: 18px;
	color: #737373;
	cursor: pointer;
}
.service_list li.current {
	border-bottom: 2px solid;
	color: #000;
}
.service_sub_list {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	background-color: #FFF;
}
.service_sub_list li {
	padding: 25px 45px;
	font-size: 16px;
	white-space: nowrap;
	color: #737373;
}
.service_sub_list li.current {
	border-bottom: none;
	color: #000;
}
.service_list li.current .service_sub_list {
	display: flex;
}

.service_box,
.service_content {
	display: none;
}
.service_box.current,
.service_content.current {
	display: block;
}
.service_img_container {
	margin-bottom: 100px;
}
.service_box {
	margin-top: 100px;
}

.service_diagram {
	padding: 30px 0 170px;
	text-align: center;
}
.service_diagram.on {
	padding: 500px 0 170px;
}
.service_bg {
	position: relative;
	height: 470px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.service_bg.one {
	background-image: url("/images/service/service1_img.png");
}
.service_bg.two {
	background-image: url("/images/service/service2_img.png");
}
.service_bg.three {
	background-image: url("/images/service/service3_img.png");
}
.service_bg .container_lg {
	height: 100%;
}

.service_card_box {
	float: left;
	position: relative;
	top: 155px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
}
.flex30 {
	flex: 0 0 30% !important;
	max-width: 30% !important;
}
.service_card {
	position: relative;
	/* width: 360px; */
	height: 430px;
	padding: 55px 40px;
	border-radius: 10px;
	background-repeat: no-repeat;
	color: #FFF;
}
.service_card + .service_card {
	margin-left: 90px;
}
.service_card h3 {
	font-size: 26px;
}
.service_card_list {
	position: absolute;
	bottom: 40px;
	left: 0;
	padding: 0 40px;
}
.service_card_list li {
	display: flex;
	margin: 10px 0;
	font-size: 17px;
	font-weight: 300;
}
.service_card_list li::before {
	content: "·";
	margin-right: 3px;
}
.service_card_list p {
	font-size: 16px;
}
.service_card_list p::before {
	content: "#";
	margin-right: 3px;
}
.card_list_text + .card_list_text {
	margin-top: 25px;
}
.card_sublist {
	flex-direction: column;
}
.card_sublist::before {
	content: "";
	display: none;
}
.card_sublist span {
	display: flex;
}
.card_sublist span::before {
	content: "·";
	margin-right: 3px;
}
.card_sublist li {
	margin: 5px 0;
	font-size: 14px;
}
.card_sublist ul {
	padding: 0 10px;
	margin-top: 10px;
}
.card_sublist li::before {
	content: "-";
	margin-right: 3px;
}

.service_card.one {
	/* margin-right: auto; */
	background-image: url("/images/service/service_bg1.png");
	background-position: center bottom;
	background-color: #2284c6;
}
.service_card.two {
	/* margin: 0 auto; */
	background-image: url("/images/service/service_bg1.png");
	background-position: top 150px right 60px;
	background-color: #0796c6;
}
.service_card.three {
	/* margin-left: auto; */
	background-image: url("/images/service/service_bg2.png");
	background-position: left bottom 60px;
	background-color: #00b1c5;
}

.value_box {
	clear: left;
	padding: 180px 0 300px;
}
.value_header {
	padding: 50px 0;
	border-bottom: 2px solid;
}
.value_content {
	padding: 40px 0;
}
.value_content img {
	width: 100%;
}
.value_desc h4 {
	padding: 30px 0 20px;
	border-bottom: 1px solid #dfdfdf;
}
.value_desc ul {
	padding: 15px 0;
}
.value_desc li {
	display: flex;
	margin: 10px 0;
	font-size: 17px;
}
.value_desc li::before {
	content: "·";
	margin-right: 3px;
}

/* solution */
.sub_sec.grey {
	padding: 100px 0 50px;
	background-color: #f9f9f9;
}
.solution_circle_box {
	padding-top: 60px;
	text-align: center;
}

.solution_swiper {
	height: 1250px;
	padding: 100px 0 200px;
	overflow: hidden;
}
.solution_container {
	position: relative;
	width: 100%;
	height: 100%;
}
.solution_swiper .swiper-pagination {
	display: flex;
	position: absolute;
	top: 580px;
	left: calc(50% + 420px);
	width: 200px;
}
.solution_swiper .swiper-pagination-bullet {
	width: 20px;
	height: 3px;
	margin: 0px 8px !important;
	border-radius: 0;
	background: #fff;
	opacity: .2;
}
.solution_swiper .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}
.solution_swiper .swiper-button-prev,
.solution_swiper .swiper-button-next {
	display: block;
	top: 325px;
	background-image: url("/images/icon/btn_swiper_white.png");
}
.solution_swiper .swiper-button-prev {
	left: 30px;
}
.solution_swiper .swiper-button-next {
	right: 30px;
}
.solution_slide_img {
	padding: 50px 0;
}
.solution_slide_text h3 {
	font-size: 26px;
}
.solution_swiper_list {
	padding: 30px 0;
	padding-right: 80px;
}
.solution_swiper_list li {
	display: flex;
	margin: 20px 0;
	font-size: 18px;
}
.solution_swiper_list li::before {
	content: "·";
	margin-right: 3px;
}
.solution_swiper_list .card_sublist p {
	padding-left: 10px;
	color: #9b9b9b;
}
.solution_swiper .solution_link_box {
	text-align: center;
}

.solution_card_box {
	margin-top: 50px;
}
.solution_card {
	height: 500px;
	padding: 0 25px;
	border: 1px solid #c9cbc6;
	border-radius: 10px;
	background-color: #FFF;
}
.solution_card_img {
	height: 220px;
	padding: 55px 20px;
	border-bottom: 1px solid #dfdfdf;
	border-radius: 10px 10px 0 0;
}
.solution_card_img h4 {
	font-size: 26px;
}
.solution_card_text {
	padding: 0 15px;
}
.solution_card_list {
	padding-top: 30px;
	font-size: 16px;
}
.solution_card_list li {
	display: flex;
	margin: 15px 0;
}
.solution_card_list li::before {
	content: "-";
	margin-right: 3px;
}

.solution_helper_img {
	padding: 120px 0;
}
.helper_img {
	margin: 0 10px;
}
.helper_img img {
	border-radius: 10px;
}
.solution_helper_text {
	padding: 0 10px;
	text-align: left;
}
.solution_helper_text h4 {
	margin: 20px 0;
	font-size: 22px;
}
.solution_helper_text li {
	display: flex;
	margin: 5px 0;
}
.solution_helper_text li::before {
	content: "-";
	margin-right: 5px;
}
.solution_link_box .btn_white {
	width: 230px;
	margin: 0 15px;
	color: #000;
	border-color: rgba(0, 0, 0, 0.2);
	font-size: 14px;
}
.solution_link_box .btn_white:hover {
	border-color: #007bff;
	color: #FFF;
}

/* lab */
.lab_flow_box {
	padding: 150px 0;
	border-top: 1px solid #efefef;
}
.lab_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 60px 0;
}
.lab_col {
	flex: 0 0 40%;
	max-width: 40%;
	position: relative;
}
.lab_flow_title {
	display: block;
	position: absolute;
	top: -100px;
	left: 0;
	margin-bottom: 50px;
	font-size: 30px;
}
.lab_flow_subtitle {
	display: none;
}
.flow_arrow {
	display: block;
	flex: 0 0 90px;
	max-width: 90px;
	height: 17px;
	background-image: url("/images/lab/flow_arrow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.lab_circle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #8f9daa;
	text-align: center;
	color: #FFF;
}
.lab_circle h4 {
	font-weight: 400;
}
.lab_text {
	padding-left: 50px;
}
.lab_text h5 {
	margin-bottom: 20px; 
	font-size: 16px;
}
.lab_list li {
	margin: 5px 0;
}
.lab_list li::before {
	content: "-";
	margin-right: 3px;
}
.lab_rnd_img {
	padding-top: 80%;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.lab_rnd_img.one {
	background-image: url("/images/lab/lab_rnd1_1.png");
}
.lab_rnd_img.two {
	background-image: url("/images/lab/lab_rnd2_1.png");
}
.lab_rnd_img.three {
	background-image: url("/images/lab/lab_rnd3_1.png");
}

.sub_sec.slide {
	padding: 100px 0 500px;
}

.lab_slide_list {
	color: #bdbdbd;
}
.lab_slide_list + .lab_slide_list {
	margin-top: 50px;
}
.lab_slide_list h4 {
	margin-bottom: 10px;
	font-size: 24px;
}
.lab_slide_list li {
	margin: 5px 0;
	font-size: 18px;
}
.lab_slide_list.on h4 {
	color: #000;
}
.lab_slide_list li.on {
	color: #2284c6;
}
.lab_slide_list li.on::before {
	content: "-";
	margin-right: 3px;
}

.lab_slide_box + .lab_slide_box,
.lab_slide + .lab_slide {
	margin-top: 90px;
}
.lab_slide_text {
	padding-top: 30px;
}
.lab_slide_text h5 {
	margin: 10px 0 25px;
}
.lab_slide_text p {
	font-size: 16px;
}

.lab_slide_title {
	display: none;
}

.swiper_lab .swiper-button-next, 
.swiper_lab .swiper-button-prev {
	display: block;
	background-size: 60%;
}
.swiper_lab .swiper-button-next {
	right: 15px;
}
.swiper_lab .swiper-button-prev {
	left: 15px;
}

/* contact */
.contact_down {
	display: none;
	padding: 100px 0;
	border-top: 1px solid #dfdfdf;
}
.contact_down_box {
	padding: 70px 0;
}
.contact_text {
	padding: 20px 0;
}
.contact_down_link {
	padding: 10px 0;
}
.contact_down_link span::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 13px;
	margin-left: 5px;
	background-image: url("/images/icon/btn_down.svg");
	background-repeat: no-repeat;
	background-position: center;
}
.down_img {
	padding-top: 70%;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.down_img.one {
	background-image: url("/images/contact/contact_img1.png");
}
.down_img.two {
	background-image: url("/images/contact/contact_img2.png");
}
.down_img.three {
	background-image: url("/images/contact/contact_img3.png");
}
.down_img.four {
	background-image: url("/images/contact/contact_img4.png");
}
.down_img.five {
	background-image: url("/images/solution/ad_img1.png");
}
.down_img.six {
	background-image: url("/images/plugnet/plugnet_img1.png");
}
.contact_down_content {
	margin: 0 15px 20px;
}
.contact_down_link .btn_white {
	width: auto;
	padding: 10px 20px !important;
	border-color: #efefef;
	font-size: 14px;
	color: #000;
}
.contact_down_link .btn_white:hover {
	color: #FFF;
}

/* list */
.list_header {
	margin-bottom: 70px;
}
.list_header h1 {
	font-size: 55px;
}
.list_header h2 {
	font-size: 48px;
}
.list_header p {
	margin: 30px 0;
	font-size: 22px;
}

.list_container {
	margin: 50px 0;
}
.list_content {
	cursor: pointer;
	margin-bottom: 70px;
}
.list_img_box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.list_img_box::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	transition: opacity 500ms;
}
.list_img {
	padding-top: 56%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform 500ms;
}
.list_img_box:hover::after {
	opacity: 0.3;
}
.list_img_box:hover .list_img {
	transform: scale(1.1);
}

.input_search {
	position: relative;
	width: 360px;
	padding: 0 10px;
	margin-left: auto;
	border-bottom: 1px solid;
}
.input_search input,
.btn_search,
.btn_search:focus {
	border: none;
	outline: none;
}
.input_search input {
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
	color: #888;
}
.btn_search {
	position: absolute;
	top: 0;
	right: 10px;
	width: 15px;
	height: 100%;
	background-image: url("/images/icon/search_icon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}

.list_title h5 {
	margin: 20px 0 10px;
}
.list_date {
	font-size: 15px;
	color: #747474;
}

.btn_add_box {
	padding-top: 10px;
	text-align: center;
}
.btn_add_box .btn_border_white {
	width: 230px;
	font-size: 14px;
}
.btn_add_box .btn_border_white:focus {
	outline: none;
}

.list_view_img {
	padding-top: 40%;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.list_view_container {
	margin: 100px 0;
}
.list_view_content {
	margin: 30px 0;
	border-top: 1px solid #999;
	border-bottom: 2px solid;
}
.list_view_content img {
	width: auto;
	height: auto;
	max-height: 100%;
}
.list_view_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #efefef;
}
.btn_list {
	display: inline-block;
	border: none;
	background-color: transparent;
}
.btn_list span {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.btn_list span::before {
	content: "";
	width: 24px;
	height: 24px;
	margin-right: 5px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	background-image: url("/images/icon/btn_list.png");
	background-repeat: no-repeat;
	background-position: center;
}
.list_view_body {
	padding: 70px 0;
}
.list_view_body p {
	font-size: 16px;
}
.list_btn_group {
	text-align: right;
}
.list_btn_group .btn_border_white {
	width: 100px;
	padding: 10px 0 !important;
	border-radius: 40px;
	font-size: 14px;
}
.list_btn_group .btn_border_white + .btn_border_white {
	margin-left: 10px;
}

.privacy_section {
	padding: 150px 0 100px;
}

.title_down {
	padding-bottom: 8px;
	border-bottom: 3px solid;
}
.download_area {
	padding: 30px 0;
}
.contact_wrap {
	padding-left: 50px;
}
.link_down_box {
	display: block;
}

.web_img {
	display: block;
}
.m_img {
	display: none;
}
.video_box video {
	object-fit: cover;
}
.video_box video::-webkit-media-controls {
	display:none !important;
}
.video_box video::-webkit-media-controls-enclosure {
	display:none !important;
}

.video_container {
	max-width: 700px;
	padding-top: 70px;
	margin: 0 auto;
}
.video_container video {
	width: 100%;
}

.btn_radius {
	padding: 5px 15px;
	border: 1px solid;
	border-radius: 30px;
	background-color: transparent;
}
.btn_radius:hover {
	border-color: #00b1c5;
	background-color: #00b1c5;
	color: #FFF;
}
.btn_radius.one:hover {
	background-color: #00b1c5;
}
.btn_radius.two:hover {
	background-color: #008bba;
}
.btn_radius.three:hover {
	background-color: #1073b6;
}

.contact_modal .modal-dialog {
	max-width: 900px;
}
.contact_modal .modal-header {
	padding: 1.5rem 1.5rem 0;
	border-bottom: none;
}
.contact_modal .modal-body {
	padding: 1.5rem;
	padding-top: 1rem;
}

/* news_list */
.news_container {
	margin: 30px 0;
}
.news_content > li {
	margin: 10px 0;
}
.news_content a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 35px 45px;
	border-radius: 10px;
	background-color: #f7f8f8;
}
.news_content_title {
	display: flex;
	align-items: center;
}
.news_content_title h3 {
	font-size: 16px;
}

.notice_badge {
	padding: 3px 8px;
	margin-right: 10px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 400;
}
.notice_badge.orange {
	background-color: #ff612a;
	color: #FFF;
}

.news_content_info ul {
	display: flex;
}
.news_content_info li {
	font-size: 14px;
	color: #999;
}
.news_content_info li + li::before {
	content: "|";
	margin: 0 15px;
	font-size: 12px;
	color: #CCC;
}

.news_view_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 30px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #e4e4e4;
}
.news_view_header h2 {
	font-size: 20px;
}
.news_view_header ul {
	display: flex;
}
.news_view_header li {
	font-size: 14px;
	color: #999;
}
.news_view_header li + li::before {
	content: "|";
	margin: 0 15px;
	font-size: 12px;
	color: #CCC;
}

.news_view_body {
	padding: 40px 30px;
	padding-bottom: 100px;
	border-bottom: 1px solid #e4e4e4;
}
.news_view_body,
.news_view_body p {
	font-size: 14px;
	word-break: break-word;
}

.news_view_footer {
	display: flex;
	justify-content: center;
	margin: 40px 0;
}
.news_view_footer * {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 50px;
	background-color: #aaa;
	font-size: 16px;
	color: #FFF;
}
.news_view_footer *:hover {
	color: #FFF;
}

/* 솔루션 리뉴얼 */
.subpage_nav {
	border-bottom: 1px solid #e4e4e4;
}
.subpage_nav ul {
	display: flex;
	justify-content: center;
}
.subpage_nav a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 30px 0;
	margin: 0 50px;
	font-size: 20px;
	text-align: center;
	color: #999;
}
.subpage_nav a.on {
	border-bottom: 2px solid #000;
	font-weight: 600;
	color: #000;
}

.subnav_list {
	border-bottom: none;
	background-color: #FFF;
}
.subnav_list.on {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	z-index: 10;
}
.subnav_list li {
	position: relative;
}
.subnav_list li + li::before {
	content: "|";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #e4e4e4;
}
.subnav_list a {
	margin: 0 30px;
}
.subnav_list a.on {
	border-bottom: none;
	font-weight: 600;
	color: #000;
}

.bold {
	font-weight: 600;
}

.video_header {
	padding-bottom: 100px;
	margin-bottom: 100px;
	border-bottom: 1px solid #e5e5e5;
}
.video_header p {
	font-size: 20px;
}
.video_header_flex {
	display: flex;
	justify-content: space-between;
}

.video_header .link_full {
	background-color: #FFF;
}

.ad_box {
	padding: 200px 0 40px;
}
.ad_box h3 {
	margin-bottom: 50px;
	text-align: center;
}

.ad_img_container {
	padding: 0 20px;
	margin-bottom: 50px;
}
.ad_img_box {
	padding-top: 60%;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ad_img_box.one {
	background-image: url('/images/solution/ad_img1.png');
}
.ad_img_box.two {
	background-image: url('/images/solution/ad_img2.png');
}
.ad_img_box.three {
	background-image: url('/images/solution/ad_img3.png');
}

.ad_img_box.four {
	background-image: url("/images/plugnet/plugnet_img1.png");
}
.ad_img_box.five {
	background-image: url("/images/plugnet/plugnet_img2.png");
}
.ad_img_box.six {
	background-image: url("/images/plugnet/plugnet_img3.png");
}
.ad_img_box.seven {
	background-image: url("/images/plugnet/plugnet_img4.png");
	background-position: center right;
}

/* .service_img.seven {
	background-image: url("/images/plugnet/plugnet_img1.png");
}
.service_img.eight {
	background-image: url("/images/plugnet/plugnet_img2.png");
}
.service_img.nine {
	background-image: url("/images/plugnet/plugnet_img3.png");
}
.service_img.ten {
	background-image: url("/images/plugnet/plugnet_img4.png");
	background-position: center right;
} */

.ad_img_text {
	margin-top: 30px;
	text-align: center;
}
.ad_img_text h4 {
	margin-bottom: 10px;
	font-size: 19px;
}
.ad_img_text p {
	font-size: 14px;
	color: #666;
}

.ad_box.solution {
	padding: 40px 0;
}
.ad_box.solution .img_desc_list li {
	justify-content: center;
	margin: 20px 0;
}

.ad_table_box {
	display: flex;
	margin: 100px 0;
}

.ad_table_content {
	width: 100%;
}

.ad_table_header {
	padding: 20px 0;
	background-color: #f7f8f8;
	text-align: center;
}
.ad_table_header h5 {
	font-size: 14px;
}

.ad_table_body {
	display: flex;
	position: relative;
	height: 180px;
	padding: 50px;
	border-bottom: 1px solid #e4e4e4;
}
.ad_table_content:first-child .ad_table_body::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 60%;
	background-color: #e4e4e4;
	transform: translateY(-50%);
}

.ad_icon {
	display: block;
	flex: 0 0 49px;
	max-width: 49px;
	width: 49px;
	height: 45px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
.ad_icon.one {
	background-image: url('/images/solution/ad_icon1.png');
}
.ad_icon.two {
	background-image: url('/images/solution/ad_icon2.png');
}
.ad_icon.three {
	background-image: url('/images/solution/ad_icon3.png');
}
.ad_icon.four {
	background-image: url('/images/solution/ad_icon4.png');
}

.ad_table_text {
	flex: 0 1 100%;
	max-width: 100%;
}
.ad_table_text h4 {
	margin-bottom: 10px;
	font-size: 18px;
}
.ad_table_text li {
	display: flex;
	margin: 5px 0;
	font-size: 14px;
}
.ad_table_text li::before {
	content: "·";
	margin-right: 5px;
	font-weight: 600;
}

.sub_title {
	font-size: 28px;
}

.ad_desc_box {
	padding-left: 50px;
}
.ad_desc dt {
	margin-bottom: 20px;
	font-size: 24px;
}
.ad_desc dd {
	margin-bottom: 40px;
	font-size: 18px;
}

.ad_sub_desc li {
	margin: 25px 0;
}
.ad_sub_desc dt,
.ad_sub_desc dd {
	font-size: 15px;
}
.ad_sub_desc dd {
	display: flex;
	margin: 5px 0;
}
.ad_sub_desc dd::before {
	content: "·";
	margin-right: 5px;
	font-weight: 600;
}

.service_img_box.second .ad_desc_box {
	padding-left: 0;
}

.header_underline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0 25px;
	border-bottom: 2px solid #000;
}
.header_underline h2 {
	margin-bottom: 10px;
	font-size: 30px;
}
.header_underline_title {}
.header_underline_btn {
	padding: 8px 15px;
	border: 1px solid #000;
	border-radius: 30px;
	background-color: #fff;
	font-size: 14px;
}

.ad_diagram {
	margin: 100px 45px;
}

.ad_service_card {
	height: 355px;
	padding: 50px 40px;
	border-radius: 20px;
	background-color: #f7f8f8;
}
.ad_service_card h4 {
	height: 110px;
	font-size: 24px;
}

.ad_service_card_list li {
	display: flex;
	margin: 10px 0;
	font-size: 14px;
}
.ad_service_card_list li::before {
	content: "·";
	margin-right: 5px;
	font-weight: 600;
}

.second_title {
	margin-bottom: 20px;
	font-size: 20px;
}

.md_title {
	font-size: 28px;
}

.bs_box {
	margin: 70px 0;
}
.bs_desc {
	margin: 30px 0;
}
.bs_desc h4 {
	margin-bottom: 15px;
	font-size: 20px;
}
.bs_desc li {
	display: flex;
	margin: 10px 0;
	font-size: 14px;
}
.bs_desc li::before {
	content: "·";
	margin-right: 5px;
	font-weight: 600;
}

.ad_content {
	padding-top: 100px;
}
.ad_content:last-child {
	padding-bottom: 200px;
}

.service_img_box.solution .service_img {
	height: auto;
	padding-top: 67%;
	border-radius: 0;
	background-size: contain;
}

.stage_box + .stage_box {
	margin: 70px 0;
}
.stage_box:last-child {
	margin-bottom: 190px;
}
.stage_box h4 {
	margin-bottom: 20px;
	font-size: 28px;
}
.white_box {
	padding: 40px 60px;
	padding-bottom: 0;
	background-color: #fff;
}

.main_sec_text {
	margin: 50px 0 70px;
	font-size: 20px;
	font-weight: 600;
}

.link_full {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	border-radius: 20px;
	background-color: #f7f8f8;
	font-size: 16px;
	font-weight: 600;
}
.link_full::before,
.link_full::after {
	content: "";
	display: block;
}
.link_full::before {
	width: 29px;
	height: 22px;
	margin-right: 10px;
	background-image: url('/images/icon/icon_noti.png');
	background-repeat: no-repeat;
}
.link_full.file::before {
	width: 29px;
	height: 22px;
	margin-right: 10px;
	background-image: url('/images/icon/btn_down.svg');
	background-repeat: no-repeat;
}
.link_full::after {
	width: 8px;
	height: 8px;
	margin-left: 5px;
	border-top: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
}

.img_box_group {
	padding: 0 40px;
}
.img_box_group .service_img {
	height: auto;
	padding-top: 67%;
}
.img_desc_list li {
	display: flex;
	margin: 30px 0;
	font-size: 15px;
}
.img_desc_list li::before {
	content: "·";
	margin-right: 5px;
	font-weight: 600;
}

.service_img.seven {
	background-image: url("/images/plugnet/plugnet_img1.png");
}
.service_img.eight {
	background-image: url("/images/plugnet/plugnet_img2.png");
}
.service_img.nine {
	background-image: url("/images/plugnet/plugnet_img3.png");
}
.service_img.ten {
	background-image: url("/images/plugnet/plugnet_img4.png");
	background-position: center right;
}

.text_desc_left {
	padding-left: 70px;
}

.process_table {
	text-align: center;
}
.process_table.mobile {
	display: none;
}
.process_header {
	display: flex;
}
.process_header .numbering {
	margin-bottom: 5px;
	background-color: #FFF;
	font-weight: 600;
	color: #232323;
}
.process_title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	background-color: #232323;
	color: #FFF;
}
.process_title:first-child {
	flex: 0 0 190px;
	max-width: 190px;
	padding: 30px;
}
/* .process_title.common::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #fff;
} */
.process_title.common:nth-child(2)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #fff;
}
.process_title.blue {
	height: 100%;
	background-color: #0c96f0;
	color: #FFF;
}
.process_title_under {
	display: block;
	font-size: 12px;
}
.process_m_title {
	display: none;
}

.process_title_arrow {
	position: relative;
	padding: 30px;
}
.process_title_arrow img {
	position: absolute;
	top: 0;
	right: -50px;
	height: 100%;
	width: 20px;
	z-index: 10;
}
.process_title.common:nth-child(3) img {
	right: -67px;
}

/* .process_title::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
  height: 0;
  border-bottom: 50px solid transparent;
  border-top: 50px solid transparent;
  border-left: 50px solid skyblue;
  border-right: 50px solid transparent;
} */

.process_row {
	display: flex;
}
.process_numbering {
	flex: 0 0 190px;
	max-width: 190px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #f9f9f9;
	text-align: center;
}
.process_numbering::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FFF;
}
.process_header + .process_row .process_numbering::before {
	display: none;
}

.numbering {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #232323;
	font-size: 11px;
	color: #FFF;
}
.process_numbering h5 {
	margin-top: 10px;
	font-size: 16px;
}

.process_group {
	flex: 0 1 100%;
	max-width: 100%;
	position: relative;
}
.process_content {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 30px;
	background-color: #f9f9f9;
	font-size: 14px;
	color: #777;
}
.process_content::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
}
.process_content.common::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #fff;
}
/* .process_header + .process_row .process_content {
	padding: 0;
} */
.process_header + .process_row .process_content::after {
	display: none;
}
.process_group.blue {
	border-left: 5px solid #FFF;
}
.process_content.blue {
	background-color: rgba(12, 150, 240, 0.03);
	color: #000;
}
.process_content.blue::after {
	left: -5px;
	width: calc(100% + 5px);
	background-color: #0c96f0;
}
.process_row:last-child {
	border-right: 5px solid #0c96f0;
}
.process_content.blue::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -5px;
	width: calc(100% + 5px);
	height: 5px;
	background-color: #0c96f0;
}
/* .process_row:last-child .process_content.blue {
	border-bottom: 2px solid #0c96f0;
} */

.process_content_desc_group {
	width: 100%;
}
.process_content_desc {
	position: relative;
	padding: 20px 0;
}
.process_content_desc + .process_content_desc::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 80%;
	height: 2px;
	background-color: #fff;
	transform: translateX(-50%);
}

.flex_group {
	display: flex;
}
.flex_group .link_full {
	width: 100%;
}
.flex_group .link_full + .link_full {
	margin-left: 10px;
}

.circle_box {
	margin: 80px 0;
	text-align: center;
}
.circle_box img {
	width: 760px;
}

.numbering_line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0 60px;
}
/* .numline::before {
	content: "";
	position: absolute;
	bottom: 237px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	z-index: 0;
} */
.numbering_group {
	width: 100%;
	margin: 0 30px;
	text-align: center;
}
.numbering_group span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 23px;
	height: 23px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #000;
	font-size: 12px;
	color: #FFF;
	z-index: 10;
}
.numbering_group h5 {
	margin: 22px 0 15px;
}
.numbering_group p {
	font-size: 14px;
	color: #999;
}

.text_box {
	display: flex;
	justify-content: space-between;
	padding: 80px 140px;
	padding-top: 0;
}
.text_box h2 {
	font-size: 36px;
	color: #000;
}
.text_box p {
	font-size: 20px;
	text-align: left;
}

.circle_title {
	font-size: 30px;
}

.sub_header_text {
	margin-bottom: 35px;
}
.sub_header_text h2 {
	margin-bottom: 20px;
	font-size: 36px;
	color: #000;
}
.sub_header_text p {
	font-size: 16px;
}

.badge_group .badge {
	margin-bottom: 10px;
}
.badge_group .badge + .badge {
	margin-left: 10px;
}
.badge {
	display: inline-block;
	padding: 13px 15px;
	border-radius: 20px;
	font-size: 13px;
}
.badge.blue {
	background-color: rgba(0, 109, 232, 0.1);
	color: #006de8;
}

.template_img_box {
	margin-top: 80px;
}
.template_img_box h4 {
	margin: 30px 0 10px;
	font-size: 18px;
}
.template_img_box p {
	font-size: 14px;
	color: #999;
}
.template_img {
	height: 227px;
	/* padding-top: 60%; */
	border-radius: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
.template_img_box.ai .template_img {
	height: auto;
	padding-top: 68%;
}
.template_img_box.video {
	display: flex;
	justify-content: center;
	align-items: center;
}
.template_img_box.video video {
	width: 100%;
	height: auto;
}

.sub_sec.video_bottom {
	padding-bottom: 130px;
}
.helper_video {
	width: 100%;
	padding-top: 80px;
	margin-top: 80px;
	border-top: 1px solid #e5e5e5;
}
.video_container.solution {
	max-width: 920px;
}

.solution_service_card {
	text-align: left;
}
.solution_service_card h2 {
	margin-bottom: 50px;
	font-size: 30px;
}
.solution_service_card .ad_service_card {
	height: 400px;
	padding: 45px 40px;
}
.solution_service_card .ad_service_card h4 {
	margin-bottom: 25px;
}
.solution_service_card .sub_header_text h2 {
	margin-bottom: 20px;
	font-size: 36px;
}

.goblin_bottom {
	height: 397px;
	padding: 100px 0;
	background-image: url('/images/solution/goblin_bg.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.goblin_bottom_text span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
}
.goblin_bottom_text h2 {
	margin-bottom: 25px;
	font-size: 38px;
	color: #FFF;
}
.goblin_bottom_text p {
	font-size: 16px;
	line-height: 2;
	color: rgba(255, 255, 255, 0.5);
}

.main_intro_section.recruit {
	padding: 190px 0 100px;
}
.recruit_main_text {
	text-align: center;
}
.recruit_main_text h2 {
	margin-bottom: 30px;
	font-size: 48px;
}
.recruit_main_text p {
	margin-bottom: 50px;
	font-size: 20px;
	color: #888;
}

.btn_common_box .btn_common {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 65px;
	margin: 0 auto;
	border-radius: 40px;
	font-size: 20px;
}

.user_img {
	display: inline-block;
	width: 90px;
	height: 90px;
	border: 2px solid #dbdcdd;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center bottom -12px;
	background-size: contain;
}
.swiper_text_info {
	margin: auto;
	max-width: 800px;
	text-align: center;
	color: #000;
}
.swiper_text_info p:first-of-type {
	margin: 40px 0 30px;
	font-size: 20px;
}
.swiper_text_info p:last-of-type {
	font-size: 14px;
	color: #888;
}
.swiper_text_info dl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	font-size: 14px;
	color: #888;
}
.swiper_text_info dt {
	font-weight: 400;
}
.swiper_text_info dt::after {
	content: "|";
	margin: 0 5px;
	color: #e7e7e7;
}

/* .btn_next_box.recruit,
.btn_prev_box.recruit {
	background-color: #FFF;
}
.btn_next_box.recruit:hover .swiper_recruit_next,
.btn_prev_box.recruit:hover .swiper_recruit_prev {
	display: block;
} */
/* .swiper-button-next.swiper_recruit_next,
.swiper-button-prev.swiper_recruit_prev {
	display: block;
	width: 53px;
	height: 53px;
	border: 2px solid #b4b4b4;
	border-radius: 50%;
	background-image: url('/images/recruit/arrow_left.png');	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px;
}
.swiper-button-prev.swiper_recruit_prev {
	transform: rotate(0);
}
.swiper-button-next.swiper_recruit_next {
	transform: rotate(180deg);
} */

.main_infinite.recruit {
	background-color: #FFF;
}

.swiper_section {
	position: relative;
	height: 700px;
	padding: 120px 0;
	overflow: hidden;
}
.recruit_bottom {
	height: 340px;
	background-image: url('/images/recruit/recruit_bottom_img.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.recruit_bottom_img {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	color: #FFF;
}
.recruit_bottom_img h3 {
	margin-bottom: 20px;
	font-size: 40px;
}
.recruit_bottom_img p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
}

.recruit_bottom_text h2 {
	margin-bottom: 40px;
	color: #000;
}
.recruit_bottom_text .color_common {
	color: #00afc4;
}

.welfare_top_text {
	padding: 180px 0 70px;
}
.welfare_img {
	height: 480px;
	background-image: url('/images/recruit/welfare_img.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.welfare_icon_container {
	padding: 15px 0 130px;
}
.welfare_icon_box {
	display: flex;
	align-items: center;
	height: 330px;
	border-bottom: 2px solid #ededed;
}
.welfare_icon_box h3 {
	margin: 30px 0 10px;
	font-size: 20px;
}
.welfare_icon_box img {
	width: auto;
}

.board_search_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.board_search_area select {
	width: 100%;
	height: 64px;
	padding: 0 20px;
	margin-right: 10px;
	border: 1px solid #e2e5e7;
	border-radius: 10px;
	background-image: url('/images/recruit/arrow_bottom.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 13px;
	font-size: 18px;
	appearance: none;
}
.board_search_area select:first-of-type {
	flex: 0 0 28%;
	max-width: 28%;
}
.board_search_area select:hover {
	border: 2px solid #3db5c3;
}

.input_box {
	position: relative;
	flex: 0 0 32%;
	max-width: 32%;
	width: 32%;
	height: 64px;
	border: 1px solid #e2e5e7;
	border-radius: 10px;
}
.input_box input {
	width: 100%;
	height: 100%;
	padding: 0 20px;
	border: none;
	border-radius: 10px;
	font-size: 18px;
}
.input_box input:hover {
	border: 2px solid #3db5c3;	
}
.input_box input::placeholder {
	color: #999;
}
.board_search_area select:focus,
.input_box input:focus {
	outline: none;
}
.input_box .btn_search {
	right: 20px;
	width: 20px;
	background-image: url('/images/recruit/icon_search.png');
}

.news_content.recruit {
	margin-top: 40px;
}
.news_content.recruit .news_content_title {
	width: 100%;
	justify-content: space-between;
}
.news_content.recruit .news_content_title h3 {
	font-weight: 400;
}
.new_content_list {
	display: flex;
	align-items: center;
}
.new_content_list li {
	color: #999;
}
.new_content_list li:first-of-type {
	width: 200px;
}
.new_content_list li:nth-of-type(2) {
	width: 120px;
}
.new_content_list li:last-of-type {
	width: 200px;
}
/* .new_content_list li + li {
	margin-left: 70px;
} */

.news_content.recruit a {
	background-color: transparent;
}
.news_content.recruit a:hover {
	background-color: #f7f8f8;
}

.recruit_list_container {
	max-width: 1380px;
	padding: 0 15px;
	margin: 0 auto;
}

.news_content_blank {
	padding: 0 45px;
}

.recruit_view_wrapper {
	padding: 160px 0;
}
.recruit_view_container {
	max-width: 840px;
	padding: 0 15px;
	margin: 0 auto;
}
.btn_back {
	width: 37px;
	height: 27px;
	border: none;
	background-image: url('/images/icon/btn_back.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: transparent;
}

.recruit_view_header h2 {
	margin: 50px 0 40px;
	font-size: 48px;
	line-height: 1.4;
}

.btn_apply {
	width: 210px;
	height: 64px;
	border: 2px solid #28a8b7;
	border-radius: 10px;
	background-color: #28a8b7;
	color: #FFF;
	transition: background-color 500ms, color 500ms, border-color 500ms;
}
.btn_apply:hover {
	border-color: #129eae;
	background-color: #129eae;
	color: #FFF;
}
.recruit_desc_list,
.recruit_desc_group,
.recruit_desc_list dl {
	display: flex;
	align-items: center;
}
.recruit_desc_list dl::before {
	content: "|";
	margin: 0 10px;
	color: #dddddd;
}
.recruit_desc_group:first-child dl:first-of-type::before {
	display: none;
}
.recruit_desc_list dt {
	margin-right: 15px;
	font-weight: 400;
	color: #999;
}
.recruit_btn_box {
	margin: 50px 0 60px;
}

.recruit_view_body {
	padding: 50px 0 60px;
	border: solid #e5e5e5;
	border-width: 1px 0;
}

.recruit_view_footer {
	padding-top: 30px;
}
.link_back {
	color: #999;
}
.link_back:hover {
	color: #999;
}
.link_back span::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 13px;
	margin-right: 10px;
	background-image: url('/images/icon/link_back.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.btn_common_box.white .btn_common {
	transition: border-color 500ms, background-color 500ms;
}
.btn_common_box.white .btn_common:hover {
	border-color: #FFF;
	background-color: transparent;
	color: #FFF;
}

.recruit_apply_header {
	margin-bottom: 60px;
}
.recruit_apply_header h2 {
	margin: 50px 0 15px;
}
.recruit_apply_header p {
	font-size: 18px;
	color: #888;
}

.input_group {
	margin-bottom: 40px;
}
.input_group dt {
	margin-bottom: 15px;
}
.required {
	position: relative;
}
.required::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -13px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #eb3916;
	transform: translateY(-50%);
}

.input_group input {
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #e2e5e7;
	border-radius: 10px;
}
.input_group input::placeholder {
	color: #aaaaaa;
}

.chk_common {
	cursor: pointer;
}
.chk_common input[type="checkbox"] {
	display: none;
}
.chk_common input[type="checkbox"] + span {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	border: 1px solid #000;
	border-radius: 3px;
	vertical-align: middle;
}
.chk_common input[type="checkbox"]:checked + span {
	border-color: #28a8b7;
	background-image: url('/images/icon/chk_icon.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	background-color: #28a8b7;
}
.chk_common p {
	display: inline-block;
	font-size: 16px;
	line-height: 1.7;
	vertical-align: middle;
}
.chk_common p span {
	text-decoration: underline;
}

.link_underline {
	display: inline-block;
	margin-left: 10px;
	text-decoration: underline;	
	color: #999;
	vertical-align: middle;
}

.recruit_view_footer .recruit_btn_box {
	margin: 10px 0 60px;
}

.custom_file_group {
	position: relative;
	height: 60px;
}
.custom_file_group + p {
	margin-top: 5px;
	color: #aaaaaa;
}
.custom_file {
	position: relative;
	width: 100%;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #e2e5e7;
	border-radius: 10px;
}
.custom_file::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 18px;
	height: 16px;
	background-image: url('/images/icon/file_grey.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateY(-50%);
}
.custom_file input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	padding: 0;
	border: none;
	opacity: 0;
}
.btn_file_del {
	display: none;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-image: url('/images/icon/btn_del.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #5e5e5e;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
}
.file_name {
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 30px;
	color: #aaaaaa;
}

.custom_file_group.on .custom_file::before {
	background-image: url('/images/icon/file_black.png');
}
.custom_file_group.on .btn_file_del {
	display: block;
}
.custom_file_group.on .file_name {
	color: #000;
}

.recruit_content_group + .recruit_content_group {
	margin-top: 50px;
}

.recruit_content_group h4 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}

.dotted_list li {
	display: flex;
	align-items: center;
}
.dotted_list li + li {
	margin-top: 10px;
}
.dotted_list li::before {
	content: "·";
	margin-right: 5px;
	font-weight: 600;
}

.solution_flex_header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.solution_flex_header h2 {
	font-size: 36px;
	color: #000;
}
.solution_flex_header p {
	font-size: 20px;
	text-align: left;
}

.solution_flex_header.service {
	padding-top: 100px;
}
/* .solution_flex_header.service h2 {
	flex: 0 0 400px;
	max-width: 400px;
}
.solution_flex_header.service p {
	flex: 0 1 100%;
	max-width: 100%;
} */

/* .plugnet_img_box img {
	width: 80%;
	margin: 0 auto;
} */

h4.short_height {
	height: 80px;
}

.news_view_body a {
	color: #007bff;
	text-decoration: underline;
	background-color: transparent;
}

.tab_list {
	display: flex;
}
.tab_list li {
	width: 100%;
	padding: 20px 0;
	background-color: #f4f4f4;
	text-align: center;
	font-size: 16px;
	color: #666666;
	cursor: pointer;
}
.tab_list li.on {
	background-color: #000;
	color: #FFF;
}

.tab_desc_box {
	padding: 40px 0;
	margin-bottom: 40px;
	border: 1px solid #e8e8e8;
	border-top: 0;
	text-align: center;
}
.tab_desc_box dl {
	display: none;
	align-items: center;
	justify-content: center;
}
.tab_desc_box dl.on {
	display: flex;
}
.tab_desc_box dd::before {
	content: "|";
	margin: 0 15px;
	color: #d9d9d9;
}


/*2023 리뉴얼*/
.section_new {
	height: 100vh;
}
.section_new h5 {
	margin-bottom: 10px;
	color: #999999;
}
.section_new h5 small {
	font-size: 70%;
	font-weight: 600;
}
.section_new em {
	font-style: normal;
	color: #00B1C5;
	font-size: 1em;
}
.section_new a {
	margin-top: 50px;
	display: inline-block;
	width: 200px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	border-radius: 100px;
	background-color: #000;
	color: #fff;
}
.section_new a.highlight {
	background-color: #00B1C5;
}
/* .section_new_intro {
	background-image: url('/images/renewal/index/img_intro.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;
} */
.section_new_plugnet {
/* 	background-image: url('/images/renewal/index/bg_plugnet.png'); */
	background-image: url('/images/renewal/index/img.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.section_new .row {
	align-items: center;
}
.section_new_plugnet h5 {
	margin-bottom: 10px;
	color: #2B62CF;
	font-weight: 500;
	letter-spacing: 1px;
}
.plugnet_title {
	margin-bottom: 30px;
	text-align: left;
}
.plugnet_title img {
	width: auto;
	height: 65px;
}
.section_new_plugnet h4 {
	color: #161718;
}
.section_new_plugnet a {
	background-color: #2B62CF;
}

.sub_title_section {
	padding-top: 120px;
	text-align: center;
}
.sub_section {
	padding-bottom: 150px;
}
.re_sub_title {}
.re_sub_menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 70px;
}
.re_sub_menu li {
	width: 100%;
	color: #A3A6A8;
	background-color: #F7F8F8;
}
.re_sub_menu li a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
}
.re_sub_menu li.on {
	color: #fff;
	background-color: #000;
}

/*플러그넷*/
.sub_desc {
	margin-top: 80px;
	text-align: center;
}
.sub_desc h5 {}

.sub_link_area {
	margin-top: 30px;
}
.sub_link_area a {
	display: inline-block;
	padding: 15px 40px;
	color: #FFF;
	background: #00B1C5;
	border-radius: 100px;
}

.sub_btn_area {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sub_btn_area button {
	margin-right: 8px;
}
.sub_btn_area button,
.sub_btn_area a {
	display: flex;
	align-items: center;
	padding: 10px 30px;
	color: #444444;
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
	background-repeat: no-repeat;
	background-position: right center;
}
.sub_btn_area button img,
.sub_btn_area a img {
	display: block;
	width: auto;
	height: 12px;
	margin-left: 8px;
}
.plugnet_img_box {
	margin-top: 80px;
}
.plugnet_img_box img {
	max-width: 100%;
	height: auto;
}
.column_box {
	margin-top: 140px;
}
.column_box h3 {
	margin-bottom: 50px;
	text-align: center;
}
.column_box .list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.column_box .list.tripple {
	justify-content: space-between;
}
.column {
	margin-bottom: 30px;
}
.column.plugnet_bg {
	background: #F8F8F8;
	border: 2px solid #F8F8F8;
	border-radius: 18px;
}
.list.double .column {
	width: 440px;
}
.list.double .column:nth-child(2n) {
	margin-left: 30px;
}
.list.tripple .column {
	width: 400px;
}
.column ul {
	margin-top: 40px;
}
.column ul li {
	margin-bottom: 10px;
	padding-left: 16px;
	color: #888888;
	background-image: url('/images/renewal/plugnet/dash.svg');
	background-repeat: no-repeat;
	background-position: left 10px;
}
.column.on {
	background-color: #FFF;
	border: 2px solid transparent;
	background-image: linear-gradient(#fff, #fff), 
	linear-gradient(to right, #622CFB 60%,  #135AE9 60%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.column_area {
	position: relative;
	padding: 70px 50px;
}
.column.on .column_area {
	background-image: url('/images/renewal/plugnet/plus.svg');
	background-repeat: no-repeat;
	background-position: right 30px top 30px;
}
.thumb_img {
	width: 100%;
	margin-bottom: 20px;
	padding-top: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 18px;
	overflow: hidden;
}
.thumb_desc ul {
	margin-top: 10px;
}
.thumb_desc ul li {
	padding-left: 8px;
	color: #888888;
	background-image: url('/images/renewal/service/dot.svg');
	background-repeat: no-repeat;
	background-position: left 10px;
}

.service_detail_tab {
	margin-top: 110px;
	padding-top: 40px;
	border-top: 1px solid #D6D1C9;
}
.service_detail_tab ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.service_detail_tab ul li {}
.service_detail_tab ul li + li {
	margin-left: 15px;
	padding-left: 15px;
	background-image: url('/images/renewal/service/tab_bar.svg');
	background-repeat: no-repeat;
	background-position: left center;	
}
.service_detail_tab ul li a {
	font-size: 20px;
	font-weight: 500;
	color: #AAAAAA;
}
.service_detail_tab ul li a.on {
	color: #000;
	border-bottom: 2px solid #000;
	padding-bottom: 2px;
}


/*회사소개*/
.bg_grey {
	background-color: #F8F8F8;
}
.re_intro_section {
	padding-top: 120px;
	padding-bottom: 150px;
}
.re_intro_title {
	text-align: center;
}
.re_intro_title h6 {}
.re_intro_title h4 {
	margin-top: 40px;
	color: #999999;
}


.re_intro_service ul {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
.re_intro_service ul li {
	width: 25%;
}
.re_intro_service ul li + li {
	margin-left: 20px;
}
.service_thumb {
	width: 100%;
	padding-top: 100%;
/* 	height: 295px; */
border-radius: 20px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.service01 .service_thumb {background-image: url('/images/renewal/intro/service01.png');}
.service02 .service_thumb {background-image: url('/images/renewal/intro/service02.png');}
.service03 .service_thumb {background-image: url('/images/renewal/intro/service03.png');}
.service04 .service_thumb {background-image: url('/images/renewal/intro/service04.png');}

.service_description {
	margin-top: 30px;
}
.service_description p {
	margin-top: 10px;
	font-size: 1rem;
	color: #888888;
}
.service_description a {
	display: inline-block;
	margin-top: 10px;
	color: #6c6c6c;
	font-size: 12px;
	border-bottom: 1px solid #6c6c6c;
}

.re_intro_nine {}
.re_intro_nine > h6 {
	margin-top: 10px;
	color: #888888;
}

.re_intro_nine_scroll_wrap {
	position: relative;
}
.re_intro_nine_scroll_wrap > button {
	position: absolute;
	top: 42%;
	width: 45px;
	height: 45px;
	border: none;
	background-repeat: no-repeat;
	background-size: 45px;
	transform: translateY(-50%);
	z-index: 100;
}
.scroll_prev {
	left: -22px;
	background: none;
	background-image: url('/images/renewal/prev.png');
}
.scroll_next {
	right: -22px;
	background: none;
	background-image: url('/images/renewal/next.png');
}
.re_intro_nine_scroll {
	position: relative;
	margin-top: 50px;
	padding-bottom: 50px;
	overflow-x: scroll;
}
.circle_line ul {
	display: flex;
	align-items: center;
}
.circle_line ul li {
	position: relative;
	box-sizing: border-box;
	border: 8px solid #FFF;
	border-radius: 100%;
}
.circle_line h5 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #FFF;
}
.circle1 {
	border: none;
	background: linear-gradient(90deg, #06C9C5 0%, #04BDD1 100%);
}
.circle2 {
	background: linear-gradient(90deg, #04BDD1 0%, #288CD7 116.2%);
}
.circle3 {
	background: linear-gradient(90deg, #288CD7 0%, #0062AD 102.52%);
}
.circle4 {
	background: #0062AD;
}

.circle1 h5 {
	top: 80px;
}
.circle2 h5 {
	top: 30px;
}
.circle3 h5 {
	top: 160px;
}
.circle4 h5 {
	top: 160px;
}

.desc_line ul {
	display: flex;
}
.desc_line ul li {
	width: 200px;
}
.circle_line ul li + li {
	margin-left: -32px;
}
.circle_line .circle1 {
	flex: 0 0 400px;
	flex-basis: 400px; 
	height: 330px;
}
.circle_line .circle2 {
	flex: 0 0 200px;
	flex-basis: 200px; 
	height: 230px;
}
.circle_line .circle3 {
	flex: 0 0 680px;
	flex-basis: 680px; 
	height: 500px;
}
.circle_line .circle4 {
	flex: 0 0 680px;
	flex-basis: 680px; 
	height: 500px;
}
.desc_line {
	position: absolute;
	top: 44%;
	bottom: 0;
	left: 0;
	right: 0;
}
.desc_line ul {
	height: 100%;
	background-color: #FFF;
}
.desc_line ul li {
	height: 100%;
	background-color: #FFF;
}

.line1 {
	flex: 0 0 189px;
	padding-left: 8px;
}
.line2 {
	flex: 0 0 189px;
}
.line3 {
	flex: 0 0 166px;
}
.line4 {
	flex: 0 0 217px;
}
.line5 {
	flex: 0 0 217px;
}
.line6 {
	flex: 0 0 217px;
}
.line7 {
	flex: 0 0 217px;
}
.line8 {
	flex: 0 0 217px;
}
.line9 {
	flex: 0 0 228px;
}

.line_title {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 30px;
	border-top: 1px solid #d9d9d9;
}
.line_title span {
	display: block;
	font-weight: 600;
}
.line_title h5 {}
.line_detail {
	padding-right: 20px;
}
.line_detail h6 {
	font-weight: 500;
	margin-bottom: 5px;
}
.line_detail p {
	color: #666666;
}

.line1 .line_title span,
.line1 .line_title h5 {
	color: #06C9C5;
}

.line2 .line_title span,
.line2 .line_title h5 {
	color: #06C9C5;
}

.line3 .line_title span,
.line3 .line_title h5 {
	color: #04BDD1;
}

.line4 .line_title span,
.line4 .line_title h5 {
	color: #298CD4;
}

.line5 .line_title span,
.line5 .line_title h5 {
	color: #298CD4;
}

.line6 .line_title span,
.line6 .line_title h5 {
	color: #298CD4;
}

.line7 .line_title span,
.line7 .line_title h5 {
	color: #0062AD;
}

.line8 .line_title span,
.line8 .line_title h5 {
	color: #0062AD;
}

.line9 .line_title span,
.line9 .line_title h5 {
	color: #0062AD;
}



.service_detail_list {
	margin-top: 100px;
}

.service_detail_list dl {
	display: flex;
	align-items: center;
	padding: 15px 30px;
}
.service_detail_list dl + dl {
	border-top: 1px solid #D6D1C9;
	
}
.service_detail_list dl dt {
	flex: 0 0 200px;
	font-size: 20px;
}
.service_detail_list dl dd {
	font-size: 16px;
}


.tab_title {
	margin-top: 40px;
}
.tab_title h6 {
	margin-bottom: 50px;
	text-align: center;
}
.tab_thumb_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #D6D1C9;
	border-radius: 20px;
	overflow: hidden;
}
.tab_thumb {
	flex: 0 0 50%;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.tab_desc_area {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
}
.tab_desc {
	padding-left: 60px;
}
.tab_desc h4 {
	margin-bottom: 20px;
}
.tab_desc ul li {
	margin-bottom: 10px;
	padding-left: 16px;
	color: #888888;
	background-image: url('/images/renewal/plugnet/dash.svg');
	background-repeat: no-repeat;
	background-position: left 10px;
}



/*인트로 애니메이션*/
.intro_section5 {
	position: relative;
	overflow: hidden;
}
.intro_section5 .title {
	position: absolute;
	left: 15px;
	top: 240px;
	z-index: 1;
}
.circle_area {
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.outer_circle {
	display: block;
	position: relative;
	width: 110%;
	margin-top: -10%;
	padding-top: 110%;
	opacity: 0.4;
	border: 1px dashed #e8ddff;
	border-radius: 50%;
}

.outer_small_circle {
	display: block;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 65%;
	padding-top: 65%;
	border: 1px dashed #e8ddff;
	border-radius: 50%;
	transform: translate(50%, -50%);
}

.inner_circle {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 110%;
	padding-top: 110%;
}

.inner_circle_content {
	position: absolute;
	top: 50%;
	right: 50%;
	width: 50%;
	padding-top: 50%;
	border: 3px solid transparent;
	border-radius: 50%;
	background-image: linear-gradient(#fff, #fff),
	linear-gradient(to right, rgba(64, 181, 248, 0.2) 0%, rgba(141, 55, 250, 0.186) 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	transform: translate(50%, -50%);
}

.inner_circle_content::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: calc(100% - 48px);
	height: calc(100% - 48px);
	border-radius: 50%;
	background-color: #fff;
	transform: translate(50%, -50%);
}

.inner_circle_content .item {
	display: flex;
	position: absolute;
	width: 151px;
	height: 151px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #D8CDEF;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 18px;
	color: #6E40D1;
}

.inner_circle_content .item:nth-child(1) {
	margin-left: -75px;
	top: -8%;
	left: 50%;
}

.inner_circle_content .item:nth-child(2) {
	top: 4%;
	left: 8%;
}

.inner_circle_content .item:nth-child(3) {
	top: 4%;
	right: 8%;
}

.inner_circle_content .item:nth-child(4) {
	top: 31%;
	left: -7%;
}

.inner_circle_content .item:nth-child(5) {
	top: 31%;
	right: -7%;
}

.inner_circle_content .item:nth-child(6) {
	top: 62%;
	left: -1%;
}

.inner_circle_content .item:nth-child(7) {
	top: 62%;
	right: -1%;
}

.inner_circle_content .item:nth-child(8) {
	top: 86%;
	left: 23%;
}

.inner_circle_content .item:nth-child(9) {
	top: 86%;
	right: 23%;
}


.intro_section5 .inner_content {
	position: absolute;
	top: 50%;
	right: 50%;
	width: 30%;
	padding-top: 30%;
	transform: translate(50%, -50%);
}

.intro_section5 .inner_content .item {
	display: flex;
	position: absolute;
	width: 182px;
	height: 182px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #D8CDEF;
	box-shadow: 11px 24px 28px rgba(74, 68, 82, 0.06);
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.intro_section5 .inner_content .item>img {
	max-width: 133px;
}

.intro_section5 .inner_content .item:nth-child(1) {
	top: 0;
	right: 50%;
	margin-right: -91px;
}

.intro_section5 .inner_content .item:nth-child(2) {
	bottom: 10%;
	left: 0;
}

.intro_section5 .inner_content .item:nth-child(3) {
	bottom: 10%;
	right: 0;
}

.intro_section5 .triangle_area {
	position: absolute;
	top: 43%;
	right: 50%;
	width: 75%;
	padding-top: 75%;
	transform: translate(50%, -50%);
}

.intro_section5 .triangle_area h6 {
	position: absolute;
	top: 62%;
	right: 50%;
	width: 100%;
	font-weight: 600;
	font-size: 15px;
	color: #BBBBBB;
	transform: translate(50%, -50%);
	text-align: center;
}
.triangle_area span {
	display: block;
	position: absolute;
	width: 100%;
	height: 250px;
	transition: all 1.4s ease;
	transition-delay: 2000ms;
	overflow: hidden;
}
.triangle_area span:nth-child(1) {
	height: 0;
	bottom: 0;
	left: -5%;
}
.triangle_area span:nth-child(2) {
	width: 0;
	right: 0;
	bottom: 10%;
}
.triangle_area span:nth-child(3) {
	height: 0;
	top: 40px;
	right: 0%;
	transform: translate(50%, 0);
}
.triangle_area span:nth-child(1)::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	transform: rotate(-60deg);
	transform-origin: bottom left;
	background: linear-gradient(to right, rgba(134, 185, 222, 0.5), rgba(140, 94, 208, 0.5));
}
.triangle_area span:nth-child(2)::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, rgba(134, 185, 222, 0.5), rgba(140, 94, 208, 0.5));
}
.triangle_area span:nth-child(3)::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	top: -40px;
	left: 0;
	transform: rotate(60deg);
	transform-origin: top left;
	background: linear-gradient(to right, rgba(134, 185, 222, 0.5), rgba(140, 94, 208, 0.5));
}



/* intro 페이지 애니메이션 관련 */
.aboutResearchArea {
	transition: opacity 0.9s ease, transform 0.9s ease;	
	opacity: 0;
}
.aboutResearchArea.active {
	opacity: 1;	
}
.circleArea .outerCircle {
	opacity: 0;
	transition: opacity 0.9s ease, transform 0.9s ease;	
}
.circleArea .outerSmallCircle {
	opacity: 0;
	transition: opacity 0.9s ease, transform 0.9s ease;	
}
.circleArea.active .outerCircle {
	opacity: 1;
}
.circleArea.active .outerSmallCircle {
	opacity: 1;
	transition-delay: 250ms;
}
.circleArea .innerCircleContent {
	opacity: 0;
	transition: opacity 0.9s ease, transform 0.9s ease;	
	transform: translate(50%, -50%) rotate(-45deg);
}
.circleArea.active .innerCircleContent {
	opacity: 1;
	transition-delay: 400ms;
	transform: translate(50%, -50%) rotate(0deg);
}
.circleArea .innerCircleContent .itemTextBox .item {
	transition: opacity 0.9s ease, transform 0.9s ease;	
	transform: rotate(45deg);
}
.circleArea.active .innerCircleContent .itemTextBox .item {
	transform: rotate(0);
}
.circleArea .innerContent {
	opacity: 0;
	transition: opacity 0.9s ease, transform 0.9s ease;	
	transform: translate(50%, -50%) rotate(-45deg);
}
.circleArea.active .innerContent {
	opacity: 1;
	transition-delay: 700ms;
	transform: translate(50%, -50%) rotate(0deg);
}
.circleArea .innerContent .item {
	transition: opacity 0.9s ease, transform 0.9s ease;	
	transform: rotate(45deg);
}
.circleArea.active .innerContent .item {
	transform: rotate(0);
}
.circleArea .triangleArea h6 {
	opacity: 0;
	transition: opacity 0.9s ease, transform 0.9s ease;	
	transition-delay: 1500ms;
}
.circleArea.active .triangleArea h6 {
	opacity: 1;
}

.circleArea.active .triangle_area span:nth-child(1) {
	height: 100%;
}
.circleArea.active .triangle_area span:nth-child(2) {
	width: 100%;
}
.circleArea.active .triangle_area span:nth-child(3) {
	height: 100%;
}

/* .circleArea.active .triangleArea span {
	width: 90%;
} */

.circle_animation_area {
	position: relative;
	padding-top: 100%;
}

.circle_animation_area > .circle_outer_line {
	position: absolute;
	width: 100%;
	height: 100%;
    top: 50%;
    right: 50%;
    border: 1px solid transparent;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(150deg, rgba(0, 177, 197, 1) 0%, rgb(29 124 191) 70%, rgb(25 84 153) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    transform: translate(50%, -50%);
    animation-name: circle_rotate;
	animation-duration: 180s;
	animation-timing-function: linear;

}
.circle_animation_area .circle_outer_dot {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.circle_animation_area .circle_outer_dot1 {
	top: 28%;
	left: 5%;
	margin-top: -5px;
	margin-left: -5px;
	background-color: #39C2D2;
}
.circle_animation_area .circle_outer_dot2 {
        top: 2%;
    right: 36%;
    margin-top: -5px;
    margin-right: -5px;
	background-color: #73D4DF;	
}
.circle_animation_area .circle_outer_dot3 {
	bottom: 39%;
    right: 1%;
	margin-bottom: -5px;
	margin-right: -5px;
	background-color: #195192;
}

.circle_animation_area .circle_outer_text {
	display: flex;
	position: absolute;
	text-align: center;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	animation-name: circle_text_rotate;
	animation-duration: 180s;
	animation-timing-function: linear;
}
.circle_animation_area .circle_outer_text1 {
	top: 17%;
    left: 12%;
	width: 84px;
	height: 84px;
	margin-top: -42px;
	margin-left: -42px;
	border: 1px solid #88D5DE;
	background-color: #fff;
    color: #2EC1D2;
    font-size: 0.875rem;
}
.circle_animation_area .circle_outer_text2 {
    bottom: 23%;
    left: 8%;
	width: 120px;
	height: 120px;
	margin-bottom: -60px;
	margin-left: -60px;
	border: 1px solid #1B58A0;
	background-color: #fff;
    color: #1B58A0;
    font-size: 1.125rem;
}
.circle_animation_area .circle_outer_text3 {
    top: 7%;
    right: 25%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-right: -25px;
    border: 1px solid #88D5DE;
    background-color: #fff;
    color: #00B1C5;
    font-size: 0.75rem;
}
.circle_animation_area .circle_outer_text4 {
    bottom: 27%;
    right: 5%;
    width: 64px;
    height: 64px;
    margin-bottom: -32px;
    margin-right: -32px;
	border: 1px solid #2484C7;
	background-color: #fff;
    color: #2484C7;
    font-size: 0.75rem;
}
.circle_animation_area .circle_outer_text5 {
    top: 27%;
    right: 4%;
	width: 110px;
	height: 110px;
	margin-top: -55px;
	margin-right: -55px;
	border: 1px solid transparent;
	background: radial-gradient(circle, rgba(27,88,160,1) 0%, rgba(23,76,138,1) 80%);
    color: #fff;
    font-size: 1.125rem;
}
.circle_animation_area .circle_outer_text6 {
	bottom: 6%;
    right: 27%;
    width: 120px;
    height: 120px;
    margin-bottom: -60px;
    margin-right: -60px;
	border: 1px solid transparent;
	background: radial-gradient(circle, rgba(36,132,199,1) 0%, rgba(26,121,187,1) 80%);
    color: #fff;
    font-size: 1.125rem;
}




.circle_animation_area > .circle_inner_line {
	position: absolute;
	width: 68%;
	height: 68%;
    top: 50%;
    right: 50%;
    border: 1px dashed #B2B2B2;
    border-radius: 50%;
    transform: translate(50%, -50%);
    animation-name: circle_rotate2;
	animation-duration: 230s;
	animation-timing-function: linear;
}
.circle_animation_area > .circle_inner_line::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 44%, rgba(245,245,245,1) 100%);
}

.circle_animation_area .circle_inner_text {
	display: flex;
	position: absolute;
	text-align: center;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	animation-name: circle_text_rotate2;
	animation-duration: 230s;
	animation-timing-function: linear;
}

.circle_animation_area .circle_inner_text1 {
	top: 0%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	border: 1px solid transparent;
	background: radial-gradient(circle, rgba(36,132,199,1) 0%, rgba(26,121,187,1) 80%);
    color: #fff;
    font-size: 0.75rem;
}
.circle_animation_area .circle_inner_text2 {
	top: 30%;
    left: 4%;
	width: 54px;
	height: 54px;
	margin-top: -27px;
	margin-left: -27px;
	border: 1px solid transparent;
	background: radial-gradient(circle, rgba(49,205,205,1) 0%, rgba(47,198,198,1) 80%);
    color: #fff;
    font-size: 0.75rem;
}
.circle_animation_area .circle_inner_text3 {
    bottom: 5%;
    left: 30%;
    width: 74px;
    height: 74px;
    margin-bottom: -37px;
    margin-left: -37px;
	border: 1px solid transparent;
	background: radial-gradient(circle, rgba(0,177,197,1) 0%, rgba(0,173,193,1) 80%);
    color: #fff;
    font-size: 1rem;
}

.circle_animation_area .circle_inner_dot {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.circle_animation_area .circle_inner_dot1 {
    bottom: 20%;
    left: 10%;
	margin-bottom: -5px;
	margin-left: -5px;
	background-color: #DBDBDB;
}
.circle_inner_logo {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 35%;
}


@keyframes circle_rotate {
	from {
		transform: translate(50%, -50%) rotate(0);
	} 
	to {
		transform: translate(50%, -50%) rotate(360deg);
	}
}

@keyframes circle_rotate2 {
	from {
		transform: translate(50%, -50%) rotate(0);
	} 
	to {
		transform: translate(50%, -50%) rotate(-360deg);
	}
}

@keyframes circle_text_rotate {
	from {
		transform: rotate(0);
	} 
	to {
		transform: rotate(-360deg);
	}
}

@keyframes circle_text_rotate2 {
	from {
		transform: rotate(0);
	} 
	to {
		transform: rotate(360deg);
	}
}