@media screen and (max-width:1430px) {
.main_slider .txtwrap {max-width: 90%;}
#main_full .sec2 .name  {font-size: 2rem;}
#main_full .sec2 .inner,
#main_full .sec3 .inner,
#main_full .sec4 .inner,
#main_full .sec5 .inner {
    padding: 90px 0;
	width: 94%;
}
.sub_container .wrapper { width: 94%; padding: 3rem 0;}


.root_daum_roughmap_landing{ max-width: 100%;}
.sec1:after { left: 3%; margin-left: 0; }
.sec1:before { left: 3%; margin-left: 0; }

#main_full .sec2 {background-size: 600px;}
#main_full .sec2 .tit { width: 94%;font-size: 2.75rem;top: 20%;margin: 0;}
#main_full .sec2 .special_r .img { width: 400px;}
#main_full .sec2 .special_r img {    width: inherit; margin-left: 0;}
#main_full .sec2 .special_r .img_box { width: 100%; height: 500px;box-shadow: none;}

#main_full .sec3 .product_wrap .product_tit {font-size: 2.75rem;}
#main_full .sec3 .product_wrap .product ul li .tit {font-size: 1.5rem;}

#main_full .sec4 .company_warp {    width: 100%;	margin: 0rem auto 1.875rem;}
#main_full .sec4 .company_warp .tit {font-size: 2rem;margin-bottom: 0;    line-height: inherit;}
#main_full .sec4 .company_warp p {    font-size: 1rem;}
#main_full .sec4 .business .img {height: 180px;margin-top: 1rem;}
#main_full .sec4 .client .img {height: 180px;margin-top: 1rem;}

#main_full .sec4 .recruit_wrap {height: auto;}
#main_full .sec4 .recruit {padding: 2rem;}
#main_full .sec4 .recruit .tit {font-size: 2rem;margin-bottom: 0rem;line-height: inherit;}
#main_full .sec4 .recruit p { font-size: 1rem;margin: 1rem 0; line-height: inherit;}
	
	.img_wrap img {    width: 100%;		max-width: fit-content;}
	.top_img p {font-size: 1.5rem;}

.procedure .step { width: 240px; height: 240px; padding-top: 50px;}
.procedure .arrow { width:30px;background-size: 15px;}
.procedure .step_txt {font-size: 1.375rem;}
	
}


@media screen and (max-width:1300px) {
#header nav {   display: none !important;}
.fp-viewing-SPECIAL #header { background: #fff;}
.main_slider .txtwrap { width: 94%;top: 30%; font-size: 3.5rem;}
.main_slider .txtwrap p { font-size: 1.5rem;}
}

@media screen and (max-width:1200px) {
html, body { font-size: 14px; font-weight: 400; }	
	#header {height: 64px;	}
	#header .logo {
		height: 64px;
		/* padding: 20px 0; */
			line-height: 64px;
	}
	#header .logo a {
		width: 88px;
		height: 40px;
		margin: 10px;
	}
	#header.on .logo a {
		width: 88px;
		height: 40px;
		margin: 10px;
	}
	#header .menu_area ul li {
		width: 64px;
		height: 64px;
		line-height: 64px;
	}
	.sub_visual {height: 300px;}
	.sub_visual .tit { width: auto;height: 300px;}
	.sub_visual h1 {font-size: 2.75rem;}
	.sub_visual .path_container.on {top: 14px;}
	/*.sub_container {margin: 108px auto 0;}
	.sub_visual .path_container { top: 64px; height: 44px; }
		.sub_visual { margin-top: 64px;}*/
	.offcanvas { width: 540px; }
	.offcanvas .menu_login .wrapper { width: 300px; }
	.offcanvas .h_tabcontent { margin-top: 64px; }
	.offcanvas .h_tablinks { height: 64px; line-height: 64px; }
	.offcanvas .menu_login { height: 64px; line-height: 64px; }
	.offcanvas .h_tabcontent .sub_nav > li > a { height: 64px; line-height: 64px;}
	.offcanvas .h_tabcontent .depth3 { padding: 20px 32px; }
	.offcanvas .tab { padding-top: 64px; }
	.offcanvas .h_tabcontent .menu2_link.active:after { top: 36px; }
	.offcanvas .h_tabcontent .menu2_link:after { top: 28px; }

	#header .menu_area ul li a { font-size: 1rem;}
	#header nav .depth_toggle .wrapper {}
	#header nav .depth_toggle .sub_nav {}
	
	#fp-nav.fp-right { display: none; }	

	#main_full .sec2 .inner,
	#main_full .sec3 .inner,
	#main_full .sec4 .inner,
	#main_full .sec5 .inner {
		padding: 64px 0;
		width: 90%;
	}
	#main_full .sec2 {background-size: 450px;}
	#main_full .sec2 .special_l .box {margin: 4rem 0;}
	
	.footer_wrap {padding: 20px 10px;}
	.footer_wrap .footer { width: 100%;}
	.footer_wrap .footer .logo {    width: auto;		margin-right: 20px;}
	.footer_wrap .footer .logo img { width: 80px;}
	.footer_wrap .footer .info {    width: calc(100% - 100px);}
	.footer_wrap .footer .info p{margin-bottom: 0px;}
	
	/*.sub_container .contents p { font-size: 1rem;}*/
	.sub_container .wrapper .tit_wrap {margin: 0px auto 20px;}
	.sub_container .wrapper .tit_wrap h1 {font-size: 1.75rem;}
	.sub_container .wrapper .tit_wrap h2 {font-size: 1.625rem;}
	.sub_container .wrapper .tit_wrap p{line-height: 1.5rem;font-size: 1.125rem;margin: 10px auto 0; width: 100%;}
	.sub_container .contents h3	{font-size: 1.375rem; }
	.sub_container .contents h4 {font-size: 1.2rem; margin: 1.5rem 0 0.6rem;}
	.sub_container .contents h5 {font-size: 1.125rem;margin: 1rem 0 0.6rem;}
	
	.top_img {margin: 0 auto 1.875rem;height: 200px;}
	.sub_copy {font-size: 1.5rem;margin: 1.875rem 0 1.875rem;}
	
	.greeting { width: 100%;}
	.greeting p {font-size: 1rem;}
	.greeting p.align_r {font-size: 1.1rem;}
	.greeting p.align_r span {font-size: 1.375rem;}

	ul.squre li:before {
		width: 3px;
		height: 3px;
		top: 7px;}
	ul.bullet li:before {
		width: 3px;
		height: 3px;
		top: 7px;}
	
	
	.area_wrap .area {    width: calc((100% - 40px) /3);    margin-right: 20px; }
	.area_wrap .area .img_box  { height: 250px;}
	
	.contents .table_normal {border-top: 3px #ff0000 solid;}
	
	.vision_wrap {border-top: 3px #ff0000 solid;}
	
	.history_wrap .history {    padding: 1.625rem;}
	.history_wrap .year {width: 100%;font-size: 1.75rem;}
	.history_wrap .con_wrap {	width: 100%;border-left: none;padding-left: 0px;}
	.history_wrap .con_wrap .con ul li {font-size: 1rem;padding-left: 10px;}
	.history_wrap .con_wrap .con .month {width: 35px;}
	.history_wrap .con_wrap .con ul {		width: calc(100% - 35px);}
	.history_wrap .con_wrap .con ul li:before {
		width: 3px;
		height: 3px;
		top: 7px;}
	
	.center_gallery .gal_view li {width: calc((100% - 60px) /4); margin-right: 20px;}
	.center_gallery .gal_view li:nth-child(4n) { margin-right: 0;}
	.center_gallery .gal_view li:nth-child(5n) { margin-right: 20px;}
	.center_gallery .gal_view li:nth-child(-n+4) {   margin-top: 0;}
	.center_gallery .gal_view li:nth-child(5) {   margin-top: 2.5rem;}	
	.center_gallery .gal_view li:after { bottom: 5px; right: 8px;}
	.center_gallery .gal_view li .caption {	padding: 8px 30px 8px 8px;}
	
	.performance_wrap .year { width: 100%; font-size: 1.75rem; border-top: 3px #ff0000 solid; padding: 1rem;}	
	.performance_wrap .con_wrap {	width: 100%;padding: 1rem;}	
	.performance_wrap .con_wrap .con .month {width: 40px;}
	.performance_wrap .con_wrap .con ul {		width: calc(100% - 40px);}
	.performance_wrap .con_wrap .con ul li {font-size: 1rem;}
	.performance_wrap .con_wrap .con ul li:before {
		width: 3px;
		height: 3px;
		top: 7px;}
	
	.industry_wrap .industry { width: calc((100% - 60px) /4); margin-right: 20px;padding: 30px 20px 10px;}
	.industry_wrap .industry .logo img {max-width: 150px;}
	
	.benefit_wrap .benefit { width: calc((100% - 60px) /3);margin-bottom: 30px;}
	.benefit_wrap .benefit:nth-child(3n) {margin-right: 0px;}
	.benefit_wrap .benefit .tit_box {padding: 2rem 0px 1.5rem;}
	.benefit_wrap .benefit .tit_box span {height: 50px;}
	.benefit_wrap .benefit .tit_box img {width: 60px;}
	.benefit_wrap .tit {font-size: 1.25rem; padding-top: 0rem;}
	
	.join_wrap{margin-top: 2rem;}
	.join_wrap .join {padding: 2rem;}
	.join_wrap .join p {margin: 1rem auto;font-size: 1.25rem;}
	.join_wrap .join .btn{height: 40px;    line-height: 40px;}
	
	ul.circle.flex li {width: 50%;}
	
	.partners_wrap .partners {
    width: calc((100% - 60px) /4);
    margin-right: 20px;
	margin-bottom: 20px;}
	.partners_wrap .partners.bg {padding: 1.5rem 1.875rem;    font-size: 1.25rem;}

	.products_wrap .products .products_img img { width: 100%; max-width: 250px;}
	.element_to_pop_gal { width: 100%;   padding: 1.25rem;}
	.element_to_pop_gal img { width: 94%;}
	.element_to_pop_gal.campus {width: 87vw;padding: 1.25rem;}
	.element_to_pop_gal.campus img {     width: 100%;    /*max-width: 500px;*/}


	
	.purpose_wrap {    margin: 20px auto;}
	.purpose {padding: 20px 20px;    font-size: 1.125rem;margin-right: 10px;}
	.purpose span {display: block;}
	.purpose span:after { display: none;}
	.progress_wrap .progress .tit { font-size: 1.125rem;width: calc(45% - 30px);}
	.progress_wrap .progress .arrow {   width: 30px;}
	
	.strategy_wrap .strategy { padding: 20px;margin-right: 20px;} 
	.strategy_wrap .strategy .tit {font-size: 1.25rem;margin-bottom: 10px;}
	.strategy_wrap .strategy .icon {width: 60px;    height: 60px;    margin: 0px auto 10px;}
	.strategy_wrap .strategy .icon01 {background-size: 60px;}
	.strategy_wrap .strategy .icon02 {background-size: 50px;}
	.strategy_wrap .strategy .icon03 {background-size: 45px;}
	.strategy_wrap .strategy .icon04 {background-size: 45px;}
	.strategy_wrap .strategy .icon05 {background-size: 50px;}
	
	.procedure .step { width: 200px; height: 200px; border: 10px solid #ff0000;}
	.procedure .step.co2 {	border: 10px solid #666;}
	
	
	.plan_wrap .tit {font-size: 1.125rem;padding: 10px 0px; }
	.plan_wrap .plan_l { padding: 20px; border-radius: 10px; }
	.plan_wrap .plan_r { padding: 20px; border-radius: 10px; }
	.plan_wrap .year {font-size: 1.125rem;}
	.plan_wrap .plan_r02 span {font-size: 1.125rem;}
	
	.contents .about li i {font-size: 2rem;width: 80px; height: auto;padding: 20px 0;}
	.contents .about li .about_con { width:calc( 100% - 80px);height: auto; padding: 20px 20px 20px 0;}
	.contents .about li .about_con .tit_wrap {    width: 120px;}
	.contents .about li .about_con .tit_wrap .tit { font-size: 1.25rem;}
	.contents .about li .about_con .tit_wrap .no { font-size: 1.75rem;}
	.contents .about li .about_con p {font-size: 1rem;width: calc( 100% - 120px);    padding: 0 10px 0 0;}
	


	.intro_wrap {margin: 30px auto}
	.intro_wrap .intro {padding: 20px;margin-right: 20px;border-top: 3px #ff0000 solid;}
	.intro_wrap .intro .icon {width: 60px;    height: 60px;    margin: 0px auto 10px;}
	.intro_wrap .intro .icon01 {background-size: 60px;}
	.intro_wrap .intro .icon02 {background-size: 50px;}
	.intro_wrap .intro .icon03 {background-size: 45px;}
	.intro_wrap .intro .icon04 {background-size: 45px;}
	.intro_wrap .intro .icon05 {background-size: 50px;}
	.intro_wrap .intro .txt {font-size: 1.125rem;}
	.intro_wrap .intro .txt p { font-size: 1.125rem;}
	.intro_wrap .intro .txt span {font-size: 1.25rem;}
	
	.contents .table_normal thead th {padding: 10px;}
	.contents .table_normal tbody th {padding: 10px;}
	.contents .table_normal td {padding: 10px;}

	.traffic {display: inherit;}
	.traffic_tit {font-size: 1.25rem;}
	.traffic_con {width: 100%;}
	.traffic_con dl {align-items: baseline;}
	.traffic_con dl dt {    margin: 5px 20px 5px 0;}
	.traffic_con dl dt span {width: 80px;height: 30px;    line-height: 30px;}
	.traffic_con dl dd { width: calc(100% - 100px);line-height: 25px;}
	
	.tab_wrap { margin-bottom: 20px;}
	.tab_wrap .tab { height: 40px; padding: 10px; }
	.tab_wrap .tab.eight {width: calc((100% - 6px) /4); height: 40px; font-size: 1rem;}
	.tab_wrap .tab.eight:nth-child(4n) {margin-right:0px;}
	.tab_wrap .tab.eight:first-child {margin-bottom: 2px;}
	.tab_wrap .tab.eight:nth-child(2) {margin-bottom: 2px;}
	.tab_wrap .tab.eight:nth-child(3) {margin-bottom: 2px;}
	.tab_wrap .tab.eight:nth-child(4) {margin-bottom: 2px;}
	.tab_wrap_r .tab.five {width: calc((100% - 12px) /4); height: 40px; font-size: 1rem;}
	.tab_wrap .tab.five:nth-child(4n) {margin-right:0px;}
	.tab_wrap .tab.five:first-child {margin-bottom: 2px;}
	.tab_wrap .tab.five:nth-child(2) {margin-bottom: 2px;}
	.tab_wrap .tab.five:nth-child(3) {margin-bottom: 2px;}
	.tab_wrap .tab.five:nth-child(4) {margin-bottom: 2px;}
	.tab_wrap_r .tab.six {width: calc((100% - 12px) /4);height: 40px; font-size: 1rem;}
	.tab_wrap .tab.six:nth-child(4n) {margin-right:0px;}
	.tab_wrap .tab.six:first-child {margin-bottom: 2px;}
	.tab_wrap .tab.six:nth-child(2) {margin-bottom: 2px;}
	.tab_wrap .tab.six:nth-child(3) {margin-bottom: 2px;}
	.tab_wrap .tab.six:nth-child(4) {margin-bottom: 2px;}

	.directions {width: 94%;}
	.directions .tit{    font-size: 1.5rem;}
	.directions .sub_tit {	font-size: 1.125rem;}
	.directions .detail_wrap .detail_img {   width: 100%;    padding: 1.5rem 0;}
	.directions .detail_wrap .info_wrap  {width: 100%;padding: 0rem 0 1.5rem;}
	.directions video {width: 100%;}

	.faq_list dt { padding: 10px; }
	.faq_list dt .tit {font-size: 1.1rem;}
	.faq_list dd { padding: 10px; }
	
	.login_wrap {width: 94%; max-width: 300px;}
	#calendar { margin-bottom:30px; }
	.fc-toolbar h2 { font-size: 1.25rem;padding: 0 10px;}
	.fc .fc-row table thead tr th{padding: 10px 0;font-size: 1.1rem;}
	
	.admission_box {padding: 20px;margin: 0 auto 20px;background-size: 200px;}
	.admission_box_l {width: 100%;margin-bottom: 20px;}
	.admission_box_r {width: 100%;}
	.admission_box .tit {font-size: 1.125rem;}
	.admission_box .tit span { font-size: 1.5rem;}
	.admission_box .btn {min-width: 200px; margin-bottom: 5px;}
	.admission_box .btn_link_wrap { margin: 10px 0; }
	.dia {margin-bottom: 5px;}
	
	.vision_tit {font-size: 1.125rem;}
	.vision_top_txt {font-size: 1.25rem;}
	.vision_advance {font-size: 1.175rem;}
	.vision_strategy {font-size: 1.175rem;}
	.vision_top_txt img {width: 40px;}
	.vision_top_txt p {line-height: 1.2em;}
	.vision_box ul li {padding: 10px;font-size: 1rem;}
	.vision_box_g ul li {padding: 10px;font-size: 0.938rem;}
	.vision_circle ul li {font-size: 1.125rem;}
	.tab_big_wrap {display:none; }
	
	.sitemap .sitemap_depth { width: calc((100% - 60px) /4); margin-right: 20px;	}
	.sitemap .sitemap_depth:nth-child(4n){ margin-right: 0px;}	
	.sitemap .sitemap_depth:nth-child(5){ margin-top: 20px;}	
	.sitemap .sitemap_depth:nth-child(6){ margin-top: 20px;}	
	.sitemap .sitemap_depth:nth-child(7){ margin-top: 20px;}	
	
	.flex_wrap {display: inherit;}
	.flex_con {width: 100%;}
	.flex_img {width: 100%;}
	.flex_img img { max-width: fit-content;}
	.btn_move_top {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;}

	
}


@media screen and (max-width:1000px) {
	#main_full .sec2 {background-size: 400px;}
	/*#main_full .sec2 .special_r .img {  width: 400px;}*/
	
	#main_full .sec3 .product_wrap .product ul li { height: auto;}
	
	.industry_wrap .industry { width: calc((100% - 20px) /2); margin-bottom: 20px;padding: 30px 20px 10px;}
	.industry_wrap .industry:nth-child(2n) { margin-right: 0;}	
	.industry_wrap .industry .logo { margin-bottom: 1.25rem;}
	.industry_wrap .industry .logo img { max-width: 120px;}
	.area_wrap .area .img_box { height: 180px;}
	
	.procedure .step { width: 160px; height: 160px; padding-top: 25px;}


	/* product_5_1 */
	.eum5g_cont4_box{width: 100%;display:flex;flex-direction: row;margin:1rem 0;}
	.eum5g_cont4_inner_box{width:90%; margin:0 auto; margin-top:5rem;display:block;}
	.eum5g_cont4_inner1_box{width:80%;}
	.eum5g_cont4_inner2_box{width:80%;}
	.eum5g_cont4_box div{width: 30%;}
	.eum5g_cont4_box ul{width: 70%;}
	
}

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

/*.sub_container {margin: 88px auto 0;}
.sub_visual { margin-top: 50px;}*/
.sub_container .wrapper {padding: 1.875rem 0;}
	
#header nav {   display: none !important;}
	#header {
		height: 50px;
	}
	#header .logo {
		height: 50px;
		/* padding: 20px 0; */
			line-height: 50px;
	}
	#header .logo a {
		width: 77px;
		height: 35px;
		margin: 6px 10px;
	}
	#header.on .logo a {
		width: 77px;
		height: 35px;
		margin: 6px 10px;
	}
	#header .menu_area ul li {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	#header .menu_area ul li a.hambtn {background-size: 24px;}

	.main_slider .txtwrap {    width: 90%;		font-size: 3rem;}
	.sec1:after {left: 5%;}
	.sec1:before {left: 5%;}
	
	#main_full .sec2 {	background-size: 320px;}
	#main_full .sec2 .tit { position: relative;top: 0;font-size: 2.5rem; }
	#main_full .sec2 .name {margin: 0rem 0;}
	#main_full .sec2 .special_l {width: 100%;}
	#main_full .sec2 .special_l .box {margin: 1rem 0;}
	#main_full .sec2 .special_l .box p { height: 40px; max-height: 40px; overflow: hidden;text-overflow: ellipsis; /*white-space: pre; */ }
	#main_full .sec2 .special_r { width: 100%; margin: 1rem auto 0;}
	/*#main_full .sec2 .special_r .img {width: 320px; }*/
	#main_full .sec2 .special_r .img_box {	height: 400px;}
	
	#main_full .sec3 .product_wrap .product_tit {font-size: 2.5rem;}
	#main_full .sec3 .product_wrap .product ul li {	width: calc((100% - 20px) /2); margin-top: 20px; margin-right: 20px; padding: 40px 0;}
	#main_full .sec3 .product_wrap .product ul li:first-child{margin-top: 0px;}
	#main_full .sec3 .product_wrap .product ul li:nth-child(2n){margin-right: 0;margin-top: 0px;}
	#main_full .sec3 .product_wrap .product ul li:nth-child(4n){margin-top: 20px;}
	#main_full .sec3 .product_wrap .product ul li .txt {margin: 1rem auto 1rem;width: 80%; font-size: 0.875rem;}
	#main_full .sec3 .product_wrap .product ul li .btn {width: 120px; min-width: inherit;height: 40px;line-height: 40px;color: rgb(255 255 255 / 100%);background: rgb(255 0 0 / 100%);}
	
	#main_full .sec4 .company_warp .tit { font-size: 1.75rem;}
	#main_full .sec4 .company_warp p {line-height: inherit;}
	#main_full .sec4 .company_warp .arrow {width: 50px;   height: 20px; margin-bottom: 10px;background-size: 50px;}
	
	#main_full .sec4 .business {width: 100%; margin-right: 0px;}
	#main_full .sec4 .business .img {height: 100px;margin-top: 0;}
	
	#main_full .sec4 .client{width: 100%;margin-top: 1.875rem; }
	#main_full .sec4 .client .img {height: 100px;margin-top: 0;}
	#main_full .sec4 .recruit .tit {    font-size: 1.75rem;}
	#main_full .sec4 .recruit .btn {width: 120px; min-width: inherit;height: 30px;line-height: 30px;}
	
	.sub_visual .path_container {width: 100%; margin: -44px auto 0; height: 0px;}
	.sub_visual .path_container.on {	top: 0px;}

	/* path */

	.path { width: 100%; height: auto; /*overflow: hidden;*/ position:relative; z-index:100; }
	.path::after { display: block; content: ''; clear: both; }
	.path .home { width: 44px; height: 44px; line-height: 44px; background: #ff0000;}
	.path .depth_btn { line-height: 44px; font-size: 13px; padding: 0 15px; height: auto; background: #ff0000; min-width:100%;}
	.path .depth_btn:before { height: 44px; }
	.path>div.depth1, .path>div.depth2 { width: calc(50% - 22px); }
	.path>div.depth3 { border-top: 1px #ff6666 solid; width: 100%; margin-bottom: 44px;}
	.path>div.depth3 .depth_btn:before { display: none; }
	.path [class^="depth"] ul { top: 44px; }
	.path [class^="depth"] ul li { height: 32px; font-size: 12px; line-height: 32px; padding: 0 14px; }
	.path>div.depth.user { width: calc(100% - 44px); }
	.path .depth_btn.depth_wide { min-width: 100%; height: 44px; overflow:hidden; }

	.vision_wrap {padding: 0;}
	.vision_wrap .vision {	width: 100%;border-right: none;border-bottom: 1px #ddd solid;padding: 1.875rem;}
	.vision_wrap .vision:last-child {border-bottom: none;}

	.center_gallery .gal_view li {width: calc((100% - 40px) /3);}
	.center_gallery .gal_view li:nth-child(3n) { margin-right: 0;}
	.center_gallery .gal_view li:nth-child(4n) { margin-right: 20px;}
	.center_gallery .gal_view li:nth-child(-n+3) {   margin-top: 0;}
	.center_gallery .gal_view li:nth-child(4) {   margin-top: 2.5rem;}
	.center_gallery .gal_view li:nth-child(5n) {   margin-right: 20px;}	
	.center_gallery .gal_view li:nth-child(6n) {   margin-right: 0px;}
	.center_gallery .gal_view li:nth-child(15n) {   margin-right: 0px;}	
	
	.strategy_wrap {display: inherit;}
	.strategy_wrap .strategy {    width: 100%;margin-right: 0px; margin-bottom: 20px;display: flex;    text-align: left;}
	.strategy_wrap .strategy .icon {margin: 0px 20px 0 0;}
	
	.plan_wrap {    display: inherit;}
	.plan_wrap .plan_l { width: 100%;padding: 15px; }
	.plan_wrap .plan_r { width: 100%;padding: 15px;}
	.plan_wrap .arrow { width: 100%;transform: rotate(90deg);}
	.plan_wrap .tit {font-size: 1rem;padding: 10px 0px; }

	.partners_wrap .partners { width: calc((100% - 20px) /2); margin-bottom: 20px;}	
	.partners_wrap .partners:nth-child(2n) { margin-right: 0;}
	
	/*.procedure .step { width: 120px; height: 120px;padding-top: 20px;}
	.procedure .step span {display: none; }
	.procedure .step_txt {    line-height: 1.2em;}*/
	
	.procedure { display:inherit;}
	.procedure .step {margin: 0 auto;}
	.procedure .arrow {margin: 0 auto; transform: rotate(90deg)}
	
	.products_wrap .products .products_img img { max-width: 150px;/*max-height: 200px;*/}
	
	.strategy_wrap {display: inherit;}
	.intro_wrap {display: inherit; }
	.intro_wrap .intro {    width: 100%;margin-right: 0px; margin-bottom: 20px;display: flex;text-align: left;}
	.intro_wrap .intro .icon {margin: 0px 20px 0 0;}
	.intro_wrap .intro .txt p { float: left;}
	.intro_wrap .intro .txt span {display: block;}
	
	.tab_wrap {border-left: 1px #ccc solid;}
	.tab_wrap .tab {font-size: 0.875rem;padding: 5px 10px; }
	.tab_wrap .tab:first-child { border-left: none; }
	.tab_wrap .tab.eight {font-size: 0.875rem;padding: 5px 0;}
	.tab_wrap_r .tab.five {font-size: 0.875rem;padding: 5px 0;}
	.tab_wrap_r .tab.six {font-size: 0.875rem;padding: 5px 0;}
	.tab_wrap_r .tab.five {font-size: 0.875rem;padding: 5px 0;}
	.tab_wrap_r .tab span {display: block;}
	
	.products_wrap .products.wide .products_img {padding: 1.25rem;}
	.products_wrap .products .products_img { width: 100%;padding: 1.25rem 1.25rem 4rem;}
	.products_wrap .products .products_con { width: 100%;padding: 1.25rem;}
	.products_wrap .products .products_img  {display: flex; flex-wrap: wrap; justify-content: space-around; align-content: center; }
	.products_wrap .products .products_l {width: 100%;}
	.map_wrap {height: 400px; background-size: 1200px;}
	
	.products_wrap .products.sec { display: inherit; }
	.products_wrap .products.sec .products_subtit { width: 100%;padding:1.25rem;font-size: 1.1rem; }
	.products_wrap .products.sec .products_img {width: 100%;padding:1.25rem;}
	/*.products_wrap .products.sec .products_subtit strong { display: inline-block;}*/
	.products_wrap .line_l {border-left: none;}
	
	ul.squre.flex li {width: 100%;}	
	
	.join_wrap .join .btn {	width: auto;}
	.join_wrap { display: inherit; }
	.join_wrap .join {
		width: 100%; margin-right: 0; margin-bottom: 20px;}

}
@media screen and (max-width:640px) {
	html, body { font-size: 13px; }	
	.no_scroll {    min-width: inherit !important;}
	.offcanvas .btn_close { right: 10px; } 
	.offcanvas { width: 100%; margin-right: -100%; }
	.offcanvas .tab { width: 120px; padding-top: 54px; }
	.offcanvas .tab .fixed_wrapper { width: 120px; }
	.offcanvas .h_tablinks { height: 54px; line-height: 54px; padding: 0 12px; }
	.offcanvas .menu_wrapper { width: calc(100% - 120px); }
	.offcanvas .menu_login .wrapper { width:100%; }
	.offcanvas .menu_login {width: calc(100% - 120px);height: 54px;line-height: 54px; padding: 0 0px;}
	.offcanvas .h_tabcontent { margin-top: 54px; }
	.offcanvas .h_tabcontent .sub_nav>li>a { height: 54px; line-height: 54px; padding: 0 20px; }
	.offcanvas .h_tabcontent .menu2_link:after { top: 24px; right: 12px; }
	.offcanvas .h_tabcontent .menu2_link.active:after { top: 30px; right: 12px; }
	.offcanvas .h_tabcontent .depth3 { padding: 18px; }
	.offcanvas .h_tabcontent .depth3 .menu3 { line-height: 24px; }

	.footer_wrap .footer .info span {display: block;}
	
	.top_img {height: 180px;}
	.greeting ul {    display: inherit;}
	.greeting ul li {width: 100%;}
	.greeting p {    word-break: inherit;}
	
	ul.circle.flex li {width: 100%;}
	
	.center_gallery .gal_view li {width: calc((100% - 20px) /2);}
	.center_gallery .gal_view li:nth-child(2n) { margin-right: 0;}
	.center_gallery .gal_view li:nth-child(3n) { margin-right: 20px;}
	.center_gallery .gal_view li:nth-child(-n+2) {   margin-top: 0;}
	.center_gallery .gal_view li:nth-child(3) {   margin-top: 2.5rem;}
	.center_gallery .gal_view li:nth-child(6n) {   margin-right: 0px;}
	
	.area_wrap .area {width: 100%; margin-bottom: 30px; margin-right: 0;}
	
.benefit_wrap .benefit {width: 100%; margin-right: 0;}
	.benefit_wrap .benefit .tit_box{padding: 1rem 0px 0.5rem;}

}
@media screen and (max-width:480px) {
	#main_full .sec2 .special_r img { width: 100%; margin: 1rem auto 0;}
	.footer_wrap .footer .logo {width: 100%;}
	.footer_wrap .footer .info {width: 100%; margin-top: 1rem;}

	.industry_wrap .industry { width: 100%; margin-right: 0;}
	
	/*.element_to_pop_gal.campus { padding: 1.25rem;}
	.element_to_pop_gal.campus img {max-width: 320px;}	*/
	
	.traffic_con {font-size: 0.938rem;}
	.tab_wrap .tab {width: 33.333%; height: auto; min-height: 40px;}
	.fr_btn { float: inherit; margin: 10px 0 10px; }
	.sub_container .contents h5 {text-indent: -20px;    padding-left: 20px;}
	#main_full .sec2 .special_r .img_box {	height: 350px;}
}
@media screen and (max-width:360px) {
	#main_full .sec2 { background-size: 260px;}
	#main_full .sec2 .special_r .img_box {	height: 320px;}
}

@media screen and (max-width:1200px){
.layer_popup1 {position:absolute; width:100%; height: 100%; top:0px; left: 0px; background-color: rgba(0,0,0,0.5); z-index:1002;cursor:pointer; }
.layer_popup1 p {margin: 0 auto; margin-top:50px; text-align: center;}
.layer_popup1 p img {width:300px;}
.layer_popup1 .pop_close {background-color: rgba(0,0,0,0.0); height: 30px; color: #fff; line-height: 30px;text-align: center;}
.layer_popup1 .chk_close {  float: none; margin-top: 0px; margin-right: 0px; text-align: center; }
	
.layer_popup2 {position:absolute; width:100%; height: 100%; top:0px; left: 0px; background-color: rgba(0,0,0,0.5); z-index:1003;
/*    cursor:pointer;*/
    }
.layer_popup2 p {margin: 0 auto; margin-top:50px; text-align: center;}
.layer_popup2 p img {width:300px;}
.layer_popup2 .pop_close {background-color: rgba(0,0,0,0.0); height: 30px; color: #fff; line-height: 30px;text-align: center;cursor:pointer;}
.layer_popup2 .chk_close {  float: none; margin-top: 0px; margin-right: 0px; text-align: center; }
	
.layer_popup3 {position:absolute; width:100%; height: 100%; top:0px; left: 0px; background-color: rgba(0,0,0,0.5); z-index:1001;cursor:pointer; }
.layer_popup3 p {margin: 0 auto; margin-top:50px; text-align: center;}
.layer_popup3 p img {width:300px;}
.layer_popup3 .pop_close {background-color: rgba(0,0,0,0.0); height: 30px; color: #fff; line-height: 30px;text-align: center;}
.layer_popup3 .chk_close {  float: none; margin-top: 0px; margin-right: 0px; text-align: center; }
	
	/* products5_1 */
/* cont3 */
.eum5g_cont3_inner_box{flex-direction: column;justify-content: center;align-items: center;}
.eum5g_cont3_inner_box div{width:90%;max-width:700px; order:0;}
.eum5g_cont3_inner_box ul{width:90%;order:1;margin-top:3rem;}
}