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

.nocon{ padding:5.75em 0 !important; font-size:.813rem; color:#999 !important; text-align:center;}
.nocon:before{ content:"\e9d8"; font-family:xeicon!important; display:block; margin:0 auto .2em auto; font-size:5em; color:#ddd;}
*:not(td).nocon{ display:block !important;}
td.nocon{ border-bottom:1px solid #ddd;}

/* view */
.board_table{ font-size:.813em; border-top:4px solid #bbb;}
.board_table th,
.board_table td{ height:1.6em; padding:.6em .6em; border:1px solid #bbb; line-height:1.4; text-align:left;}
.board_table thead th{ border-bottom-color:#999; text-align:center;}
.board_table th{ color:#111; background:#f7f7f7;}
.board_table td{ color:#555;}
.board_table a:hover{ text-decoration:underline;}
.board_table.list{ border-top-color:#d4d5d8;}
.board_table.list th,
.board_table.list td{ border-color:#e8e8e8; padding-left:.2em; padding-right:.2em; text-align:center; word-break:break-all;}
.board_table.list td.al{ padding-left:1.2em;}
.board_table.list td a{ display:inline-block; color:#111;}
.board_table.list td i{ display:inline-block;}

.table-bordered td{
	padding:5px 3px;
	border:1px solid #ddd;
}

.inquiry_sm .inquiry_title_box{}
.inquiry_sm .inquiry_title_box .title{font-size:1.5em; text-align:center; display:flex; justify-content:center; align-items:flex-end;}
.inquiry_sm .inquiry_title_box .title .xi{font-size:1.125em; color:#4391e3; padding-right:.5em;}
.inquiry_sm .inquiry_title_box .title > i{position:relative;}
.inquiry_sm .inquiry_title_box .title > i:after{content:''; display:block; width:calc(100% + 10px); height:4px; background:#999; position:absolute; left:50%; bottom:-.25rem; transform:translateX(-50%);}

.board_cate_wrap{display:flex; flex-wrap:wrap;}
.board_cate_wrap .cate_btn{width:24%; margin-right:15px; margin-bottom:.5rem; border:1px solid #ddd; box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:.5rem 0; cursor:pointer; background:#f1f1f1; color:#555;}
.board_cate_wrap .cate_btn.on{border-top:2px solid #4391e3; background:#fff; color:#111;}
.board_cate_wrap .cate_btn:nth-of-type(4n){margin-right:0;}
/* .board_cate_wrap .cate_btn:nth-last-of-type(-n+4){margin-bottom:0;} */

.w_view_table_w0 {width:0.8em;}
.w_view_table_w1 {width:7em;}
.w_view_table_w2 {width:11em;}
.w_view_table_w3 {width:6em;}
.w_view_table_w4 {width:4em;}
.w_view_table_w5 {width:5em;}

/*board*/
.mall_table{ border-top:2px solid #333; font-size:.813em}
.mall_table.notop{ border-top:none}
.mall_table caption{ text-align:left; line-height:40px}
.mall_table caption .no{ display:inline-block; font-size:1.500em; color:#111; font-weight:700; padding:0 10px;}
.mall_table caption .tt{ display:inline-block; font-size:1.250em; color:#777; font-weight:700;}
.mall_table th{ border-bottom:1px solid #666; padding:15px 5px; color:#111;}
.mall_table td{ border-bottom:1px solid #ddd; padding:10px 5px; vertical-align:middle; text-align:center; color:#666;}
.mall_table.row{}
.mall_table.row th{ text-align:right; border-color:#ddd; padding-right:10px}
.mall_table.row td{ text-align:left; padding:10px 15px;}
.mall_table td.w_prod{ text-align:left}
.mall_table td a:not(.prod_info):hover{ text-decoration:underline;}
.mall_table .w_check{ width:50px; vertical-align:top}
.mall_table .w_chk{ width:30px}
.mall_table .w_no{ width:80px;}
.mall_table .w_num{ width:200px;}
.mall_table .w_date{ width:100px}
.mall_table .w_date2{ width:180px}
.mall_table .w_name{ width:90px}
.mall_table .w_hit{ width:80px}
.mall_table .w_state{ width:120px}
.mall_table .w_tit{ width:auto}
.mall_table td.w_tit{text-align:left}
.mall_table .w_tit a{ display:block}
.mall_table .w_star{ width:100px; color:#111;}
.mall_table .w_prod{ width:auto}
.mall_table .w_price{ width:150px}
.mall_table .w_price2{ width:150px}
.mall_table .w_point{ width:120px}
.mall_table .w_vol{ width:85px}
.mall_table .w_delivery{ width:80px}
.mall_table .w_btn{ width:80px}
.mall_table .w_mark{ width:80px; text-align:center}
.mall_table .w_arrow{ width:80px}
.mall_table .w_sort{ width:130px}
.mall_table .w_category{ width:110px}

.mall_table tr.list_notice td{ background:#fafcff}
.mall_table tr.list_notice td a{ font-weight:700; color:#111;}
.mall_table tr.list_reply td{ background:#fcfcfc}

.mall_board .after_dp td,
.mall_board .qna_dp td{ padding:25px 5px;}
.mall_board .td_btn{ position:absolute; top:5px; right:5px;}
.mall_board .answer td{ background:#f5f5f5;}
.mall_board .tt_state{ display:none;}

.btn_mini{ background:#fff; border:1px solid #dddddd; width:30px; height:17px; color:#999; padding:2px; margin-left:2px; letter-spacing:-1px; font-size:11px; cursor:pointer;}

.mall_table.row.view{ border-top:none;}
.mall_table.row.view.tit{ border-top:2px solid #333;}
.mall_table.row.view .tt_cut{ display:block;}
.mall_table.row.view .view_tit{ padding:15px 10px; text-align:center; font-size:1.313em; font-weight:400;}
.mall_table.row.view .view_info{line-height:20px; background:#f5f5f5;}
.mall_table.row.view .view_info .info_wrap{ float:left; width:50%}
.mall_table.row.view .view_info .info_wrap > li{ display:inline-block; *display:inline; zoom:1; margin-left:20px}
.mall_table.row.view .view_info .info_wrap > li:first-child{ margin-left:0}
.mall_table.row.view .view_info .view_icon{ vertical-align:top;}
.mall_table.row.view .view_info .view_icon.name:before{content:"\e9f5"}
.mall_table.row.view .view_info .view_icon.date:before{content:"\e9a4"}
.mall_table.row.view .view_info .view_icon.edate:before{content:"\e9a4"}
.mall_table.row.view .view_info .view_icon.hit:before{content:"\e950"}
.mall_table.row.view .view_info .view_icon.file:before{content:"\ea83"}
.mall_table.row.view .view_info .file_wrap{ float:left; width:50%; text-align:right}
.mall_table.row.view .view_info .file_wrap .list{ display:inline-block; *display:inline; zoom:1; margin-right:10px}

.mall_table.row.view .view_con{ padding:40px;}
.mall_table.row.view .view_con .file_wrap{ margin-bottom:20px; text-align:center}
.mall_table.row.view .view_con .reply_wrap{ margin-top:20px; padding-top:20px; border-top:1px dotted #aaa}

.ess{ display:inline-block; vertical-align:middle; width:10px; text-align:right; font-weight:700; color:#f34b6b; font-size:1rem}
.ess:before{content:"*"}
.ess.off:before{content:""}

.prod_info{ display:table; table-layout:fixed; width:100%;}
.prod_info > *{ display:table-cell; vertical-align:middle}
.prod_info .img{ width:80px;}
.prod_info .tit{ padding-left:1em; font-weight:700; color:#111}
.prod_info .tit .t1{ padding-bottom:.5em; font-size:.938em; color:#888; font-weight:400;}
.prod_info .tit .star_wrap{ margin-top:1em;}
.prod_info .tit:hover{ text-decoration:underline;}
.prod_info.big .img{ width:100px}

.mall_table .prod_info a.tit:hover{ text-decoration:none;}
.mall_table .prod_info a.tit:hover .t2{ text-decoration:underline;}

.prod_info_op{ margin-top:10px; background:#f5f5f5; font-size:.938em;}
.prod_info_op > li{ display:inline-block; *display:inline; zoom:1; padding:0 10px; margin:10px 0;}
.prod_info_op > li:before{ content:"/"; padding-right:15px}
.prod_info_op > li:first-child:before{ content:"옵션명 :"; color:#444; font-weight:700;}
.prod_info_op.mNot{ margin-top:0;}

.tt_prod_price{ font-weight:700; color:#111; font-size:1.250em;}
.tt_prod_price_b{ text-decoration:line-through; vertical-align:baseline}
.tt_prod_point{ color:#e2426c; font-weight:700; font-size:1.125em;}
.tt_prod_point.use{ color:#c3061c}
.tt_prod_bank{ font-weight:700; color:#111;}
.tt_prod_num{ color:#111; font-size:1.125em; vertical-align:middle}

.tt_prod_price,
.tt_prod_price + *,
.tt_prod_point,
.tt_prod_point + *,
.tt_prod_num,
.tt_prod_num + *{ display:inline-block; vertical-align:middle;}

.coupon_reg{ text-align:center; border-top:1px solid #111; padding:30px; background:#f9f9f9}
.coupon_reg .inp{ width:30%; border-color:#111}

/**/
.board_icon{ vertical-align:middle}
.board_icon.new   { font-size:1.5em; color:#e2426c}
.board_icon.notice{ font-size:1.5em; color:#111a25}
.board_icon.reply { color:#333}
.board_icon.notice:before{ content:"\ea5b"}
.board_icon.new:before   { content:"\e9a8"}
.board_icon.reply:before { content:"\e981"}
.board_icon.file:before  { content:"\e9ba"}
.board_icon.lock:before  { content:"\e966"}

.board_small_icon{ vertical-align:middle; padding:0 5px; line-height:20px; background:#fff; border:1px solid #111; border-radius:3px; font-size:.75rem; color:#111; font-weight:700; opacity:.7}
.board_small_icon:hover{ opacity:1}
.board_small_icon .delete:before{ content:"\e96f"}
.board_small_icon .modify:before{ content:"\ea39"}

/**/
.board_faq{border-top:2px solid #333; font-size:.813em}
.board_faq .article{ border-bottom:1px solid #ddd}
.board_faq .article .qq{ position:relative}
.board_faq .article .aa{ display:none; position:relative; background:#f9f9f9; border-top:1px dashed #ccc}
.board_faq .article .mark{ position:absolute; left:0; width:50px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:2em; text-align:center}
.board_faq .article .qq .mark{ color:#333}
.board_faq .article .qq.on{ background:#f9f9f9}
.board_faq .article .qq.on .mark{ color:#c3061c}
.board_faq .article .aa .mark{ color:#999; top:15px}
.board_faq .article .arrow{ position:absolute; right:0; top:0; width:50px; height:100%; font-size:1.5em; text-align:center; color:#bbb}
.board_faq .article .arrow .xi:before{ content:"\e941"; font-family:xeicon!important;}
.board_faq .article .qq.on .arrow .xi:before{ content:"\e944"}
.board_faq .article .tt{ display:block; padding:20px 60px ;line-height:20px}
.board_faq .article .qq.on .tt{ font-weight:700;}
.board_faq .article .aa .tt{ padding-right:10px}

/**/
.board_gallery{ margin:0 -1em -3em 0; overflow:hidden;}
.board_gallery > li{ float:left; width:25%;}
.board_gallery > li .link{ display:block; margin:0 1em 3em 0;}
.board_gallery .img_wrap{ overflow:hidden;}
.board_gallery .img_wrap .img{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.3s;}
.board_gallery .con_wrap{ padding:1em .2em;}
.board_gallery .con_wrap > p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_gallery .con_wrap .t1{ padding:.8em 0; font-size:.938em; color:#000; font-weight:700; letter-spacing:-1px;}
.board_gallery .con_wrap .t2{ color:#888;}
.board_gallery .con_wrap .t2 .xi,
.board_gallery .con_wrap .t2 .tt{ vertical-align:middle;}
.board_gallery .con_wrap .t2 .tt{ font-size:.813em;}
.board_gallery .con_wrap .t2 .xi{ font-size:1.125em; padding-right:.2em;}
.board_gallery .con_wrap .t2 .xi.name:before{ content:"\ea2a";}
.board_gallery .con_wrap .t2 .xi.date:before{ content:"\e9a4";}

.board_gallery .link:hover .img_wrap .img{ transform:scale(1.1,1.1)}

/**/
.board_search_wrap{ overflow:hidden; padding:15px 20px; background:#f9f9f9; border:1px solid #eee; font-size:.813em; margin-top:40px}
.board_search_wrap .search_wrap{ float:left}
.board_search_wrap .search_wrap .tit{ font-weight:700; font-size:1.25em; color:#333; line-height:35px; padding-right:10px; text-transform:uppercase;}
.board_search_wrap .btn_wrap{ float:right}
.board_search_wrap .input_st{ vertical-align:top;}
.board_search_wrap select.input_st{ width:100px;}
.board_search_wrap input[type=text].input_st{ width:250px;}
.board_search_wrap input[type=submit].input_st,
.board_search_wrap input[type=button].input_st{ min-width:80px;}

/**/
.board_paging{ text-align:center; margin-top:60px;}
.board_paging button{ vertical-align:top; padding:0 10px; *margin:0 2px; min-width:35px; height:35px; line-height:33px; background:#fff; border:1px solid #ddd; border-radius:3px; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.813rem; font-weight:600; transition:.3s;}
.board_paging button:hover,
.board_paging button.on{ background:#333; border-color:#333; color:#fff}
.board_paging button.icon{ padding:0; border-radius:100%;}
.board_paging button.icon:hover{ background:#777; border-color:#777;}

/*占쏙옙품 view 占쏙옙占쏙옙징*/
.paging{ text-align:center; margin-top:40px }
.paging div{ margin:0 auto; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.paging div div{ min-width:20px; height:28px; line-height:28px; padding:0 5px; font-size:.813rem;}
.paging div div a{ width:100%; height:100%;padding-top:7px;margin-top:-7px;display:inline-block; *display:inline; zoom:1;font-weight:bold; cursor:pointer; }
.paging .paging_btn{}
.paging .paging_btn div{ padding:0; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.paging .paging_no div{ border:1px solid #cacaca; border-radius:3px; color:#999; background:#fff; font-weight:bold}
.paging .paging_no div:hover,
.paging .paging_no .on{ color:#fff; background:#393a3e; border-color:#393a3e;}

/**/
.label_st.ml{ margin-left:20px}
.label_st.mr{ margin-right:20px}
.label_st{display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ padding-left:3px}
.label_st:not(.cssbrowser) input:checked + span,
.label_st:not(.cssbrowser) input:checked + span + *{ color:#111}

.label_st.de:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.250em; color:#aaa}
.label_st.de:not(.cssbrowser) input:checked + .xi + span,
.label_st.de:not(.cssbrowser) input:checked + .xi:before{ color:#111}
.label_st.de:not(.cssbrowser) input[type=checkbox] + .xi:before{ content:"\e92e"}
.label_st.de:not(.cssbrowser) input[type=checkbox]:checked + .xi:before{ content:"\e92d"}
.label_st.de:not(.cssbrowser) input[type=radio] + .xi:before{ content:"\e9c6"}
.label_st.de:not(.cssbrowser) input[type=radio]:checked + .xi:before{ content:"\e9c7"}
.label_st.wish:not(.cssbrowser) input[type=checkbox] + .xi:before{ content:"\ea11"; color:#333; font-size:inherit;}
.label_st.wish:not(.cssbrowser) input[type=checkbox]:checked + .xi:before{ content:"\ea10"; color:#c3061c !important;}
.label_st.de:not(.cssbrowser) input[type=checkbox],
.label_st.de:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.label_select{ position:relative; background:#fff; display:inline-block; *display:inline; zoom:1;}
.label_select.w100{width:100%;}
.label_select select{ background:none; padding-right:5em; appearance:none;-webkit-appearance:none; position:relative; z-index:1}
.label_select select::-ms-expand{display:none;}
.label_select:after{ content:"\e942"; font-family:xeicon!important; position:absolute; z-index:0; right:0; top:50%; margin-top:-.625em; width:3em; text-align:center}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:0 10px; box-sizing:border-box; background-color:#fff; height:35px; line-height:33px;}

input[type=file].input_st{ background:none; border:none; padding:0; height:30px; line-height:30px;}
input[type=button].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st{ font-weight:700; min-width:35px; padding:0 15px;}
select.input_st{padding:0 30px 0 5px}
textarea.input_st{ padding:10px; width:100%; height:100px; line-height:1.2;}

.input_st[disabled=disabled]{ cursor:default}
select.input_st:hover,
select.input_st:focus{ color:#666}
.input_st .xi{ font-size:1.25em}

.input_st.s1{ height:50px; line-height:48px; padding:0 2em;}
input[type=button].input_st.s1,
input[type=submit].input_st.s1,
button.input_st.s1,
a.input_st.s1{ min-width:110px; font-size:.813em; font-weight:700; padding:0 2em;}

.input_st.s2{ height:30px; line-height:28px; padding:0 10px}
input[type=button].input_st.s2,
input[type=submit].input_st.s2,
button.input_st.s2,
a.input_st.s2{ min-width:100px; padding:0 10px}

.input_st.s3{ height:26px; line-height:24px; padding:0 10px}
input[type=button].input_st.s3,
input[type=submit].input_st.s3,
button.input_st.s3,
a.input_st.s3{}
.input_st.s3 .xi{ font-size:1em}

.input_st.c1   { background:#222222; border-color:#222222; color:#fff}
.input_st.c1.re{ background:#ffffff; border-color:#222222; color:#222}
.input_st.c2   { background:#999999; border-color:#999999; color:#fff}
.input_st.c2.re{ background:#f5f5f5; border-color:#bbbbbb; color:#777}
.input_st.c3   { background:#e2426c; border-color:#e2426c; color:#fff}
.input_st.c3.re{ background:#ffffff; border-color:#e2426c; color:#e2426c}
.input_st.c4   { background:#bbbbbb; border-color:#bbbbbb; color:#fff}
.input_st.c4.re{ background:#ffffff; border-color:#bbbbbb; color:#666}
.input_st.c5   { background:#4391e3; border-color:#4391e3; color:#fff}
.input_st.c5.re{ background:#ffffff; border-color:#4391e3; color:#4391e3}

.input_st.w1{ width:180px}
.input_st.w2{ width:80px}
.input_st.w100{ width:100%}

.input_sec{ display:inline-block; width:14px; text-align:center; vertical-align:middle}
.input_rowsec{ display:block; height:3px}
.input_tt{ vertical-align:middle}

.label_ml{ margin-left:30px}
.label_mr{ margin-right:30px}

.page_btn_wrap{ overflow:hidden; text-align:center; margin-top:3em}
.page_btn_wrap .left{ float:left}
.page_btn_wrap .right{ float:right}
.page_btn_wrap.board_btn{ margin-top:2em; font-size:.813em}
.page_btn_wrap.board_btn .input_st{ min-width:100px}

.w_form_tit{ width:150px}
.w_editor{ width:99.5%; height:400px}

/**/
.inp_w1{ width:90px}
.inp_w2{ width:180px}
.inp_w3{ width:250px}
.inp_w10{ width:10%}
.inp_w15{ width:15%}
.inp_w20{ width:20%}
.inp_w25{ width:25%}
.inp_w30{ width:30%}
.inp_w35{ width:35%}
.inp_w40{ width:40%}
.inp_w45{ width:45%}
.inp_w50{ width:50%}
.inp_w60{ width:60%}
.inp_w65{ width:65%}
.inp_w70{ width:70%}
.inp_w75{ width:75%}
.inp_w80{ width:80%}
.inp_w85{ width:85%}
.inp_w90{ width:90%}
.inp_w95{ width:95%}
.inp_w100{ width:100%}
.textarea_w1{ width:100%; height:200px !important;}
.textarea_w2{ width:99%; height:200px;}

@media screen and (max-width:1024px){
/*board*/
body:not(.pop) .mall_table{ font-size:.875em;}
.mall_table caption{ line-height:30px}
.mall_table caption .no{ font-weight:bold; padding:0 5px;}
.mall_table caption .tt{ font-weight:bold;}
.mall_table.row td{ padding:5px 10px;}

.mall_table.row.view .view_info{}
.mall_table.row.view .view_info .info_wrap{ float:none; width:100%}
.mall_table.row.view .view_info .info_wrap > li{ margin-right:10px; margin-left:0;}
.mall_table.row.view .view_info .file_wrap{ float:none; width:100%; text-align:left; padding-top:5px;}

.mall_table.row.view .view_con{ padding:15px 10px; height:auto;}
.mall_table.row.view .view_con .file_wrap img{ height:auto !important;}
.mall_table.row.view .w_form_tit{ width:70px;}
.mall_table.row.write .w_form_tit{ width:70px;}

body:not(.product) .mall_board,
body:not(.product) .mall_board caption,
body:not(.product) .mall_board thead,
body:not(.product) .mall_board tbody,
body:not(.product) .mall_board tfoot,
body:not(.product) .mall_board th,
body:not(.product) .mall_board td,
body:not(.product) .mall_board tr{display:block; box-sizing:border-box;}
body:not(.product) .mall_board tr{ position:relative; padding:.5em 0; padding-left:3em; border-bottom:1px solid #ddd;}
body:not(.product) .mall_board tr:first-child{ display:none;}
body:not(.product) .mall_board tr.list_notice{ background:#fafcff;}
body:not(.product) .mall_board td{ padding:.2em 10px; width:100% !important; text-align:left; background-color:transparent !important; border:none;}
body:not(.product) .mall_board .w_no{ position:absolute; top:.7em; left:1em; padding:0; width:1.5em !important;}
body:not(.product) .mall_board .w_tit > a{ color:#000;}
body:not(.product) .mall_board .w_date{ font-size:.813em;}
body:not(.product) .mall_board .w_state > span{ display:inline-block; padding:.2em .5em; border:1px solid #ddd; font-size:.813em;}
body:not(.product) .mall_board .w_name,
body:not(.product) .mall_board .w_hit{ display:none;}

/**/
.mall_board .prod_info{ display:block;}
.mall_board .prod_info .img{ position:static; display:inline-block; width:auto; max-width:60%; border:1px solid #eee;}
.mall_board .prod_info .tit{ display:block; padding-left:0; margin-top:.5em;}
.mall_board .prod_info .tit .t1{ padding-bottom:.5em;}
.mall_board .prod_info .tit .star_wrap{ margin-top:.5em;}
.mall_board .prod_info.big .img{ width:300px;}

/*占쏙옙占쏙옙占? 占쏙옙占싱븝옙*/
.response_table{ border-top:none !important;}
.response_table,
.response_table caption,
.response_table thead,
.response_table tbody,
.response_table tfoot,
.response_table th,
.response_table td,
.response_table tr{display:block; box-sizing:border-box;}
.response_table tbody tr{ border-top:1px solid #333; margin-top:10px; position:relative; z-index:inherit}
.response_table tbody tr:first-child{ margin-top:0;}
.response_table colgroup{ display:none}
.response_table th{ display:none}
.response_table td{ display:block; width:100% !important; padding-top:5px; padding-bottom:5px; padding-left:28%; position:relative; z-index:inherit; text-align:left !important;}
.response_table td:before{ content:attr(data-th); position:absolute; z-index:inherit; left:0; top:0; height:100%; width:25%; background:#f5f5f5; text-align:center !important; box-sizing:border-box; padding-top:6px; color:#111; font-weight:bold;}
.response_table .w_no{ display:none;}
.response_table .w_state{ padding:5px 0 20px 0; border:none; text-align:right !important;}
.response_table .w_state:before{ display:none;}
.response_table .w_state .input_rowsec{ display:none;}

/*占쏙옙袂占쏙옙占?,占쏙옙占심삼옙품,占쌍뱄옙占쏙옙 占쏙옙占싱븝옙*/
.response_mall{ border-top:none;}
.response_mall,
.response_mall caption,
.response_mall thead,
.response_mall tbody,
.response_mall tfoot,
.response_mall th,
.response_mall td,
.response_mall tr{ display:block; box-sizing:border-box; text-align:left;}
.response_mall thead tr{ padding:0 1.5em;}
.response_mall thead tr th:not(.w_no){ display:none;}
.response_mall tbody tr{ margin-top:5px; padding:0.5em 1.5em; border:1px solid #777; position:relative;}
.response_mall tbody tr:first-child{ margin-top:0;}
.response_mall tbody tr th{ position:absolute; top:-9999px; left:-9999px;}
.response_mall tbody tr td{ position:relative; padding:6px 0 6px 70px !important; width:100% !important; height:auto !important; min-height:30px; line-height:30px; border:none;}
.response_mall tbody tr td:before{ content:attr(data-th); position:absolute; top:-1px; bottom:-1px; left:0; padding:6px 0; line-height:30px; color:#777; font-weight:bold; white-space:nowrap; box-sizing:border-box;}
.response_mall tbody tr .w_no{ position:absolute; z-index:2; top:15px; left:1.5em; padding:0 !important;}
.response_mall tbody tr .w_prod{ position:relative; z-index:1;}
.response_mall tbody tr .w_price,
.response_mall tbody tr .w_point{ width:auto !important; display:inline-block; vertical-align:top;}
.response_mall tbody tr .w_price{ padding-right:2.5em !important;}
.response_mall thead tr th{ position:relative; margin-bottom:.5em; width:100% !important; height:auto !important; min-height:30px; line-height:1.2; padding:0; border:none; text-align:left;}
.response_mall thead tr th:after{ content:attr(data-th); display:inline-block; vertical-align:middle; padding:0 0 0 5px; font-size:1.250em; color:#000; font-weight:bold; box-sizing:border-box;}
.response_mall .prod_info{ display:inline-block; width:auto;}
.response_mall .prod_info .img{ display:block;}
.response_mall .prod_info .img{ width:auto; max-width:300px;}
.response_mall .prod_info .tit{ display:block; padding:1em 0 0 0; font-size:1.125em; line-height:1.2;}
.response_mall .vol .btn{ line-height:1;}
.response_mall .label_st.de{ font-size:1.250em; vertical-align:middle;}

.response_mall .tt_prod_price,
.response_mall .tt_prod_price + *,
.response_mall .tt_prod_point,
.response_mall .tt_prod_point + *,
.response_mall .tt_prod_num,
.response_mall .tt_prod_num + *{ vertical-align:top;}

/**/
.board_faq{ font-size:.688em}
.board_faq .article .mark{ font-weight:bold;}
.board_faq .article .aa .mark{ top:10px}
.board_faq .article .arrow{ width:40px;}
.board_faq .article .tt{ padding:15px 50px; line-height:1.3; font-size:1.375em;}

/**/
.board_search_wrap{ padding:10px 10px; margin-top:25px;}
.board_search_wrap .search_wrap{ width:82%;}
.board_search_wrap .btn_wrap{ width:18%;}
.board_search_wrap .search_wrap .tit{ display:none;}
.board_search_wrap select.input_st{ width:21%; padding-right:15px;}
.board_search_wrap input[type=submit].input_st{ width:21%;}
.board_search_wrap input[type=text].input_st{ width:50%;}
.board_search_wrap .btn_wrap .input_st{ width:100%;}
.board_search_wrap .input_st{ min-width:auto !important;}

/**/
.board_paging{ margin-top:2em;}
.board_paging button{ padding:0 5px; min-width:25px; height:25px; line-height:23px; font-size:.750rem;}
.board_paging button.icon{ font-size:.875rem;}

/**/
.page_btn_wrap{}
.page_btn_wrap .left{ float:none; display:inline-block; vertical-align:top;}
.page_btn_wrap .right{ float:none; display:inline-block; vertical-align:top;}
.page_btn_wrap.board_btn{ text-align:right;}
.page_btn_wrap.board_btn .input_st{ min-width:inherit; margin:1px 0;}

/**/
.label_st.ml{ margin-left:10px}
.label_st.mr{ margin-right:10px}

.label_ml{ margin-left:10px}
.label_mr{ margin-right:10px}

.input_st{ margin:1px;}
input[type=button].input_st.s2,
input[type=submit].input_st.s2,
button.input_st.s2,
a.input_st.s2{ min-width:auto;}

/**/
.pop .w_form_tit{ width:100px}
}

@media screen and (max-device-width:1024px){
/**/
.w_form_tit{ width:130px}
.pop .w_form_tit{ width:80px}

.pop .mall_table th,
.pop .mall_table td{ padding:5px 10px;}
.pop .mall_table.row th,
.pop .mall_table.row td{ padding:8px 10px;}
}

@media screen and (max-width:768px){
/*board*/
.mall_table.row.view:not(.tit){ font-size:1em;}
.mall_board{ font-size:1em;}

/**/
body.product .mall_board .w_state{ width:75px;}
body.product .mall_board .w_star{ width:70px;}
body.product .mall_board .w_no{ display:none;}
body.product .mall_board .w_date{ width:0; text-indent:999999px;}

.mall_board .tt_state{ display:block; margin-bottom:2px;}

select{ min-width:auto; padding-right:12px !important; background-size:auto 4px}

.input_st{ height:30px; line-height:28px;}
input[type=button].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st{ padding:0 10px;}
select.input_st{}
textarea.input_st{}

.input_st.s1{ height:35px; line-height:33px; padding:0 15px;}
input[type=button].input_st.s1,
input[type=submit].input_st.s1,
button.input_st.s1,
a.input_st.s1{ min-width:80px; font-size:.813em; font-weight:700;}

.input_st.w1{ width:40%}
.input_st.w2{ width:25%;}
.input_st.ml10{ margin-left:5px !important;}

.input_sec{ width:10px;}
.input_tt{ display:block;}

}
@media screen and (max-width:360px){
.w_form_tit{ width:120px}
.mall_table.row.view .w_form_tit{ width:60px;}
.mall_table.row.write .w_form_tit{ width:55px;}
.input_st.w1{ width:100%}
}

@media screen and (max-device-width:768px){

}