﻿@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;}
.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:#addaf6;}
.mv02{background:#adb4f8;}
.mv03{background:#aef7c9;}
.mv04{background:#f8cdad;}
.mv05{background:#f7adba;}
.mv06{background:#d8cfc0;}
.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/5ffice/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/5ffice/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/5ffice/images/main/pick_cover01.png) no-repeat;}
.m_md_pick li .cv02 i{background:url(/b2c/5ffice/images/main/pick_cover02.png) no-repeat;}
.m_md_pick li .cv03 i{background:url(/b2c/5ffice/images/main/pick_cover03.png) no-repeat;}
.m_md_pick li .cv04 i{background:url(/b2c/5ffice/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/5ffice/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/5ffice/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/5ffice/images/sub/bar_gray.gif) repeat-y;}
.bestP_w .bestP_list li{float:left;width:25%;height:338px;background:url(/b2c/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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: 28px; text-align: center; border: 1px solid #c4c4c4; }
.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/5ffice/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/5ffice/images/btn/btn_fml_prev.gif) no-repeat;left:-62px;}
.relation_pdt .bx-wrapper .bx-next{background:url(/b2c/5ffice/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/5ffice/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/5ffice/images/sub/blet_r_check.gif') no-repeat;color:#eb2524;font-weight:bold;}
.card_ex_tab dd{margin-top:8px;background:url('/b2c/5ffice/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/5ffice/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/5ffice/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/5ffice/images/sub/detail_tab_off.gif') no-repeat;font-size:14px;}
.detail_tab li.fir{background:url('/b2c/5ffice/images/sub/detail_tab00_off.gif') no-repeat;}
.detail_tab li.on{background:#fff url('/b2c/5ffice/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/5ffice/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_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/5ffice/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/5ffice/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/5ffice/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/5ffice/images/sub/icn_plus.png) no-repeat;}
.icn_eq{width:13px;height:11px;margin:0 15px;background:url(/b2c/5ffice/images/sub/icn_eq.png) no-repeat;}
.icn_minus{width:13px;height:3px;margin:0 15px;background:url(/b2c/5ffice/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/5ffice/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/5ffice/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 47px;}
.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/5ffice/images/sub/bar_gray.gif) repeat-y left top; }
.tab_menu ul{overflow: hidden; width: 100%;background:url(/b2c/5ffice/images/sub/bg_tab.png) repeat right top;}
.tab_menu li {float: left;width:20%; background:url(/b2c/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/images/sub/icn_q.png) no-repeat 0 3px;}
.ask_a{padding:5px 0 5px 35px;background: url(/b2c/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/images/sub/bar_gray.gif) repeat-y left top;}
.ink_tab li{float:left;width:142px;height:65px;text-align:center;background:url(/b2c/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/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/5ffice/images/sub/blet_mro.gif') no-repeat;}

/* 20171009 */
.main01 h3,.main03 h3{text-align:center;margin:50px 0;}
.main02{background:#00ccff;}
.m_md_pick li i{background-image:url(/b2c/5ffice/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;}
.mv01{background:#f4f4f4}
.mv02{background:#f3f9f7}
.mv03{background:#f4f4f4}
.mv04{background:#f4f4f4}
.mv05{background:#f4ecf0}
.mv06{background:#f1f0f7}
.mv07{background:#fffbf3}
.mv08{background:#f4f4f4}
.mv09{background:#f5fff4}

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

.m_cs .m_board dl{padding:20px 10px;border:1px solid #e4e4e4; float:right;background:#fafafa; width:calc( 50% - 30px );}
.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_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; vertical-align: middle; padding: 20px; }
.quick_w li:first-child{border-left:none;}


.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:#00ccff;}
.intro_w .itr02{color:#00ccff}

.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: #00ccff;}
.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 #00ccff;background: #00ccff;}
.mypage_tab_in{border-color:#eb5268;}
.mypage_tab_in li.on a{color:#eb5268}
.tab_menu{border-color:#e4e4e4}
.bizmall_tit{padding-left:20px;}