@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1600px){	
#contents .product_wrap .con_idx .idx .best_slides .list_prod > li { margin-top: 0!important; margin-bottom: 20px; }
}

@media screen and (max-width:1280px){	
#header .gnb_wrap .gnb > li .dp1{font-size:1em; padding:0 0.5em;}
#header .shop_gnb div{padding:10px 1em 13px;}
#header .shop_gnb div span{font-size:1em;}
#header .gnb_wrap .r_menu .ham_menu{margin-left:20px;}

.main_visual .slide_img { height: 560px!important; }

}

@media screen and (max-device-width:1024px){
body{ letter-spacing:-1px;}
.list_prod.img > li .in .con .tit { height: auto; }
}

@media screen and (max-width:1024px){
body{ font-size:15px; letter-spacing:-1px;}
.di_wrap > *{ font-size:.938rem;}

.wh_PC {display: none!important; }
.PC{ display:none !important;}
.PHONE{ display:block !important;}

#header .gnb_wrap{text-align:right;}
#header .gnb_wrap .gnb{display:none;}
#header .shop_gnb { margin-right: 70px!important; }
#header .r_menu.PHONE { top: 31px; right: 175px; }



.main_visual .slide_img { height: 470px!important; }
#contents .product_wrap .con_idx .idx .best_slides .list_prod > li { width: 25%!important; }
#contents .product_wrap .con_idx .idx .best_slides .list_prod > li.wh_dn1 { display: none!important; }

#contents .con2_txt { padding: 5em 0; }
#contents .company_wrap .in_tit { font-size: 1.125em; }
#contents .company_wrap .in_eng { font-size: .875em; }

#contents .main_notice_wrap { width: 100%; }
#contents .main_notice_wrap.respon_mb { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #CCC; }
}

@media screen and (max-device-width:768px){
body{ font-family:sans-serif;}

} 

@media screen and (max-width:768px){
body{ font-size:13px;}
.di_wrap > *{ font-size:.813rem;}

#header .r_menu.PHONE { top: 34px; right: 165px; }

.main_visual .slide_img { height: 390px!important; }
.main_visual .slide_img .slo_dv { margin-top: 95px!important; }

#contents .product_wrap { margin-top: 60px!important; margin-bottom: 80px!important; }
#contents .product_wrap .con_idx .idx .best_slides .list_prod > li { width: 33.33333333333%!important; }
#contents .product_wrap .tab_idx li { font-family: notokrM, sans-serif; width: 23%!important; font-size: .938rem!important; }
#contents .product_wrap .tab_idx { margin-top: 20px!important; }

#contents .company_wrap .sub_tit { font-family: notokrM,sans-serif; }
#contents .company_wrap ul { margin-top: 40px!important; margin-bottom: 30px!important; }

#contents .con2_txt { padding: 4em 0; }
#contents .company_wrap .tit { font-size: 1.5em; }

#contents .company_wrap { padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
#contents .company_wrap ul li { width: 50%; padding-bottom: 20px; }
#contents .company_wrap ul li:nth-child(2) { border-right: 0; }
#contents .company_wrap ul li:nth-child(3) { clear: left; }
#contents .company_wrap ul li:nth-child(3), #contents .company_wrap ul li:nth-child(4) { border-top: 1px solid #CCC; }

#contents .construction_wrap.box1.mt130 { margin-top: 80px!important; }


}

@media screen and (max-width:480px){
.main_visual .slide_img .slo_dv { padding: 0 15px; }
.main_visual .slide_img .slo_dv .slo1 { font-size: 1.25em!important; }
.main_visual .slide_img .slo_dv .slo2 { font-size: 2em!important; }
.main_visual .slide_img .slo_dv .slo3 { font-size: 1em!important; }

.main_visual .slide_img { height: 340px!important; }
.main_visual .slide_img .slo_dv { margin-top: 85px!important; }
.main_visual .slide_img { background-position: 60% 50%!important; }

#header .shop_gnb { margin-right: 52px!important; }
#header .r_menu.PHONE { right: 138px!important; }
#header .gnb_wrap .r_menu ul li.login { margin-right: 8px!important; }


#contents .product_wrap .con_idx .idx .best_slides .list_prod > li { width: 50%!important; }
#contents .product_wrap .tab_idx li { width: 30%!important; }
#contents .product_wrap .tab_idx li:nth-child(4) { display: none!important; }

#contents .company_wrap ul { width: 95%; margin-top: 30px!important; margin-bottom: 20px!important; }
#contents .company_wrap .sub_tit { padding: 0 15px; }
#contents .construction_wrap.box1.mt130 { margin-top: 60px!important; }
#contents .product_wrap { margin-bottom: 60px!important; }
}

@media screen and (max-width:360px){
body{ font-size:11px;}
.di_wrap > *{ font-size:.688rem;}
#header .r_menu.PHONE { right: 130px!important; }
#header .gnb_wrap .r_menu ul li.login { margin-right: 0px!important; }

}

@media (min-width: 480px) and (max-width:767px) and (orientation: landscape){

}