@media screen and (max-width: 1700px) {

	.all_box {right:2rem}
	.right_ic {right:2rem}
	.logo_b a{left:0}
}
@media screen and (max-width: 1650px) {
	#gnb h1{margin-right:0}
	  .menu>li>a {padding:3.8rem 0;}
	/*#main_visual {height:550px}*/

}

@media screen and (max-width: 1400px) {
  
	.mainVisual {margin-top:60px;}
	/*#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:8px}
	.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:36px;}
	#mb_gnb, .mb_header {display:block}
		.mb_menu  {background:none;border:0px;}
		
 .aside-backdrop.in, .aside.in {display: block  !important}

  #footer .st3 li {margin-left:0;margin-right:1rem;}
  #footer .st4,#footer .st5 {text-align:left !important;}
 
	.mainVisual {height:100%;}
.mo_top {position: fixed;right:2rem;bottom:2rem}
.mo_top img {height:90px}
.symbol-target {height:0;margin-top:0;padding-top:0} 
	.mslider_in {left:0;margin-left: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) {

	
}
.mo_img {display:none !important;}
@media screen and (max-width: 1024px) {
	
.sub_visual {margin-top:70px;padding:10rem 0;}
	.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}
	.fcon_top2>ul>li {margin-right:0}
	.fcon_top2>ul>li span {margin:0 0.3px;}
	#footer_wrap .sns_ic {position:relative;top:0;right:0;}
	.visual_box span {width:100%}
	#footer_inner .st1 {margin-top:2rem}
.mainVisual .slick-next,
.scroll,
.mainVisual .slick-dots,
.mainVisual .slick-prev,
.right_fixed  {display:none  !important}
.mslider_in {top:20%;}
.mainVisual .slider_2 img {height:250px}
.sec2_in {padding:0 1rem;}
.sec4_bx,

.sec3_bx {padding:7rem 1rem}
.map_bx {margin:0;}
.map_bx2 {margin-top:0;padding:2rem;}
.map_bx2 .st3 {margin-top:3rem;position: relative;right:inherit;top:0;}
.sub_con {    padding: 7rem 1rem 10rem;}
.sec5_bx {padding:15rem 1rem}
.footerArea {padding:0 1rem;}
.wrap_map {height:300px !important}
.fcont2 .ar{text-align:left !important;}
.mo_family {position:relative;margin-bottom:5rem;}
#footer {background-color:#00092b;padding:4rem 0;margin-top:0;}
.history_banner>div {left:2rem;top:-4rem;bottom:0;margin-left:0;width:80%;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:-2rem;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;}
.sub_tab>div a {padding:1.5rem 0;}
.con1_li>li {width:100%;}

.sub_tab .tab6 li {width:50%;}

    .mo_img2 {display:inline-block !important}
    .pc_img2 {display:none !important}

.pc_br {display:inline}
.mainVisual .slider_1 .motion.text03 {line-height:5.5rem;font-size:4rem;}
.sec3_bx .st1,
.mainVisual .slider_2 .motion.text02 {font-size:3rem;}
.mainVisual {height:500px;}
.sec2_bx {padding:25rem 0 10rem}
.sec2_bx .st1 {font-size:2.5rem;}
.sec2_bx .st5>span a {width:230px;padding:1.3rem 0;margin-bottom:1rem;}
.sec3_bx .st2>li {width:100%;margin-bottom:3rem;}
.sec2_bx .st4_li>li {width:100%;margin-bottom:1rem;}
.sec2_bx .st2>span {width:150px;font-size:2rem;}
.sec3_btm {margin-top:3rem;padding-top:0;}
.sec5_bx .st2 {font-size:3rem;}
.visual .slick-list {overflow:hidden;}
.footerArea .top1 span {padding:0 5px;}
.visual .cm-cover-inner a>div img {display:inline}
.visual .cm-cover-inner,
.visual .cm-cover-inner a>p {text-align:center;}
.sec4_bx .st5  {margin-top:0px  !important}
.visual .slick-dots {width:102%;}
.fcont2 {padding-bottom:6rem;}



  /* history */
  .history_bn {
    height: 200px;
    width: 100%;
  }
  .history_tit.on {
    margin-top: -40px;
  }
  .history_tit {
    margin-top: -40px;
    padding: 30px;
    width: 85%;
    height: auto;
    opacity: 1;
  }
  .history_tit::after {
    font-size: 60px;
  }
  .history_tit h3 {
    font-size: 20px;
  }
  .history_list {
    padding: 0;
    margin-top:-8rem;
  }
  .history_list strong {
    width: 100%;
    font-size: 30px;
    padding: 30px 40px 0;
    text-align: left;
  }
  .history_list ul {
    width: 100%;
    padding: 0 40px;
  }
  .history_list > div::before {
    left: 5%;
    top: 50px;
    top: -140px;
  }
  .history_list > div::after {
    left: 5%;
    top: 50px;
  }
  .history_list > div:nth-child(2n) {
    flex-direction: inherit;
  }
  .history_list > div:nth-child(2n) ul li {
    text-align: left;
    padding-left: 50px;
    padding-right: 0;
  }
  .history_list > div:nth-child(2n) ul li b {
    left: 0;
    right: auto;
  }
  .history_list b {
    font-size: 18px;
  }
  .origin_txt2>li>div,
  .origin_txt2>li>p {display:block;width:100%;}
  .origin_bg {padding:8rem 1rem;}
  .origin_bg>div>div {width:100%;display:block;}
  .origin_bg>div>div:nth-child(1) {width:50%;margin:auto;}
.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%}
.origin_bg li>p {padding-right:2rem;width:25%}
.list_li>li {width:50%;}
.sub_tab .tab5 li {width:50%;}
.advatage_tb th {word-break: break-all}
.advatage_tb th {padding:5px;}
.status_bx2 .fr {float:none;display:block;}
.status_bx3>span  img,
.status_bx2 .fr img {height:10px}
.status_bx3>span {display:block}
.sub_tab .tab5 li:nth-child(2n+1){clear:both}
.view_bx {margin-top:6rem;}
.view_bx>div.right{width:100% !important;padding:0;margin-top:3rem;float:none } 
.view_bx>div.left {width:100% !important;float:none }
.h_bx1.bg1>p>span,
.h_bx1>p>span {width:100%;}
.process_txt3 span {display:block;}
.process_txt6>li {width:100%;}
.process_txt6>li>div p img {height:40px;}
.process_bg {margin:0;padding:10rem 1rem;}
.process_li>li {width:25%;padding:0 1rem;}
.recipe_li>li {width:100%;}
.process_li>li:before {height:10px;width:auto;background-size:cover;}
.process_txt6>li>div {padding:2rem;}
.process_li>li:last-child{display:none}
.content_pop {height:350px;}
.process_li>li:before {display:none}
.view_bx4>div.right {padding-left:0;margin-top:2rem;}
.view_bx4>div.left,
.view_bx4>div.right {width:100%;float:none;}
.h_bx2>div>div:nth-child(1) {padding-left:3rem;}
.process_txt1>div {display:block;width:100% !important;}
.h_bx2>div>div:nth-child(1):before {width:15px;height:15px;background-size:cover;top:27%;}
 .h_bx2>div>div {width:100% !important;display:block;}
 
 
.notice_faq .beefup3 .beefup__head:after {display:none}
.notice_faq .beefup3 .beefup__head .q_ic {line-height:20px}
.notice_faq .beefup3 .beefup__body .q_ic,
.notice_faq .beefup3 .beefup__head .q_ic {width:30px}


.consul_tb colgroup col:nth-child(1) {width:21% !important}
.consul_tb th {text-indent:5px;word-break: break-all}
.mail_mo select {width:40% !important}
.sm_wrap>li>div>p {width:100%;display:block;}
.feedback_bx th {word-break: break-all}

}
@media screen and (max-width: 520px) {
	.history_con > ul{margin-left:-0px;}
	.history_con > ul > li{float:none;width:calc(100% - 0px);margin-left:0px;}

	.prolis{padding:20px;padding-left:20px;}
	.prolis span{position:static;top:0;margin-top:0px;left:0px;}
	.prolis p{padding-left:0px;border-left:0px solid #dfdfdf;margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf;}
	
	.wlis{margin-left:-0px;}
	.wlis > li{float:none;width:calc(100% - 0px);margin-left:0px;}
}