@media screen and (max-width: 1730px) {

}

@media screen and (max-width: 1700px) {
    .foot_wid .left,
	#gnb h1 {left:2rem}
	.foot_wid .right,
	.top_right {right:0}
	.foot_wid .left li a {width:115px}
}
@media screen and (max-width: 1650px) {

}
@media screen and (max-width: 1400px) {
	#footer>span {display:none}
	
  #footer .st3 li {margin-left:0;margin-right:1rem;}
  #footer .st4,#footer .st5 {text-align:left !important;}
.sub_visual {margin-top:0;}
.mb_header  {padding-bottom:2rem;position: relative}
.mb_header  .st1 {position: absolute;left:0;top:1rem;}
	.mb_header  .st2 {position: absolute;right:0;top:.5rem;}

}
@media screen and (max-width: 1600px) {
	#gnb {padding:0 2rem}
	 .lo_txt5 {margin:0}
}
.mo_img {display:none !important;}
@media screen and (max-width: 1400px) {
    .foot_wid .right {top:3rem;}
   
    .foot_wid .left {margin-bottom:2rem;position: relative;top:0;}
    .foot_wid .fl {float:none}
	/*#main_visual {height:550px}*/
    .mb_header {position:relative}
    .mb_header  button {}
    .mo_on_top  button img,
    .mb_header  button img {height:16px}
     .mb_header h1 img{height:33px}
      .mb_header  .st2 img {height:26px}
    .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:2rem 2rem;;left:0;right:0;}
    #topmenu_wrap h1 {margin-top:0px;}
    #mb_gnb, .mb_header {display:block}
        .mb_menu  {background:none;border:0px;}
        .mb_header {border-bottom:1px solid rgba(255,255,255,.2)}
 .aside-backdrop.in, .aside.in {display: block  !important}
    
    
    .my-gallery {margin:2rem 1rem}
	 #footer_inner img, #top_right, #hidden_logo {display: none}
	
.beefup__head2 {font-family: 'Montserrat', sans-serif;}
	
		#footer_wrap .sns_ic img {height:50px}
	#footer_wrap .sns_ic {right:2rem; top:3rem;}

	
		.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}
	.family_wrap,
	.sns_ic>div {float:none;margin:auto}
	.benefit_li>li {width:50%}
	.mslider_in {left:2rem;margin-left:0;padding-right:3rem}
	.mslider_in_in .txt3 img {height:80px}
	.mainVisual {height:100vh}
	.mainVisual .slider {position:relative}
	.mainVisual .slick-list {height:100vh}
	.all_box {position:relative;right:0;top:0;padding:2rem 1.5rem;}
	.search_b input {width:90%}
	.main_con3>div {padding:0}
 .family_wrap .family_inner2 .family {position:relative}
.nw_mvsl {padding-top:0}
}

@media screen and (max-width: 1024px) {
   .visual_txt {left:0;padding:0 7rem;margin-left:0;}
.video,.nw_mvsl .item,.nw_mvsl {height:600px}
.brands_li {min-height:400px}
.swiper-scrollbar {left:2rem !important;margin-left:0 !important;}
.sub_con {padding:6rem 1rem}
.sub_con .sub_title,
.sub_title2 {margin-top:0 !important}

#sub_bar_wrap {margin-top:0}
    #sub_bar_in {width:100%;}
     #sub_bar_in>ul{width:100%;display:table;table-layout:fixed}
     #sub_bar_in .home_ic {padding:0;}
.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}
.main_con3 {padding:7rem 2rem}
.company_li {padding:0 2rem;}
.foot_btm,
.foot_top {padding:5rem 2rem}
.quix_bx2>div p ,
.quix_bx>div p {margin-top:2rem;font-size:2rem;}
.quix_bx>div p,
.quix_bx2>div p,
.quix_bx2>div span ,
.quix_bx>div span {width:100%;display:block;}
.btn_st.ar {text-align:center !important}
.quix_bx2,
.quix_bx {text-align:center;padding:5rem 1rem;margin:0}
.review_li>li {width:33.333%;}
.extm {display:none !Important}
}
.mo_img3,
.mo_img2 {display:none !important}	
@media screen and (max-width: 768px) {
.mo_img2 {display:inline-block !important} 
.pc_img2 {display:none !important} 

.mo_img3 {display:block !important} 
.pc_img3 {display:none !important} 
.main-slider .mo_img3 ,
.main-slider .mo_img3 .items,
.main-slider .mo_img3 img {height:100%}
	.content {width:100% !important;}
	#mb_gnb h2 {border-bottom:1px solid #ddd;font-size:14px;padding:20px 10px}
	#sub_bar_in>ul.col6>li,
	#sub_bar_in>ul>li {border-bottom:1px solid #ddd;width:25%;}
    #sub_bar_in>ul>li:nth-child(4n+1) {clear:both}
	.sub_visual {padding:14rem 0 6rem}
	#sub_bar_wrap {border-bottom:0;}
	
	.mt100 {margin-top:60px !important}
	.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}
	.pc_br {display:inline !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;}
.mt90 {margin-top:50px !important;}
.nw_mvsl .slick-dots > li {margin:0 3px;width:10%;display:inline-block;}
.nw_mvsl .slick-dots button {height:1px;width:100%;}
.main_con1 {padding:7rem 2rem 5rem;}
.main_con1 .st2 div {font-size:1.6rem;}
.main_con1 .st2 p {font-size:1.9rem;margin-top:2rem;}
.main_con1 .st1:before {background-size: contain;width:100%;height:50px;top:-2rem;}
.main_con1 .st1 {font-size:3.8rem;line-height:4.3rem;padding:0;padding-top:5rem;}
.main_con1>div>div {display:block;width:100% !important;}
.nw_mvsl .slick-dots {text-align:center;right:inherit;left:0;width:100%;top:inherit;bottom:15rem;}
.main_con3>p {font-size:2.7rem;}
.visual_txt .st1 {margin-bottom:2rem;font-size:1.8rem;}
.main_con1>div {width:100%;}
.main_con1 .mo_st3 {font-size:1.6rem;border:1px solid #000;padding:1rem 0;display:block;}
.scroll_ic img{height:40px}
.company_li ul li img {height:109px;position: absolute;left: 0;top:17px;}
.company_li ul li {margin-bottom:5rem;padding-left:130px;position: relative}
.company_li ul {margin:0;}
.company_li ul li p {padding-top:0;}
.company_li ul li p {font-size:2rem;}
.company_li ul li div {padding-left:0;padding-right:0;font-size:1.6rem;}
.company_li {text-align:left !important}
.company_li ul li {float:none;width:100%;}
.main_con3>div ul {text-align:left !important;margin:0}
.main_con3>div li p {margin:0;padding-bottom:1rem;border:0;}
.main_con3>div li div {padding:0;}
.main_con3>div ul.mt80 {margin-top:20px !important}
.main_con3>div li>span {display:inline-block;width:100px;text-align:center !important;position: absolute;left:0;top:38px;}
.main_con3>div li>span img {height:60px;}
.main_con4_li .slick-dots button {font-size:1.8rem;}
.main_con4_li .slick-dots li {margin:0 1.5rem;}
.slider_bx .st2 span {display:block;}
.slider_bx .st1 {font-size:2rem;}
.slider_bx .st2 span {;line-height:4rem;}

 .history_right>div,
 .history_left,
 .history_left>div li p.right,
 .history_left>div,
 .history_right {padding:0}
 .history_wp2:before {left:3rem;}
 .history_li {padding-left:6rem;}
 .history_left>div li p.left,
 .history_left>div>p,
 .history_left>div li,
 .history_left>div li p.right {text-align: left}
 .history_left>div li p.left {position: relative;}
.history_wp {margin-top:8rem;padding:7rem 0 5rem}
.history_left>div>p,
.history_right>div>p {font-size:2.3rem;}
.history_left>div>p,
.history_right>div>p {margin-bottom:2rem;}
.history_left>div,
.history_right>div {margin-bottom:5rem;}
.history_right>div li,
.history_left>div li {font-size:1.6rem;}
.history_left>div>p:before,
.history_right>div>p:before {background-size:contain;height:20px;left:-35px}
.certification_bx1>div {display:block;width:100%;}
.certification_bx1 .st1 {margin-top:2rem;}
.certification_bx2 li {width:100%;float:none;}
.certification_bx2 ul p {margin-top:4rem;}
.sub_title2 {margin-top:0 !important}
.history_wp2 {margin-top:7rem;}
.slider_bx .st3 {padding:0 4rem;font-size:1.8rem;}
.slider_bx .st2 {font-size:3.6rem;line-height:5rem;}
.slider_bx>div:nth-child(2) {margin-top:5rem;}
.slider_bx>div {text-align:center ;display:block;width:100%;}
.main_con4 {padding:16rem 2rem 9rem;}
.main_con4_li .slick-dots {top:-9rem}
.main_con4_li .slick-next {height:45px;background-size:contain; right:-2px;top:20%;}
.foot_top>div {display:block;width:100% !important;}
.foot_top>div:nth-child(2) {margin:2rem 0;}
.foot_btm .st3,
.foot_top .st4 {font-size:1.5rem;}
.foot_top {position: relative}
.foot_btm .st1 {margin-bottom:1rem;}

.prod_view .slider-for .image {height:380px;width:100%;}
.prod_view .slider-nav img {width:auto;}

.element_to_pop_in .left img {;width:100%;height:100%}
.thumb li {padding-left:10px;}
.thumb {margin-left:-10px;}
.flagship_bx .st4 {width:100%;}
.map_wp {margin-top:-2rem;margin-bottom:7rem;}
.map_bx .st3 {height:250px;}
.map_bx {padding:0 2rem;position: relative;top:0;left:0;margin-left:0;width:100%;box-shadow:inherit;}
.map_wp .root_daum_roughmap .wrap_map {height:300px !important}
.flagship_bx .st3 li {margin-bottom:5px;}
.flagship_bx .left {padding-right:0;margin-bottom:3rem;}
.flagship_bx>div {display:block;width:100%;}
.company_txt3 {padding:0 3rem;line-height:3rem;font-size:1.8rem}
 .company_txt2 {font-size:2.6rem;}
.foot_btm .st2  {position: absolute;left:2rem;top:3rem;}
.foot_btm {padding:8rem 2rem 3rem;position: relative}
.technology2 .img,
.technology1 .img {position: relative;}
.technology2 {margin:5rem 0;}
.technology2:before {display:none;}
.event_li>li {width:100%;}
.search_txt li span {padding:0 1rem}
.search_bar>div input[type="text"] {width:90%}
.technology2 .txt,
.technology1 .txt {display:block;}
.view_txt1 {padding:3rem 0;}
.view_txt2 {padding:2rem 1rem}
.day_li>li {width:100%;float:none;}
.view_txt2 .fl,
.view_txt2 .fr {float:none;width:100%;display:block;}
.technology_txt1{margin-top:2rem;}
.news_li>div>a {padding:3rem;}
.quiz_txt {margin-top:3rem;}
.select_b {margin-left:-1rem;}
.select_b.col2>p ,
.select_b.col3>p ,
.select_b>p {padding-left:1rem;}
.quiz_txt {font-size:2rem;}
.quiz_btn {margin-top:50px;padding-top:30px;}
.select_b input[type=radio]:checked+label span:before {top:6px;}
.select_b input[type=radio]+label {line-height:70px;height:70px;}
.select_b>p {width:50% !important;margin-bottom:1rem;}
.news_li>div>a>div:nth-child(1) {margin-bottom:2rem;}
.news_li>div>a>div:nth-child(1) img {width:100%;}
.news_li>div>a>div {width:100% !important;display:block;padding:0 !important}
.view_txt3 {min-height:300px}
.technology2,
.technology1 {height:100%;padding:0}
.element_to_pop_in {padding:3rem}
.prod_li>li {width:100%;}
.element_to_pop_in .left {padding:0;}
.element_to_pop_in .left {float:none;}
.element_to_pop_in .right {padding:0;width:100%;float:none;margin-top:2rem;}
.element_to_pop_in .left {width:100%;height:300px;}
.review_li>li {width:50%;}
.prod_view .right .st4 li span:nth-child(1) {width:80px}
.prod_view .right {margin-top:3rem;}
.slider-nav .slick-dots {width:100%}
.slider-nav .slick-slide img {width:100%;}
.prod_li>li img {width:100%;}
.mail_mo input[type="text"] {width:30% !important}
.consul_tb  th:nth-child(1) {width:20% !important;}
.consul_tb .select_box2 {width:30% !important;background-image:none}
.inquiry_bx .st3 .fr {margin-top:1rem;text-align:center;float:none;width:100%;display:block;}
.notice_bar select  {width:100%;margin-bottom:0.5rem}
    .search_bar2 {padding:0px 1rem 1rem 1rem;}
    .search_bar2 p,.search_bar2 div {width:100%;float:none}
    .search_bar2 div input[type="text"] {width:100%}
.sm_li li {padding:3rem 0}
.search_bg>div {width:100%;}
.search_bg>div>div {padding:0 1rem;}
.map_bx .st3 .t_st2 img {height:13px;}
#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;}
.technology_bg2,
.technology_bg3,
.technology_bg1 {height:600px;padding:0 1rem;}
.technology_bg_st>div>p {font-size:4rem;}
.technology_bg_st>div>div {font-size:1.8rem;}
.search_1 input[type="text"] {width:88%}
.table_st1 {word-break:break-all}
.sm_li li p {margin-bottom:1rem;}
.event_li img {height:100%;}
.day_li>li img {width:100%;height:100%}
.prod_li>li a img ,
.review_li>li img,
.news_li>div>a>div:nth-child(1) img {width:100%;height:100%}
.prod_view .slider-for .slick-slide>div {height:380px;}
/*.banner_li .slick-next {background-size:contain;height:40px;right:1rem;margin-right:0;}
.banner_li .slick-prev {background-size:contain;height:40px;left:1rem;margin-left:0;}*/
.sm_li li div,
.sm_li li p {display:block; width:100%;}
.quiz_btn2 {margin-top:3rem;padding-top:3rem;}
.prod_view>div {padding:0 !important;width:100%;float:none;}
.foot_btm>div {text-align:left !important;display:block;width:100% !important}
.foot_top>div:nth-child(4) {width:auto !important;position: absolute;right:2rem;top:5rem;}
.main_con4_li .slick-prev {height:45px;background-size:contain; left:0;top:20%;}
.main_con3>div li {padding:3rem 0;padding-left:110px;position:relative;border-bottom:1px solid #ddd;width:100%;float:none;}
}

