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

@media screen and (max-width:1500px){	
.quick_l {display:none!important;}
.quick_r {display:none!important;}
}

@media screen and (max-width:1280px){	
.box1{max-width:96%; padding:0 2%;}

}

@media screen and (max-device-width:1024px){
body{ letter-spacing:-1px;}
}

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

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

#header .logo_wrap img{width:160px;}
#header .logo_wrap .searchi_dv{top:1.2em;}
#header .gnb_top .fl{display:none;}
#header .gnb_wrap .gnb > li .dp1{font-size:1em;}   

#contents .subGnb_wrap .gnb > li .dp2 > li > a{font-size:0.813em;}

#footer .info_top ul > li .con_menu li{margin-bottom:7px;}
#footer .info > li{font-size:0.875rem!important;}

#footer .info .admin{display:none;}

.prod_list ul li{width:33.33%;}

.prod_tab .detail .process_ol li .border_dv .icon img{width:66.66%;}

.con2_dv .l_dv{margin-bottom:20px; width:100%;}
.con2_dv .l_dv .border_dv{ height:auto!important;}
.con2_dv .r_dv{width:100%;}
.con2_dv .r_dv .border_dv{height:auto!important;}

/*main*/


}

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

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

#header .gnb_top .side_menu_btn{display:block;}

#header .logo_wrap img{width:130px;}
#header .logo_wrap .searchi_dv{top:1em;}
#header .logo_wrap .searchi_dv > span{display:none;}
#header .logo_wrap .searchi_dv .search_label input{width:9em;}

#header .gnb_wrap{display:none;}

.side_gnb .gnb > li .dp1{font-size:1em;}
.side_gnb .gnb > li .dp2 a{font-size:0.813em;}


#contents .subGnb_wrap{display:none;}
#contents .subTit_wrap .tit{padding-top:5em;}

#footer .info_top{padding:0;}
#footer .info_top ul > li{width:46%; padding:2%; border-bottom:1px dashed #ccc;}
#footer .info_top ul > li:nth-child(3n),
#footer .info_top ul > li:nth-child(4n){border-bottom:none;} 

#footer .info{padding-right:0;}
#footer .info_wrap .f_img{position:static; margin-top:20px;}


/*sub*/
.sub1_1 .oh .txt_dv{width:100%; margin-left:0; margin-bottom:10px;}
.sub1_1 .oh .txt_dv .p3 br{display:none;}
.sub1_1 .oh .img_dv{width:100%;}
.sub1_1 .oh .txt_dv .p4{margin:10px 0;}
.sub1_1 .oh .txt_dv2::before{background:none;}

.map_info label{display:block;}
.map_info label .xi{width:30px; height:30px; line-height:30px;}
.map_info label > p{padding-left:33px;}


.list_cate > li{width:50%;}
.list_cate > li:nth-child(5n+1){width:50%;}

.prod_list ul li{width:50%;}

.prod_view .l_dv{width:100%; margin-bottom:1em;}
.prod_view .r_dv{width:90%;}

.prod_tab .detail .process_ol{margin-left:-10px;}
.prod_tab .detail .process_ol li{width:50%; margin-bottom:1em;}
.prod_tab .detail .process_ol li .border_dv{margin-left:10px;}
.prod_tab .detail .process_ol li .border_dv::before{font-size:0;}

.prod_view .r_dv .btn_dv .btn_st01{width:28%; height:30px; line-height:30px;}

.agree_box .con{padding:1em;}

.kito_dv{width:860px; left:50%; margin-left:-390px;}

/*main*/
.con1_dv .main_slider{width:100%; margin-bottom:1em;}
.con1_dv .banner_dv{width:100%;}
.con1_dv .banner_dv .banner01 img{width:100%; height:100%;}

.main_slider .flex-direction-nav li a{}

.con2_dv .l_dv{width:100%; margin-bottom:1em;}
.con2_dv .l_dv .border_dv{height:auto!important;}
.con2_dv .r_dv{width:100%;}
.con2_dv .r_dv ul > li{width:100%;}

.con3_dv .over > li{width:100%; margin-bottom:1em;}

.con5_dv ul > li{width:100%; margin-bottom:1em;}

.gold_price_chart{overflow-x:scroll;}

}

@media screen and (max-width:360px){
body{ font-size:11px;}
.di_wrap > *{ font-size:.688rem;}

}

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

}