@media screen and (max-width: 1700px) {

	.all_box {right:2rem}
	#footer {padding:2.5rem 2rem}
	.right_ic {right:2rem}
	.logo_b {left:2rem}
}
@media screen and (max-width: 1650px) {
	#gnb h1{margin-right:0}
	/*#main_visual {height:550px}*/
	.menu>li {width:165px}
}
@media screen and (max-width: 1500px) {
   
    .menu>li {width:157px}
}
@media screen and (max-width: 1400px) {
	
	/*#main_visual {height:550px}*/
	.mb_header {position:relative}
	.mb_header  button {}
	.mo_on_top  button img,
	.mb_header  button img {height:21px}
	.mb_header .fr {margin-top:12px}
	.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:46px;}
	#mb_gnb, .mb_header {display:block}
		.mb_menu  {background:none;border:0px;}
		
 .aside-backdrop.in, .aside.in {display: block  !important}
	 #footer {padding:2rem 1rem}
  #footer .st3 li {margin-left:0;margin-right:1rem;}
  #footer .st4,#footer .st5 {text-align:left !important;}
 .right_top {padding:2rem 0}
	
.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}
	.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}
.sub_bg {padding:13rem 0}
.sub_con {padding:7rem 1rem 10rem}
.con2_bx,
.con1_bx {padding:0;min-height:auto}
.con2_bx .img,
.con1_bx .img {position: relative;}
.con2_bx .st2 ,
.con1_bx .st1 {padding-top:2rem;}
.con2_bx {margin-top:3rem;}
.con3_bx {margin-top:3rem;padding:10rem 0}
.con3_bx:before {height:100%;top:0;}
.mslider_in {margin-left:0;left:0;padding:0 2rem;}
.history_bg .img {position: relative;}
.history_bg {padding:0;}
.sm_wp>div {width:100%;float:none;}
.mainVisual .slick-dots {max-width:inherit; width:auto;left:2rem;margin-left:0;}
.product_r .txt1,
.product_l .txt1 {min-height:auto;}
.product_r .img,
.press_wp .img {position: relative;}
.product_l,
.product_r,
.press_wp {padding:0;}
.product_l .img {position: relative}
}

	
@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-arrow {display:none;}
    .mo_img2 {display:inline-block !important}
    .pc_img2 {display:none !important}

.family_list {bottom:41px;width:100%;}
.pc_br {display:inline}
.quick_ic {display:none;}
.search_1 input[type="text"] {width:90%}
.search_bg>div>div {padding:0 2rem;}
.main_con1 {padding:23rem 3rem 0 3rem}
.main_con2 {padding:0 1rem;}
.main_con2 p a {padding:1.5rem 5rem;}
.main_con4 {padding:6rem 1rem}
.foot_ar img {display:none}
.sns_ic {margin-top:0;}
.fcon_top2 {padding-bottom:3rem;margin-bottom:2rem;}
.fcont_bt   .fl {width:100%;float:none;}
.fcont_bt  .fr {float:none;text-align:left !important;margin-top:2rem;}
.family_wrap .family_inner2 {width:100%;}
.fcont_bt{padding-top:0;width:100%;}
.foot_ar {position: relative;bottom:0;text-align:left !important}
.main_con4 li {width:33.333%;padding:1rem;}
.main_con3 {padding:7rem 2rem;background-position:60% 50%;}
.main_con3>div>p:nth-child(2) {margin-top:2rem;}
.main_con3>div>p {width:100% !important;display:block;}
.main_con1 .st1 {font-size:55px;line-height:40px;}
.history_bx:before {display:none}
.history_bx>div,
.history_bx>p {display:block;width:100%}
.history_bx>div {padding:2rem 2rem 4rem;}
.history_bx li p:nth-child(1) {width:60px;}
.certificate_wp>li {width:50%;}
.map_txt3 {text-align:left;}
.root_daum_roughmap .wrap_map {height:300px !important;}
.map_txt3 {padding-top:3rem;}
.map_txt3 div {border:0;margin-bottom:2rem;}
.map_txt3>li {width:100%;float:none;}
.history_bx>p {top:0;padding-bottom:2rem;}
#element_to_pop_up3, #element_to_pop_up4 {left:0 !important;width:100%;}
#element_to_pop_up3 .box_pop, #element_to_pop_up4 .box_pop {width:100%;height:400px;}
.sub_tab li,
.sub_tab.tab6 li,
.sub_tab.tab4 li,
.sub_tab.tab5 li {width:50%}
.sub_tab a {padding:1rem 0}
.main_con4:before {height:700px}
.mslider_in {;height:100vh;}
.mslider_in_in {display:block;position:absolute;bottom:2rem;left:2rem;padding-right:2rem;z-index: 999;vertical-align: inherit;;}
.bulk_li>div>span {width:80px;}
.bulk_li>div {width:100%;float:none;margin-top:1rem;}
.notice_faq .beefup3 .beefup__body {padding-left:20px;}
.notice_faq .beefup3 .beefup__head:after,
.notice_faq .beefup3.is-open .beefup__head:after,
.sealing_bg:before {display:none;}
.quick_ic5 {right:2rem;bottom:2rem;}
.quick_ic5 img {height:90px;}
}
@media screen and (max-width: 765px) {
	
}

