
	.mo_img {display:none !important;}
@media screen and (max-width: 1700px) {
	.logo_wrap {margin:0 1rem}
	.top_top_in{padding:1rem}
	.visual_bx .slick-center {margin:0 10rem}
	/*#main_visual {height:550px}*/
	.menu.fl>li {margin-right:3rem}
	.bottom_wrap {padding:3rem 1rem}

}
@media screen and (max-width: 1300px) {
	.bx-wrapper .bx-controls-direction a {display:none}
	
	#top_bar_wrap, #gnb {display:none}
	#topmenu_wrap {width:100%;position:relative;left:0px;margin-left:0px;top:0px;background:none;}
	#topmenu_wrap h1 {margin-top:0px;}
	h1.logo img {height:52px}
	#mb_gnb, .mb_header {display:block}
	.mb_header {position:relative;padding:1rem;}
	.mb_header .mo_top_right {position:absolute;bottom:2rem;right:1rem;}
	.mb_header .mo_top_right img{height:19px;margin-left:1rem;}
	.mb_header  button {position:absolute;right:1rem;top:50%;margin-top:-8px;z-index: 99}
	.mb_header  button img {height:16px}
	.icon-bar {
	    background-color: #333;
	    width: 25px;
	    height: 3px;
	    display:block;
	    margin-bottom:3px
	}
	
	.accordion a img {height:40px}
	.mb_menu  {background:none;border:0px;}
	.mb_menu img {height:18px;}
	 .aside-backdrop.in, .aside.in {display: block  !important}
	 	.top_pop,
		.top_top,
	.logo_wrap,
	.top_top_in,
	.top_search,
	.top_right {display:none}
	.search_b {position: absolute;top:50%;left:1rem;margin-top:-14px}
	.search_ic {height:28px}
	.right_top {background-color:#164b39;position:relative;color:#fff;padding:2rem;}
.close_right {position: absolute;right:2rem;top:3rem}
.close_right img {height:2rem}
.right_top .txt1 {font-size:2rem;line-height:7.2rem;padding-left:2rem;position: relative}
.right_top .txt1 span  {border-bottom:1px solid #fff;}
.right_top .txt2 {font-size:1.4rem;}
.right_top .txt3 a {color: #fff;
    display: inline-block;
    padding: 1rem 5rem;font-size:1.4rem;border:1px solid #fff;border-radius:5rem}
    .mo_right_1 li {width:33.3333333%;padding:1rem 0;float:left;font-size:1.9rem;}
      .mo_right_1 li span {display:block;margin-bottom:1rem}
      .mo_right_1 li span img {height:70px}
      .mo_right_1 li {font-size:1.7rem}
}
@media screen and (max-width: 1146px) {
	
	
}

@media screen and (max-width: 940px) {

	.family_wrap .family_inner2 .family button{padding: 0.8rem 1.8rem 0.8rem 0.5rem;font-size:1.1rem}


}
@media screen and (max-width: 1024px) {
	.content_wrap {padding:3rem 1rem 8rem;margin-bottom:0}

#main_visual {padding:0}


	
	.main_con1 {margin:10rem auto;padding:0 1rem}

	.se5_wrap,
	.content_in,
	.main_con3_in,
	.main_con2_in {padding:6rem 1rem}

	.top_menu {display:block;}
	.top_menu {position:relative;}

.top_menu2{position:absolute;left:0;top: 6.7rem;
    background-color: #fff;
    z-index: 999;
    width: 100%;}

.top_menu2:before {content:"";z-index:999;width:100%;height:100%;position:fixed;top:24rem;background-color:rgba(0,0,0,0.8);}
.top_menu li  {float:left;}
.top_menu>p {position:absolute;right:0;top:0;padding:2.5rem 2rem;background-color:#979797;}
.top_open2 {padding:2rem  !important;}
.top_menu li a{padding:2rem 1rem;display:inline-block;font-size:1.8rem;color:#252525}

	#main_visual {height:auto}
#main_visual	.slick-slide img {display:block}

	

.company_img .mo_img {display:inline-block !important}
.view_bottom2 .left{max-width:100%}

      .size_mo {height:470px}
         .size_mo img {height: 100%}
         .main_txt {left:1rem;top:15%;}
         .main_txt .txt1 {margin:2rem 0 2rem}
         .main_txt .txt3:before {height:45px}
         .main_con2{padding:10rem 1rem}
         .main_con6{padding:0 1rem}
         .main_con5,
         .main_con4{margin:0 2rem}
         .main_con {padding:10rem 39rem 10rem 1rem}
         .sub_con{padding:3rem 1rem 5rem}
         
         
		.view_bottom2 .right2>div {position:relative;max-width:100%;margin-top:2rem;}
		.view_bottom2 .right2{width:100%;}
		
		
.main_con .right .bottombx span {top:2rem}
.main_con .right .bottombx  span  img {height:80px}
		
}
@media screen and (max-width: 768px) {

	.top_banner {display:none}
 #footer_inner img, #top_right, #hidden_logo {display: none}
	
	.notice_in>div>a>img, .prod_li>li img {width:100%}
	
	.content {width:100% !important;}
	#mb_gnb h2 {border-bottom:1px solid #ddd;font-size:14px;padding:20px 10px}
	
	.footer_in,
	.foot_top1 div {font-size:1.3rem;}
	
	#footer_inner {padding:0px 10px;background:none;text-align:center;}
	
	.foot_bar>ul>li>a {width:25%}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {top:0 !important;margin-top:21rem !important;}

	.pc_img {display:none}
	.m_img {display:block}
	.pc_img {display:none}
	.pc_br {display:inline-block}

	.main_con2,
	.main_con {padding:3rem 1rem} 
	.main_con .left>div {border:0}
	.main_con2 .txt1 {padding:1rem 0}
	.sec3_li>div {width:50%;;margin-bottom:2rem}
	.main_con .right {position: relative;width:100%;top:0;padding:2rem}
	.con2_tab button.active:before {height:3px}
	
.mt20 {margin-top:10px !important;}
.mt30 {margin-top:20px !important;}
.mt40 {margin-top:30px !important;}
.mt50 {margin-top:30px !important;}
.mt60 {margin-top:40px !important;}
.main_con4 {margin:0;padding-bottom:3rem}
.main_con5{margin:0}
.main_con5{padding:5rem 0}
.con4_li>div {width:50%;height:215px;padding:1.5rem;display:table;}
.main_con .left {width:100%;margin-bottom:3rem;overflow-x:scroll;overflow-y:hidden}

.con3_slider .slick-dots {margin-top:3rem}
  .main_con3 {padding:3rem 1rem 8rem}
  .con3_txt {padding:2rem}
  .con3_txt .txt1 {font-size:2.6rem}
  .con3_txt .txt2{font-size:1.7rem}
  .con3_txt .txt3 img:first-child {height:18px}
  .con3_txt .txt3 img:last-child {height:30px}
  .con4_li>div .bx1 {position: relative;bottom:0;left:0;vertical-align: middle;
    display: table-cell;}
  .con4_li>div .txt1 {font-size:1.7rem}
  .con4_li>div .txt2 {font-size:1.4rem}
  .con5_li>a .img,
  .con5_li>a .txt{display:block;width:100%}
  .con5_wrap .slick-slide {max-width:30rem}
  .con5_wrap .slick-center{margin:0 2rem}
  .con5_li>a .txt{padding:3rem 2rem}
  .main_con6{margin:2rem 1rem;padding:0}
  .con6_li{margin-left:-1rem}
  .con6_li>div {width:50%;padding-left:1rem;}
  .bottom_wrap {padding:2rem 1rem}
  .con6_li>div:nth-child(n+7) {display:none}
  .foot_menu {position: relative;right:0;top:0;margin-bottom:2rem} 
  .foot_menu ul {margin:0;width:33.3333333%}
  .sub_top{padding:2rem 0;margin-bottom:3rem}
  .tab_con{padding:0 1rem}
  .tab_li{margin-left:-1rem;margin-bottom:0}
  .tab_li>li{width:50%;margin-bottom:1rem;padding-left:1rem}
  .tab_li>li:nth-child(2n+1) {clear:both}
  	.con1_wrap2 .txt2, .con1_wrap .txt2 {margin-top:1rem}	
	.mo_img {display:block !important;}
	.pc_img {display:none !important}
	.con1_wrap2,
	.con1_wrap {padding:0}
	.con1_wrap2 .right,
	.con1_wrap .right{height:auto}
	.con1_wrap2 .left,
	.con1_wrap .left{position: relative;margin-top:2rem;width:100%}
	.list_li>div{width:50%}
	.list_li>div:nth-child(2n+1) {clear:both}
	
.view_top>div {width:100%;float:none} 
.view_top>div.right {margin-top:2rem}

.view_top .right .txt2 {padding-bottom:2rem;margin-bottom:1rem}
.pop_order2>div,
.pop_order2>p {float:none}
.pop_order2>div>div {max-width:20rem;margin-top:1rem;}
.pop_order2 .right_bt {margin-top:2rem;}
.view_tab .tablinks {width:20%}
.view_tab2_bx,
.view_tab2_in .beefup__head {padding:1rem}
.q_ic {min-width:3rem}
.review_pop_wrap2, .review_pop_wrap {width:100%;left:0 !important;padding:2rem 1rem}
.view_search_list li:nth-child(n+3) {display:none}
.view_tab .tablinks {line-height:40px}
.view_tab {border-left:1px solid #ddd}
.view_tab .tablinks {margin-left:0;border-left:0}
.view_tab3_bx >p,
.view_tab2_bx >p {position:relative;right:0;margin-bottom:2rem;}
.view_tab3_bx >p a,
.view_tab2_bx >p a {text-align:center;}
.view_tab2_bx,
.view_tab3_st2,
.view_tab2_in .beefup__head,
.view_tab3_bx{padding:1.5rem;}
.certi_wrap>li{width:50%}
.brand_1 {margin-top:3rem}
.root_daum_roughmap .wrap_map {height:300px !important}
.lo_txt1{background:none}
.lo_txt1 .txt1,.lo_txt1 .txt2,.lo_txt1 .txt3{padding:0}

.lo_txt1 .txt2{padding-bottom:1rem;}
.review_pop_wrap{width:100%;left:0 !important;padding:2rem 1rem;}
.order_tb_wrap {width:100%;overflow-x:scroll}
.order_bottom>div{width:100%}
.element_to_pop_up3 {    min-width: 100%;max-width: 100%;left: 0 !important;}


.pop_li_order2 .right_bt {margin-top:0}
.pop_li_order2 .right_bt2 {margin-top:2rem}
.view_bottom2 .left{max-width:100%}
.order_box1 select, .order_box1 input[type="text"], .order_box1 input[type="password"], .order_box1 input[type="file"] {width:100% !important}
.order_txt2 {width:21%}
.radio_txt>span{display:block;margin-bottom:5px;}
	#fix_right.blue {position:relative !important;background-color:#fff;z-index:99;}
.write_bx>div>p {width:25%;}
.adress_bx {width:100%;padding:0}
.element_to_pop_up2 {min-width: 100%;max-width:100%;padding:1rem}

	.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%}

.notice_bar select  {width:100%;margin-bottom:0.5rem}
	.faq_wrap {padding:0}
	.faq_wrap .beefup3 .beefup__head:after {display:none}
	.faq_wrap .beefup3 .beefup__body,
	.faq_wrap .beefup3 .beefup__head {padding:2rem 0}
	
	.re_wrap>p {position:relative;margin-top:2rem;}
	.re_wrap>p>a {    width: 100%;
    display: block;
    text-align: center;}
    .pw_wrap .txt4 input[type="password"] {width:100%}
    .pw_wrap .txt4 span:first-child{width:20%}
    .pw_wrap .txt4 span:last-child{width:60%}
    .table_wid>div{width:100%;display:table !important}
    .table_wid>div>div {display:block;width:100%}
    .table_wid>div{padding:0;margin-bottom:1rem;}
    .table_wid>div:last-child {margin-bottom:0}
    .table_wid{margin:0}
    .all_b a{margin-bottom:5px}
    .mypage span {padding:0 !important;padding:0 0.5rem}
    .itemqna_wrap>div>div.top>div>div{position: relative;top:0;margin-top:1rem}

	.sm_wrap>div {width:50%}
	.sm_wrap>div:nth-child(2n+1) {clear: both}
.view_tab2_bx_re {margin-top:3rem}
.extimate_in {padding:3rem 1rem 6rem}
.extimate_in .txt1 {font-size:3.5rem;}
.extimate_in .bx1>div {padding:2rem 1rem}
.sns_1>li {padding:0 1rem}
}
@media screen and (max-width: 765px) {
.main_con .left>div {width:590px}
	.order_tb_wrap>table {width:650px}
}
