@media (max-width:1890px){

}


@media (max-width:1200px){

	.container { max-width:100%; padding-left: 15px; padding-right: 15px; }
	
	#hd_menu_wrapper { display:none; }
	#hd_menu_wrapper #hd_menu { display:none; }
	
	#hd_notification { width:100%; }
	#hd_qnb { display:none; }
	
	#hd_wrapper { border-bottom: 1px solid #eaeaea; }
	#hd_wrapper .container { justify-content:center; }
	#hd_wrapper #hd_link,
	#hd_wrapper #hd_cs { display:none; }
	
	
	#m-section-02 #best-tabs { padding-left: 0; padding-right: 0; justify-content:center; flex-wrap:wrap; }
	#m-section-02 #best-tabs li { padding: 2px; box-sizing:border-box; }
	
	#m-section-02 #best-tab-items { margin-left: -1rem; }
	#m-section-02 #best-tab-items li { padding-left: 1rem; box-sizing:border-box; width:25%; }
	
	#m-section-04 .pf-list { margin-left: -1rem; margin-top: 2.7rem; }
	#m-section-04 .pf-list li { padding-left: 1rem; box-sizing:border-box; width:25%; margin-bottom: 0; margin-top: 1rem; }
	
	
	#ft_direct ul.ft_direct_link_01 { padding-right: 3rem; justify-content:start; }
	#ft_direct ul.ft_direct_link_02 { padding-left: 3rem; justify-content:end; }
	#ft_direct ul li { width:auto; margin: 0 5px; }
	
	
	.view_add .fbType > div { width:calc(50% - 1rem); }
	.view_add .fbmType .box { width:calc(50% - 1rem); }
	
	#sod_fin .sod_left { width:calc(100% - 340px - 20px); }
	
 
}


@media (max-width:992px){

	html { font-size:9.5px; }
	
	.visualSlide .visual { background-size:cover; }
	.visualSlide .visual .txt_box { height:auto; padding: 5rem 0 7rem; box-sizing:border-box; }
	.visualSlide .visual .txt_box .tit { font-size:4rem; }
	.visualSlide .visual .txt_box .txt { margin: 2rem 0 3rem; }
	.visualSlide .visual .txt_box .more { width:150px; height:40px; }
	
	
	#ft_direct .container { flex-wrap:wrap; padding-top: 2rem; }
	#ft_direct .ft_logo { order:0; width:100%; text-align: center; }
	#ft_direct ul { padding-left: 0 !important; padding-right: 0 !important; width:50%; }
	#ft_direct ul li { width:25%; }
	
	
	#samples_list ol li { width:calc(50% - 20px); }
	
	#smb_my_ov .memberBox .infoBox { flex-wrap:wrap; padding: 30px 10px; }
	#smb_my_ov .memberBox .infoBox .box { width:50%; flex:unset; display:flex; text-align:left; align-items:baseline; justify-content:left; padding: 5px 0; }
	#smb_my_ov .memberBox .infoBox .box .tit,
	#smb_my_ov .memberBox .infoBox .box .txt { font-size:14px !important; }
	#smb_my_ov .memberBox .infoBox .box .tit { flex-shrink:0; width:50px; margin-bottom: 0; }
	#smb_my_ov .memberBox .infoBox .box .txt { padding-left: 10px; }
	#smb_my_ov .memberBox .infoBox .box .txt.address {  }
	
	
	#sod_fin .sod_left { width:100%; }
	#sod_fin .sod_right { width:100%; }
	

}


@media (max-width:768px){

	html { font-size:9px; }
	
	.visualSlide .visual { background-position:center left; }
	
	#m-section-02 #best-tab-items { flex-wrap:wrap; margin-left: -2rem; margin-top: -2rem; }
	#m-section-02 #best-tab-items li { width:50%; padding-left: 2rem; margin-top: 5rem; }
	#m-section-02 #best-tab-items li a { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; }
	#m-section-02 #best-tab-items li a .bt-img { width:100%; }
	#m-section-02 #best-tab-items li a .bt-img img { width:100%; }
	#m-section-02 #best-tab-items li .bt-price { margin-left: 0; margin-right: 20px; }
	
	#m-section-04 .pf-list li { width:50%; }
	#m-section-04 .pf-list li a img { width:100%; }
	
	
	#ft_community .container { flex-wrap:wrap; }
	#ft_community .container .ft_notice,
	#ft_community .container .ft_cs { width:50%; }
	#ft_community .container .ft_account { width:100%; border-left: 0; padding-left: 0; border-top: 1px solid #eaeaea; }
	
	
	#ft_direct ul { width:100%; justify-content:center !important; }
	#ft_direct ul li { width:25%; flex:1; flex-shrink:0; }
	#ft_direct ul.ft_direct_link_02 { padding-top: 0; }
	#ft_direct ul li span { white-space: break-spaces; }
	
	
	.sub_head { height:130px; }
	
	
	.view_add .optType .boxWrap .box { width:50%; }
	.view_add .etcType { flex-direction:column; align-item:center; }
	.view_add .etcType .leftBox,
	.view_add .etcType .rightBox { width:100%; max-width:100%; }
	.view_add .etcType .rightBox { margin-top: 40px; }
	
	.view_add .btnLine { flex-direction:column; align-items:center; }
	.view_add .btnLine .price,
	.view_add .btnLine .btnBox { width:100%; text-align: center; align-items:center; justify-content:center; }
	.view_add .btnLine .price dd { font-size:28px !important; }
	
	
	.view_add .chkType ul li label .left { flex-wrap:wrap; }
	.view_add .chkType ul li label .left .txt { width:100%; padding-left: 48px; }
	
	
	#smb_my_od table thead { display:none; }
	#smb_my_od table,
	#smb_my_od table tbody { display:block; width:100%; }
	#smb_my_od table { border-top: 2px solid #dadada; box-sizing:border-box; }
	#smb_my_od table tr { display:flex; flex-wrap:wrap; border-bottom: 1px solid #dadada; box-sizing:border-box; padding: 20px 10px; }
	#smb_my_od table tr td { border: 0 !important; text-align:left; display:flex; gap:5px; padding: 5px 0; }
	#smb_my_od table tr td:first-child { order:0; width:calc(100% - 100px); font-weight: 700; }
	#smb_my_od table tr td:nth-child(2) { order:5; width:100%; }
	#smb_my_od table tr td:nth-child(3) { display:none; }
	#smb_my_od table tr td:nth-child(4),
	#smb_my_od table tr td:nth-child(5),
	#smb_my_od table tr td:nth-child(6) { color:#666; margin-right: 20px; }
	#smb_my_od table tr td:nth-child(4) { order:2; }
	#smb_my_od table tr td:nth-child(5) { order:3; }
	#smb_my_od table tr td:nth-child(6) { order:4; }
	#smb_my_od table tr td:nth-child(4):before { content:"주문금액 : "; }
	#smb_my_od table tr td:nth-child(5):before { content:"입금금액 : "; }
	#smb_my_od table tr td:nth-child(6):before { content:"미입금액 : "; }
	#smb_my_od table tr td:last-child { order:1; justify-content:end; width:100px; font-weight: 600; box-sizing:border-box; }
	#smb_my_od table tr td.reorderTd { order:6; width:100%; }
	#smb_my_od table tr td .reorder { width:100%; text-align: center; }
	
	
	#sod_bsk table thead { display:block; width:100%; }
	#sod_bsk table tr th { display:none; }
	#sod_bsk table tr th.chk_box { display:block; border: 0 !important; padding: 0 !important; text-align:left; font-size:14px; }
	#sod_bsk table tr th.chk_box:after { content:"전체선택"; margin-left: 5px; }
	#sod_bsk table thead tr { display:block; }
	#sod_bsk table,
	#sod_bsk table tbody { display:block; width:100%; }
	#sod_bsk table { box-sizing:border-box; }
	#sod_bsk table tr { display:flex; flex-wrap:wrap; border-bottom: 1px solid #dadada; box-sizing:border-box; padding: 20px 10px; }
	#sod_bsk table tr td { border: 0 !important; text-align:left; display:flex; gap:5px; padding: 5px 0; }
	#sod_bsk table tr td:first-child { order:0; width:100%; }
	#sod_bsk table tr td:nth-child(2) { order:1; width:100%; }
	#sod_bsk table tr td:nth-child(2) .sod_img { position:static; flex-shrink:0; }
	#sod_bsk table tr td:nth-child(2) .sod_name { width:calc(100% - 80px); padding-left: 20px; }
	#sod_bsk table tr td:nth-child(3),
	#sod_bsk table tr td:nth-child(4),
	#sod_bsk table tr td:nth-child(5) { color:#666; margin-right: 20px; }
	#sod_bsk table tr td:nth-child(3) { order:2; }
	#sod_bsk table tr td:nth-child(4) { order:3; }
	#sod_bsk table tr td:nth-child(5) { order:4; }
	#sod_bsk table tr td:nth-child(3):before { content:"총수량 : "; }
	#sod_bsk table tr td:nth-child(4):before { content:"판매가 : "; }
	#sod_bsk table tr td:nth-child(5):before { content:"포인트 : "; }
	#sod_bsk table tr td:last-child { order:5; width:100%; }
	
	#sod_bsk #sod_bsk_tot ul { flex-direction:column; }
	
	#sod_bsk_act a,
	#sod_bsk_act button { margin: 5px; }
	
	
	#point table thead { display:none; }
	#point table,
	#point table tbody { display:block; width:100%; }
	#point table { box-sizing:border-box; }
	#point table tr { display:flex; flex-wrap:wrap; border-bottom: 1px solid #dadada; box-sizing:border-box; padding: 20px 10px; }
	#point table tr td { border: 0 !important; text-align:left; display:flex; gap:5px; padding: 5px 0; text-align:left; }
	#point table tr td:first-child { order:2; width:calc(100% - 200px); text-align: right; justify-content:end; }
	#point table tr td:nth-child(2) { order:3; }
	#point table tr td:nth-child(3) { order:4; color:#666; font-weight: 600; width:100%; }
	#point table tr td:nth-child(3):before { content:"만료일 : "; }
	#point table tr td:nth-child(4) { order:0; width:100px; }
	#point table tr td:last-child { order:1; width:100px; }
	
	
	.sod_frm_mobile .sod_list .li_op_wr { padding-left: 0; padding-bottom: 10px; display:flex; align-items:center; }
	.sod_frm_mobile .sod_list .total_img { position:static; }
	
	
	#m_pv_sod_frm { border: 1px solid #eaeaea; box-sizing:border-box; border-radius:20px; padding: 50px 30px; }
	#m_pv_sod_frm h2 { display:none; }
	.odf_tbl {  }
	.odf_tbl table,
	.odf_tbl table tbody { display:block; width:100%; }
	.odf_tbl table tbody tr { display:flex; align-items:center; }
	.odf_tbl table tbody th { width:70px; flex-shrink:0; }
	.odf_tbl table tbody td { width:calc(100% - 70px); padding: 5px 0; }
	.odf_tbl table tbody td > input[type="text"],
	.odf_tbl table tbody td > input[type="email"] { width:100%; }
	#display_pay_button { border: 0; padding: 0; margin-top: 20px; }
	#display_pay_button a { display:flex; height:50px; width:100%; align-items:center; justify-content:center; margin-top: 5px; border-radius:3px; }
	
	
	#sod_fin_list table,
	#sod_fin_list table tbody { display:block; width:100%; }
	#sod_fin_list table thead { display:none; }
	
	#sod_fin_list table {  }
	#sod_fin_list table tr { display:flex; flex-wrap:wrap; border-bottom: 1px solid #dadada; box-sizing:border-box; padding: 20px 10px; }
	#sod_fin_list table tr td { border: 0 !important; text-align:left; display:flex; gap:5px; padding: 5px 0; text-align:left; width:auto; min-height:10px; }
	#sod_fin_list table tr td:before {  }
	#sod_fin_list table tr td:first-child { order:0; width:calc(100% - 50px); }
	#sod_fin_list table tr td:nth-child(2):before,
	#sod_fin_list table tr td:nth-child(3):before,
	#sod_fin_list table tr td:nth-child(5):before {  }
	#sod_fin_list table tr td:nth-child(2) { order:2; }
	#sod_fin_list table tr td:nth-child(3) { order:3; }
	#sod_fin_list table tr td:nth-child(4) { order:4; }
	#sod_fin_list table tr td:nth-child(5) { order:5 }
	#sod_fin_list table tr td:nth-child(6) { order:6; color:#666; font-weight: 600; width:100%; }
	#sod_fin_list table tr td:last-child { order:1; color:var(--blue); width:50px; text-align: right; font-weight: 600; }
	
	#sod_fin_list table tr td:nth-child(2):before { content:"수량 : "; }
	#sod_fin_list table tr td:nth-child(3):before { content:"판매가 : "; }
	#sod_fin_list table tr td:nth-child(5):before { content:"배송비 : "; }
	#sod_fin_list table tr td:nth-child(6):before { content:"소계 : "; }
	
	
	
}


@media (max-width:640px){

	#m-section-02 #best-tab-items li a { flex-direction:column; }
	#m-section-02 #best-tab-items li .bt-title { margin-left: 0; padding-left: 10px; }
	#m-section-02 #best-tab-items li .bt-price { padding-left: 10px; margin-right: 0; }
	
	
	#ft_community .container .ft_notice,
	#ft_community .container .ft_cs { width:100%; }
	#ft_community .container .ft_notice {  }
	#ft_community .container .ft_cs { border-left: 0; padding-left: 0; border-top: 1px solid #eaeaea; }
	
	
	#smb_my_ov .memberBox .infoBox .box { width:100%; }	
	

}


@media (max-width:479px){

	html { font-size:8.5px; }
	
	
	.view_add .fbType > div { flex-direction:column; }
	.view_add .fbType > div { width:100%; margin-top: 20px; }
	.view_add .fbType > div:first-child { margin-top: 0; }
	
	.view_add .fbmType { flex-direction:column; }
	.view_add .fbmType .box { width:100%; margin-top: 20px; }
	.view_add .fbmType .box:first-child { margin-top: 0; }
	
	
	.view_add .optType .boxWrap .box { width:100%; }
	
	
	#point table tr td:first-child { width:100%; text-align:left; justify-content:start; }
	

	#sod_fin .sod_left table,
	#sod_fin .sod_left tr,
	#sod_fin .sod_left tbody,
	#sod_fin .sod_left th,
	#sod_fin .sod_left td { display:block; width:100%; }
	#sod_fin .sod_left th { padding-bottom: 0; }
	#sod_fin .sod_left td { padding-top: 0; }
	
	#sod_fin #sod_fin_pay li strong,
	#sod_fin #sod_fin_pay li span { display:block; width:100%; }
		

}