@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1919px){	
.prod_list_wrap .list{display:flex; flex-wrap:wrap; padding:0;}
.prod_list_wrap .list > li{margin:.5%; width:24%;}
.prod_list_wrap .list > li .prod_st{margin:0; padding:0;}

}

@media screen and (max-width:1680px){	
#header .gnb_wrap{padding:0 16em;}
#header .gnb_wrap .gnb > li .dp1{min-width:5em; padding:0 .5em;}
#header .box3{width:auto; max-width:auto; margin:0 3%;}
.mainVisual .slogan{width:auto; padding:80px; box-sizing:border-box;}
.mainVisual .slogan_wrap{width:auto;}
}

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

#footer .foot_wrap .menu_wrap .box1{display:flex; justify-content:space-between;}
#footer .foot_wrap .menu_wrap .box1 .menu.di_wrap{width:70%;}
#footer .f_pop_wrap{width:20%;}
#footer .goTop{position:static;}
#footer .foot_wrap .menu_wrap .menu > li > a{margin-right:1em;}
}

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

@media screen and (max-width:1280px){	
body{ font-size:14px;}	
.PC{ display:none !important}
.PHONE{  display:block !important; }

}

@media screen and (max-width:1200px){
#header .gnb_wrap{display:none;}
#header .all_wrap .all .wrap_in{width:40%;}

html.l-nav-open .l-nav{width:50%;}
.l-nav .nav_logo img{width:13em;}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.mainVisual .slogan .t1{font-size:2.65em;}

.prod_list_wrap .list > li{width:32.33%;}
.prod_wrap .prod > li{width:33.33%;}



}

@media screen and (max-width:1024px){
.sub_prod_slide .prod_slide .in .go_btn{width:120px; height:40px;}
.all_product_wrap{overflow-x:scroll; position:relative;}
.all_product_wrap:before{content:'* You can swipe or slide (left to right/top to bottom) to see more.'; font-size:.875em; color:#777; display:block; position:absolute; top:0; left:0;}
.all_product_wrap .table_size{min-width:1024px; table-layout:fixed; margin-top:2em;}

.table_wrap2{overflow-x:scroll; position:relative;}
.table_wrap2:before{content:'* You can swipe or slide (left to right/top to bottom) to see more.'; font-size:.875em; color:#777; display:block; position:absolute; top:0; left:0;}
.table_wrap2 .table_size{min-width:1024px; table-layout:fixed; margin-top:2em !important;}
}

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

.prod_list_wrap .list > li{width:49%;}
#footer .foot_wrap .menu_wrap .box1 .menu.di_wrap{display:none;}
#footer .f_pop_wrap{display:none;}
#footer .goTop{margin-left:auto;}
.prod_wrap .prod > li{width:50%;}
}

@media screen and (max-width:768px){
body{ font-size:13px;}
#contents .sub_visual_wrap .slogan{margin-top:-7.5em;}
#contents .sub_visual_wrap .slogan .tit{font-size:2em;}
.sub_tit .t1{font-size:2em;}
.dp1_1 #contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{width:50% !important;}
.prod_detail_wrap .inner{display:flex; flex-direction:column;}
.prod_detail_wrap .inner .slide_wrap{width:100%;}
.prod_detail_wrap .inner .info_wrap{width:100%;}
.prod_detail_wrap .info_wrap .in{padding:0; margin-top:2em;}
}

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

.mainVisual .slogan .t1{font-size:2.25em;}
.sub_prod_slide .prod_slide{max-height:100%;}
.sub_prod_slide .prod_slide .el{width:50%;}
.sub_prod_slide .prod_slide .el:last-of-type{margin-top:2.5em;}
.main_tit{font-size:1.75em;}
}

@media screen and (max-width:550px){
.mainVisual .slogan .t1{font-size:1.75em;}
.main_tit{font-size:1.35em;}
.prod_list_wrap .list > li{width:100%;}
}

@media screen and (max-width:500px){
.sub_prod_slide .prod_slide{max-height:100%; overflow:visible;}
.sub_prod_slide .prod_slide .el{width:100%; margin-top:2.5em;}
.sub_prod_slide .prod_slide .el:last-of-type{margin-bottom:3em;}

.prod_wrap .prod > li{width:100%;}

html.l-nav-open .l-nav{width:100%;}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.appli_box.n2 .appii_wrap ul{flex-direction:column;}
.appli_box.n2 .appii_wrap ul > li{width:100%; margin-bottom:3em; text-align:center;}
.appli_box.n2 .appii_wrap ul > li:last-of-type{margin-bottom:0;}

.page_tit .t1{font-size:1.125em;}

#footer .bottom_wrap{padding:2em 0;}
#footer .foot_wrap .footerLogo{position:static; margin-top:1em; width:5em;}
#footer .foot_wrap .info_wrap{display:flex; flex-direction:column; padding:0; margin-top:2em;}

.prod_list_wrap .list > li .prod_st{ height: auto;}
}

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

}

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


}

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


}

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


}

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


}