button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
img{max-width:100%}

.nom{display:none; position:absolute; width:0; height:0; overflow:hidden;}
#bodyWrap{width:auto}
.wrap{width:auto; margin:0;}
/* 팝업레이어 */
#hd_pop {margin:0 auto;width:auto;height:0}
.hd_pops {position:absolute;border:1px solid #EEE;background:#fff; top:0 !important; left:0 !important;}
.hd_pops.mobile {display:none; }
.hd_pops img{max-width:100%;}
.hd_pops_con {width:auto !important; height:auto !important;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px ;border:0;background:#393939;color:#fff}
.hd_pops.mobile {display:block;}
.hd_pops.pc {display:none;}


#hdTop{display:none }
#header{
--hh:5rem;
}
#header{ position:fixed; left:0; right:0; top:0; background:#FFF; z-index:20;  height:var(--hh); padding:0}
#header h1{position:relative; float:none; text-align:center; padding:1.5rem 0; z-index:1;  }
#header h1 img{height:2rem; }

#header .hd_btns{display:none }
#hd_sch{position:absolute; float:none; height:auto; left:0; top:var(--hh); height:calc( 100vh - var(--hh)); background:rgba(0,0,0,.8); margin:0; width:auto; right:0; z-index:9; padding:2rem; border-bottom:1px solid var(--color-line);  display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; visibility: hidden;opacity: 0; transition: all 200ms; }
#hd_sch form{position:relative; display:block; }
#hd_sch input{border:1px solid var(--color-line);  border-radius:4em;  color:#FFF; width:100%; height:4rem; background:none;  text-indent:1em;}
#hd_sch button{width:4rem; height:4rem;  top:0; right:0; color:#FFF; }
#hd_sch.on{visibility: visible; opacity: 1;}
#popular{display:block; margin-top:1em; text-align:center; color:#FFF;}
#popular strong{font-size:1.2em; display:block; margin:1em;}
#popular ul{display:flex; flex-flow:wrap; justify-content:center}
#popular ul li{margin-right:1em;}
#popular ul li a{color:#FFF; }


#btnMobileSearch{display:block; position:absolute; top:0; left:0; border:0; background:none; width:var(--hh); height:var(--hh); line-height:var(--hh); text-align:center; font-size:2rem; z-index:3;}
#btnMobileSearch .com-search{display:block;}
#btnMobileSearch .com-close{display:none;}
#btnMobileSearch.on .com-search{display:none;}
#btnMobileSearch.on .com-close{display:block;}
#btnMobileMenu{display:block; position:absolute; top:0; right:0; border:0; background:none; width:var(--hh); height:var(--hh); line-height:var(--hh); text-align:center; font-size:2rem;z-index:3;}

#btnAllmenu{display:none;}
#topMenu{display:none;}

#mobileMenu{position:fixed;  display:block; left:0; right:0; bottom:0; top:0;  z-index:999; visibility: hidden;opacity: 0; transition: all 200ms; background:rgba(0,0,0,.8)  }
#mobileMenu h2{text-align:center; padding:1em 0; border-bottom:1px solid var(--color-line); }
#mobileMenu h2 img{height:2rem;}
#mobileMenu .btn_close{position:absolute; right:0; top:0; overflow:hidden; color:#FFF; font-size:3rem; width:6rem; height:6rem; line-height:6rem; text-align:center;}
#mobileMenu section{position:absolute; left:-20%; top:0; width:calc(100% - 6rem); height:100%; background:#FFF; overflow:auto; transition: all 200ms; z-index:2;}

#mobileMenu section > ol{border-bottom:1px solid var(--color-line); line-height:4rem; text-align:center; background:var(--color-bg)}
#mobileMenu section > ol li{display:inline-block; padding:0 1em}







#mobileMenu section > ul{border-bottom:1px solid var(--color-line);  text-align:center; display: flex; justify-content: center; padding:1em; gap:1em;}
#mobileMenu section > ul li{ width:8rem; text-align:center; }
#mobileMenu section > ul svg{height:3rem; width:3rem; opacity:.6; fill:#FFF;}
#mobileMenu section > ul a{display: block; background-color: var(--color-main); color:#FFF; padding:1rem 0; border-radius: .5em; transition: all .3s ease;}

 


#mobileMenu dl {margin:2rem;border-top:1px solid var(--color-line); }
#mobileMenu dl dd{ }


#mobileMenu dl dt > a{position:relative; display:block;   font-size:1.1em;   line-height:4rem;border-bottom:1px solid var(--color-line);}
#mobileMenu dl dt > a:after{ position:absolute; top:50%; right:0; width:1em; height:1em; line-height:1em; margin-top:50%; margin-top:-.5em; content:"\ee60c"; font-family:'iconfont'; transition: all 0.3s ease; transform: scale(.7); opacity:.5}
#mobileMenu dl dt > a svg{ vertical-align:middle;}

#mobileMenu dl dd{border-bottom:1px solid var(--color-line); line-height:2rem; text-align:center; background:var(--color-bg); display:flex;justify-content: center}
#mobileMenu dl dd a{padding:1em 0; ; width:33%}
#mobileMenu dl dd a svg{display:block;width:2em; height:2em; margin:0 auto }

#mobileMenu.open{visibility: visible; opacity: 1;}
#mobileMenu.open section{left:0;}

#main_visual {width: 100%; margin:0; margin-top:6rem; }
#main_visual article{  border-radius: 0;}

#main_visual li{ height:auto;}
#main_visual .controll{display:none;}
#main_visual .controll a{ font-size:1em;  }

#main_visual section h2{font-size:1.5em;  }
#main_visual section h3{font-size:1.2em;  }
#main_visual section p{font-size:1em;  }


.main_items .btn_more{top:4rem; right:1em;}
.main_items{padding:3rem 1rem;}
/*
.main_items ul.list li{width:48%; margin:3% 1%;   }
.main_items ul.list li .sct_img img{ width:100%; height:auto;}
.main_items ul.list li .sct_txt{padding:1em 0 0 0; }
.main_items ul.list li .sct_txt img{width:6em}
.main_items ul.list li .sct_txt h6{padding-bottom:.3em; margin-bottom:.3em}
*/

.list_slide .list li{text-align:center;}
.list_slide .list .sct_txt strong{ display:block; font-size:1.2em;}
.list_slide .list .sct_star{display:none}
.list_slide .sct_op_btn {display:none;}


.list_gallery ul.sort{display:none;}
.list_gallery ul.list{ display:block}
.list_gallery ul.list li{width:98%; margin:2% 1%;  }
.list_gallery ul.list li a{ padding:1rem;  }
.list_gallery ul.list .sct_img{   width:8rem;}
.list_gallery ul.list li .sct_txt{ width:calc(100% - 8rem);  }
.list_gallery ul.list li .sct_txt img{width:4em}
.list_gallery ul.list li .sct_txt strong{top:1rem}

.list_basic ul.sort{ display:none;}
.list_basic ul.list{  grid-template-columns: repeat(2,1fr); margin-top:1em; gap:1rem}
.list_basic ul.list li{  position:relative;  text-align:left; }
.list_basic ul.list li .sct_img img{width:100%; height:auto}
.list_basic ul.list li .sct_txt{padding:1em 0 0 0;}
.list_basic ul.list li .sct_txt img{width:6em}
.list_basic ul.list li .sct_txt h6{position:relative;bor}
.list_basic ul.list li .sct_txt strong{ display:block; font-size:1.2em;}

.list_basic .sct_op_btn {position:absolute;right:5px;bottom:0; z-index:2;}
.list_basic .sct_op_btn>button {border:0;width:1em;height:20px;font-size:1em; text-align:center;color:#949494;background:transparent; margin-left:.5em;}
.list_basic .sct_sns_wrap {display:none;}



#footer .tail_links a{ padding:0 .5em;}

#flooringBtn{position:sticky; left:0; right:0; bottom:0; z-index:99; background:var(--color-main); display:flex; text-align:center; }
#flooringBtn a{width:10%;flex-grow:1;  padding:1rem 0; color:#FFF;  font-size:.9em}
#flooringBtn a svg{width:2em; display:block; margin:0 auto; fill:#FFFFFF}

#detail_deli{position:fixed; width:100vw; left:50%; top:0; margin-left:-50vw;  }
#detail_deli h5{background:#fa8283; color:#FFF; }
#detail_deli h5 strong{padding-left:1em; display:inline-block; line-height:5rem; font-size:1.3em; }
#detail_deli article{ padding:1em; height:calc(100vh - 5rem);  }


#side_menu{display:none; }






.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

#smb_my_od .tbl_head03 thead{display:none}
#smb_my_od .tbl_head03 tbody tr{position:relative; display:flex; flex-flow:wrap; padding:1rem 0;}
#smb_my_od .tbl_head03 tbody td{padding:0;  border:0; width:auto;}
#smb_my_od .tbl_head03 tbody td.tit:before{ content:  attr(title) " : "; color:#aaa}
#smb_my_od .tbl_head03 tbody td.od_id{width:100%; font-size:1.1em; font-weight:700}
#smb_my_od .tbl_head03 tbody td.od_time{  width:50%}
#smb_my_od .tbl_head03 tbody td.od_qty{ text-align:right;  width:50%}
#smb_my_od .tbl_head03 tbody td.od_price{  padding:.2rem !important; border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line); width:33.33%; background:var(--color-bg);  text-align:center !important; margin-top:.5em;}
#smb_my_od .tbl_head03 tbody td.od_price:before{content:  attr(title); display:block; }
#smb_my_od .tbl_head03 tbody td.od_status{  position:absolute; top:1rem; right:0;}


#smb_my_wish  ul{  gap:10px;   grid-template-columns: repeat(2, 1fr); }
#smb_ws_act .btn01 {width:100px;height:40px;font-weight:bold;font-size:1.1em; }
#smb_ws_act .btn02 {width:100px;height:40px;font-weight:bold;font-size:1.1em; }


	#smb_my{padding:0}
    #smb_my_ov {float:none; width: 100%; margin-right:0}
    #smb_my_list {float:none; width: 100%; margin-top: 30px;}




#sod_bsk .tbl_head03 table{border:0}
#sod_bsk .tbl_head03 thead{display:none}
#sod_bsk .tbl_head03 tbody tr{position:relative; display:flex; flex-flow:wrap; padding:1rem 0; border:1px solid var(--color-line); margin-bottom:1rem; border-radius:1rem;}
#sod_bsk .tbl_head03 tbody td{padding:0;  border:0; width:auto;}
#sod_bsk .tbl_head03 tbody td.tit:before{ content:  attr(title) " : "; color:#aaa}

#sod_bsk .tbl_head03 tbody td.chk_box{  position:absolute; top:1rem; right:0;}
#sod_bsk .tbl_head03 tbody td.td_prd{ width:100%;  padding-left:10rem;  }
#sod_bsk .tbl_head03 tbody td.td_prd .sod_img{width:10rem; left:1rem; top:0;}
#sod_bsk .tbl_head03 tbody td.td_prd .prd_name{font-size:1.2em;}
#sod_bsk .tbl_head03 tbody td.td_prd .sod_opt{margin:0; }
#sod_bsk .tbl_head03 tbody td.chk_box{  position:absolute; top:1rem; right:0; z-index:2}


#sod_bsk .tbl_head03 tbody td.ct_qty{width:20%; margin-left:1rem; border-top:1px solid var(--color-line); padding-top:.5rem;}
#sod_bsk .tbl_head03 tbody td.ct_qty:before{ content:  attr(title); display:block;}
#sod_bsk .tbl_head03 tbody td.ct_price{width:20%;   border-top:1px solid var(--color-line); padding-top:.5rem;}
#sod_bsk .tbl_head03 tbody td.ct_price:before{ content:  attr(title); display:block;}
#sod_bsk .tbl_head03 tbody td.ct_point{width:20%;   border-top:1px solid var(--color-line); padding-top:.5rem;}
#sod_bsk .tbl_head03 tbody td.ct_point:before{ content:  attr(title); display:block;}
#sod_bsk .tbl_head03 tbody td.ct_sell{width:calc( 40% - 2rem);   border-top:1px solid var(--color-line); padding-top:.5rem;}
#sod_bsk .tbl_head03 tbody td.ct_sell:before{ content:  attr(title); display:block;}

#sod_bsk #sod_bsk_tot li{padding:1rem }
#sod_bsk #sod_bsk_tot li span{display:block; float:none; }
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt strong{font-size:1.4em}


.sod_frm_pc #sod_list{display:none}

.list_02 li{width:48%;}
.list_02 li .sod_ws_img img{width:100%; height:auto;}

.sct_admin{display:none}


#sod_frm .sod_left{width:auto; float:none; margin:0}
#sod_frm .sod_left .frm_input{width:100% !important;}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{line-height:2.8em; padding:5px;}

#sod_fin_list .tbl_head03 table{border:0}
#sod_fin_list .tbl_head03 thead{display:none}
#sod_fin_list .tbl_head03 tbody{ display:block; border:1px solid var(--color-line); margin-bottom:1rem; border-radius:1rem; min-height:9rem; padding:1rem;}
#sod_fin_list .tbl_head03 tbody tr{position:relative; display:flex; flex-flow:wrap; padding:0;    padding-left:10rem;}
#sod_fin_list .tbl_head03 tbody tr .td_imgsmall{position:absolute; top:0; left:0; width:7rem; }

#sod_fin_list .tbl_head03 tbody td{padding:0;  border:0; width:auto;}

#sod_fin_list .tbl_head03 tbody td.tit:before{ content:  attr(title) " : "; color:#aaa}


#sod_fin .sod_left{width:auto; float:none; margin:0; display:block;}
#sod_fin .sod_right{margin-top:2rem;}

#sod_fin .sod_left td{line-height:1.2em;  height:auto; padding:5px;}