@media screen and (max-width: 1720px) {
	.menu>li>a {min-width:125px}
	.sub_2 {margin-left:-15px}
}
@media screen and (max-width: 1600px) {
	.all_box {right:1rem;}
	#gnb h1 {left:1rem}
}

@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:22px}
	.mb_header .fr {position:absolute;right:0;top:1rem}
	.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 {width:100%;padding:2rem 1rem;left:0px;margin-left:0px;top:0px;}
	#topmenu_wrap h1 {margin-top:0px;}
	#topmenu_wrap h1 img {height:35px;}
	#mb_gnb, .mb_header {display:block}
		.mb_menu  {background:none;border:0px;}
		.main_quick {display:none}
		.con_title {margin-top:4rem}
.con_in {padding:0 1rem 6rem;border-top:1px solid #ddd;}
	 .aside-backdrop.in, .aside.in {display: block  !important}
    .main_wrap {margin:0 0}
		
		
}
@media screen and (max-width: 1300px) {
	.bx-wrapper .bx-controls-direction a {display:none}
.company_2 .right {width:auto;padding-left:0}
.sub_visual {height:360px}
}

@media screen and (max-width: 1800px) {
	#gnb h1 {margin-right:2rem;}
	#main_visual {margin:0}
}

.mo_img {display:none !important;}
@media screen and (max-width: 1024px) {
	
	.mo_on_top h1 img,
	
	#sub_bar_in {margin:0;height:50px}
	 #footer_inner img, #top_right, #hidden_logo {display: none}
	
	.notice_in>div>a>img, .prod_li>li img {width:100%}

	.mo_on_top .fr {right:1rem;top:3rem}
	.right_lang li a {font-size:1.2rem;padding:0.5rem 2rem;}
	.right_lang {margin-left:0;margin-right:2rem}
	.tab_con2 {margin:0 3rem}
	

	
		#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_wd {width:100%;display: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}
	.family_wrap,
	.sns_ic>div {float:none;margin:auto}
	.family_wrap .family_inner2 {margin:auto}
	.benefit_li>li {width:50%}
	.mainVisual .slick-prev,
	.mainVisual .slick-next {display:none !important}
	.mainVisual {height:600px}
	#footer {padding:3rem 2rem}

	.mainVisual .slick-dots {left:0;text-align:center;top:auto;bottom:13rem;}
    .main_con1 {padding:4rem 1rem}
    .our_li>div {width:100%;}
    .cont2_bx {margin:0 1rem}
    .foot_btm {margin-top:2rem;padding-top:2rem;padding-bottom:0;}
    #footer>div>div:nth-child(3) {padding:0}
    .foot_box3 .st4 {margin-top:1rem;}
    .foot_box3>div {display:block;margin-bottom:1rem;}
    .foot_box3>div:nth-child(1) {width:100%;padding:0;}
    #footer .st1 a {margin-top:1rem}
    .cont2_bx li {width:33.3333%}
    #footer>div>div{display:block;margin-bottom:1rem}
    .sub_con {padding:0 1rem}
    
    .element_to_pop_up {min-width:100%;}
.b-iframe {width:100%;height:500px}
.location_bx>div.bx1 {width:10%;}
.location_bx>div.bx2 {width:90%}

}

	
@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:3rem ;}
	.sub_title.mt60 {margin-top:3rem !important}
.sm_wrap>div {width:50%;}
.sm_wrap>div:nth-child(2n+1) {clear:both}
.sm_wrap>div:nth-child(3n+1) {clear:inherit}
	.sub_visual {height:223px}
.mt20 {margin-top:10px !important;}
.mt30 {margin-top:20px !important;}
.mt40 {margin-top:20px !important;}
.mt50 {margin-top:30px !important;}
.mt60 {margin-top:40px !important;}
.mt70 {margin-top:50px !important;}
.dot_st1 img {height:60px}
.bxslider .slick-dots {left:-21px;margin-left:0;top:40%}
.visual_txt {left:1rem;margin-left:0;top:55%}
.visual_t_b .mo_img {height:200px}
.main_con {position:relative;display:block;bottom:auto;top:-71px;overflow:hidden}
#footer {overflow:hidden}
    .mslider_in_in {padding:0 1rem}
    .mainVisual .slider .slidesItem .items {background-position: 90% bottom  !important}
.mslider_in_in .txt1>p {line-height:3rem}
    .visual_btm {width:100%;border:1px solid #ddd;margin:0}
    .main_con1_txt {width:100%;margin-top:0;position: relative;right:0;padding-right:2rem}
    .foot_btm {background:none}
    .sub_con>div.left {display:none}
    .sub_visual>div .st1 {font-size:3rem;}
    .sub_con>div.right .t_txt1 {margin-top:4rem;}
    .sub_con>div.right .box1>div div.st1 {padding:1rem;min-height:auto}
    .sub_con>div.right .box1>div{float:none;width:100%}
    .sub_con>div.right .right_img,
    .sub_con>div.right .left_img {padding:0}
    .sub_con>div.right .right_img .img {position: relative;top:0;}
    .sub_con>div.right .left_img .img {position: relative}
    .sub_con>div.right {padding:4rem 0;display:block}
    .heat_box>div>div.left {width:100%;display:block}
    .heat_box>div>div.right li:before {top:7px}
    .heat_box>div {padding:1rem}
    .col3_img p{margin-bottom:0}
    .col3_img li{width:50%;margin-bottom:2rem}
    .con3_mt110,
    .design_bx2{margin-top:2rem}
    .design_bx2 .left,
    .design_bx1 .left {position: relative;top:0}
    .design_bx2,
    .design_bx1 {position: relative;padding:0}
    .epcs_li>li {width:50%;}
    .epcs_li>li:nth-child(2n+1) {clear:both}
.location_bx>div.bx1 {padding:0}
.sub_con {min-height:auto}
.location_bx3 li a {min-width:140px}
.location_bx2 li {float:none;width:100%;border:0}
.location_bx>div {display:block;height:auto !important}
.location_bx>div.bx2 {background:none}
    .con_tb1 {word-break: break-all}
    .con_box2_br {padding:0;margin:0;border:0}
    .con_box2_3>div>div>div {width:100%;margin-bottom:3rem;}
    .vr_map {padding:0}
    .tabcontent>div iframe {height:300px}
    .vr_map .tab button {padding:1.5rem 0}
    .vr_map .tab {position: relative;left:0;width:100%;top:0;}
    .heat_box>div>div.right {padding:0;display:block;margin-top:2rem;}
    .location_bx>div.bx2 {padding:0;margin-top:1rem}
    .location_bx>div.bx2,
     .location_bx>div.bx1 {width:100%;}
    .vr_w2 img {height:50px} 
}
@media screen and (max-width: 765px) {
	
}