@media screen and (max-width: 1700px) {

	.all_box {right:2rem}
	.logo_b {left:2rem}
}
@media screen and (max-width: 1650px) {
	#gnb h1{margin-right:0}
	
	.right_ic {right:4rem;}
}
@media screen and (max-width: 1500px) {
   .menu>li>a {padding:4rem}
   .sub_menu_wrap {margin-left:-60px;}
}
@media screen and (max-width: 1400px) {
	#footer .footerArea {margin:0 1rem}
	/*#main_visual {height:550px}*/
	.mb_header {position:relative}
	.logo {height:53px;width:168px;}
	.mb_header  button {}
	.mo_on_top  button img,
	.mb_header  button img {height:17px}
	.mb_header .fr {margin-top:10px}
	.icon-bar {
	    background-color: #333;
	    width: 25px;
	    height: 3px;
	    display:block;
	    margin-bottom:3px
	}
		.top_top {display:none}
	#top_bar_wrap, #gnb {display:none}
	#topmenu_wrap {padding:1.5rem 1rem;;left:0;right:0;}
	#topmenu_wrap h1 {margin-top:0px;}
	#topmenu_wrap h1 img {height:40px;}
	#mb_gnb, .mb_header {display:block}
		.mb_menu  {background:none;border:0px;}
		
 .aside-backdrop.in, .aside.in {display: block  !important}

.mo_top {position: fixed;right:2rem;bottom:2rem}
.mo_top img {height:90px}
.symbol-target {height:0;margin-top:0;padding-top:0} 
	
}
@media screen and (max-width: 1300px) {
	.bx-wrapper .bx-controls-direction a {display:none}

}

@media screen and (max-width: 1800px) {
	#gnb h1 {margin-right:2rem;}
	#main_visual {margin:0}
}
@media screen and (max-width: 1600px) {
    .fcont2 {padding:0}
	
}
.mo_img {display:none !important;}
@media screen and (max-width: 1024px) {
	
	.mo_on_top h1 img,
	
	
	 #footer_inner img, #top_right, #hidden_logo {display: none}
	

	
		#footer_wrap .sns_ic img {height:50px}
	#footer_wrap .sns_ic {right:2rem; top:3rem;}

	
	#footer_inner {padding:2rem 2rem 3rem 2rem ;background:none;text-align:center;}
		.mo_img {display:inline-block !important}
		.mo_tel {position: fixed;right:2rem;bottom:2rem;z-index: 999}
	.pc_img {display:none !important}
	#footer_wrap .sns_ic {position:relative;top:0;right:0;}
	.visual_box span {width:100%}
	#footer_inner .st1 {margin-top:2rem}
	.main-slider .slick-prev,
	.custom_paging,
    .main-slider .slick-next {display:none !important;}
    .mslider_in {margin-left:0;left:0;padding:0 2rem;}
    .main-slider img {height:500px;}
    .main_con1 {padding:8rem 1rem}
    .mainVisual .img_dummy {height:700px;}
     .organization_li>li {width:33.333333%}
     .renew_ideolgy2 .img {position: relative;}
     .renew_ideolgy2 {padding:0;}
     .renew_ideolgy2 .st1,
     .renew_ideolgy .st1 {margin-top:2rem;}
     .renew_ideolgy2 .txt {text-align:left !important;}
     .renew_ideolgy>div {display:block;width:100% !important;;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {width:101% !important}
.mainVisual .active-item .items,
.mainVisual .items,
.mainVisual {height:auto}
}

	
@media screen and (max-width: 768px) {

	.content {width:100% !important;}
	#mb_gnb h2 {border-bottom:1px solid #ddd;font-size:14px;padding:20px 10px}
	
	.main_title {font-size:25px}
	

	.foot_bar>ul>li>a {width:25%}
	.bx-wrapper img {width:100%}
	.dropdown-content {width:100%;float:none;}
	.dropdown {width:100%;float:none}
	 .dropbtn  {width:100% !important;height:50px;vertical-align:middle;padding-left:1rem;width:auto}
	 .dropdown-content a {padding:10px 0px;padding-left:1rem;padding-right:3rem;width:auto;line-height:2rem}
	.sub_title {margin-bottom:3rem;padding-bottom:2rem ;}
	.sub_title.mt60 {margin-top:3rem !important}


.mt20 {margin-top:10px !important;}
.mt30 {margin-top:20px !important;}
.mt40 {margin-top:20px !important;}
.mt50 {margin-top:20px !important;}
.mt60 {margin-top:40px !important;}
.mt70 {margin-top:50px !important;}

.mt80 {margin-top:50px !important;}


.mslider_in_in .m_st3 {font-size:1.5rem}
.mslider_in_in .m_st3 {padding:1rem 4rem}
.mslider_in_in .m_st2 {font-size:2rem}
.mslider_in_in .m_st1 {font-size:2.5rem;line-height: 3rem;}
.mainVisual .slick-dots {display:none !important}


    .mo_img2 {display:inline-block !important}
    .pc_img2 {display:none !important}
.main_con2 .st2 {font-size:3rem;}
.main_con2 {padding:8rem 0}
.main_con3 {padding:7rem 1rem}
.main_con3 .st3 li a>div {display:block;}
.main_con3 .st3 li:hover a,
.main_con3 .st3 li a {background:none;}
.main_con3 .st3 li {padding:1rem 0 3rem}
.main_con3 .st7 a {font-size:1.8rem}
.main_con3 .st4 {font-size:4rem;}
.fcont2 .fr {float:none;margin-top:2rem;display:inline-block;}
.main_con3 .st3 li a>div {padding:0;margin-top:2rem;}
.main_con3 .st3 li a>p {display:block;width:100%;text-align:left !important;}
.family_list {bottom:41px;width:100%;}
.main_con1 {background:none}
.pc_br {display:inline}
.mslider_in_in .text01 {font-size:2rem;}
.main_con3 .st3 {margin-top:30px !important}
.main_con3 .st1 {font-size:4rem}
.mslider_in_in .text04 {font-size:1.8rem}
.mslider_in_in .text02 {font-size:5rem;}
    #sub_bar_in {width:100%;}
     #sub_bar_in>ul{width:100%;display:table;table-layout:fixed}
    #sub_bar_in>ul>li {display:table-cell;float:none;width:100%;}
    #sub_bar_in .home_ic {padding:0;}
.dropdown-content {width:100%;float:none;}
    .dropdown {width:100%;float:none}
     .dropbtn  {width:100% !important;height:50px;vertical-align:middle;padding-left:1rem;width:auto}
     .dropdown-content a {padding:10px 0px;padding-left:1rem;padding-right:3rem;width:auto;line-height:2rem}
.sub_visual {height:270px;}
.sub_con {padding:7rem 1rem}
    .mainVisual .img_dummy {height:500px;}
    .history_li .st1:after,
    .history_li .st1:before,
    .company_bg>span {display:none}
    .history_li .st1 {margin:2rem 0}
    .greeting_wp {padding:0;}
    .greeting_wp .img {position: relative;margin-bottom:2rem;}
    .organization_li>li {width:50%}
    .wrap_map {height:300px !important;}
    .map_txt3>span {margin-bottom:1rem;display:block;}
    .history_li .st3{min-height:130px;}
    .map_txt2 {display:block;margin-left:0;margin-top:2rem;}
    .history_li .st1 {font-size:2rem;}
    .history_li .st3 p {font-size:1.5rem}
    .history_li .st2 {padding:0}
    .view_in>div:nth-child(1),
    .view_in>div:nth-child(2) {width:100%;float:none}
    .view_in>div:nth-child(2) {padding-left:0;margin-top:10rem}
    .product_li>li {width:100%;}
    .news_li>li {width:100%;float:none}
    .notice_bar select  {width:100%;margin-bottom:0.5rem}
    .search_bar {padding:0px 1rem 1rem 1rem;}
    .search_bar p,.search_bar div {width:100%;float:none}
    .search_bar div input[type="text"] {width:100%}
    .sub_visual>p{font-size:3.5rem;}
.sub_title {font-size:3rem;}
.contact_li2>div {width:100%;float:none;margin-bottom:1rem;}
.contact_txt1 span {margin-bottom:1rem;display:block;}
    .history_li .st3 div,
    .history_li .st2>div {font-size:1.4rem;}
    .history_li .st2 {min-height:100px;}
    .c004_ht_row,
    .c004_ht_enty,
    .c004_ht_t_f {display:none;}
    .c004_ht_t_year {margin-bottom:-2rem;}
    .c004_ht_year > div {margin-bottom:-1rem;}
    .c004_ht_year {width:100%;display:block;}
     /*.history_li>li:nth-child(1) .st2,
    .history_li>li:nth-child(2) .st2 {min-height:auto;}*/
    .history_li>li {padding:0 3px;width:33.3333%;}
    #topmenu_wrap h1 {margin-top:-1rem;margin-left:-1rem;}
    .company_bg {background-size:cover;padding:5rem 3rem;background-position:0 50%;}
}
@media screen and (max-width: 765px) {
	
}

