@media screen and (max-width: 1400px) {
	
	#main_visual {height:550px}
}
@media screen and (max-width: 1300px) {
	.bx-wrapper .bx-controls-direction a {display:none}

}
@media screen and (max-width: 1146px) {
	
	.menu>li>a {padding:0 1.5rem;font-size:1.6rem}
	.sub_menu li a{width:87px;font-size:1.3rem}
	
}

@media screen and (max-width: 940px) {
	#gnb h1 img {height:20px}
	#gnb h1 {margin-right:0rem;}
	.menu>li>a {padding:0 1rem;font-size: 1.5rem;}
	.right_sm {margin:3.3rem 0px 3.3rem 0rem}
	.family_wrap .family_inner2 .family button{padding: 0.8rem 1.8rem 0.8rem 0.5rem;font-size:1.1rem}
	.pro_list>li {width:33.333333%}
	.sub_menu li a{width:75px;font-size:1.2rem;}

}
@media screen and (max-width: 780px) {
	#content1_1>div {float:none !important;width:100% !important;padding-top:450px}
	
}
	.mo_img {display:none !important;}
@media screen and (max-width: 765px) {
	.mo_img {display:inline-block !important;}
	.pc_img {display:none !important}
	#main_visual {height:460px}
	#top_bar_wrap, #gnb {display:none}
	#topmenu_wrap {width:100%;position:relative;padding:20px 10px;left:0px;margin-left:0px;top:0px;background:none;}
	#topmenu_wrap h1 {margin-top:0px;text-align: center}
	#mb_gnb, .mb_header {display:block}
	.mb_header h1 {width:80%}
	.mb_header .menu_btn {width:20%}
	#sub_bar_wrap, #footer_inner img, #top_right, #hidden_logo {display: none}
	
	.icon-bar {
	    background-color: #333;
	    width: 25px;
	    height: 3px;
	    display:block;
	    margin-bottom:3px
	}
	.notice_in>div>a>img, .prod_li>li img {width:100%}
	.mb_menu  {background:none;border:0px;}
	.content {width:100% !important;}
	#mb_gnb h2 {border-bottom:1px solid #ddd;font-size:14px;padding:20px 10px}
	 .aside-backdrop.in, .aside.in {display: block  !important}
	
	#footer_inner {padding:30px 10px;background:none;text-align:center;}
	.main_title {font-size:25px}
	.main_banner>div {width:100%}
	.main_banner {margin-left:0px;margin-top:-17rem}
	.main_con {padding:0px 2rem;margin:3rem auto}
	.main_banner>div {padding:0;margin-bottom:2rem}
	.main_banner>div>div {padding:2rem}
	.main_banner>div>div .txt2 {margin-top:3rem}
	.main_con2>div {margin:0px;padding:0px 2rem}
	.main_con2>div>div {width:100%;float:none;padding:0;margin-bottom:3rem}
	.qna_wrap>li .txt1 {width:200px}
	.qna_wrap>li {line-height:3rem;padding:1rem}
	.main_con_wrap {background:none}
	.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_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_visual {display:none}
	#sub_bar_in {margin-top:0}
	#sub_wrap {padding:0px 2rem;margin:4rem 0}
	.con1 {margin:-8rem 1rem 1rem 1rem;padding:1.5rem}
	.con1 table th {padding-left:0.5rem;}
	.con_wrap2 {padding:5rem 2rem;}
	#sub_bar_in .home_ic {padding-top:0}
	.con_wrap3 {padding:7rem 2rem}
	.con_wrap3 li {width:50%}
	.location_wrap>li {width:100%;float:none}
	.performance_wrap>div {width:100%}
	.performace_in2 {margin:0px 2rem}
	.product_list>li {width:50%}
	.catalog_list>li {width:50%}
	.con1 table th {width:25%;}
	 .notice_top>div>div, .notice_top>div {width:100%;position:relative}
	 .notice_top>div>div input[type="text"] {width:100%;border-left:1px solid #ddd}
	 .notice_top>div>div {padding-right:80px}
	 .notice_top>div>div a{position:absolute;right:0px;top:0px;height:35px;width:80px;}
	 .notice_top select {width:100%;margin-bottom:1rem;background-position:100% 50%}
	 .bo_title2>div {width:100%}
	 .write_btn {text-align:center !important}
	 .bio_tb table td {padding:1rem 0px}
	 .view_tb  tr th {width:20% !important;}
	 .view_btn>p {float:none}
	 .view_btn_1 {padding:1rem 2.5rem;margin-bottom:1rem}
	 .pw_box input[type="password"] {width:80%}
	 .write_wrap tr input[type="text"], .write_wrap tr input[type="password"] {width:100%}
	 .write_wrap td .box2 {margin-top:1rem}
	 .view_wrap2 {padding:7rem 2rem}
	 .product_tab {clear:both;}
	 .product_tab>li {width:50%;display:block;margin-top:-1px;float:left;}
	 .board_wrap li a {padding:1rem;}
	 .board_wrap li {background:none}
	 .root_daum_roughmap .wrap_map {height:300px !important}
	
}
@media screen and (max-width: 765px) {
	.con_box {margin-bottom:30px}
	.bx-wrapper .bx-pager.bx-default-pager a {width:12px !important;height:12px !important;}
	.content {padding:30px 10px !important}
}