/*
	responsive design CSS 15.05.19
*/
.bld {display:block}
@media screen and (max-width:600px){
	.bld {display:none}
}

/*---- web ----*/
#jq-wrapper {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
#footer .tel,.mo_foot,#main_visual .mo_vis {display:none;}
#toolbarnav, #navmenu,#acdnmenu,#showmenu {display:none;}

.ofh{overflow:hidden;}
.col-03{width:33.33%; float:left;}
.col-07{width:66.66%; float:left;}

.col-02{width:50%; float:left;}
.colm-02{width:48%; float:left; margin-left:1%; margin-right:1%;}
.block{width:100%}
.colmli-03 li{width:30.33%; float:left; margin-left:1.5%; margin-right:1.5%; margin-bottom:10px;  text-align:center;}

.pro_lay .col-03{padding:0 15px;}
.pro_lay .col-07{padding:0 15px;}

/*--- media query ---*/
@media screen and (max-width:1280px){

}


/*notebook*/
@media screen and (max-width:1200px){
.mpd{padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box;}
.product img{width: 100%; height: auto;}
.obj1{display: none;}
.obj2{display: none;}
.sec3{padding: 50px 0;}
.sec3 .about{background: none; padding-bottom: 0;}
.sec2 .product .box{height: auto;}


header .d1 .inner{text-align: center;}
header .logo{float: none; width: 100%; text-align: center;}
header .gnb{display: none;}
header #header .gnbNew{display: none;}
header #header h1{width: 100%; float: none; text-align: center;}
header #side{display:block;}
header .hBtn{display:block;}
header .menu .d1 .m1{display:block;}
header {height: 70px;}
header .logo{line-height: 70px;}
header .logo img{width: 140px;}
.lnb .mo_no{display: none !important;}

.lnb{height: 0px;}
.hBtn{top:30px}
.hBtn .hb4 a{background: #8f130d url("../img/btn_berger_m.png") no-repeat center 25px /23px auto; z-index: 20000;}
#sub_cont .c_left{display:none;}
#sub_cont .c_right{float:none; width:100%; padding:0 15px 30px; box-sizing:border-box;}
.sub_tit_wrap .catalog{float:none; position:absolute; right:0px;}

.certificate li{width: 48%;}

.slider .list .box{padding-top:350px;}

.slider .list1 .tit_box{text-align: center;}
.slider .list2 .tit_box{text-align: center;}

.ico_list{padding:30px 20px}
}


/*pad*/
@media screen and (max-width:800px){	
.move_table{max-width:770px}

.sec2{background: none; padding-bottom: 0;}
.sec2 .product .w50{width: 100%;}
.sec2 .product .w25{width: 50%;}
	
.sec3 .catalog .left{margin-right: 2%;}
.sec3 .catalog .right{width: 38%;}


.pro_lay .col-03{width:100%; padding:0px;}
.pro_lay .col-07{width:100%; padding:0px;}

.colmli-03 li{width:47%;}

.ico_list{overflow:hidden;}
.ico_list li{width:100% !important; float:none;}

}


/*mobile landscape */
@media screen and (max-width:600px){
.slider .list1{height: 600px; background-size: cover;}
.slider .list2{height: 600px; background-size: cover; background-position:center 80%}
.slider .list .tit_box h2.tit{font-size: 50px;}
.slider .list .tit_box .tit2{font-size: 30px;}

.sec2 h2.m_title{margin-bottom: 0; padding-bottom: 50px;}

.sec3{padding-bottom: 0;}
.sec3 .about .left{width: 100%; text-align: center; margin-bottom: 30px;}
.sec3 .about .right{width: 100%; text-align: center;}
h2.m_title{margin-bottom: 20px;}
footer{margin-top: 0;}

.col-02{width:100%; float:none;}
.colm-02{width:100%; float:none; margin-left:0%; margin-right:0%;}

.col-03{width:100%; float:none;}
.col-07{width:100%; float:none;}
.slider .list .box{padding-top:280px;}

}

/*mobile portrait*/
@media screen and (max-width:480px){
.sec2 .product .box .tit{line-height: 225px;}
.sec3 .catalog .left{float: none; width: 100%;}
.sec3 .catalog .right{float: none; width: 100%; text-align: center; margin-top: 20px;}
.sec3 .about .right .bottom{border-bottom: 0;}
.sub_tab .toresponsive li a{min-height:76px;}



}

@media screen and (max-width:414px){
.sec2 .product .box .tit{font-size: 20px; line-height: 190px;}
.certificate li{width: 100%;}
}

@media screen and (max-width:360px){
.sec2 .product .box .tit{font-size: 20px; line-height: 170px;}

	
}



/*컨텐츠부*/



/*--- media query ---*/
@media screen and (max-width:1280px){


}


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


.catalogue_box{padding:15px 10px 10px 100px; background:url("../img/ico_catalogue.jpg") no-repeat 20px center / 60px}
.catalogue_box a{padding:10px 50px 10px 20px; margin-top:10px; float:left; }

.feature .list {text-align:center;}
.feature .list li{display:inline-block; width:33%; float:none; vertical-align:top}
.feature .list01 li{width:100% !important;}

}


@media screen and (max-width:800px){	
.table_hide{display:block; margin-bottom:10px;}

.sub_tit_wrap ul li{padding:0 10px;}
.sub_tit_wrap ul li:last-child{display:none;}

.move_table table{min-width:800px;}

.feature .list li{width:48%;}

}


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

.feature .list li{width:100%;}

}