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

@media screen and (max-width:1450px){	
.right_quick{display:none;}
}

@media screen and (max-width:1280px){	
#header .gnb_wrap .gnb > li .dp1{font-size:1em; padding:0 1em;}
#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;}

.my_search_wrap em{display:block; margin-bottom:2px;}
}

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

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

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

.sub4_2 .info_dv > ul > li .txt_dv{}
.list_prod.img > li{width:33.33%;}

#header .gnb_wrap{text-align:right;}
#header .gnb_wrap .gnb{display:none;}
#header .shop_gnb{margin-right:160px;}

.login_wrap{width:55%;}
.login_wrap .in{padding:3em}
.etc_wrap{width:40%;}

.order_wrap{padding-right:21em;}

/*board_st*/
.w_form_tit{width:21%;}
.w_price{width:7em;}

.board_st th, .board_st td{padding:0.5em;}
.board_st .w_date{width:85px}
.board_st .w_star{width:100px;}
.board_st .w_btn{width:60px;}
.board_st .w_state{width:85px}

.table_st th, .table_st td{padding:0.5em;}
.table_st .w_vol{width:4em;}
}

@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 .gnb_wrap .logo img{width:70px;}

#contents .subTit_wrap{height:8em;}
#contents .subGnb_wrap{display:none;}


#contents.mypage_lnb .subTit_wrap .tit{opacity:0!important;}
#contents.mypage_lnb .subGnb_wrap{display:block; top:53px;}
#contents.mypage_lnb .subGnb_wrap .gnb > li .dp2 > li{width:33.33%!important; border-bottom:1px solid rgba(0,0,0,0.3);}
#contents.mypage_lnb .subGnb_wrap .gnb > li .dp2 > li > a{font-size:12px; line-height:2.8em;}

.pageMove{display:none;}

.greeting_dv .over .img_dv{width:100%;}
.greeting_dv .over .txt_dv{width:100%; margin-left:0; margin-top:10px;}
.greeting_dv .over2{margin-top:0;}
.greeting_dv .over2 .txt_dv{width:100%;}
.greeting_dv .over2 .img_dv{width:100%; margin-left:0; margin-top:10px;}

.company_tit .p1{font-size:1.25em;}
.company_info .img_dv{width:100%;}
.company_info ul{width:100%; margin-left:0; padding-top:0;}

.history_bg .txt_dv{padding:1em 0;}
.history_bg .txt_dv .p1{font-size:2em;}

.fac_dv ul li{width:50%;}
.client_dv ul li{width:50%;}

.map_info{padding:10px;}
.map_info label{margin-bottom:23px;}

.certi_list_wrap ul.certi_list li{width:50%}
.const_dv ul li{width:50%;}

.sub2_3 .border_box .p1{width:100%;}
.sub2_3 .border_box .img_dv{margin-left:0; width:100%; margin-top:10px;}

.sub2_3 .border_box3 .img_dv2{width:100%; margin-right:0; height:auto;}
.sub2_3 .border_box3 .txt_dv{width:100%; margin-top:10px;}

.sub2_4 .border_dv .txt_dv{width:100%;}
.sub2_4 .border_dv .img_dv{width:100%; margin-left:0; margin-top:10px;}
.sub2_4 .border_dv .img_dv2{margin-right:0; width:100%; margin-bottom:10px;}

.sub3_dv .tab_idx li{width:50%;}
.sub3_dv .tab_idx li .border_dv{height:30px;}

.sub3_dv .list ul{margin-left:-10px;}
.sub3_dv .list li{float:left; width:50%;}
.sub3_dv .list li .border_dv{padding:1em; margin-left:10px; min-height:inherit;}
.sub3_dv .list li .border_dv .img_dv{position:static; width:100%;}
.sub3_dv .list li .border_dv .txt_dv{padding-left:0; padding-top:0;}

.sub4_1 .top_dv ul li .border_dv{padding:0.5em;}
.sub4_2 .info_dv .img_dv{width:100%; height:auto; margin-right:0;}
.sub4_2 .info_dv > ul{width:100%;}
.sub4_2 .info_dv > ul > li .txt_dv{ padding-top:0;}
.sub4_2 .info_dv > ul > li{margin-bottom:20px;}
.sub4_2 .area_dv ul li{width:50%;}

.sub4_3 .step_ul li{width:50%;}
.sub4_3 .step_ul li .border_dv::after{right:-33px; font-size:30px;}
.sub4_3 .step_ul li .border_dv{padding:1em 1.5em 1em;}
.agency_list ul li{width:50%;}
.agency_list ul li .border_dv{padding:1.5em 1em 1em}

.agree_box .con{padding:1em;}

.mall_view_top .mall_view_img{width:100%;}
.mall_view_top .mall_view_info{width:100%; margin-top:40px;}
.mall_nav{display:none;}
.mall_view_wrap{padding:20px 10px;}
.mall_view_option > li .tit{width:35%;}
.mall_view_option > li .vol{width:30%;}
.mall_view_option > li .price{width:25%;}

.tab_st1 > li > a .en{display:none;}

.shop_main .l_dv{width:100%;}
.shop_main .r_dv{width:100%;}
.shop_main .r_dv .banner02 img{width:100%;}
.shop_main .r_dv .banner03 img{width:100%;}

.list_cate > li{width:33.33%; height:50px;}
.list_cate > li > a{padding-left:1.2em;}
.list_prod.img > li{width:50%;}
.list_prod.list > li .in{padding:1em 5em 1em 3em;}
.list_prod.list > li .in .prod_icon{position:static; text-align:left; margin-bottom:5px; display:block;}
.list_prod.list > li .in .con{width:78%; padding-left:5%;}

.list_top .sort_wrap .view{display:none;}



#footer .f_up ul li{margin-left:1em;}
#footer .f_up .home_btn,
#footer .f_up .top_btn{display:none;}
#footer .f_up{line-height:40px;}

#footer .f_down .f_logo{position:static; margin-bottom:5px;}
#footer .f_down ul{padding-left:0;}

/*login*/
.login_wrap{width:100%;}
.etc_wrap{width:100%; margin-top:10px;}

.step_st{background:#f9f9f9; padding-bottom:10px;}
.step_st > li{text-align:center;}
.step_st > li .line{display:none;}
.step_st > li .in{padding-left:0;}
.step_st > li .in .icon{position:static;}
.step_st > li .in .t2{margin-bottom:0;}

/*mypage*/
.my_search_wrap em{display:block; margin-bottom:2px;}
.my_search_wrap .input_st{min-width:4em;}
.memo_st .tt{padding-left:1.2rem;}

/*order*/
.order_wrap{padding-right:0;}
.order_wrap .order_fix_wrap{position:relative; width:100%;}
.order_wrap .order_fix_wrap .order_fix,
.order_wrap .order_fix_wrap .order_fix.scroll{position:inherit; margin-top:20px; width:100%; top:0!important;}

.table_st.form .label_st{display:block; margin-left:0!important;}

/*board*/
.board_paging button{width:2em; height:2em; line-height:2em;}
.input_st{padding:.5em 0.5em}
.board_search_wrap button{padding:0 0.5em; font-size:10px;}
.board_search_wrap .right{font-size:10px; width:100%; float:left; margin-top:2px;}
.BScon td{padding:1em 0;}
.board_st.list td.w_tit img{width:70px;}

.input_st.s1{line-height:1.5em; height:2.5em; padding:0.5em 0.5em;}

.board_st th, .board_st td{padding:0.5em 0.3em}
.w_faq{width:2.5em;}
.w_btn{width:4em;}
.w_no {width:3em;}
.w_img{width:6em;}
.w_form_tit{width:100px;}

.input_st.w3{width:100%;}
select.input_st{padding-right:2em;}
.input_tt{display:block;}

.list_top .sort_wrap .sort > li > a{padding:0 0.5em;}

.board_btn_wrap button .xi{display:none;}


/*table*/
.table_st.size2 td{padding:1em 1em;}

.table_st.response{ border-top:1px solid #333}
.table_st.response tr{  display:block; position:relative; z-index:inherit; border-top:1px solid #666; margin-bottom:10px}
.table_st.response tr:first-child{ margin-bottom:0; border-top:none}
.table_st.response colgroup{ display:none}
.table_st.response th{ display:none }
.table_st.response td{ display:block; clear: both; width:100% !important; padding-left:22%; position:relative; z-index:inherit; box-sizing:border-box; text-align:left !important; border-top:none}
.table_st.response td:before{ width:20%; background:#f5f5f5; position:absolute; z-index:inherit; left:0; top:0; height:100%; content : attr(data-th); box-sizing:border-box; padding:10px 5px 5px 5px; text-align:center !important; border-right:1px solid #ddd; line-height:1}

.table_st.response td.w_btn{height:4em;}
.table_st.response td.w_btn:before{padding:17px 5px 5px 5px;}
.table_st.response td.w_btn2{height:4em;}
.table_st.response td.w_btn2:before{padding:17px 5px 5px 5px;}
.table_st.response td.w_prod{height:auto;}
.table_st.response td.w_prod:before{padding:20px 5px 5px 5px}
.table_st.response td.w_check label{margin-top:-7px;}
.table_st.response td.w_vol{height:4em;}
.table_st.response td.w_vol:before{ padding:14px 5px 5px 5px}

.table_st.response td.total_wrap{padding-left:0; padding:20px 10px 58px; text-align:right!important;}
.table_st.response td.total_wrap::before{display:none;}
.table_st .total_wrap .icon{padding:0 0.5em;}
.table_st.response td.total_wrap .tt_price:last-child{display:block; margin-top:5px;}


.table_st.response td.none{ display:none}

.table_st.response td.st_none{ padding:5px 0; border:none; border-bottom:1px solid #ddd; text-align:right !important}
.table_st.response td.st_none.nocon{ text-align:center !important}
.table_st.response td.st_none:before{ display:none;}

.table_st.response .phone_hide{ display:none}

/**/
.board_st .w_star{width:80px;}
.board_st .w_no{display:none!important}
.board_st .w_date{display:none!important}

}

@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){

}