@media screen and (max-width: 1500px) {
	.service_section .web_br {
		display: none;
	}
}

@media screen and (max-width: 1400px) {
	
	
}

@media screen and (max-width: 1200px) {
	/* header > .container_xl {
		padding: 0 85px;
	}
	.swiper_text {
		padding: 0 70px;
	} */
	.main_swiper .txt_box .title {
		font-size: 48px;
	}
	.swiper-button-prev {
		left: 30px;
	}
	.swiper-button-next {
		right: 30px;
	}

	.main_sec h2 {
		font-size: 32px;
	}

	.flex30 {
		flex: 0 0 32% !important;
		max-width: 32% !important;
	}

	/*renewal1200*/
	header nav ul li {
		margin: 0 30px;
		color: #000;
	}

	.index_section {
		padding-top: 40px;
		padding-bottom: 100px;
		overflow: hidden;
	}

	.index_section_area {
		flex-direction: column;
	}
	.index_section_title {
		margin-bottom: 30px;
		width: 100%;
		text-align: center;
	}
	.index_section_swiper {
		width: 100%;
		padding: 0;
	}

	

	.contents_card_title {
		flex: 0 0 300px;
		max-width: 300px;
	}
	.contents_card_body {
		flex: 0 0 calc(100% - 330px);
		max-width: calc(100% - 330px);
	}
	.renew_section {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.renew_title_section,
	.video_wrap,
	.renew_video_title_section {
		height: 50vh;
	}

	/* service */
	.layout_aside_menu {
		padding: 10px 0;
		overflow-x: auto;
		background-color: #fff;
		z-index: 1;
	}
	.layout_aside_menu ul {
		display: flex;
		align-items: center;
		gap: 0 10px;
	}
	.layout_aside_menu a {
		width: auto;
		white-space: nowrap;
	}
	.layout_section {
		padding-left: 0;
	}


}

@media screen and (max-width: 992px) {
	body,html {
		font-size: 14px;
	}
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.5rem;
	}
	h5 {
		font-size: 1.2rem;
	}
	h6 {
		font-size: 1.125rem;
	}
	.swiper_text {
		padding: 0 20px;
	}
	.main_swiper .txt_box .title {
		font-size: 40px;
	}
	.menu_close {
		display: inline-block;
	}

	header > .container_xl {
		padding: 0 30px;
	}
	.header_nav {
		display: none;
	}
	.btn_nav_box {
		display: flex;
	}
	.m_nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 35px 30px;
		background-color: #FFF;
		z-index: 10;
	}
	.m_nav_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.btn_close {
		width: 20px;
		height: 20px;
		border: none;
		background-image: url("/images/icon/btn_close.png");
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
	}
	.m_nav_list {
		padding: 50px 0;
	}
	.m_nav_list ul {
		display: initial;
	}
	.m_nav_list li {
		margin: 0;
	}
	.m_nav_list a {
		display: block;
		padding: 15px 0;
		border-bottom: 1px solid;
		font-size: 16px;
		color: #bdbdbd;
	}
	.m_nav_list a:hover {
		color: #000;
	}

	.main_sec.part3 {
		padding: 170px 20px 230px;
	}
	.main_sec.part4 {
		padding: 0 20px;
	}
	.main_sec.part5 {
		padding: 0 20px;
	}
	.main_sec.part5 .img_box {
		flex-wrap: wrap;
	}
	.main_sec.part5 .img_box img {
		width: calc(50% - 15px);
		margin: 15px 0;
	}
	.main_img_section .main_btn_area {
		margin-top: 70px;
	}
	.main_illust {
		padding: 100px 0;
	}

	.intro_illust_text {
		text-align: center;
	}

	.flex30 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.service_card {
		margin: 10px 0;
	}

	.service_desc {
		padding: 20px 0;
		padding-left: 70px;
	}
	.service_img_box.second .service_desc {
		padding-right: 70px;
	}

	.lab_rnd_img {
		padding-top: 100%;
	}
	.lab_text {
		padding-left: 0;
	}

	.lab_slide_list_box {
		padding-left: 50px;
	}

	.contact_down_content {
		margin: 0 5px 20px;
	}

	.section_new h1 {
		font-size: 24px;
	}
	.section_new a {
		margin-top: 20px;
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.section_new_intro_img {
		margin-top: 30px;
		text-align: right;
	}
	.section_new_intro_img img {
		width: 80%;
		height: auto;
	}

	.sub_title_section {
		padding-top: 30px;
	}
	
	.re_intro_section {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.re_intro_title h2 {
		margin-top: 10px;
	}
	.re_intro_service ul {
		margin-top: 20px;
		display: block;
	}
	.re_intro_service ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	.re_intro_service ul li + li {
		margin-left: 0px;
	}
	.service_description {
		margin-top: 10px;
	}
	.service_description p {
		margin-top: 4px;
	}
	.re_intro_nine_scroll {
		margin-top: 20px;
		padding-bottom: 30px;
	}

	.re_sub_menu {
		margin-top: 30px;
	}
	.re_sub_menu li a {
		height: 30px;
		line-height: 30px;
		font-size: 10px;
	}
	.sub_desc {
		margin-top: 30px;
	}
	.service_detail_list {
		margin-top: 30px;
	}
	.service_detail_list dl {
		display: block;
		padding: 10px;
	}
	.service_detail_list dl dt,
	.service_detail_list dl dd {
		font-size: 14px;
	}
	.column_box {
		margin-top: 30px;
	}
	.column_area {
		padding: 20px 30px;
	}
	.column ul {
		margin-top: 10px;
	}
	.column.on .column_area {
		background-position: right 15px top 15px;
	}
	.tab_title h6 {
		margin-bottom: 20px;
	}
	.tab_thumb {
		flex: 0 0 100%;
		height: 250px;
	}
	.service_detail_tab {
		margin-top: 40px;
		padding-top: 30px;
	}
	.service_detail_tab ul li a {
		font-size: 14px;
	}
	.tab_thumb_area {
		display: block;
	}
	.tab_desc {
		padding: 20px 0 20px 20px;
	}
	.list.double .column:nth-child(2n) {
		margin-left: 0px;
	}
	.sub_btn_area {
		margin-top: 30px;
		display: block;
	}
	.sub_btn_area a,
	.sub_btn_area button  {
		width: 100%;
		margin-bottom: 8px;
		justify-content: center;
	}


	/*renewal992*/
	/* section */
	.renew_section {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.renew_board_relation {
		padding-top: 110px;
		padding-bottom: 260px;
	}
	.plugnet_title_section {
		padding-top: 80px;
		padding-bottom: 100px;
		overflow: hidden;
	}
	.plugnet_section {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.service_title_section {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.service_section {
		padding-top: 40px;
		padding-bottom: 100px;
	}

	.plugnetSwiper .plugnet_pagination {display: none;}

	.renew_title_section,
	.contents_card_list {
		display: block;
	}
	.contents_card_title {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contents_card_body {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px;
		padding-left: 0;
	}

	.thumb_box_icon {
		background-size: auto 60px;
	}

	/*intro*/
	.introduce03 {}
	.introduce03 .contents_card_title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-width: 100%;
		flex: 0 0 100%;
	}
	.introduce03 .contents_card_title h2 {
		margin-bottom: 0;
	}
	.bi_img {
		width: 480px;
	}
	.bi_intro_desc ul {
		display: block;
	}
	.bi_intro_desc ul li {
		padding: 50px 20px;
		width: 100%;
		text-align: center;
	}
	.bi_intro_desc ul li + li {
		border-top: 1px solid #E7EAEF;
		border-left: 0;
	}
	.bi_desc_img {
		margin: 0 auto 20px;
		width: 80px;
		height: 80px;
	}
	.renew_pagination {
		width: 60px;
	}
	.swiper-button-next, .swiper-button-prev {
		width: calc(var(--swiper-navigation-size) / 33 * 16);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	/*plugnet*/
	.plugnet_box_img {
		width: 60%;
	}
	.plugnet_box_title {
		width: 40%;
	}
	.plugnet_box > div:last-child {
		margin-left: 40px;
	}

	.plugnetSwiper {
		padding: 0 20px;
	}

	.plugnet .card_box_img {
		width: 80%;
	}
	.plugnet .card_box_title {
		width: 80%;
		text-align: center;
	}

	/* service */
	.service_list_area + .service_list_area {
		margin-top: 100px;
	}

	.service .card_box_img {
		width: 100%;
	}
	.service .card_box_title {
		width: 100%;
	}

	.card_box,
	.gray_box,
	.care_box {
		flex-direction: column;
	}
	.gray_box > div,
	.care_box > div {
		flex: 1;
		width: 100%;
	}
	.gray_box_title,
	.journey_box_title,
	.care_box_title {
		padding: 20px;
	}
	.gray_box_title {
		width: 100%;
	}
	.gray_box_img {
		width: 100%;
		padding-top: 56.25%;
	}
	.care_box_img {
		width: 100%;
		padding-top: 56.25%;
		background-size: 60% auto;
	}
	.journey_box > ul > li {
		width: 100%;
	}
	.journey_box_img {
		margin-bottom: 0;
		padding-top: 56.25%;
		height: auto;
	}
	.reverse {
		flex-direction: column-reverse;
	}

	
}


@media screen and (max-width: 768px) {
	header {
		height: 60px;
	}
	header > .container_xl {
		padding: 0 25px;
	}
	.m_nav {
		padding: 20px 25px;
	}
	.header_logo {
		background-size: 80%;
	}
	.main_swiper .txt_box h1.title {
		font-size: 60px;
	}
	.swiper_text {
		padding: 0 10px;
	}
	.main_swiper .txt_box .title {
		font-size: 32px;
	}
	.btn_down_box {
		padding: 20px 0;
	}
	.btn_down {
		width: 150px;
		padding: 10px 15px;
	}

	.main_swiper {
		display: none;
	}
	.main_swiper_mobile {
		display: block;
	}
	.swiper_text_mobile {
		display: block;
	}

	.main_sec.part2 {
		padding: 80px 0;
	}
	.cognet {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.main_sec h2 {
		font-size: 22px;
	}
	.main_btn_area {
		margin-top: 30px;
	}
	.btn_black,
	.btn_white {
		width: 120px;
		padding: 10px 0 !important;
	}

	.carousel_container {
		display: block;
		height: auto !important;
	}
	.carousel_box.top {
		display: none;
	}
	.carousel_box.left {
		display: block;
		flex-direction: column;
		width: calc(150px * 20);
	}
	.carousel_box.left img {
		margin: 0 10px;
		margin-bottom: 30px;
	}
	.carousel_mo_right {
		transform: translateX(-80px);
	}
	.main_infinite .container_xl {
		padding: 0;
	}
	.main_sec.part3 {
		padding: 50px 25px;
	}

	.main_scroll_box {
		height: auto;
	}
	.main_sec.part4 {
		padding: 100px 10px;
	}

	.main_img_section {
		padding: 60px 0;
	}
	.main_sec.part5 .img_box {
		margin-top: 30px;
	}
	.main_img_section .main_btn_area {
		margin-top: 40px;
	}

	.main_sec.part6 {
		padding: 60px 0 40px;
	}
	.main_logo_box img {
		width: 70%;
	}
	.main_illust_box {
		display: block;
	}
	.main_illust {
		flex: auto;
		max-width: none;
		padding: 50px 0;
	}
	.main_illust + .main_illust {
		border-left: none;
		border-top: 1px solid #efefef;
	}
	.main_illust_text {
		padding-top: 15px;
	}
	.main_gallery_section article h3 {
		font-size: 20px;
		line-height: 1.6;
	}
	.main_illust_text p {
		margin-top: 5px;
	}

	.carousel_box.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);
		}
	}

	.renew_board_tab {
		display: block;
	}
	.board_form {
		margin: 20px 0;
		min-width: auto;
	}

	footer .footer_top {
		padding: 40px 0;
	}
	footer .footer_top .left_box ul {
		display: initial;
	}
	footer .footer_top .left_box ul li {
		padding: 3px 0;
	}
	.footer_top .right_box {
		text-align: left;
	}
	.footer_link {
		margin-top: 20px;
	}

	.sub_top {
		height: 350px;
		padding: 140px 0 80px;
	}
	.sub_top_text h1 {
		font-size: 30px;
	}
	.sub_top_text p {
		margin-top: 20px;
		font-size: 16px;
	}

	.sub_sec.part3 {
		padding: 60px 0;
	}
	.sub_sec.part3 h3 {
		font-size: 22px;
	}

	.fixed {
		top: 30px;
		left: 50px;
	}
	.history_year strong {
		font-size: 70px;
	}
	.sub_sec.history {
		padding: 0 0 70px;
	}
	.history_title {
		padding-bottom: 20px;
		text-align: left;
	}
	.history_list_year {
		display: block;
		margin-bottom: 10px;
	}
	.history_list {
		padding: 10px 0 50px;
	}
	.history_list li {
		margin: 15px 0;
	}

	.service_img_box {
		padding: 30px 0;
	}
	.service_desc {
		padding: 0;
	}
	.service_img_box.second .service_desc {
		padding-right: 0;
		text-align: left;
	}
	.service_img_box.second .order {
		order: unset;
	}

	.solution_swiper {
		height: 1090px;
		padding: 100px 0 200px;
	}
	.solution_swiper .swiper-button-prev,
	.solution_swiper .swiper-button-next {
		top: 210px;
	}
	.solution_swiper .swiper-pagination {
		top: 340px;
		left: 520px;
	}

	.solution_card {
		margin-bottom: 15px;
	}
	.solution_helper_text {
		margin-bottom: 50px;
	}
	.solution_helper_img {
		padding: 120px 0 40px;
	}

	.lab_slide_title {
		display: block;
		margin-bottom: 25px;
	}
	.lab_slide_subtitle {
		display: block;
		font-size: 20px;
	}
	.lab_slide_text {
		padding: 20px 10px 0;
	}
	.lab_slide_text h5 {
		margin: 5px 0 15px;
	}
	.lab_slide_text p {
		font-size: 15px;
	}
	.lab_slide_box + .lab_slide_box,
	.lab_slide + .lab_slide {
		margin-top: 50px;
	}
	.sub_sec.slide {
		padding: 70px 0 200px;
	}

	.dis_none {
		display: none;
	}

	.lab_rnd_img {
		padding-top: 67%;
	}

	.contact_down {
		display: block;
	}
	.contact_wrap {
		padding-left: 15px;
	}
	.link_down_box {
		display: none;
	}

	.board_search_area {
		flex-wrap: wrap;
	}
	.board_search_area select:first-of-type {
		flex: auto;
		max-width: none;
	}
	.board_search_area select {
		flex: 0 0 !important;
		flex-basis: calc(33.33333333333333% - 5px) !important;
		max-width: calc(33.33333333333333% - 5px) !important;
		width: calc(33.33333333333333% - 5px) !important;
		height: 56px;
		margin-right: 0;
		font-size: 16px;
	}
	.input_box {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		height: 56px;
		margin-top: 7px;
	}
	.input_box input {
		font-size: 16px;
	}

	.news_content.recruit .news_content_title {
		display: block;
	}
	.news_content.recruit a {
		padding: 20px 5px;
	}
	.new_content_list {
		display: block;
		margin-top: 20px;
	}
	.new_content_list li {
		width: 100% !important;
	}
	.new_content_list li + li {
		margin-top: 10px;
	}

	/*renewal768*/
	.renew_section {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.renew_board_relation {
		padding-top: 110px;
		padding-bottom: 260px;
	}
	.plugnet_title_section {
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.plugnet_section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.web_none {
		display: block !important;
	}
	.mobile_none {
		display: none !important;
	}

	h1 {
		font-size: 2.5rem;
		line-height: 130%;
	}
	h2 {
		font-size: 2.2rem;
		line-height: 130%;
	}
	h3 {
		font-size: 1.6rem;
		line-height: 1.8;
	}
	h4 {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	h5 {
		font-size: 1.2rem;
		line-height: 1.8;
	}
	h6 {
		font-size: 1.125rem;
		line-height: 1.8;
	}


	/*intro*/
	.video_wrap,
	.renew_video_title_section {
		height: 30vh;
	}
	.renew_video_title h1 {
		font-size: 3.5rem;
	}
	.thumb_box_icon {
		background-size: auto 40px;
	}

	/*plugnet*/
	.plugnet_title_section {
		overflow: hidden;
	}
	.plugnet_box {
		display: block;
	}
	.plugnet_box > div {
		width: 100%;
	}
	.plugnet_box > div:last-child {
		margin-left: 0;
	}
	.plugnet_box_img  {
		margin-bottom: 30px;
	}
	.plugnet_box_title button {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (max-width: 576px) {
	.container_lg {
		padding-left: 20px;
		padding-right: 20px;
	}
	.container_xl {
		padding-left: 20px;
		padding-right: 20px;
	}
	br {
		display: none;
	}
	br.mobile_br {
		display: block;
	}
	.sub_bg_top .title {
		font-size: 3.125rem;
	}
	.contact_bottom_box {
		display: block;
	}
	.agree_link {
		margin: 10px 10px 20px;
	}

	.btn_down_box {
		width: 90%;
	}
	.btn_down {
		margin: 10px;
	}
	.btn_down + .btn_down {
		margin-left: 10px;	
	}
	.main_swiper .txt_box h1.title {
		font-size: 46px;
	}

	.main_swiper .txt_box .title {
		font-size: 34px;
		margin-bottom: 0;
	}
	.main_swiper .txt_box h2.title {
		font-size: 24px;
		font-weight: 400;
	}
	.main_arrow {
		background-size: 80%;
		transform: translate(-50%, 30px);
	}
	.swiper-container-horizontal > .main_swiper_pagination {
		right: 20px;
		bottom: 30px;
	}

	.main_sec h2 {
		font-size: 20px;
	}

	.main_sec.part6 p {
		font-size: 14px;
	}

	.main_illust {
		padding: 30px 0;
	}
	.main_gallery_section article h3 {
		font-size: 18px;
	}
	.carousel_box.left img {
		width: 100px;
	}

	.solution_swiper .swiper-button-prev,
	.solution_swiper .swiper-button-next {
		top: 195px;
		background-size: 60%;
	}
	.solution_swiper .swiper-button-prev {
		left: 10px;
	}
	.solution_swiper .swiper-button-next {
		right: 10px;
	}
	.solution_swiper .swiper-pagination {
		top: 320px;
		left: 50%;
		width: 130px;
		transform: translateX(-50%);
	}
	.solution_swiper .swiper-pagination-bullet {
		margin: 0 5px !important;
	}
	.solution_slide_img {
		padding: 50px 0 25px;
	}
	.solution_slide_text h3 {
		font-size: 22px;
	}
	.solution_slide_text h4 {
		margin: 10px 0;
		font-size: 17px;
	}
	.solution_swiper_list {
		padding: 5px 0;
		padding-right: 40px;
	}
	.solution_swiper_list li {
		font-size: 15px;
	}
	.solution_link_box {
		padding-top: 20px;
	}
	.solution_link_box .btn_white {
		width: 150px;
		margin: 10px 5px;
		font-size: 12px;
	}

	.service_list {
		justify-content: center;
		padding-bottom: 64px;
	}
	.service_list::before,
	.service_list::after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
	}
	.service_list::before {
		top: 50%;
		background-color: #000;
	}
	.service_list::after {
		bottom: 0;
		background-color: #efefef;
	}
	.service_tab::before, .service_tab::after {
		width: 0;
	}
	.service_list li {
		padding: 20px 10px;
		white-space: nowrap;
		font-size: 15px;
	}
	.service_sub_list {
		top: 65px;
		left: auto;
	}
	.service_sub_list.two {
		left: -70%;
	}
	.service_sub_list.three {
		left: -170%;
	}
	.service_sub_list li {
		padding: 8px 15px;
		margin: 13px 0;
		font-size: 13px;
	}
	.service_sub_list li.current {
		color: #FFF;
		border-radius: 30px;
		background-color: #000;
	}
	.service_tab::after {
		bottom: 0;
	}
	.service_img_box {
		padding: 20px 0;
	}
	.service_img {
		height: 300px;
	}
	.service_img.one {
		background-image: url("/images/service/service_sec_square1.png");
	}
	.service_img.two {
		background-image: url("/images/service/service_sec_square2.png");
	}
	.service_img.three {
		background-image: url("/images/service/service_sec_square3.png");
	}
	.service_link {
		display: block;
		margin-top: 30px;
	}
	.service_link .btn_white {
		display: block;
	}
	.service_link .btn_white + .btn_white {
		margin-left: 0;
		margin-top: 15px;
	}

	.service_content .container_xl {
		padding-left: 0;
		padding-right: 0;
	}
	.service_bg {
		border-radius: 0;
	}
	.service_bg.one {
		background-image: url("/images/service/m_service1_img.png");
	}
	.service_bg.two {
		background-image: url("/images/service/m_service2_img.png");
	}
	.service_bg.three {
		background-image: url("/images/service/m_service3_img.png");
	}
	.service_img h3 {
		font-size: 26px;
	}
	.service_img h4 {
		font-size: 16px;
	}
	.service_desc dl {
		padding: 0;
		margin: 30px 0;
	}
	.service_desc dt {
		margin-bottom: 15px;
		font-size: 18px;
	}
	.service_desc dd {
		font-size: 15px;
	}
	.service_tab {
		margin-bottom: 0;
		overflow-x: scroll;
	}
	.service_img_container {
		margin-bottom: 40px;
	}
	.service_box {
		margin-top: 20px;
	}
	.service_tab .container_xl {
		padding-left: 0;
		padding-right: 0;
	}
	.service_card_box {
		padding: 0 10px;
	}
	.service_card {
		height: 370px;
		padding: 30px;
	}
	.service_card h3 {
		font-size: 22px;
	}
	.service_card_list {
		padding: 0 30px;
	}
	.service_card_list li {
		font-size: 15px;
	}
	.value_box {
		padding: 180px 0 140px;
	}
	.value_desc li {
		font-size: 15px;
	}
	.value_header {
		padding-bottom: 20px;
		margin: 0 10px;
	}
	.value_header h2 {
		font-size: 22px;
	}
	.value_content {
		padding: 25px 10px;
	}
	.service_diagram {
		padding: 10px 0 20px;
	}
	.service_diagram.on {
		padding: 100px 0 20px;
	}

	.sub_sec.grey {
		padding: 50px 0 20px;
	}
	.solution_circle_box {
		padding-top: 0;
	}
	.solution_swiper {
		height: 820px;
		padding: 0 0 170px;
	}
	
	.solution_card_box {
		padding-bottom: 60px;
		margin-top: 40px;
	}
	.solution_card {
		height: auto;
	}
	.solution_card_img {
		height: 120px;
		padding: 30px 10px;
	}
	.solution_card_img h4 {
		font-size: 20px;
	}
	.solution_card_list {
		padding: 20px 0 30px;
		font-size: 15px;
	}
	.solution_card_list li {
		margin: 10px 0;
	}
	.solution_card_text {
		padding: 0 10px;
	}
	.solution_helper_img {
		padding: 70px 0 0;
	}
	.solution_helper_img + .solution_link_box {
		padding: 0 0 70px;
	}

	.intro_illust_box {
		padding: 50px 0;
		border-bottom: 1px solid #dfdfdf;
	}
	.intro_illust {
		height: 140px;
		margin: 0;
	}
	.intro_illust_text h4 {
		height: auto;
		margin: 20px 0 10px;
	}
	.sub_sec.part4 {
		padding: 80px 0;
	}
	.sub_part4_text {
		margin-bottom: 20px;
	}
	.nine_content {
		height: 400px;
	}
	.nine_title h4 {
		font-size: 16px;
	}
	.nine_layer.top,
	.nine_layer.middle {
		padding: 25px;
	}
	.nine_layer.bottom {
		padding: 0 20px;
	}
	.nine_layer.top h3 {
		font-size: 28px;
	}
	.nine_layer.top h4 {
		font-size: 18px;
	}
	.nine_layer.top p {
		padding: 20px 0;
	}

	.lab_row {
		display: block;
		padding: 60px 0;
		margin: 0;
		border-bottom: 1px solid #dfdfdf;
	}
	.lab_row:last-child {
		border-bottom: none;
	}
	.lab_col {
		flex: auto;
		max-width: none;
	}
	.lab_flow_box {
		padding: 0;
	}
	.lab_flow_title {
		display: none;
	}
	.lab_flow_subtitle {
		display: block;
		margin-bottom: 15px;
	}
	.lab_circle {
		margin: 0 auto;
	}
	.lab_list {
		padding-top: 20px;
		text-align: center;
	}
	.lab_rnd_img {
		padding-top: 70%;
	}
	.flow_arrow {
		height: 100px;
		margin: 0 auto;
		background-image: url("/images/lab/flow_arrow_top.png");
		background-size: auto;
		transform: rotate(180deg);
	}
	.lab_text {
		padding-left: 0;
		text-align: center;
	}
	.lab_text h5 {
		margin-top: 20px;
		margin-bottom: 0;
	}

	.contact_section {
		padding: 110px 0 70px;
	}
	.contact_down_box {
		padding: 30px 0;
	}
	.contact_down {
		padding: 50px 0 0;
	}
	.contact_wrap_title {
		padding-bottom: 50px;
	}
	.contact_box .ipt_box {
		margin-top: 0;
		padding: 15px 0;
	}
	.custom_chk input[type=checkbox] + span {
		width: 20px;
		height: 20px;
	}
	.custom_chk p {
		margin-left: 0;
	}
	.contact_bottom_box .btn_border_black {
		width: 100%;
		margin-top: 30px;
	}

	.privacy_section {
		padding: 100px 0;
	}

	.btn_top, 
	.btn_common_top,
	.btn_inquery {
		right: 15px;
		bottom: 15px;
		width: 40px;
		height: 40px;
	}
	.btn_inquery {
		bottom: 70px;
	}

	.list_container {
		margin: 30px 0;
	}
	.list_header {
		margin-bottom: 50px;
	}
	.list_header h1 {
		font-size: 32px;
	}
	.list_header p {
		margin: 15px 0;
		font-size: 18px;
	}
	.input_search {
		width: 100%;
	}
	.list_content {
		margin-bottom: 50px;
	}
	.btn_add_box {
		padding-top: 0;
	}
	.list_view_container {
		margin: 50px 0 0;
	}
	.list_view_container h3 {
		font-size: 20px;
	}
	.list_view_content {
		margin: 15px 0;
	}
	.list_view_header {
		padding: 15px 0;
	}

	.web_img {
		display: none;
	}
	.m_img {
		display: block;
	}

	.custom_chk input[type=radio]:checked + span::before, 
	.custom_chk input[type=checkbox]:checked + span::before {
		margin-top: 4px;
		margin-left: 3px;
		width: 12px;
		height: 7px;
	}

	.news_content a {
		display: block;
		padding: 35px;
	}
	.news_content_info {
		margin-top: 10px;
	}
	.news_view_header {
		display: block;
	}
	.news_view_header ul {
		margin-top: 10px;
	}

	.solution_nav a {
		padding: 20px 0;
		margin: 0 20px;
		font-size: 15px;
	}

	.video_header {
		display: block;
		padding-bottom: 50px;
		margin-bottom: 0;
		border-bottom: none;
		text-align: center;
	}
	.video_header p {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.stage_box {
		position: relative;
	}
	.stage_box + .stage_box {
		margin: 50px 0;
	}
	.stage_box:last-child {
		margin-bottom: 100px;
	}
	.stage_box h4 {
		position: absolute;
		top: 30px;
		left: 50%;
		font-size: 18px;
		transform: translateX(-50%);
	}

	.white_box {
		padding: 80px 0 50px;
	}

	.ad_box {
		padding: 100px 0 40px;
	}
	.ad_box h3 {
		font-size: 24px;
	}
	.ad_img_text {
		margin-bottom: 40px;
	}
	.ad_table_box {
		display: block;
		margin: 50px 0;
	}
	.ad_table_content {
		margin-bottom: 60px;
	}
	.ad_table_body {
		height: auto;
		padding: 30px;
	}

	.sub_title {
		font-size: 24px;
	}

	.ad_desc_box {
		padding: 20px 0;
	}
	.ad_desc dt {
		font-size: 20px;
	}
	.ad_desc dd {
		font-size: 16px;
	}
	.ad_content {
		margin: 20px 0;
	}

	.header_underline {
		padding: 10px 0;
	}
	.header_underline h2 {
		font-size: 24px;
	}

	.ad_service_card {
		height: auto;
		margin-bottom: 20px;
	}
	.ad_service_card h4 {
		margin-bottom: 30px;
		font-size: 20px;
	}

	.subpage_nav a {
		padding: 20px 0;
		margin: 0 15px;
		font-size: 14px;
	}

	.service_img_box.solution .service_img {
		padding-top: 57%;
	}

	.main_sec_text {
		margin: 30px 0 50px;
		font-size: 16px;
	}
	.link_full {
		padding: 20px 0;
		font-size: 14px;
	}
	.img_box_group {
		padding: 0;
	}
	.img_desc_list li {
		margin: 15px 0;
	}
	.text_desc_left {
		padding: 20px 0;
		padding-left: 0;
	}

	.process_table.mobile {
		display: block;
	}
	.process_table br {
		display: block;
	}
	.process_row {
		display: block;
		position: relative;
	}
	.process_row + .process_row {
		margin-top: 80px;
	}
	.process_row + .process_row::before {
		content: "";
		position: absolute;
		top: -12%;
		left: 50%;
		width: 20px;
		height: 20px;
		margin: 0 auto;
		border-top: 2px solid #999;
		border-right: 2px solid #999;
		transform: translateX(-50%) rotate(135deg);
	}
	.process_header {
		display: none;
	}
	.process_numbering {
		flex: none;
		max-width: none;
		padding: 30px 0;
		background-color: #232323;
		color: #FFF;
	}
	.process_numbering::before {
		display: none;
	}
	.numbering {
		background-color: #fff;
		color: #232323;
	}
	.process_m_title {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 20px;
		background-color: #f9f9f9;
	}
	.process_m_title.blue {
		background-color: rgba(12, 150, 240, 0.03);
		color: #0c96f0;
	}
	.process_content {
		background-color: #FFF;
	}
	.process_content::after {
		display: none;
	}
	.process_content.common::before {
		display: none;
	}
	.process_content.blue {
		background-color: transparent;
		border: none;
	}
	.process_group,
	.process_group.blue {
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
	}
	.process_group.blue {
		border-bottom: 1px solid #e5e5e5;
	}
	.process_row:last-child .process_content.blue  {
		border-bottom: none;
	}
	.process_content_desc + .process_content_desc::before {
		background-color: #f9f9f9;
	}

	.text_box {
		flex-wrap: wrap;
		padding: 50px 20px;
		margin-top: 50px;
	}
	.text_box h2 {
		margin-bottom: 15px;
	}
	.text_box p {
		font-size: 16px;
	}

	.flex_group {
		flex-wrap: wrap;
	}
	.flex_group .link_full + .link_full {
		margin-left: 0;
		margin-top: 10px;
	}

	.circle_title {
		font-size: 22px;
	}

	.numbering_line {
		flex-wrap: wrap;
		margin: 10px 0 60px;
	}
	.numline::before {
		width: 0;
	}
	.numbering_group {
		display: flex;
		margin: 20px 30px;
		text-align: left;
	}
	.numbering_group + .numbering_group {
		margin-top: 20px;
	}
	.numbering_header {
		display: flex;
		align-items: center;
	}
	.numbering_group {
		margin: 20px 30px;
	}
	.numbering_group span {
		flex: 0 0 23px;
		max-width: 23px;
		margin: 0;
		margin-right: 10px;
	}
	.numbering_group h5 {
		margin: 0;
	}

	.template_img_box {
		margin-top: 50px;
	}

	.sub_header_text {
		margin-bottom: 30px;
	}
	.sub_header_text h2 {
		font-size: 30px;
	}
	.sub_header_text p {
		font-size: 15px;
	}

	.video_bottom {
		padding-bottom: 400px !important;
	}
	.video_container.solution {
		padding: 0 15px;
		padding-top: 50px;
	}
	.helper_video {
		top: -400px;
		padding-top: 80px;
	}
	.solution_service_card {
		padding-top: 80px;
	}

	.goblin_bottom {
		padding: 80px 0;
	}
	.goblin_bottom_text span {
		font-size: 14px;
	}
	.goblin_bottom_text h2 {
		font-size: 30px;
	}
	.goblin_bottom_text p {
		font-size: 14px;
	}

	.solution_service_card .ad_service_card {
		height: 370px;
	}
	.solution_service_card .ad_service_card h4 {
		height: 80px;
	}

	.badge_group {
		width: 250px;
		margin: 0 auto;
	}
	.badge_group .badge + .badge {
		margin-left: 6px;
	}

	.main_intro_section.recruit {
		padding: 140px 0 80px;
	}
	.recruit_main_text h2 {
		margin-bottom: 20px;
		font-size: 34px;
	}
	.recruit_main_text p {
		margin-bottom: 40px;
		font-size: 16px;
	}

	.carousel_box.recruit .carousel_recruit_img img {
		flex: 0 0 300px;
		max-width: 300px !important;
		width: 300px;
		height: 220px;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	.swiper_section {
		padding: 80px 0;
	}

	.swiper-button-prev.swiper_recruit_prev {
		left: 10px;
	}
	.swiper-button-next.swiper_recruit_next {
		right: 10px;
	}
	.swiper-button-next.swiper_recruit_next, 
	.swiper-button-prev.swiper_recruit_prev {
		width: 33px;
		height: 33px;
		background-size: 8px;
		background-color: #FFF;
	}

	.swiper_section {
		height: 560px;
	}
	.swiper_text_info {
		padding: 0 60px;
	}
	.swiper_text_info p:last-of-type {
		display: none;
	}
	.swiper_text_info p:first-of-type {
		margin: 30px 0 20px;
		font-size: 18px;
	}
	.swiper_text_info dl {
		margin-top: 30px;
	}

	.recruit_bottom_img {
		flex-wrap: wrap;
		padding: 70px 0;
		text-align: center;
	}
	.recruit_bottom_img h3 {
		margin-bottom: 5px;
		font-size: 32px;
	}
	.recruit_bottom_img p {
		font-size: 14px;
	}
	.btn_common_box white {
		margin-top: 20px;
	}
	.btn_common_box.white {
		width: 100%;
	}

	.btn_common_box .btn_common {
		width: 170px;
		height: 48px;
		font-size: 14px;
	}

	.btn_back {
		width: 30px;
		height: 20px;
	}

	.recruit_view_header h2 {
		font-size: 34px;
	}

	.recruit_desc_list {
		flex-wrap: wrap;
	}

	.btn_apply {
		width: 170px;
		height: 52px;
	}

	.recruit_view_wrapper {
		padding: 130px 0;
	}
	.recruit_view_header h2 {
		margin: 30px 0;
	}
	.recruit_btn_box {
		margin: 40px 0 60px;
	}

	.chk_common input[type="checkbox"] + span {
		width: 18px;
		height: 18px;
	}
	.chk_common input[type="checkbox"]:checked + span {
		background-size: 12px;
	}
	.chk_common p {
		font-size: 14px;
	}

	.recruit_view_footer .recruit_btn_box {
		margin: 0;
	}

	.recruit_desc_group + .recruit_desc_group {
		margin-top: 10px;
	}
	.recruit_desc_list dl::before {
		content: "";
		margin: 0;
	}
	.recruit_desc_group dl:last-of-type::before {
		content: "|";
		margin: 0 10px;
		color: #dddddd;
	}

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

	.welfare_top_text {
		padding: 110px 0 40px;
	}
	.welfare_img {
		height: 280px;
	}
	.welfare_icon_box {
		height: 270px;
	}

	.list_header.recruit {
		margin-bottom: 30px;
	}
	.list_header.recruit h2 {
		font-size: 40px !important;
	}

	.input_group dt {
		margin-bottom: 10px;
	}

	/*index animation*/
	.circle_animation_area .circle_outer_text1 {
		width: 60px;
		height: 60px;
		margin-top: -30px;
		margin-left: -30px;
		font-size: 10px;
	}
	.circle_animation_area .circle_outer_text2 {
		width: 70px;
		height: 70px;
		margin-bottom: -35px;
		margin-left: -35px;
		font-size: 12px;
	}
	.circle_animation_area .circle_outer_text3 {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-right: -20px;
		font-size: 10px;
	}
	.circle_animation_area .circle_outer_text5 {
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-right: -40px;
		font-size: 12px;
	}
	.circle_animation_area .circle_outer_text6 {
		width: 100px;
		height: 100px;
		margin-top: -50px;
		margin-right: -50px;
		font-size: 12px;
	}
	.circle_animation_area .circle_inner_text1 {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
		font-size: 10px;
	}
	.circle_animation_area .circle_inner_text2 {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
		font-size: 10px;
	}
	.circle_animation_area .circle_inner_text3 {
		width: 50px;
		height: 50px;
		margin-bottom: -25px;
		margin-left: -25px;
		font-size: 10px;
	}

	/*renewal*/
	.renew_board_section {
		padding-top: 50px;
	}
	.renew_board_list li {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 320px) {
	
}