@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){
	
.main_business > li .info{ padding:1em 0 0 4em;}
.main_business > li:nth-child(2n) .info{ padding:1em 4em 0 0 ;}

.main_business > li .info .in_tt{ font-size:2.25em;}
.main_business > li .info .in_tx{ padding:1em 0 0;}
.main_business > li .in_s_list > li .in .in_ix{ padding:1em 1.5em;}
.main_business > li .in_s_list > li .in .in_iz{ height:180px;}	
.main_more a{ margin-top:0;}
	
}
@media screen and (max-width:1500px){
.page_cover .cover_cell .t3{ display:none;}
.page_cover .in_wrap.movr:hover .cover_cell .in_list{top:6em;}
.page_cover .in_list > li > a{ font-size:.938em;}
}

@media screen and (max-width:1430px){
	
.main_business > li .info{ padding:2em 0 0 2.5em;}
.main_business > li:nth-child(2n) .info{ padding:2em 2.5em 0 0 ;}
.main_business > li .info .in_tx{ width:100%;}
.main_section3 .cont > ul > li .txbox .tx{ width:90%;}

.main .box0.st_m{ margin:0 1em;}

.sd_content .sub_sd_con .swiper-slide .in_con{ padding: 0 5em;}
.sd_content .sub_sd_con .sd_paging{ width:90%; margin:0 auto 1.5em;}
.sd_content .sub_sd_con .sd_control .btn i.sd_next{right:0;}
.sd_content .sub_sd_con .sd_control .btn i.sd_prev{left:0;}

}

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

.box0{ margin:0 2em;}

#footer .info_wrap .f_logo{ margin-left:3em;}

#header .top_wrap .gnb_wrap .gnb > li .dp1{ margin-left:0;}
.mainSlider .slogan .box0{  margin:0 5em;}
.mainSlider .slogan{ width:100%;}
.mainSlider .slogan .t2{ font-size:2.5em;}
.mainSlider .slogan .t1{ font-size:1.125em;}
.mainSlider .slogan .t3{ font-size:1.125em;}
.main_business > li .info{ padding:1em 0 0 2.5em;}
.main_business > li:nth-child(2n) .info{ padding:1em 2.5em 0 0 ;}


.pro_tit_b{ padding:45px 0 0 550px;}
.pro_tit_b .box_cont{ padding:0 45px 0 45px;}


}


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

.layoutR{ padding-right:1em; margin-left:1em;}

#footer .info_wrap .f_logo{ margin-left:0em;}

#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:0 1.5em;}
#header .gnb_wrap .gnb > li .dp2{ margin-left:-5.5rem;}

.mainSlider_wrap{ margin-bottom:2em;}

.descon_03 .list > li{ flex:1 33.33%;}
.facility_w .page_viewWrap .page_viewB{ margin:0 auto 1em auto;}

}
 

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

.main_business > li .info .in_tt{ font-size:2em;}
.main_business > li .in_s_list > li .in .in_itt{ font-size:1.125em; margin-bottom:5px;}
.main_business > li .bus_control{ margin-top:.5em;}
.main_business > li .bus_control .btn .in{ font-size:1em;}	
.main_business > li .bus_control .paging{ right:5.5em;}
.main_business > li:nth-child(2n) .bus_control .paging{left:5.5em;}

#footer .f_top{ position:relative;}
#footer .info_wrap .f_logo{ float:none !important; margin-right:0; margin-bottom:20px;}
#footer .info_wrap  .f_info_con{ float:none !important;}
#footer .info_wrap .info{ text-align:center;}
#footer .etc{ margin-top:0; position:absolute; top:10px; right:0;}

.about_content2 .in_tx_box{ padding:7em 10em 6em;}
}

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

.main_business > li .info .in_tx{ font-size:.938em;}
.main_business > li .in_s_list > li .in{ margin:0 7px;}
.main_business > li .in_s_list > li .in .in_itx{ font-size:.875em; -webkit-line-clamp:1; height:22px;}	
.main_business > li .in_s_list > li .in .in_ix{ padding:.7em 1.5em;}

.about_content2 .in_tx_box{ padding:7em 5em 6em;}
.page_cover .in_wrap.movr:hover .cover_cell{ transition:.6s; margin:-60% auto 0;}

}

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

#header .gnb_wrap .gnb > li .dp1{min-width:5em;}
#header .gnb_wrap .gnb > li .dp2{width:9rem; margin-left:-4.5rem;}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em;}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.125em;}

.main_business > li .img .resize{ padding-bottom:130%;}
.main_business > li .in_s_list > li .in .in_iz{ height:150px;}


.pro_tit_b{ padding:45px 0 0 480px;}
.pro_tit_b .box_img{ width:600px;}


}

@media screen and (max-width:1000px){
	
#header .gnb_wrap{ margin-left:1em;}

#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:0 1em;}
#header .top_wrap .gnb_wrap .gnb > li .dp1:after{ display:none;}
#header .top_wrap .all_wrap{ padding:0 .5em;}
#header .etc_wrap .lang .tit .tt{ padding:.5em 2.5em .5em .8em;}

.main_section3 .cont > ul > li .business_area{min-height:412px;}

.pro_tit_b{ padding:45px 0 0 50%;}
.pro_tit_b .box_img{width:60%;}

.img_list{ margin-right:-5px;}
.img_list > li .in_w{ margin-right:5px;}
.img_list.st2{ margin-right:-30px;} 
.img_list.st2 > li .in_w{ margin-right:30px;}


.sect2 .iw_img{ width:100%; padding-right:0;}
.sect2 .sub_tbl.fr{ width:100%; margin-top:1em;}	

.descon_02 .ck_tw{ padding:3.5em 5em 3em;}
.sd_content .sub_sd_con .swiper-pagination-bullet{ font-size:1em;}
.sd_content .sub_sd_con .sd_control{top:53%;}
.sd_content .sub_sd_con .sd_control .btn i{width:2.2em; line-height:2.2em;}
.sd_content .sub_sd_con .swiper-slide .in_con{ padding:0 3em;}
.sd_content .sub_sd_con .sd_control .btn i.sd_prev{left:-.3em;}
.sd_content .sub_sd_con .sd_control .btn i.sd_next{ right:-.3em;}
.sd_content .sub_sd_con .swiper-slide .in_con{ margin-right:-20px;}
.sd_content .sub_sd_con .swiper-slide .in_con .img_c .in{ margin-right:20px;}

.page_tit .t2{ font-size:1.5em;}
}

@media screen and (max-width:950px){
	
.main_business > li .img .resize{ padding-bottom:140%;}
.main_business > li:nth-child(2n) .img .resize{ padding-bottom:130%;}

.map_info1 .t1 span{ margin-right:40px;}
.map_info2 .info_list > li .info{ margin:0 0 0 180px;}

.page_cover{ margin-right:0;}
.page_cover .in_wrap{flex: 1 100%;}
.page_cover .in_wrap.movr:hover .cover_cell{margin:-40% auto 0;}
.ptn_con .ptn_list > li{ width:25%;}
}



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

.PC{ display:none !important}
.PHONE{ display:block !important}

#header .gnb_wrap{ display:none;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2em;}

.mainSlider .slogan .box0{ margin:0 3em;}

.main_box{ padding:3em 0 2em 0;}
.main_business > li{ margin-bottom:4em;}
.main_business > li .in{ display:block;}
.main_business > li .img,
.main_business > li:nth-child(2n) .img{ width:100%;}
.main_business > li .img .resize{ padding-bottom:40% !important;}
.main_business > li .info,
.main_business > li:nth-child(2n) .info{ width:100%; padding:1.5em .5em;}
.main_business > li:nth-child(2n) .info .in_tt,
.main_business > li:nth-child(2n) .info .in_tx{ text-align:left;}
.main_business > li:nth-child(2n) .main_more.ar{ text-align:left !important;}
.main_business > li .bus_control .btn .in{ display:inline-block;}
.main_business > li .bus_control,
.main_business > li:nth-child(2n) .bus_control{ margin:0; margin-right:5px;}
.main_business > li:nth-child(2n) .bus_control .paging{left:inherit; right:5.5em;}
.main_business > li:nth-child(2n) .bus_control .btn{ text-align:right;}
.main_business > li .info .in_tt{ font-size:1.85em;}
.main_tit .t1{ font-size:2.5em;}

.descon_01 .dec_list > li{ flex: 1 50%;}
.descon_01 .dec_list > li:last-child .in_wrap .de_txt{ height:auto !important;}

.main_section3 .cont > ul{ margin:0;}
.main_section3 .cont > ul > li{ width:100%; height:auto !important;}
.main_section3 .cont > ul > li > div{ margin:0;}
.main_section3 .cont > ul > li .business_area{ min-height:auto;}
.main_section3 .cont > ul > li .ceo_area, 
.main_section3 .cont > ul > li .location_area{ width:48.5%; float:left; box-sizing:border-box; margin-top:15px;}
.main_section3 .cont > ul > li .location_area{ float:right;}
.main_section3 .cont > ul > li .txbox{ padding:30px 25px;}
.main_section3 .cont > ul > li .txbox .tt_en{ font-size:1em;}
.main_section3 .cont > ul > li .txbox .t1{ font-size:1.25em; padding-bottom:5px;}	
.main_section3 .cont > ul > li .business_area .txbox{ padding:30px;}
.main_section3 .cont > ul > li .business_area .txbox .t1{ font-size:1.5em; padding-bottom:20px;}

.about_content2{padding: 5em 0 6em}
.about_content2 .in_tx_box{ padding:4em 3em 5em;}
.about_content2 .in_tx_box .tw_tit{ font-size:1.85em;}
.about_content2 .in_tx_box .bar{ margin:30px auto;}
.about_content2 .in_tx_box .tw{ font-size:1em;}
.about_content2 .in_tx_box .ceo{ font-size:1.125em; margin-top:3em;}

.slick-slide{ min-height:auto !important;}
.facility_w .page_viewWrap{ padding-bottom:0;}
.facility_w .page_viewWrap .slider_for{ width:100%; float:none !important;}
.facility_w .page_viewWrap .slider_for .item .img_wrap{ margin:0;}
.facility_w .page_viewWrap .slider_nav .item{ margin-right:0;}
.facility_w .page_viewWrap .slider_nav .item .img_wrap{ margin-right:10px;}
.facility_w .page_viewWrap .page_viewB{ width:80%; float:none !important; margin:1em auto;}
.facility_w .page_viewWrap .control_arrow{ bottom:37%; left:0;}
.facility_w .page_viewWrap .control_arrow li .xi{ width:1.8em; line-height:1.8em;}
.facility_w .page_viewWrap .control_arrow li.prev{ transform:rotate(-90deg)}
.facility_w .page_viewWrap .control_arrow li.next{right:-4em; transform:rotate(-90deg)}

}


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

#contents .sub_visual_wrap .va_wrap{ height:17em;}
#contents .sub_visual_wrap .slogan{ margin-top:-4em;}

#footer .info_wrap .f_logo{ text-align:left; margin-left:1em;}
#footer .f_top .f_top_list{ text-align:left;}
#footer .info_wrap .info{ text-align:left;}

.sub_tit .t1{ font-size:2em;}
.page_tit .t2{ font-size:1.4em;}
.page_tit .tw{ font-size:.938em; display:block; margin-left:0;}

.memo_st .in_ml > li{ font-size:.938em;}

.main_section3 .cont > ul > li .ceo_area, 
.main_section3 .cont > ul > li .location_area{width:100%;}
.main_section3 .cont > ul > li .location_area{ margin-top:0;}

.page_txt_wrap{ display:block !important;}
.page_txt_wrap.flex > *{ padding:.8em 0;}
.page_tit.dp1{ margin-bottom:0;}
.page_txt_wrap.flex > .flex_w2{ margin-left:0;}
.page_txt_wrap.flex > .flex_w2 .midd{ font-size:.938em;}
.page_txt_wrap.flex > .flex_w2 .tt{ font-size:1em;}
.page_txt_wrap.flex > .flex_w2 .midd_tt{ font-size:1.125em;}
.sub_tbl .tbl_st tbody td{ font-size:.938em;}


.sub_bgbox{ padding:4em 0 9em;}
.all_mapWrap{ padding:3em 1em 0;}

.descon_01 .dec_list > li{flex:100%;}
.descon_01 .dec_list > li .in_wrap{ padding:2em 2em 1.5em;}
.descon_01 .dec_list > li .in_wrap .de_icon{ margin-bottom:15px;}
.descon_01 .dec_list > li .in_wrap .de_tit{ font-size:1.125em;}
.descon_01 .dec_list > li .in_wrap .de_txt{ height:auto !important; line-height:1.5;}


.descon_02 .ck_tw{ padding:3.5em 3em 3em;}
.descon_02 .ck_tx{ font-size:.938em;}

.sd_content .sub_sd_con .sd_control .btn i{width:1.8em; line-height:1.8em;}
.sd_content .sub_sd_con .swiper-slide .in_con{ margin-right:-10px; padding:0 2em;}
.sd_content .sub_sd_con .swiper-slide .in_con .img_c .in{ margin-right:10px;}
.sd_content .sub_sd_con .sd_control .btn i.sd_prev{ left:-.7em;}
.sd_content .sub_sd_con .sd_control .btn i.sd_next{ right:-.7em;}



.pro_tit_b .box_cont .in_txt{ font-size:.938em;}

.tab_idx{ margin:-.5em 0 2em -.5em;}
.tab_idx > li > a{ margin:.5em 0 0 .5em; height:3em;}
.tab_idx > li > a .va{ font-size:.938em;}
.tab_idx.sw4 > li{ flex: 1 50%;}

.page_tit .t3{ font-size:1.6em;}
.page_tit .t1{ font-size:1.75em;}
}


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

.box0{ margin:0 1em;}

.mainSlider .slogan .t1{ font-size:.938em;}
.mainSlider .slogan .t2{ font-size:2em;}
.mainSlider .slogan .line{ width:3em;}
.mainSlider .slogan .t3{ font-size:1em;}
.mainControl .mainSlider-btn{ width:2em; line-height:2em;}
.mainControl .mainSlider-btn .xi{ font-size:1.125em;}
.mainNav{ display:none;}


#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{ max-width:50%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:4em;}	
html.l-nav-open .l-nav{ width:80%;}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-80%, 0, 0);
  -moz-transform: translate3d(-80%, 0, 0);
  -o-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}	

.pro_tit_b{ padding:0; margin-bottom:4em;}
.pro_tit_b .box_img{ width:100%; height:280px; position:inherit; top:inherit; left:inherit;}
.pro_tit_b .box_cont{ padding:30px; height:auto;}
.pro_tit_b .box_cont .in_tit{ font-size:1.5em;}


.about_content2 .in_tx_box{ padding:4em 2em 4em;}
.about_content2 .in_tx_box .tw_tit{ font-size:1.5em;}
.about_content2 .in_tx_box .tw_en{ font-size:.938em;}

.map_info2 .info_list > li h3{ font-size:1.25em;}
.map_info2 .info_list > li .info{ margin:0 0 0 140px;}

.descon_03 .list > li{ flex:50%;}
.descon_03 .list > li .inner{ padding:1em 1em;}

.agree_box .con.scrollst{ margin:.8em;}
.agree_box .con{ padding:.8em;}
.cont_check{ font-size:.938em;}

.sd_content .sub_sd_con .swiper-slide .in_con{ margin-right:0; padding:0 3em;}
.sd_content .sub_sd_con .swiper-slide .in_con .img_c{ width:100%;}
.sd_content .sub_sd_con .swiper-slide .in_con .img_c .in{ margin-right:0; margin-bottom:5px;}
.sd_content .sub_sd_con .sd_control{ top:55%;}
.sd_content .sub_sd_con .sd_control .btn i.sd_prev{ left:0;}
.sd_content .sub_sd_con .sd_control .btn i.sd_next{ right:0;}
.sd_content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ width:48%; margin-bottom:18px !important;}

.memo_st{ padding:1.5em 1em;}

.facility_w .page_viewWrap .slider_nav .item .img_wrap{ margin-right:5px;}
.facility_w .page_viewWrap .control_arrow li .xi{ width:1.6em; line-height:1.6em;}
.facility_w .page_viewWrap .control_arrow li.next{right:-3em;}
.facility_w .page_viewWrap .control_arrow li.prev{left:-3em;}

.page_cover .in_wrap.movr:hover .cover_cell{margin:-64% auto 0;}
.page_cover .cover_cell .t2{ font-size:1.85em;}
.page_cover .in_list > li > a{ font-size:.875em;}

}


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

#header .etc_wrap .lang .tit .tt{ font-size:.875em;}
#contents .sub_visual_wrap .sub_gnb_wrap{ display:none;}
#contents .sub_visual_wrap .slogan{ margin-top:0;}
#contents .sub_visual_wrap .slogan .tit{ font-size:1.6em;}
#contents .sub_visual_wrap .slogan .nav{ letter-spacing:2px;}
#contents .sub_visual_wrap .va_wrap{ height:11em;}
#contents .sub_visual_wrap .slogan .sec{ margin:.5em auto;}
.load #contents .sub_visual_wrap .slogan .sec{ width:2em;}

.sub_tit .t1{ font-size:1.5em;}
.map_info1 .t1 span{ display:block; text-align:left; font-size:.938em; margin-right:0;}
.map_info2 .info_list > li.bus .info span,
.map_info2 .info_list > li.subway .info p{ font-size:.938em;}
.map_info2 .info_list > li h3{ font-size:1.125em;}

.page_tit .t3{ font-size:1.5em;}

.sect2 .iw_img img{ box-sizing:border-box; width:100%;}
.img_list > li{ width:100%;}

.wrap_map{ height:300px !important;}
.map_info2 .info_list > li h3{ float:none;}
.map_info2 .info_list > li h3 .xi{ vertical-align:middle;}
.map_info2 .info_list > li .info,
.map_info2 .info_list > li.subway .info{ margin:0; margin-top:15px;}

.descon_03 .list > li{flex:100%; margin-bottom:0;}
.descon_03 .list > li .inner{ border-left:none; border-bottom:1px dashed #ddd; padding:2em 0;}

.mainSlider .el{ }
.mainSlider .slogan .box0{ margin:0 2em;}
.mainControl{ bottom:2em;}
.main .box0.st_m{ margin:0;}
.main_box{ padding:2em 0 0;}
.main_tit .t1{ font-size:1.8em;}
.main_business > li{ margin-bottom:2em;}
.main_business > li .img .resize{ padding-bottom:65% !important;}
.main_business > li .info .in_tt{ font-size:1.4em;}	
.main_business > li .info .in_tx{ line-height:1.5;}
.main_business > li .info, 
.main_business > li:nth-child(2n) .info{ padding:1.5em 0;}
.main_business > li .in_s_list > li .in{ margin:0 3px; box-shadow:0 0 5px rgba(0,0,0,0.15);}
.main_business > li .in_s_list > li .in .in_itt{ font-size:1em; font-weight:500;}
.main_business > li .in_s_list > li .in .in_itx{ height:44px; -webkit-line-clamp: 2;}
.main_business > li .in_s_list > li .in .in_ix{ padding:.7em 1em;}

.main_section3 .cont > ul > li .business_area .txbox .t1{ font-size:1.4em;}
.main_section3 .cont > ul > li .txbox .tt_en{ padding-bottom:2px; font-size:.938em;}
.main_section3 .cont > ul > li .business_area .business_list .tx > li > a{ margin-top:7px;}
.main_section3 .cont > ul > li .business_area .business_list .tt{ font-size:1.125em;}
.main_section3 .cont > ul > li .business_area .txbox{ padding:30px 25px;}
.main_section3 .cont > ul > li .p_btn{ width:2.2em; line-height:2.2em; font-size:1em;}

.goTop{ display:none !important;}

#footer .info_wrap .f_logo{ margin-left:.5em;}
#footer .info_wrap .f_logo img{ width:110px; margin-top:.2em;}
#footer .f_top .f_top_list{ margin:.5em 0 1em;}
#footer .f_top .f_top_list li{ padding:0 15px; font-size:.9em;}
#footer .info_wrap .info > li{ margin:0 1em; font-size:.9em;}
#footer .etc{ width:11em;}
#footer .site_wrap .siteBtn{ width:11em;}
#footer .copyright{ font-size:.65em;}

.about_content2 .in_tx_box{ text-align:left;}
.about_content2{ padding:3em 0 4em;}
.about_content2 .in_tx_box .tw.page_sec3{ margin-top:2em;}
.about_content2 .in_tx_box .ceo{ margin-top:2em; text-align:right;}


.page_tit.dp1{ font-size:1.25em;}
.page_txt_wrap.flex > .flex_w2 .midd{ font-size:.9em;}
.do_list > li:before{top:10px;}
.tab_idx > li > a .va{ font-size:.85em; line-height:1.3;}
.tab_idx.sth3 > li > a{ height:3.5em;}
#contents .doc{ padding:3em 0 9em;}
.memo_st{ padding:1em;}
.memo_st .in_ml > li{ font-size:.875em;}

.descon_02 .ck_bk{ padding:3em 0;}
.descon_02 .ck_tw{ padding:3.5em 1em 3em;}
.page_tit .t2{ font-size:1.25em;}
.descon_02 .ck_tx{ font-size:.9em;}

.pro_tit_b .box_img{ height:210px;}
.pro_tit_b .box_cont{ padding:30px 20px;}
.pro_tit_b .box_cont .in_tit{ font-size:1.3em;}
.pro_tit_b .box_cont .in_txt{ font-size:.9em;}

.sd_content .sub_sd_con .sd_control{top:58%;}
.sd_content .sub_sd_con .swiper-pagination-bullet{ font-size:.938em;}

#header .logo{width:120px; height:auto;}
.facility_w.page_sec2{ margin-top:1em}
.facility_w .page_viewWrap .page_viewB .pro_tw .pro_name{ font-size:.875em; padding-bottom:5px;}
.facility_w .page_viewWrap .control_arrow{bottom:30%;}

.page_cover .cover_cell .t2{ font-size:1.5em;}
.page_cover .in_wrap.movr:hover .cover_cell .in_list{ top:4.5em;}
.page_cover .in_list > li{width:100%;}
.page_cover .in_list > li > a{ padding:.2em; margin:0 5px 5px;}
.page_cover .in_wrap.hAuto{ height:350px !important;}
.page_cover .in_wrap.movr:hover .cover_cell{ margin:-55% auto 0;}

.ptn_con .ptn_list > li{ width:33.33%;}

/**/
.page_cover .cover_cell .in_list{ display:none;}
.page_cover .in_wrap.movr:hover .cover_cell{ margin:0 !important;}
.page_cover .in_wrap.movr:hover .cover_cell .t1{ display:block;}
.page_cover .in_wrap.movr:hover .cover_cell .icon{ display:block;}
.page_cover .in_wrap{ margin:0; margin-bottom:10px;}
.page_cover .in_wrap.hAuto{ height:250px !important;}
.about_content2 .scrollAni.moveT{ opacity:1 !important; transform:translateY(0em) !important; visibility:inherit !important;}
.mo_link_b{ position:absolute !important; top:0; left:0; width:100%; height:100%; display:block;}
.page_cover .in_wrap.hAuto{ position:relative;}

#contents .subNav_wrap{ display:block;}
#contents .sub_visual_wrap .va_wrap{ height:13.5em;}
#contents .sub_visual_wrap .slogan{ margin-top:-3em;}
#contents .subNav_wrap .nav div[class^="depth"] .tt{ padding:0 45px 0 20px; width:100%; box-sizing:border-box;}
#contents .subNav_wrap .nav div[class^="depth"] .tt:after{ right:10px;}
#contents .subNav_wrap .nav .gnb li > a{ padding:10px 20px;}
#contents .subNav_wrap .nav div[class^="depth"]{ width:40%;}

.sub_tit .tw_x{ font-size:1em; width:98%;  margin:-1em auto 2em;}
.facility_w .page_viewWrap .slider_for .item .img_wrap .resize .img_iw:before{ width:100px; height:45px; margin-left:-50px; margin-top:-24.5px;}
.facility_w .page_viewWrap .slider_nav .item .resize .img_iw:before{ width:40px; height:16px; margin-left:-20px; margin-top:8px;}
}

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

.mainSlider .slogan .t1{ font-size:.835em; letter-spacing:0;}
.mainSlider .slogan .t2{ font-size:1.55em;}
.mainSlider .slogan .t3{ font-size:.938em;}
.mainSlider .slogan .line{ margin:1.2em 0;}

.main_business > li .in_s_list > li .in .in_iz{ height:120px;}

.about_content2 .in_tx_box{ padding:3em 1em 3.5em;}
.about_content2 .in_tx_box .tw_en{ letter-spacing:2px;}
.about_content2 .in_tx_box .tw_tit{ font-size:1.3em;}
.about_content2 .in_tx_box .tw{ font-size:.938em;}

.facility_w .page_viewWrap .control_arrow li .xi{ width:1.4em; line-height:1.4em; font-size:1.3em;}
.facility_w .page_viewWrap .control_arrow li.next{right:-2.5em;}
.facility_w .page_viewWrap .control_arrow li.prev{left:-2.5em;}
.facility_w .page_viewWrap .page_viewB .pro_tw{ margin-bottom:1em}

.nav_close .xi-close{ font-size:2em !important; top:30px !important;}
.page_tit .t1{ font-size:1.5em;}	
.ptn_con .ptn_list{ margin-right:-5px;}
.ptn_con .ptn_list > li .in{ margin-right:5px; margin-bottom:5px;}
}

@media screen and (max-width:420px){
.page_cover .in_wrap.movr:hover .cover_cell{ margin:-65% auto 0;}	
}