﻿@charset "utf-8";
/* import */
@import url("base.css");
@import url("common.css");
@import url("sumoselect.css");

/* 메인 */
.main_visual #mgallery { position: relative; width: 100%; height: 500px; }
.main_visual #mgallery #slideshow { width: 100%; height: 500px; z-index: 0; border-top: 1px solid #eee; }
.main_visual #mgallery #slideshow #slides,
.main_visual #mgallery #slideshow #slides li { width: 100%; height: 500px; }
.main_visual #mgallery #slideshow span { display: block; width: 1000px; margin: 0 auto; }
.mv01 { background: #d8d8d8; }
.mv02 { background: #d8d8d8; }
.mv03 { background: #d8d8d8; }
.mv04 { background: #d8d8d8; }
.mv05 { background: #d8d8d8; }
.mv06 { background: #d8d8d8; }
.main_visual #mgallery .mthum { width: 100%; height: 42px; }
.main_visual #mgallery .mthum .pagination { position: absolute; top: 438px; left: 50%; margin-left: -480px; overflow: hidden; width: 1000px; height: 42px; z-index: 1000; }
.main_visual #mgallery .mthum .pagination li { float: left; width: 159px; height: 42px; background: #fff; border-right: 1px solid #e8e8e8; text-align: center; line-height: 42px; }
.main_visual #mgallery .mthum .pagination li.current { background: #ed2100; color: #fff; }

.contents_w { width: 1000px; margin: 0 auto; }

.m_recommend { overflow: hidden; width: 100%; }
.m_recommend li { float: left; padding: 0 5px 0 0; }
.m_recommend li.last { padding: 0; }
.m_new_pd { overflow: hidden; width: 100%; }
.m_new_pd li { float: left; padding: 0 13px 15px 0; }
.m_new_pd li.last { padding-right: 0; }

.best_tab { overflow: hidden; padding-bottom: 15px; }
.best_tab li { float: left; width: 333px; padding-bottom: 10px; text-align: center; background: url(/b2c/images/main/tab_off.gif) no-repeat; font-size: 16px; }
.best_tab li a { display: block; line-height: 50px; }
.best_tab li.on { background: url(/b2c/images/main/tab_on.gif) no-repeat; }
.best_tab li.on a { color: #fff; }
.m_best_list { overflow: hidden; width: 100%; }
.m_best_list li { float: left; width: 230px; margin-right: 26px; }
.m_best_list li.last { margin-right: 0; }
.m_best_list li .i_img { position: relative; }
.m_best_list li .i_img i { position: absolute; top: 0; left: 0; }
.m_best_list li dt { padding-bottom: 10px; font-size: 14px; line-height: 17px; }
.m_best_list li dd { font-weight: bold; color: #000; }
.m_best_list li dd del { color: #999; }
.m_best_list li dd em { font-size: 16px; font-family: Tahoma; font-weight: bold; }

.main02 { background: #f1d3a2; height: 150px; }

.m_sale_item { }
.m_sale_item th { padding: 0; border: 1px solid #e4e4e4; }
.m_sale_item td { width: 20%; border: 1px solid #e4e4e4; text-align: center; vertical-align: top; }
.m_sale_item td .i_w { padding: 12px; }
.m_sale_item td .i_tit { height: 30px; overflow: hidden; padding-top: 6px; font-weight: bold; line-height: 15px; }
.m_bnbx { overflow: hidden; width: 100%; }
.m_bnbx .m_bn_l { float: left; }
.m_bnbx .m_bn_r { float: right; }

.m_brand { overflow: hidden; width: 100%; border: 1px solid #e4e4e4; }
.m_brand li { float: left; border-right: 1px solid #e4e4e4; }
.m_brand li.last { width: 248px; overflow: hidden; border-right: none; }

.m_md_pick { overflow: hidden; width: 100%; }
.m_md_pick li { float: left; width: 220px; margin-right: 40px; text-align: center; }
.m_md_pick li.last { margin-right: 0; }
.m_md_pick li p { position: relative; }
.m_md_pick li p i { position: absolute; top: 0; left: 0; width: 220px; height: 220px; }
.m_md_pick li .cv01 i { background: url(/b2c/images/main/pick_cover01.png) no-repeat; }
.m_md_pick li .cv02 i { background: url(/b2c/images/main/pick_cover02.png) no-repeat; }
.m_md_pick li .cv03 i { background: url(/b2c/images/main/pick_cover03.png) no-repeat; }
.m_md_pick li .cv04 i { background: url(/b2c/images/main/pick_cover04.png) no-repeat; }
.m_md_pick li dl { padding-top: 15px; }
.m_md_pick li dt { font-size: 14px; color: #333; }
.m_md_pick li dd { font-size: 15px; color: #000; }
.m_md_pick li dd em { font-size: 16px; font-family: Tahoma; }

.service_w { overflow: hidden; width: 100%; }
.service_w li { float: left; padding: 0 5px 5px 0; }
.service_w li.last { float: right; padding-right: 0; }

.m_cs { position: relative; border: 1px solid #e4e4e4; border-bottom: none; }
.m_cs .m_board dl { position: relative; height: 158px; border-bottom: 1px solid #e4e4e4; }
.m_cs .m_board dl dt { position: absolute; top: 28px; left: 29px; }
.m_cs .m_board dl dd { width: 335px; padding: 25px 0 0 158px; }
.m_notice { }
.m_notice li { overflow: hidden; width: 100%; padding-bottom: 16px; }
.m_notice li a { float: left; font-weight: bold; color: #222; }
.m_notice li span { float: right; color: #888; }
.cs_num { color: #eb2524; font-weight: bold; font-size: 30px; }
.cs_info { line-height: 20px; letter-spacing: -0.5px; }
.cs_info span { display: inline-block; width: 154px; }
.cs_info em { font-weight: bold; color: #222; }
.cs_info i { color: #bc6868; font-style: normal; }

.quick_w { position: absolute; top: 0; right: 0; overflow: hidden; width: 477px; }
.quick_w li { float: left; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }


/* 카테고리 */
.navi_bx { padding: 11px 0 13px; }
.navi_bx img { vertical-align: middle; }
.navi_bx .deps { display: inline-block; padding-left: 15px; background: url(/b2c/images/sub/blet_navi.gif) no-repeat 3px 50%; }
.navi_bx .SelectBox { padding: 5px; }
.navi_bx .SumoSelect { width: 138px; vertical-align: middle; }
.navi_bx .SumoSelect > .CaptionCont { border: 1px solid #e0e0e0; border-radius: 0; }
.navi_bx .SumoSelect > .CaptionCont > label > i { width: 7px; height: 4px; background: url(/b2c/images/sub/blet_navi_select.gif) no-repeat; }
.ctgr_titbanner_w { overflow: hidden; width: 100%; }
.ctgr_titbanner_w .ctgr_tit { float: left; }
.ctgr_titbanner_w .ctgr_banner01 { float: right; }

.bestP_w { }
.bestP_w .bestP_list { width: 100%; overflow: hidden; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: url(/b2c/images/sub/bar_gray.gif) repeat-y; }
.bestP_w .bestP_list li { float: left; width: 25%; height: 338px; background: url(/b2c/images/sub/bar_gray.gif) right top repeat-y; }
.bestP_w .bestP_list li .pdt_bx { width: 210px; margin: 20px 0 0 20px; }
.bestP_w .bestP_list li .bestP_img { position: relative; height: 210px; text-align: center; }
.bestP_w .bestP_list li .bestP_img .i_img { width: 210px; }
.bestP_w .bestP_list li .bestP_img span { display: inline-block; position: absolute; top: 0; left: 0; }
.bestP_w .bestP_list li dl { line-height: 18px; }
.bestP_w .bestP_list li dt { padding: 5px 0 8px 0; font-size: 14px; }
.bestP_w .bestP_list li dd del { color: #999; }
.bestP_w .bestP_list li dd.bestP_price { color: #000; font-weight: bold; }
.bestP_w .bestP_list li dd.bestP_price em { font-size: 16px; font-family: Tahoma; font-weight: bold; }

.group_w { border: 1px solid #959595; }
.group_w dl { position: relative; background: #f5ebeb url(/b2c/images/sub/bar_gray.gif) repeat-x bottom left; padding-left: 168px; }
.group_w dl dt { position: absolute; top: 50%; left: 19px; width: 145px; margin-top: -8px; font-size: 14px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group_w dl .on { color: #f06754; }
.group_w dl dd { background: #fff; }
.group_w dl dd ul { overflow: hidden; width: 100%; background: url(/b2c/images/sub/bg_group.gif) repeat bottom right; }
.group_w dl dd li { float: left; width: 166px; }
.group_w dl dd a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; text-indent: 18px; }
.group_w #partgroup dt a.on { color: #f06754; }
.group_w #fullgroup dl dt a.on { color: #f06754; }
.group_w #fullgroup dl dd a.on { color: #f06754; }
.group_w .group_view { padding: 7px 20px 8px 0; text-align: right; line-height: 33px; font-size: 14px; background: #fbfbfb; }
.group_w .group_view span { display: inline-block; padding-right: 10px; }
.group_w .group_view em { color: #eb2524; font-weight: bold; text-decoration: underline; }
.group_w .group_view img { vertical-align: middle; }

.brand_w .brandP_box { position: relative; border: 1px solid #e0e0e0; /* padding:10px 20px; */ }
.brand_w .brandP_btn { overflow: hidden; width: 100%; line-height: 22px; padding: 10px 20px; }
.brand_w .brandP_btn em { color: #222; font-weight: bold; }
.brand_w .brandP_btn span { font-weight: bold; }
.brand_w .brandP_btn a { display: inline-block; vertical-align: middle; }
.brand_w .brandP_box #fullbrand { padding: 10px 20px 15px; border-top: 1px solid #e0e0e0; }
.brand_w .brandP_box ul { overflow: hidden; width: 100%; }
.brand_w .brandP_box ul li { float: left; width: 165px; padding-bottom: 10px; }
.brand_w .brandP_box .brandP_view { position: absolute; bottom: -15px; left: 390px; }

.ctgr_w { }
.ctgr_w .ctgr_total { position: relative; padding: 0 0 10px 0; font-size: 15px; }
.ctgr_w .ctgr_total span { color: #eb2524; font-weight: bold; }
.ctgr_w .ctgr_total .sort_view { position: absolute; top: 0; right: 0; }
.ctgr_list_w { position: relative; }
.ctgr_list_w .list_num { position: absolute; top: 10px; right: 20px; }
.ctgr_list_w .list_num .SelectBox { padding: 8px 10px; }
.ctgr_list_w .list_num .SumoSelect { width: 118px; }
.ctgr_list_w .list_num .SumoSelect > .CaptionCont > label > i { width: 12px; height: 7px; background: url(/b2c/images/sub/blet_list_num_select.gif) no-repeat; }

.ctgr_list_w .list_type { position: absolute; top: 10px; right: 155px; font-weight: bold; font-size: 11px; letter-spacing: -1px; }
.ctgr_list_w .list_type a { display: inline-block; vertical-align: middle; width: 34px; height: 34px; background: #d0d0d5; }
.ctgr_list_w .list_type a.on { background: #6e6e77; }
.ctgr_list_w .list_type a i { vertical-align: top; display: inline-block; }
.ctgr_list_w .list_type a i span { font-size: 0; display: hidden; }
.ctgr_list_w .list_type a i.list_view { width: 12px; height: 12px; margin: 11px 0 0 9px; background: url(/b2c/images/btn/icn_listview.png) no-repeat; }
.ctgr_list_w .list_type a i.img_view { width: 16px; height: 12px; margin: 11px 0 0 11px; background: url(/b2c/images/btn/icn_imgview.png) no-repeat; }

.ctgr_list_w .ctgr_tab { overflow: hidden; width: 100%; padding: 10px 0; border-top: 1px solid #222; border-bottom: 1px solid #e0e0e0; background: #fbfbfb; }
.ctgr_list_w .ctgr_tab li { float: left; padding: 0 12px; line-height: 34px; background: url(/b2c/images/sub/bar_ctgr_tab.gif) no-repeat 0 50%; }
.ctgr_list_w .ctgr_tab li.fir { background: none; padding-left: 25px; }
.ctgr_list_w .ctgr_tab li .on { color: #eb2524; }
.list_btn_w { position: relative; }
.list_btn_w img { vertical-align: middle; }
.list_btn_w .inp_resultin { vertical-align: middle; width: 208px; height: 32px; line-height: 32px; border: 1px solid #b8b8b8; }
.list_btn_w .list_btn_r { position: absolute; top: 0; right: 0; }
.paging a { vertical-align: top; display: inline-block; width: 17px; line-height: 17px; text-align: center; border: 1px solid #c4c4c4; }
.paging a.img_b { border: none; width: 19px; }
.paging a.img_b img { vertical-align: top; }
.paging a.on,
.paging a:hover,
.paging a:focus,
.paging a:active { color: #eb2524; border-color: #eb2524; }

.paging02 a { vertical-align: top; display: inline-block; width: 30px; line-height: 30px; text-align: center; }
.paging02 a.img_b { border: none; width: 30px; }
.paging02 a.img_b img { vertical-align: top; }
.paging02 a.on,
.paging02 a:hover,
.paging02 a:focus,
.paging02 a:active { color: #fff; background: #363d47; }

.t_list01 { width: 100%; border-top: 1px solid #e0e0e0; }
.t_list01 thead th { padding: 15px 0; border-bottom: 1px solid #e0e0e0; color: #333; }
.t_list01 tbody td { padding: 20px 0; line-height: 18px; border-bottom: 1px solid #ddd; text-align: center; color: #666; }
.t_list01 tbody td img { vertical-align: middle; }
.t_list01 .td_buy p { line-height: 21px; padding-bottom: 3px; }
.t_list01 .td_al { text-align: left; }
.t_list01 .td_ar { text-align: right; }
.t_list01 .td_pl20 { padding-left: 20px; }
.t_list01 .td_price { padding-right: 20px; }
.t_list01 .td_price del { display: block; font-size: 12px; color: #888; }
.t_list01 .td_memo { padding: 12px 20px; text-align: right; background: #fafafa; }
.t_list01 .td_memo .memo_tit { padding-right: 10px; color: #333; font-weight: bold; }
.t_list01 .td_simple { padding: 15px 20px; text-align: right; }
.t_list01 .td_review { padding: 16px 20px; background: #fafafa; line-height: 20px; text-align: left; }
.icn_pt { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(/b2c/images/sub/icn_point.gif) no-repeat; }
.ea_bx { position: relative; display: inline-block; width: 60px; height: 25px; border: 1px solid #d7d7d7; text-align: left; }
.ea_bx input { width: 35px; border: none; text-align: right; }
.ea_bx .ea_btn { position: absolute; top: 0; right: 0; width: 17px; border-left: 1px solid #d7d7d7; }
.ea_bx .ea_btn img { border-bottom: 1px solid #d7d7d7; }

.t_list02 { overflow: hidden; width: 100%; border-bottom: 1px solid #ddd; }
.t_list02 li { float: left; width: 220px; padding: 25px 15px; }
.t_list02 li .tl02_img_w { position: relative; height: 220px; }
.t_list02 li .tl02_img_w span { position: absolute; top: 0; left: 0; }
.t_list02 li .tl02_info { overflow: hidden; padding: 6px 0 10px; font-size: 14px; height: 72px; line-height: 18px; }
.t_list02 li .tl02_price { position: relative; }
.t_list02 li .tl02_price del { color: #999; }
.t_list02 li .tl02_price .p_won { color: #000; font-size: 15px; font-weight: bold; }
.t_list02 li .tl02_price .p_won em { font-family: Tahoma; font-size: 16px; }
.t_list02 li .tl02_price .p_pt { position: absolute; top: 0; right: 0; }
.t_list02 li .tl02_ea { border-top: 1px dotted #c3c3c3; padding: 10px 0; text-align: center; }
.t_list02 li .tl02_ea .magnifier { padding: 0 10px; }
.t_list02 li .tl02_ea .magnifier img { vertical-align: middle; }


/* 테이블 변형 */
/* .cart_list_w .t_list01 tbody td{border-bottom:none;} */
.coupon_img dt { padding: 13px 0 0 43px; }
.coupon_img dd { padding: 8px 0 0 43px; color: #474646; font-size: 18px; font-weight: bold; }
.coupon_img dd span { color: #ec2200; }

.tfoot02 { padding: 25px 10px; border-top: 1px solid #aaacae; border-bottom: 1px solid #aaacae; background: #f5f8f8; font-weight: bold; text-align: right; color: #666; }
.tfoot02 em { color: #f16853; font-size: 14px; }
.tfoot03 { padding: 25px 10px; border-top: 1px solid #588c41; border-bottom: 1px solid #588c41; background: #f5fdf4; font-weight: bold; text-align: right; color: #666; }
.tfoot03 em { color: #f16853; font-size: 14px; }

/* 상세보기 */
.detail_tit { padding: 15px 0 10px; font-weight: bold; font-size: 16px; color: #000; border-bottom: 1px solid #000; }
.detail_tit img { vertical-align: middle; }
.detail_tit span { padding-left: 15px; font-size: 12px; font-weight: normal; color: #939292; }
.detail_w { position: relative; width: 100%; margin-top: 25px; }
.detail_w .detail_w_in { overflow: hidden; width: 100%; }
.detail_img { float: left; width: 380px; }
.detail_img .btn_magnifier { padding: 10px 0 15px; text-align: center; }
.detail_img #slider .flex-direction-nav a { display: none; }
.detail_img #carousel { padding: 0 20px 0 20px; }
.detail_img #carousel li { margin-right: 5px; }
.detail_txt { float: right; width: 550px; margin-right: 35px; }
.detail_txt .detail_txt_bx { padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; }
.detail_txt ul { position: relative; }
.detail_txt li { position: relative; padding: 5px 0 5px 100px; line-height: 30px; }
.detail_txt li .info_tit { position: absolute; top: 0; left: 0; width: 100px; padding: 5px 0; font-weight: bold; color: #333; }
.detail_txt li em { font-weight: bold; font-family: Tahoma; color: #eb1c24; font-size: 20px; }
.detail_txt li.info_p { position: absolute; bottom: 0; left: 210px; padding-left: 30px; }
.detail_txt li.info_p .info_tit { width: 30px; }
.detail_txt .SumoSelect { width: 160px; }
.detail_txt .SumoSelect { line-height: 18px; }
.naverpay { text-align: right; }
.naverpay02 { text-align: right; padding-right: 230px; }

.option_t { width: 100%; line-height: 24px; }
.option_t thead th { padding: 10px 0; background: #fbfbfb; border-bottom: 1px solid #e0e0e0; color: #333; }
.option_t tbody td { padding: 10px 0; border-bottom: 1px solid #ddd; text-align: center; }

.detail_info { clear: both; padding-top: 50px; }



.relation_pdt { margin-top: 10px; padding-top: 20px; border-top: 1px solid #222; }
.relation_pdt .bx-wrapper .bx-controls-direction a { width: 35px; height: 35px; }
.relation_pdt .bx-wrapper .bx-pager { display: none; }
.relation_pdt .bx-wrapper .bx-prev { background: url(/b2c/images/btn/btn_fml_prev.gif) no-repeat; left: -62px; }
.relation_pdt .bx-wrapper .bx-next { background: url(/b2c/images/btn/btn_fml_next.gif) no-repeat; right: -62px; }
.relation_pdt .tit { height: 32px; margin: 5px 0 10px; overflow: hidden; line-height: 16px; }
.relation_pdt .tit a { color: #666; }
.relation_pdt del { font-size: 12px; font-weight: bold; color: #888; }
.relation_pdt .price { font-size: 14px; font-weight: bold; color: #222; }

.icn_order { display: inline-block; vertical-align: top; width: 53px; text-align: center; background: #82be68; color: #fff; line-height: 17px; font-size: 11px; }
.icn_info { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(/b2c/images/sub/icn_info.gif) no-repeat; }

/* 상세페이지_상품별옵션 */
.option02_t { border-top: 1px solid #222; }
.option02_t table { width: 100%; color: #666; }
.option02_t table th { border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background: #fbfbfb; text-align: left; text-indent: 20px; color: #333; }
.option02_t table th em { color: #eb1f1f; }
.option02_t table td { padding: 13px 22px; border-bottom: 1px solid #e7e7e7; line-height: 22px; }
.option02_t table td img { vertical-align: middle; }
.option02_t table .l_line { border-left: 1px solid #e7e7e7; }
.option02_t table .tarea { width: 100%; height: 56px; border: 1px solid #ddd; }
.option02_t table .tarea02 { width: 100%; height: 90px; border: 1px solid #e0e0e0; }
.option02_t .message_bx { position: relative; }
.option02_t .message_bx .ribbon_ex { position: absolute; top: 22px; right: 0; }
.option02_t .message_bx .message_txt { display: inline-block; width: 125px; }
.option02_t .stm_slec_txt { padding: 0 10px 0 30px; }
.option02_t .stamp_s_bx { position: relative; height: 200px; }
.option02_t .stamp_s_bx .stamp_sample { position: absolute; top: 0; right: 0; width: 368px; border: 1px solid #ddd; }
.option02_t .stamp_s_bx .stamp_sample dt { padding: 10px 14px; font-weight: bold; }
.option02_t .stamp_s_bx .stamp_sample dd { text-align: center; padding-bottom: 5px; }

.package_tit em { padding-right: 10px; font-size: 18px; font-weight: bold; color: #333; }


/* 상세페이지_상품별옵션_팝업 */
.popflower { width: 750px; }
.pop_stamp { width: 300px; }
.pop_stamp .stamp_con { text-align: center; }

.pop_ribbon_con { border-top: 1px solid #222; border-bottom: 1px solid #e6e6e6; font-size: 14px; }
.ribon_w { height: 410px; overflow-y: scroll; }
.ribon_w li { padding-bottom: 15px; line-height: 25px; }
.ribon_w li i { padding-right: 10px; }
.ribon_w li img { vertical-align: middle; }
.ribon_w li a { color: #555; }
.card_ex_tab { }
.card_ex_tab dt { padding-left: 30px; line-height: 22px; background: url('/b2c/images/sub/blet_r_check.gif') no-repeat; color: #eb2524; font-weight: bold; }
.card_ex_tab dd { margin-top: 8px; background: url('/b2c/images/sub/bg_excard_tab.gif') repeat 0 0; border: 1px solid #e7e7e7; }
.card_ex_tab dd ul { overflow: hidden; width: 100%; }
.card_ex_tab dd li { float: left; width: 20%; padding: 10px 0; }
.card_ex_tab dd li a { display: block; width: 100%; text-indent: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.card_ex_tab dd li a.on { color: #eb2524; font-weight: bold; }
.card_extype { padding: 10px; color: #fff; background: #877c7c; }

.stamp_type { overflow: hidden; width: 793px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; background: url('/b2c/images/sub/bg_stamp_type.gif') repeat; }
.stamp_type li { float: left; width: 132px; height: 215px; overflow: hidden; text-align: center; }
.stamp_type li .stm_tit { padding-top: 10px; line-height: 24px; font-weight: bold; color: #7b7b7b; }
.stamp_type li .magnifier { padding: 10px 0; }
.stamp_type li .stp_type_select { padding: 13px 0; border-top: 1px solid #dddddd; }

.detail_tab { overflow: hidden; width: 100%; list-style: none; margin: 45px 0 0 0; padding: 0; background: url('/b2c/images/sub/detail_tab_bar.gif') repeat-x 0 39px; }
.detail_tab li { float: left; width: 200px; margin: 0; padding: 0; list-style: none; text-align: center; background: url('/b2c/images/sub/detail_tab_off.gif') no-repeat; font-size: 14px; }
.detail_tab li.fir { background: url('/b2c/images/sub/detail_tab00_off.gif') no-repeat; }
.detail_tab li.on { background: #fff url('/b2c/images/sub/detail_tab_on.gif') no-repeat; }
.detail_tab li a { display: block; color: #555; line-height: 40px; font-weight: bold; }
.detail_tab li.on a { color: #222; }
.detail_tab_con { padding: 30px 30px 50px; border: 1px solid #eaeaea; border-top: none; }

.d_review01 { position: relative; line-height: 20px; }
.d_review01 p { position: absolute; top: 0; right: 0; }
.dt_bd_top { line-height: 24px; }

.t_bd01 { width: 100%; border-top: 1px solid #c7c7c7; }
.t_bd01 thead th { padding: 15px 0; border-bottom: 1px solid #c7c7c7; color: #333; }
.t_bd01 tbody td { padding: 14px 0; line-height: 18px; border-bottom: 1px solid #e7e7e7; text-align: center; color: #888; }
.t_bd01 tbody td img { vertical-align: middle; }
.t_bd01 .td_al { text-align: left; word-wrap: break-word; word-break: break-all }
.t_bd01 .td_al a { color: #555; }
.t_bd01 .td_view { text-align: left; padding: 12px 30px; background: #fcfcfc; color: #555; }
.t_bd01 .td_view .td_view_btn { margin-top: 10px; text-align: right; }

.d_qna dt { padding-bottom: 10px; font-weight: bold; font-size: 16px; color: #000; }
.d_qna .d_t_qna { border-top: 1px solid #e7e7e7; }
.d_qna .d_t_qna table { width: 100%; line-height: 22px; }
.d_qna .d_t_qna th { padding: 10px 20px; background: #fcfcfc; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; text-align: left; font-weight: bold; color: #222; }
.d_qna .d_t_qna td { height: 32px; padding: 10px 20px; border-bottom: 1px solid #e7e7e7; }
.d_qna .d_t_qna td .t_area { width: 775px; height: 58px; border: 1px solid #cecece; }

.hs_tag { margin-top: 12px; padding-left: 50px; line-height: 22px; background: url('/b2c/images/sub/icn_tag.gif') no-repeat 0 0; }

.pop_w { position: relative; border: 1px solid #e8e8e8; background: #fff; }
.pop_w .pop_close { position: absolute; top: 19px; right: 24px; }
.pop_w h1 { padding: 18px 30px 16px 30px; line-height: 17px; color: #fff; font-weight: bold; font-size: 15px; background: #eb2524; }
.pop_w h1 .sub_info { padding-left: 20px; color: #efefef; font-size: 13px; font-weight: normal; }
.pop_w .pop_con { overflow: hidden; padding: 30px 25px 35px 25px; line-height: 20px; }

.pop_wx { position: relative; border: 1px solid #9c9c9c; background: #fff; }
.pop_wx .pop_close { position: absolute; top: 19px; right: 24px; }
.pop_wx h1 { margin: 15px 20px 0; padding-bottom: 10px; border-bottom: 1px solid #555; font-size: 18px; color: #222; }
.pop_wx h1 .sub_info { padding-left: 20px; color: #efefef; font-size: 13px; font-weight: normal; }
.pop_wx .pop_con { overflow: hidden; padding: 25px 20px; line-height: 20px; }

.pop_login { position: relative; width: 920px; background: #fff; }
.pop_login h1 { padding-bottom: 20px; border-bottom: 1px solid #555; font-size: 25px; color: #222; font-weight: normal; }
.pop_login .pop_close { position: absolute; top: 45px; right: 40px; }
.pop_login .pop_login_con { padding: 45px 40px; }
.pop_login .p_tit_w { padding: 20px 0 18px; }
.pop_login .p_tit_w em { font-weight: bold; font-size: 18px; }
.pop_login .p_tit_w img { vertical-align: middle; padding-left: 10px; }
p_login_box { overflow: hidden; width: 100%; }
.p_login_box .f_login_box { float: left; width: 450px; }
.p_login_box .f_login_box .p_tit_w { position: relative; padding: 7px 0 6px; margin: 0 10px; line-height: 25px; border-bottom: 1px solid #d9d9d9; }
.p_login_box .f_login_box .p_login_f { position: relative; width: 366px; height: 96px; margin: 17px 10px 0 17px; }
.p_login_box .f_login_box .p_login_f p { padding-bottom: 5px; }
.p_login_box .f_login_box .p_login_f p span { display: inline-block; width: 60px; font-weight: bold; }
.p_login_box .f_login_box .p_login_f p .inp_login { width: 173px; height: 25px; line-height: 25px; border: 1px solid #d9d9d9; }
.p_login_box .f_login_box .p_login_f p.save { padding-left: 66px; }
.p_login_box .f_login_box .p_login_f .loginbtn { position: absolute; top: 0; right: 0; }
.p_login_box .f_login_box .p_login_f .login_fail { position: absolute; top: 66px; right: 0; font-weight: bold; }

.p_login_box .find_w { height: 95px; background: #fafafa; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.p_login_box .find_w ul { overflow: hidden; width: 100%; padding-top: 15px }
.p_login_box .find_w ul li { float: left; width: 50%; }
.p_login_box .find_w ul li p { padding-left: 15px; }
.p_login_box .find_w ul li span { display: block; padding-bottom: 8px; font-weight: bold; font-size: 14px; color: #222; }

.p_login_box .pop_login_banner { float: right; width: 355px; position: relative; }
.pop_login .p_join_info { margin: 15px 0 0 0; color: #666; }
.pop_login .p_join_info img { margin-left: 10px; vertical-align: middle; }

.p_login_box .f_login_box .p_find_f { position: relative; height: 157px; }
.p_login_box .f_login_box .p_find_f p { padding-bottom: 9px; }
.p_login_box .f_login_box .p_find_f span { display: inline-block; width: 85px; font-weight: bold; font-size: 14px; color: #222; }
.p_login_box .f_login_box .p_find_f .inp_find { width: 235px; height: 38px; line-height: 38px; border: 1px solid #dddddd; }
.p_login_box .f_login_box .p_find_f .bn_num01 { width: 78px; }
.p_login_box .f_login_box .p_find_f .bn_num02 { width: 61px; }
.p_login_box .f_login_box .p_find_f .bn_num03 { width: 61px; }
.p_login_box .f_login_box .p_find_f .findc_btn { position: absolute; top: 0; right: 0; }





.pop_company { width: 826px; }

.pop_expand { width: 390px; }
.expand_info { border-top: 1px solid #222; }
.expand_info table { width: 100%; }
.expand_info th { padding: 10px 0; text-align: left; font-weight: bold; color: #333; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.expand_info td { padding: 10px 10px 10px 20px; border-bottom: 1px solid #e0e0e0; }

.pop_wish { width: 428px; }
.pop_wish .pop_con { /* text-align:center; */ }
.pop_wish .pop_con .wish_txt { text-align: center; }
.select_keep { }
.select_keep .tit { vertical-align: middle; padding-right: 15px; font-weight: bold; color: #666; }
.select_keep .SumoSelect { width: 184px; vertical-align: middle; text-align: left; }

.pop_review { width: 750px; }
.t_p_review { width: 100%; font-size: 13px; }
.t_p_review th { padding: 10px 0; border-top: 1px solid #222; border-bottom: 1px solid #222; color: #333; }
.t_p_review td { padding: 10px 0; text-align: center; border-bottom: 1px solid #e6e6e6; color: #888; }
.t_p_review .td_al { text-align: left; padding-left: 20px; }
.t_p_review .td_al a { color: #555; }
.t_p_review .td_view { text-align: left; padding: 15px 20px; line-height: 20px; background: #fbfbfb; color: #555; }

.pop_pointuse { width: 320px; }
.pop_pointuse .point_txt { text-align: center; }

.pop_addr { width: 830px; }
.addr_tit { font-weight: bold; color: #000; font-size: 16px; }
.t_addr { width: 100%; border-top: 1px solid #222; }
.t_addr th { padding: 12px 0; border-bottom: 1px solid #222; color: #333; }
.t_addr td { padding: 12px 0; border-bottom: 1px solid #e6e6e6; text-align: center; }
.t_addr .td_al { text-align: left; }
.t_addr td img { vertical-align: middle; }
.t_addr .SumoSelect { width: 68px; }
.t_addr .SelectBox { padding: 8px; }

.pop_order_info { width: 390px; }
.pop_payment { width: 690px; }
.payment_pop01 { padding: 15px 20px; border: 1px solid #e0e0e0; }
.payment_pop01 li { padding: 5px 0; }
.payment_pop02 { padding-top: 10px; font-size: 12px; }
.price_tt { padding: 8px 0; text-align: center; border-bottom: 1px solid #e0e0e0; }
.price_tt img { vertical-align: middle; }

.pop_qnaquide { width: 488px; }
.pop_qnaquide .pop_con { text-align: center; }


/* 팝업_나만의카테고리,오늘본상품,장바구니 */
.pop_mycate { position: relative; width: 280px; background: #fff; }
.pop_mycate .mycate_point { position: absolute; top: 116px; right: -7px; display: inline-block; width: 8px; height: 13px; background: url('/b2c/images/sub/blet_mycate.png') no-repeat; }
.pop_mycate .mycate_tit { padding: 15px 0; text-align: center; background: #363d47; line-height: 16px; color: #fff; }
.pop_mycate .mycate_txt { padding: 14px 0; border-bottom: 1px solid #e9e9e9; line-height: 18px; }
.pop_mycate .pop_con { position: relative; padding: 0 20px; border: 1px solid #e0e0e0; }
.pop_mycate .pop_btn { padding: 15px 0 20px; text-align: center; border-top: 1px solid #e9e9e9; }
.pop_cart_list { height: 330px; }
.pop_cart_list li { overflow: hidden; width: 100%; padding-top: 15px; }
.pop_cart_list li .pcl_ck { float: left; width: 25px; margin-top: 40px; }
.pop_cart_list li .pcl_img { float: left; width: 90px; }
.pop_cart_list li .pcl_txt { float: right; width: 118px; height: 90px; overflow: hidden; line-height: 17px; font-weight: bold; }

/* 이벤트 */
.event_txt_w { position: relative; border-top: 1px solid #222; border-bottom: 1px solid #e0e0e0; }
.event_txt_w .event_txt_l { width: 470px; padding: 23px 0; text-indent: 20px; background: #fbfbfb; font-size: 14px; line-height: 16px; border-right: 1px solid #e0e0e0; }
.event_txt_w .event_txt_r { position: absolute; top: 13px; right: 20px; }
.event_txt_w .SelectBox { padding: 8px 10px; }
.event_txt_w .SumoSelect { width: 487px; }
.event_txt_w .SumoSelect > .CaptionCont > label > i { width: 12px; height: 7px; background: url(/b2c/images/sub/blet_list_num_select.gif) no-repeat; }

/* 장바구니 */
.list_option_bx { position: relative; padding: 14px 0; border-bottom: 1px solid #e0e0e0; }
.list_option_bx .type01 { overflow: hidden; width: 100%; line-height: 41px; }
.list_option_bx .type01 dt { float: left; padding: 0 25px 0 20px; color: #333; font-weight: bold; background: url(/b2c/images/sub/bar_type.gif) no-repeat 0 50%; }
.list_option_bx .type01 dt.fir { background: none; }
.list_option_bx .type01 dd { float: left; padding-right: 20px; }
.list_option_bx .btn_type { position: absolute; top: 15px; right: 20px; }

.tfoot01 { padding: 20px 20px; border-bottom: 1px solid #e0e0e0; background: #fafafa; font-weight: bold; text-align: right; color: #333; font-size: 14px; }
.tfoot01 .point em { color: #2050b2; }
.tfoot01 .total_price { color: #eb1f1f; }
.tfoot01 .total_price em { font-family: Tahoma; font-weight: bold; font-size: 18px; }
.tfoot01 .point_use { padding-right: 30px; }

.icn { display: inline-block; vertical-align: middle; }
.icn_plus { width: 13px; height: 13px; margin: 0 15px; background: url(/b2c/images/sub/icn_plus.png) no-repeat; }
.icn_eq { width: 13px; height: 11px; margin: 0 15px; background: url(/b2c/images/sub/icn_eq.png) no-repeat; }
.icn_minus { width: 13px; height: 3px; margin: 0 15px; background: url(/b2c/images/sub/icn_minus.gif) no-repeat; }

.code_w02 { padding: 20px; border: 1px solid #e6e6e6; line-height: 24px; }
.code_w02 dt { font-size: 14px; color: #222; font-weight: bold; }
.list_type01 li { padding-left: 10px; background: url(/b2c/images/sub/blet_gray.gif) no-repeat 0 10px; }

.cart_list_w .t_list01 { border-top: 1px solid #222; }

.coupon_t { border-top: 1px solid #222; }
.coupon_t table { width: 100%; }
.coupon_t thead th { padding: 14px 0; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.coupon_t tbody td { padding: 14px 0; line-height: 17px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: center; }
.coupon_t .last { border-right: none; }
.coupon_t p { padding: 14px 0; border-bottom: 1px solid #e0e0e0; text-align: center; }

.cart_tit { position: relative; }
.cart_tit h4 { padding: 18px 25px; font-size: 15px; line-height: 18px; color: #222; font-weight: bold; }
.cart_tit h4 input { vertical-align: middle; line-height: 20px }
.cart_tit h4 .addr_ck { font-weight: normal; font-size: 13px; font-weight: normal; }
.cart_tit h4 .point_info { padding-left: 35px; color: #555; font-weight: normal; }
.cart_tit h4 .point_info em { color: #ed2100; font-weight: bold; }
.cart_tit .btn_print { position: absolute; top: 10px; right: 20px; }

.cart_tit02 { padding-bottom: 18px; }
.cart_tit02 h4 { padding-left: 32px; font-size: 18px; line-height: 23px; color: #000; background: url(/b2c/images/sub/blet_tit.gif) no-repeat 0 0; }
.cart_tit02 span { padding-left: 10px; font-size: 13px; color: #555; font-weight: normal; }

.cart_w02 { overflow: hidden; width: 100%; }
.cart_w02 .sender_w { float: left; width: 488px; border: 1px solid #eb2524; }
.cart_w02 .receiver_w { float: right; width: 488px; border: 1px solid #6e7f98; }
.cart_w02 .t_list03 { border-bottom: none; }
.cart_w02 .t_list03 td { font-weight: normal; }
.cart_w02 .time_info { clear: both; overflow: hidden; width: 100%; border-bottom: 1px solid #e0e0e0; }
.cart_w02 .time_info .t_list03 th { border-top: 1px solid #222; }
.cart_w02 .time_info .t_list03 td { border-top: 1px solid #222; }

.t_list03 { }
.t_list03 { width: 100%; line-height: 18px; }
.t_list03 th { padding: 10px 0; background: #fafafa; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; color: #222; text-align: left; text-indent: 25px; }
.t_list03 td { padding: 12px 20px; border-top: 1px solid #e0e0e0; /* font-weight:bold; 지워야하나? */ line-height: 20px; }
.t_list03 td img { vertical-align: middle; }
.t_list03 td textarea { border: 1px solid #ddd; width: 307px; height: 66px; }
.t_list03 .td_p { padding-right: 0; }
.t_list03 .td_p02 { padding: 12px 0; line-height: 16px; }
.t_list03 .td_line { border-right: 1px solid #e0e0e0; }

.cart_w03 { overflow: hidden; width: 100%; }
.cart_w03 .payment_f { float: left; width: 630px; }
.cart_w03 .payment_confirm { float: right; width: 350px; }

.t_payment { border: 1px solid #6e7f98; }
.t_payment .payment_con { padding: 15px 20px 15px 25px; border-top: 1px solid #e0e0e0; }
.t_payment .payment_con dl { line-height: 20px; }
.t_payment .payment_con dt { padding-bottom: 8px; font-weight: bold; color: #333; }
.t_payment .payment_con02 { padding: 10px 0 10px 25px; border-top: 1px solid #e0e0e0; background: #fafafa; line-height: 20px; }
.t_payment .payment_con02 span { display: inline-block; padding: 8px 20px 8px 0; }
.t_payment .payment_con02 span input { margin-right: 2px; }

.hd_t_payment { border-top: 1px solid #222; border-bottom: 1px solid #e0e0e0; }

.t_payment02 { border: 1px solid #737373; }
.payment_confirm .t_list03 { border-bottom: 1px solid #e0e0e0; }

.payment_con03 { padding: 25px 12px 15px 12px; }
.payment_summary_tit { padding-bottom: 12px; text-align: center; color: #a46f6f; font-weight: bold; font-size: 14px; }
.payment_summary { width: 100%; line-height: 20px; }
.payment_summary th { padding: 12px 20px; text-align: left; border: 1px solid #ededed; border-bottom: none; color: #222; }
.payment_summary td { padding: 12px 20px; text-align: right; border: 1px solid #ededed; border-bottom: none; }
.payment_summary tfoot th { padding: 30px 20px; border: 1px solid #e2ccca; border-right: none; background: #fff6f5; }
.payment_summary tfoot td { padding: 30px 20px; border: 1px solid #e2ccca; border-left: none; background: #fff6f5; color: #ed2100; font-size: 15px; font-weight: bold; }
.payment_summary tfoot td em { font-size: 25px; }

.payment_agree { padding: 20px; border: 1px solid #e0e0e0; line-height: 18px; }
.payment_agree dl { }
.payment_agree dt { padding-bottom: 6px; color: #333; }
.payment_agree p { margin-top: 8px; color: #333; }

/* 로그인 */
.login_tit { padding: 60px 0 20px; text-align: center; font-size: 16px; color: #666; }
.login_tit dt { padding-bottom: 20px; color: #36363d; font-size: 45px; font-weight: bold; }
.login_tit dt img { padding-right: 15px; }
.login01 { position: relative; width: 908px; height: 383px; margin: 0 auto; border: 1px solid #e6e6e6; border-top: 1px solid #3e4144; background: #fbfbfb; }
.login01 .login_box { margin: 45px 0 0 245px; }
.login_f { width: 420px; position: relative; }
.login_f div p { padding-bottom: 7px; }
.login_f div p span { display: inline-block; width: 75px; color: #222; font-size: 14px; font-weight: bold; }
.login_f div .inp_login { width: 218px; height: 42px; line-height: 42px; border: 1px solid #d9d9d9; }
.login_f div .save { padding: 10px 0 0 75px; }
.login_f div .loginbtn { position: absolute; top: 0; right: 0; }
.login_f div .login_fail { position: absolute; bottom: 0; right: 0; font-weight: bold; padding: 0; color: #fd0404; }
.search_w { overflow: hidden; width: 420px; }
.search_w dt { padding-bottom: 10px; color: #222; font-size: 15px; font-weight: bold; }
.search_w dd { float: left; width: 50%; text-align: center; font-size: 15px; font-weight: bold; }
.search_w dd a { display: block; line-height: 41px; border: 1px solid #d3d3d3; color: #222; }
.search_w dd.company_m a { border: 1px solid #e0b688; background: #e0b688; color: #fff; }
.join_w { overflow: hidden; width: 420px; margin-top: 13px; }
.join_w span { display: inline-block; line-height: 37px; }
.join_w a { float: right; }
.login01 .login_bn_w { position: absolute; top: 45px; right: 41px; width: 360px; }



/* mypage */
.tab_menu { border-top: 1px solid #231f20; background: url(/b2c/images/sub/bar_gray.gif) repeat-y left top; }
.tab_menu ul { overflow: hidden; width: 100%; background: url(/b2c/images/sub/bg_tab.png) repeat right top; }
.tab_menu li { float: left; width: 20%; background: url(/b2c/images/sub/bar_gray.gif) repeat-y right top; }
.tab_menu li a { display: block; padding-left: 20px; line-height: 42px; color: #333; font-size: 14px; font-weight: bold; }
.tab_menu li.on { background: #eb2524; }
.tab_menu li.on a { color: #fff; }
.mypage_tab_in { padding: 12px 0; border: 1px solid #eb2524; }
.mypage_tab_in ul { overflow: hidden; width: 100%; }
.mypage_tab_in li { float: left; width: 16.5%; text-align: center; background: url(/b2c/images/sub/bar_type.gif) no-repeat 0 50%; }
.mypage_tab_in li a { color: #333; font-size: 14px; }
.mypage_tab_in li.fir { background: none; }
.mypage_tab_in li.on a { color: #eb2524; font-weight: bold; }

.mypage_bx01 { padding: 20px; border: 1px solid #e1e1e1; }
.mypage_bx01 .list_type01 { line-height: 20px; }
.mypage_bx01 .list_type01 img { vertical-align: middle; }
.mypage_bx01 .list_type01 .li_period { background-position: left 16px; }
.all_payment { padding-left: 20px; background: url(/b2c/images/sub/blet_b_point.gif) no-repeat 0 0; }
.btn_period_w { display: inline-block; border: 1px solid #ccc; border-right: none; text-align: center; }
.btn_period_w a { display: inline-block; width: 58px; line-height: 32px; border-right: 1px solid #ccc; color: #555; }

.add_order_list .t_list01 { border-top: 1px solid #222; }
.add_order_list .t_list01 th { padding: 10px 0; border-right: 1px solid #e0e0e0; }
.add_order_list .t_list01 td { padding: 10px 0; border-right: 1px solid #e0e0e0; }
.add_order_list .t_list01 .td_pl20 { padding-left: 20px; }
.add_order_list .t_list01 .no_line { border-right: none; }
.add_order_list .t_list01 .no_data { height: 210px; line-height: 20px; }

.t_type_pop { width: 100%; border-top: 1px solid #222; }
.t_type_pop thead th { padding: 12px 0; border-bottom: 1px solid #e0e0e0; }
.t_type_pop tbody th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: left; padding-left: 20px; }
.t_type_pop tbody td { padding: 10px 20px; border-bottom: 1px solid #e0e0e0; }
.t_type_pop .tarea { width: 480px; height: 80px; border: 1px solid #e0e0e0; }

.t_type_pop_add01 tbody td { padding: 10px 10px; text-align: center; }
.t_type_pop_add01 tbody td .td_pl20 { text-align: left; }

.review_noti { padding-left: 10px; text-indent: -10px; font-size: 12px; line-height: 17px; }

.mypage_info_bx01 dt { padding-bottom: 10px; color: #000; font-size: 18px; font-weight: bold; }
.mypage_info_bx01 dd { line-height: 24px; }

.wish_bx01 { position: relative; padding-top: 8px; }
.wish_bx01 .group_tit { padding-left: 18px; background: url(/b2c/images/sub/blet_o.gif) no-repeat 0 3px; color: #333; font-size: 16px; font-weight: bold; }
.wish_bx01 .wish_group_btn { position: absolute; top: 0; right: 0; }
.wish_bx01 .wish_group_btn img { vertical-align: middle; }
.wish_bx01 .wish_group_btn .SelectBox { padding: 9px 8px; }
.wish_bx01 .group_list { margin-top: 20px; padding: 20px 30px; border: 1px solid #e0e0e0; }
.wish_bx01 .group_list ul { overflow: hidden; width: 100%; }
.wish_bx01 .group_list li { float: left; padding-right: 55px; font-weight: bold; }
.wish_bx01 .group_list li a { color: #555; }

.t_list01_add02 tbody td { padding: 10px 0; }
.t_list01_add02 tbody td .SumoSelect { text-align: left; }
.t_list01_boad tbody td { padding: 10px 0; line-height: 26px; }

.coupon_bx01 { border: 1px solid #e1e1e1; }
.coupon_bx01 .num_input { padding: 20px 25px; border-bottom: 1px solid #e1e1e1; }
.coupon_bx01 .num_input .tit { padding-right: 25px; color: #000; font-size: 15px; font-weight: bold; }
.coupon_bx01 .num_input .inp01 { width: 218px; height: 30px; line-height: 30px; border: 1px solid #ccc; }
.coupon_bx01 .num_input .inp02 { width: 75px; height: 30px; line-height: 30px; border: 1px solid #ccc; }
.coupon_bx01 .num_input img { vertical-align: middle; }
.coupon_bx01 .num_input .align_type label { padding-left: 15px; }
.coupon_bx01 .coupon_info { padding: 20px 27px; }
.coupon_bx01 .coupon_info .list_type01 { margin-top: 10px; line-height: 22px; }

.info_mp { line-height: 18px; }

.ask_q { padding: 5px 0 5px 35px; background: url(/b2c/images/sub/icn_q.png) no-repeat 0 3px; }
.ask_a { padding: 5px 0 5px 35px; background: url(/b2c/images/sub/icn_a.png) no-repeat 0 3px; }

.withdraw_list { padding: 15px 0 15px 20px; border-top: 1px solid #222; border-bottom: 1px solid #e0e0e0; }
.withdraw_list ul { overflow: hidden; width: 100%; }
.withdraw_list ul li { float: left; width: 25%; padding: 8px 0; }


/* customer */
.board_bx { text-align: right; }
.board_bx .inp { width: 208px; height: 34px; line-height: 34px; border: 1px solid #b6b6b6; }
.board_bx img { vertical-align: middle; }
.t_board { width: 100%; border-top: 1px solid #222; }
.t_board thead th { height: 45px; border-bottom: 1px solid #e0e0e0; color: #333; font-weight: bold; text-align: center; }
.t_board tbody td { padding: 13px 0; border-bottom: 1px solid #e0e0e0; text-align: center; line-height: 18px; color: #888; }
.t_board .a_l { padding-left: 20px; text-align: left; }
.t_board .notice_tit { padding-left: 20px; text-align: left; }
.t_board .notice_date { color: #888; font-weight: normal; }
.t_board .con_td { padding: 15px 20px; text-align: left; color: #555; line-height: 22px; }

.faq_tab_in { padding: 12px 0; border: 1px solid #dcdcdc; }
.faq_tab_in ul { overflow: hidden; width: 100%; }
.faq_tab_in li { float: left; width: 16.5%; text-align: center; background: url(/b2c/images/sub/bar_type.gif) no-repeat 0 50%; }
.faq_tab_in li a { color: #333; font-size: 14px; }
.faq_tab_in li.fir { background: none; }
.faq_tab_in li.on a { color: #eb2524; font-weight: bold; }

.t_board .faq_q { text-align: left; padding: 17px 0 17px 58px; background: url(/b2c/images/sub/icn_q.png) no-repeat 20px 16px; }
.t_board .faq_q a { color: #333; font-weight: bold; }
.t_board .faq_a { text-align: left; padding: 17px 0 17px 58px; background: url(/b2c/images/sub/icn_a.png) no-repeat 20px 16px; line-height: 20px; }

.map_bx { border: 1px solid #e0e0e0; }

/* simple order */
.excel_order_bx { overflow: hidden; width: 100%; border-top: 1px solid #e0e0e0; }
.excel_order_bx .excel_orderstep { float: left; width: 450px; padding: 25px 30px; border-right: 1px solid #e0e0e0; }
.excel_order_bx .excel_orderstep ul { width: 100%; }
.excel_order_bx .excel_orderstep ul ul { padding: 10px 0 0 16px; line-height: 22px; }
.excel_order_bx .excel_ex { float: left; }
.excel_order_bx .excel_ex dl { padding: 25px; }
.excel_order_bx .excel_ex dl dt { padding-bottom: 18px; }

.recent_order_bx { position: relative; padding: 10px 0 10px 110px; }
.recent_order_bx .tit { position: absolute; top: 50%; left: 0; margin-top: -10px; width: 110px; text-align: center; color: #000; font-size: 15px; font-weight: bold; }
.recent_order_bx img { vertical-align: middle; }

/* search */
.search_bx { border: 1px solid #e0e0e0; }
.search_bx .search_result { padding: 24px 28px 20px; background: #fdfdfd; }
.search_bx .search_result dt { padding: 0 0 18px 26px; background: url(/b2c/images/sub/icn_search.gif) no-repeat; color: #333; font-size: 16px; font-weight: bold; }
.search_bx .search_result dd em { color: #ed2100; font-size: 15px; font-weight: bold; }
.search_bx .search_result dd span { color: #030303; font-weight: bold; }
.search_bx .result_list { padding: 20px 0; border-top: 1px solid #e0e0e0; }
.search_bx .result_list ul { overflow: hidden; width: 100%; font-weight: bold; }
.search_bx .result_list ul li { float: left; width: 330px; padding: 8px 0; text-indent: 25px; }
.search_bx .result_list ul li a { color: #555; }

.dd_ink_search .SumoSelect { width: 194px; }
.dd_ink_search .SelectBox { padding: 12px 8px; }
.dd_ink_search .inp02 { height: 39px; }

.ink_tab { overflow: hidden; width: 100%; background: url(/b2c/images/sub/bar_gray.gif) repeat-y left top; }
.ink_tab li { float: left; width: 142px; height: 65px; text-align: center; background: url(/b2c/images/sub/bg_inkTab.png) no-repeat right top; }
.ink_tab li a { display: block; padding: 17px 16px; line-height: 30px; height: 30px; font-size: 15px; font-weight: bold; color: #000; }
.ink_tab li span { display: block; }
.ink_tab li input { display: block; margin: 0 auto; padding: 17px 0; opacity: 0.5; filter: alpha(Opacity=50); }
.ink_tab li.on span { border: 1px solid #ed2100; border-bottom: none; background: #fff; }
.ink_tab li.on input { border-bottom: none; background: #fff; opacity: 1; filter: alpha(Opacity=100); }


.add_order_list .t_list01 .td_print { padding: 5px 20px; text-align: left; }
.model_list { overflow: hidden; width: 100%; }
.model_list li { float: left; width: 23%; padding: 8px 2% 8px 0; }


/* join */
.agreement_bx { padding: 20px 25px; background: #fbfbfb; border-top: 1px solid #58646e; border-bottom: 1px solid #e3e3e3; }
.agreement_bx h4 { padding-bottom: 10px; color: #333; font-size: 16px; font-weight: bold; }
.agreement_bx .agreement_txt { line-height: 20px; }
.agreement_bx .join_use_txt { border: 1px solid #dedede; background: #fff; }
.agreement_bx .join_use_txt iframe { width: 100%; height: 130px; overflow: auto; }
.agreement_bx .join_agree { padding-top: 18px; text-align: center; }
.agreement_bx .join_agree label { padding: 0 24px; }

.list_type02 { line-height: 25px; }
.list_type02 li { padding-left: 15px; background: url(/b2c/images/sub/blet_gray02.gif) no-repeat 0 10px; }

.join_txt_bx { padding: 18px 15px; border: 1px solid #e0e0e0; }

.join_complete_bx { width: 678px; margin: 35px auto; padding: 50px 0 45px; border: 1px solid #e0e0e0; border-top: 1px solid #3e4144; background: #fbfbfb; text-align: center; }
.join_complete_bx h4 { color: #ed2100; font-size: 40px; font-weight: bold; }
.join_complete_bx .txt_a { padding: 15px 0 30px; color: #555; font-size: 20px; font-weight: bold; line-height: 30px; }

.check_result_bx { padding: 18px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; line-height: 20px; }

.pop_address { width: 580px; }
.tab_pop { overflow: hidden; width: 100%; border-bottom: 1px solid #7d7e87; }
.tab_pop li { float: left; width: 124px; margin-right: 2px; line-height: 34px; border: 1px solid #e0e0e0; border-bottom: none; text-align: center; }
.tab_pop li a { color: #555; font-weight: bold; }
.tab_pop li.on { background: #7d7e87; border-color: #7d7e87; }
.tab_pop li.on a { color: #fff; }
.adrs_type { padding: 17px; border-bottom: 1px solid #e0e0e0; }
.adrs_type label { padding-right: 30px; }
.adrs_bx01 { padding: 20px; line-height: 20px; }
.adrs_bx01 .adrs_link { padding-left: 12px; text-indent: -12px; }
.adrs_bx02 { padding: 20px 0; background: #f6f6f6; border: 1px solid #e0e0e0; }
.adrs_bx02 .bx_tit { display: inline-block; width: 45px; padding-left: 20px; font-weight: bold; }
.adrs_bx02 img { vertical-align: middle; }
.adrs_bx02 .SumoSelect { width: 140px; }

.pop_idpw { width: 650px; }
.t_idpw { width: 100%; border-top: 1px solid #dfdfdf; }
.t_idpw th { background: #f9f9f9; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; text-align: left; text-indent: 20px; }
.t_idpw td { padding: 7px 0 7px 20px; }
.t_idpw .bt_line { border-bottom: 1px solid #dfdfdf; }
.btn_idpw { height: 100%; }
.p_join_info { margin-top: 15px; }
.p_join_info img { padding-left: 20px; vertical-align: middle; }

/* login */
.member_benifit { width: 910px; margin: 60px auto 0; }
.member_benifit_bx { padding: 20px 25px; background: #fbfbfb; border: 1px solid #e3e3e3; border-top: 1px solid #58646e; }

/* 회사소개 */
.intro_w { line-height: 24px; background: url(/b2c/images/sub/bg_intro.jpg) no-repeat right bottom; }
.intro_w .itr01 { font-size: 32px; color: #333; line-height: 36px; }
.intro_w .itr02 { font-size: 19px; font-weight: bold; color: #eb2524; line-height: 28px; }



/* 견적서 */
.sheet_w { width: 738px; border: 1px solid #e6e6e6; background: #fff; }
.sheet_con { padding: 30px 29px; }
.sheet_w h1 { width: 188px; margin: 0 auto 38px auto; padding: 5px 0; text-align: center; font-size: 25px; line-height: 30px; font-weight: bold; border-bottom: 1px solid #e6e6e6; color: #222; }

.sheet_bx01 { overflow: hidden; width: 100%; }
.sheet_bx01 .sheet_info01 { float: left; width: 300px; text-align: right; }
.sheet_bx01 .sheet_info01 .s_i_txt01 { line-height: 20px; }
.sheet_bx01 .sheet_info01 .s_i_txt02 { padding: 18px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.sheet_bx01 .sheet_info01 .s_i_txt02 span { font-size: 18px; font-weight: bold; color: #222; }
.sheet_bx01 .sheet_info01 .s_i_txt03 { padding: 12px 0; line-height: 20px; border-bottom: 1px solid #e6e6e6; }
.sheet_bx01 .sheet_info02 { position: relative; float: right; width: 360px; }
.sheet_bx01 .sheet_info02 table { width: 100%; }
.sheet_bx01 .sheet_info02 table th { border: 1px solid #999; font-weight: normal; line-height: 18px; }
.sheet_bx01 .sheet_info02 table td { height: 15px; padding: 5px; text-align: center; border: 1px solid #999; }
.sheet_bx01 .sheet_info02 .area_seal { position: absolute; top: 20px; right: 1px; }
.sheet_w .total_p { margin: 20px 0; padding: 20px; border: 1px solid #e7e7e7; text-align: right; font-size: 18px; font-weight: bold; color: #222; }


.sheet_list { width: 100%; }
.sheet_list thead th { height: 40px; background: #fbfbfb; border: 1px solid #e6e6e6; color: #222; }
.sheet_list tbody td { height: 24px; padding: 12px 0; text-align: center; border: 1px solid #e6e6e6; }
.sheet_list tfoot td { padding: 20px; text-align: right; background: #fbfbfb; border: 1px solid #e6e6e6; font-size: 18px; font-weight: bold; color: #222; }
.sheet_list .a_l { padding-left: 5px; text-align: left; }
.sheet_list .a_r { padding-right: 5px; text-align: right; }
.vat_info { padding: 14px 0; text-align: right; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; }
.sheet_btn { padding-top: 18px; text-align: center; }
.modify_info { display: block; font-weight: bold; color: #0000fe; }
.print_info { padding-top: 15px; text-align: center; line-height: 17px; }
.print_info span { font-weight: bold; }
.print_info02 { padding-top: 15px; text-align: center; }
.print_info02 span { font-weight: bold; }
.print_info02 em { font-weight: bold; color: #435bd1; }

/* 기안서 */
.sheet_bx02 { overflow: hidden; width: 100%; }
.sheet_bx02 .sheet_info01 { float: left; width: 230px; }
.sheet_bx02 .sheet_info01 p { padding: 6px 0; border-bottom: 1px solid #e6e6e6; line-height: 23px; }
.sheet_bx02 .sheet_info02 { float: right; width: 420px; }
.decide_t { width: 100%; }
.decide_t th { height: 33px; border: 1px solid #e6e6e6; font-weight: normal; }
.decide_t td { height: 71px; border: 1px solid #e6e6e6; }
.sheet_list_txt { padding: 10px 0; color: #222; }
.draf_w { border-bottom: 1px solid #ccc; }


/* 16.7.5_이용약관 */
.clause_bx { padding: 10px 25px; line-height: 20px; }
.clause_bx .c_tit { padding: 5px 0; font-weight: bold; }
.c_table { width: 100%; }
.c_table th { padding: 3px 0; border: 1px solid #ccc; }
.c_table td { padding: 3px 0; border: 1px solid #ccc; text-align: center; }

.login_use_txt { border: 1px solid #dedede; background: #fff; }
.login_use_txt iframe { width: 100%; height: 500px; overflow: auto; }

.payment_select .SumoSelect { width: 218px; line-height: 24px; }

/* 16.8.1 */
.business_num_ck { text-align: center; }
.business_num_ck dt { padding-bottom: 10px; font-weight: bold; }
.business_num_ck dd label { padding: 0 10px; }

/* 16.8.5 */
.guest_tit { text-align: center; font-weight: bold; font-size: 22px; color: #222; }
.guest_txt { text-align: center; font-size: 14px; color: #666; }
.guest_bx_w { text-align: center; }
.guest_bx { width: 629px; margin: 0 auto; padding: 28px 0 25px; text-align: center; border: 1px solid #dfdfdf; border-top: 1px solid #6e6e6e; }
.guest_bx span { display: inline-block; padding-right: 12px; line-height: 35px; font-weight: bold; font-size: 13px; }
.guest_bx input { vertical-align: middle; }
.guest_bx02 { text-align: center; font-size: 14px; color: #666; }

/* 16.8.19 */
.copy_slect .SumoSelect { width: 300px; }

/* 16.8.22 */
.tit_cscenter { padding-left: 18px; background: url(/b2c/images/sub/blet_o.gif) no-repeat 0 3px; color: #333; font-size: 16px; font-weight: bold; }
.tit_cscenter02 { font-size: 14px; font-weight: bold; color: #333; }
.list_type03 { line-height: 20px; }
.list_type03 li { padding-left: 12px; background: url(/b2c/images/sub/blet_gray02.gif) no-repeat 0 8px; }

.copyct_top_w { overflow: hidden; width: 100%; background: #ffdd3e; }
.copyct_top_w .img { float: left; }
.copyct_top_w .txt { float: right; width: 500px; padding: 40px 0 0 0; background: url(/b2c/images/sub/icn_copy_center.gif) no-repeat 375px 37px; }
.copyct_top_w .txt dt { font-weight: bold; color: #33322e; font-size: 25px; }
.copyct_top_w .txt dd { padding-top: 10px; font-size: 14px; line-height: 22px; color: #848070; }
.copyct_top_w .txt dd.btn a { display: inline-block; padding-right: 5px; }
.copyct_con01 { line-height: 20px; }
.copyct_con01 dt { padding-bottom: 8px; /* color:#eb2524; */ font-size: 14px; font-weight: bold; }
.t_copyct { border-top: 1px solid #222222; }
.t_copyct table { width: 100%; }
.t_copyct thead th { padding: 12px 0; background: #f9f9f9; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; color: #333; font-weight: bold; }
.t_copyct thead .sub_tr th { background: #fff6f6; }
.t_copyct tbody td { padding: 12px 0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: center; color: #888; }
.t_copyct .no_line { border-left: 0; }

.copy_overflow { width: 100%; overflow: hidden; }
.copy_overflow .f_left { float: left; width: 450px; }
.copy_overflow .f_right { float: right; width: 450px; }

.bizmall_info_w { width: 100%; overflow: hidden; }
.bizmall_info_w li { float: left; height: 250px; margin-right: 20px; font-size: 15px; line-height: 20px; }
.bizmall_info_w li.li_3n { margin-right: 0; }
.bizmall_info_w li .img { padding-bottom: 10px; }
.bizmall_info_w li span { display: block; }

.biz_mro_txt01 { line-height: 20px; }

.biz_mro_w { height: 310px; background: url('/b2c/images/sub/mro_img.gif') no-repeat 366px 0; }
.biz_mro_w dt { padding: 0 0 6px 24px; line-height: 18px; color: #0f3550; font-weight: bold; background: url('/b2c/images/sub/blet_mro.gif') no-repeat; }

/* 20171009 */
.main01 h3, .main03 h3 { text-align: center; margin: 50px 0; }
.main02 { background: #bedef9; }
.m_md_pick li i { background-image: url(/b2c/images/main/pick_cover.png) !important }

/* slide */
.main_visual #mgallery .mthum .pagination { top: 375px; position: absolute }
.main_visual #mgallery .mthum .pagination a { font-size: 0; line-height: 0; }
.main_visual #mgallery .mthum .pagination li { width: 16px !important; height: 16px !important; border-radius: 10px; margin-right: 4px; border: 1px solid #fff; opacity: .5; background: #000 !important; font-size: 0; }
.main_visual #mgallery .mthum .pagination li.current { background: #fff !important; border: 1px solid #000; }
.main_visual #mgallery #slideshow #slides, .main_visual #mgallery #slideshow #slides li, .main_visual #mgallery #slideshow, .main_visual #mgallery { height: 410px; }


/* m_board */
.m_board { width: 100%; overflow: hidden }

.m_cs .m_board dl { padding: 20px; border: 1px solid #e4e4e4; float: right; background: #fafafa; width: calc( 50% - 50px ); }
.m_cs .m_board dl:first-child { margin-left: 0; float: left; }
.m_cs .m_board dl dt { position: relative; top: 0; left: 0; font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.m_cs .m_board dl dd { width: auto; padding: 0 }
.m_cs .m_board dl dd span { margin-left: 5px; }
.m_cs .m_board dl dd span:first-child { margin-left: 0 }
.m_cs .m_board dl .big-txt { font-size: 24px; color: #ff2b00; font-weight: bold; margin-bottom: 32px; }
.m_cs .service p { margin-bottom: 10px; }
.m_notice li a { color: #575757 }
.m_notice li { padding-bottom: 0; margin-bottom: 15px; }

/* bottomMenu */
.m_md_pick { margin-bottom: 50px; }
.m_cs { border: none; }
.quick_w { width: 100% !important; position: relative !important; display: table; margin-top: 30px; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }
.quick_w li { float: none !important; display: table-cell; text-align: center; padding: 20px; font-weight: bold }
.quick_w li:first-child { border-left: none; }
.quick_w li:before { display: block; content: ''; height: 57px; background-position: 50% 50%; background-repeat: no-repeat; margin-bottom: 20px; }

.quick_w .stit { margin-bottom: 5px }
.quick_w .cloud:before { background-image: url(/b2c/images/main/ic_cloud.png) }
.quick_w .chat:before { background-image: url(/b2c/images/main/ic_chat.png) }
.quick_w .won:before { background-image: url(/b2c/images/main/ic_won.png) }


.service_w { display: table; width: calc(100% + 10px); margin: 0 -5px; box-sizing: border-box }
.service_w li { float: none; display: table-cell; border: 5px solid #fff; text-align: center; vertical-align: middle; padding: 20px; width: 30%; height: 150px; }
.service_w li.b01 { background: #ff80b3 }
.service_w li.b02 { background: #08c18f }
.service_w li.b03 { background: #575757 }
.service_w li.b04 { background: #f19709 }
.service_w li.b05 { background: #93a9d1 }
.service_w li.b06 { background: #58cf74 }
.service_w li.b07 { background: #ca91d1 }


/* quick */
.q_tit02 dt { background: #f3f3f3; color: #575757; border: 1px solid #d5d5d8 }
.q_tit02 dt span { display: none; }
.q_menu p { background: #aaa; border-bottom: 1px solid #8b8f95; }
.q_menu p:last-child { background: #8a9a9a }
.q_menu p img { display: none; }
.q_tit02 .btn_bx { color: #7f7f7f; }
.q_tit02 .btn_bx em { color: inherit }


/* sub */
.tab_menu li.on { background: #ff2b00; }
.intro_w .itr02 { color: #ff2b00 }

.pop_w h1 { background: #eb5268; }
.paging a.on, .paging a:hover, .paging a:focus, .paging a:active { color: #eb5268; border-color: #eb5268;  }
.paging02 a.on, .paging02 a:hover, .paging02 a:focus, .paging02 a:active { background: #ff2b00; height:35px; }
.f_lled { color: #eb5268 !important; }
.detail_txt li em, .ctgr_list_w .ctgr_tab li .on, .group_w .group_view em, .ctgr_w .ctgr_total span, .login_f div .login_fail { color: #eb5268; }
.search_w dd.company_m a { border: 1px solid #ff2b00; background: #ff2b00; }
.mypage_tab_in { border-color: #eb5268; }
.mypage_tab_in li.on a { color: #eb5268 }
.tab_menu { border-color: #e4e4e4 }
.bizmall_tit { padding-left: 20px; }



.pop_tablet { width: 626px; }
.pop_tablet .pop_tablet_con { padding: 0 5px; }
.pop_tablet .pop_tablet_con .p_tablet_tit { position: relative; line-height: 15px; }
.pop_tablet .pop_tablet_con .p_tablet_tit h2 { padding-left: 22px; font-weight: bold; color: #5fbb39; background: url(/b2c/images/common/blet_check.gif) no-repeat; }
.pop_tablet .pop_tablet_con .p_tablet_tit p { position: absolute; top: 0; right: 0; }
.pop_tablet .pop_tablet_con .ex_box { padding: 15px 3px; border: 1px solid #dddddd; background: #f6f6f6; }
.pop_tablet .pop_tablet_con ul { }
.pop_tablet .pop_tablet_con ul li { display: inline-block; padding: 0 13px 0 14px; height: 20px; width: 70px; }
.pop_tablet .pop_tablet_con ul li.last { background: none; }
.pop_tablet .pop_tablet_con ul li a { color: #666666; }
.pop_tablet .pop_tablet_con ul li a.on { color: #f16853; }
.pop_tablet .pop_tablet_con dl { }
.pop_tablet .pop_tablet_con dl dt { padding-left: 10px; line-height: 23px; background: url(/b2c/images/common/bg_tablet_tit.gif) no-repeat; font-weight: bold; color: #fff; }
.pop_tablet .pop_tablet_con dl dd { position: relative; padding: 4px 10px 0 50px; margin-top: 15px; line-height: 16px; }
.pop_tablet .pop_tablet_con dl dd p { position: absolute; top: 0; left: 0; }
.pop_tablet .pop_tablet_con dl.ribon_w dt { display: none; }



.join_complete_bx { padding: 50px 0 45px 0; border: 1px solid #e0e0e0; background: #fbfbfb; text-align: center; }
.join_complete_bx h4 { font-weight: bold; font-size: 18px; }
.join_complete_bx h4 em { font-size: 24px; }


.dd_ink_search .SumoSelect { width: 100%; }
.dd_ink_search .SelectBox { padding: 12px 8px; }
.dd_ink_search .inp02 { height: 39px; }

.search_bx .search_result .dd_ink_search { }
.search_bx .search_result .dd_ink_search .part { display: inline-block; width: 31%; margin-right: 1%; }
.search_bx .search_result .dd_ink_search .part .desc { display: block; padding-bottom: 10px; }
.search_bx .search_result .dd_ink_search02 .desc { display: inline-block; padding-right: 20px; }
