@charset "utf-8";

/************************************************
commnet : style guide
*************************************************/
/*button*/
.btn_search, .btn_change { border-radius: 5px; background: #e51919; color: #fff !important; padding: 6px 39px; border:none; }
.btn_search2 { border-radius:5px; background:#d22517; padding:0 40px; line-height:26px; margin:0 8px; color:#fff !important; }
.btn_sign { border-radius:5px; background:#91c7eb; padding:0 10px; line-height:26px; color:#fff !important; }
.btn_nosign { border-radius:5px; background:#d22517; padding:0 15px 0 16px; line-height:26px; color:#fff !important; }
.btn_modify, .btn_save, .btn_output, .btn_check { border-radius: 5px; background: #e51919; color: #fff !important; padding: 5px 13px; border:none; }
.btn_send { border-radius: 5px; background: #d22517; color: #fff !important; padding: 6px 35px; border:none; }
.btn_delete { padding:3px 20px; border-radius: 5px; background: #d22517; color: #fff; border:none; }
.btn_print,.btn_ircod { border-radius:5px; background:#e5e5e5; padding:0 20px; line-height:26px; color:#333 !important; }
.btn_ircod { border-radius:5px; background:#e5e5e5; padding:0 20px; line-height:26px; color:#333 !important; }
.btn_file { border-radius:5px; background:#e5e5e5; padding:0 20px; line-height:26px; margin-left:8px; color:#333 !important; }
.btn_detail { padding:3px 20px; border-radius: 5px; background: #d22517; color: #fff !important; border:none; float:right; margin-left:10px; }
.btn_save2 { border-radius:5px; background:#e5e5e5; padding:0 20px; line-height:26px; margin:8px; color:#333 !important; }
.btn_regis,.btn_input { padding:3px 20px; border-radius: 5px; background: #d22517; color: #fff !important; border:none; margin-left:10px; }
.btn_delivery { padding:3px 20px; border-radius: 5px; background: #d22517; color: #fff !important; border:none; margin-left:10px; }
.btn_bsk_clear { border-radius: 5px; background: #e5e5e5; color: #333 !important; padding: 5px 30px; border:none; margin-right:10px; }
.btn_bsk_clear2 { border-radius: 5px; background: #d22517; color: #fff !important; padding: 5px 30px; border:none; margin-right:10px; }
.btn_conf_cancel { border-radius: 5px; background: #e5e5e5; color: #333 !important; padding: 5px 10px; border:none; }
.btn_conf_pay { border-radius: 5px; background: #d22517; color: #fff !important; padding: 5px 10px; border:none; }
.btn_apply { text-align:right; margin:10px 10px 0 0; }
.btn_login { width: 80px; border-radius: 5px; background: #d22517; color: #fff !important; padding: 26px 0; font-size: 15px; font-weight: bold; border:none; margin-left:10px; }
.btn_login_emp { width: 80px; border-radius: 5px; background: #4667DB; color: #fff !important; padding: 26px 0; font-size: 15px; font-weight: bold; border:none; margin-left:10px; }
.btn_hp_confirm { border-radius: 5px; background: #d22517; color: #fff; padding: 5px 30px; border:none; margin-left:20px; }
.btn_order, .btn_return2 { border-radius: 5px; background: #d22517; color: #fff !important; padding: 5px 30px; border:none; }
.btn_order2 { border-radius: 5px; background: #e5e5e5; color: #333 !important; padding: 5px 30px; border:none; }
.btn_pop_ok { width: 100px; border-radius: 5px; background: #ff0000; text-align: center; color: #fff !important; padding: 5px 40px; margin:0 10px;}
.btn_apply2,.btn_cancel { border-radius: 5px; background: #e51919; color: #fff !important; padding: 5px 5px; border:none; }
.btn-default { color: #333; background-color: #fff; border: 1px solid #ccc; border-radius:20px; font-size:11px;}
.btn-red { color: #FFF !important; font-size: 11px; background: #e51919; border: 1px solid #e51919; }
.btn-gray { font-size: 11px; background: #e5e5e5; border: 1px solid #e5e5e5; }
.btn_client { border-radius:5px; font-size: 11px; background: #e5e5e5; border: 1px solid #e5e5e5; line-height:20px; margin-bottom:5px }

.btn_send_add,.btn_send_save,.btn_send_excel { border-radius: 5px; background: #e5e5e5; color: #333 !important; padding: 5px 10px; border:none; margin-right:10px; }
.btn_send_del { border-radius: 5px; background: #f78686; color: #fff !important; padding: 5px 10px; border:none; margin-right:10px; }

.btn_alert_ok,.btn_alert_cancel { border-radius: 5px; text-align: center; color: #fff !important; padding: 10px 50px; margin:0 5px;}
.btn_alert_ok { background: #ff0000; }
.btn_alert_cancel { background: #666; }

.fade_btn { color: #fff !important; background-color: #fff; margin:0 10px; padding:0 50px; line-height:25px; }
.fade_area { overflow:auto; clear:both; }
.fade_area .table_su4 { min-width:1000px; overflow:auto; }
.relation_t .table_su4 { min-width:1400px; overflow:auto; }
.zoom .table_su4 { min-width:1600px; }
.zoom .table_su4 .w7 { width:5%; }

/*popup*/
.pop { width:500px; background:#333; display: none; position:fixed; top:50%; left:50%; z-index:99999; -webkit-box-shadow:0px 0px 20px rgb(0,0,0,0.5); -moz-box-shadow:0px 0px 20px rgb(0,0,0,0.5); box-shadow:0px 0px 20px rgb(0,0,0,0.5); color:#fff; border:2px solid #ddd; border-radius:20px; -moz-border-radius:3px; -webkit-border-radius:20px;  margin-left:-250px; }
.pop_s { background-image: url(../img/bg_img.jpg) !important; background-repeat: repeat-x !important; width: 600px; background: #fff; display: none; position: fixed; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 99999; color: #666; border-radius: 20px; -moz-border-radius: 3px; -webkit-border-radius: 20px; -webkit-box-shadow: 3px 3px 6px #adadad; -moz-box-shadow: 3px 3px 6px #adadad; box-shadow: 3px 3px 6px rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.Shadow(color=#adadad, Direction=135, Strength=6);}
.pop_a { background-image: url(../img/bg_half_img.jpg) !important; background-repeat: repeat-x !important; background: #fff; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  z-index: 999994; color: #666; border-radius: 20px; -moz-border-radius: 3px; -webkit-border-radius: 20px; -webkit-box-shadow: 3px 3px 6px #adadad; -moz-box-shadow: 3px 3px 6px #adadad; box-shadow: 3px 3px 6px rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.Shadow(color=#adadad, Direction=135, Strength=6);}
.login_pop { margin-top:-140px; }
.main_pop { margin-top:-284px; }
.market_pop  { margin-top:-177px; }
.sign_pop  { margin-top:-216px; }
.ircodon_pop { width:750px; margin-top:-279px; margin-left:-325px; }
.loan_pop { margin-top:-104px; }
.whole_pop { margin-top:-218px; }
.exdate_pop { margin-top:-145px; }
.sms_pop { margin-top:-145px; }

.pd_detail_pop { margin-top:-163px; margin-left:-400px; width:800px; }
.whole_notice { margin-top:-143px; }
.store_pop { margin-top:-239px; margin-left:-400px; width:800px; }
.area_pop,.resp_pop { margin-top:-218px; }
.client_pop { margin-top:-350px; margin-left:-487px; width:975px; }
.board_d_pop { margin-top:-127px; }
.send_pop { margin-top:-242px; }
.send_pop2 { margin-top:-239px; margin-left:-400px; width:800px; }
.send_pop3 { margin-top:-239px; margin-left:-487px; width:975px; }
.input_hp {  margin-top:-179px; margin-left:-252px; }

#fade { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.5; z-index:9999;}
#close { width:32px; height:32px; background:url(../img/btn_close_pop.png) no-repeat; position:absolute; cursor:pointer; right:20px; top:20px;}
#popupbox {	padding:15px; font-family:Century Gothic; }
#popupbox  h2 {	font-size:20px;	color:#fff; float:none; line-height:40px; }
#popupbox p { font-size:12px; color:#acacac; line-height:20px;}
.pop_tit { border-bottom:1px solid #696868; }
.pop_search { position:relative; margin-bottom:20px; }
.pop_search label { width:auto !important; float:none !important; margin-right:10px;  }
.pop_search input[type="radio"] { margin:0 5px 0 0; }
.pop_cont { padding:15px;  }
.client_pop .pop_cont { width:626px; }
#popupbox dt { margin:10px 0; }
#popupbox label { float:left; width:120px; line-height:29px; }

.alert_pop { min-width:400px; }
.alert_cont { text-align:center; padding:20px 0; }
.alert_pop p { color:#000 !important; }

.market_pop dl { height: 80px; border-bottom: 1px solid #696868; margin-bottom: 20px; }
.market_pop dt { width:15%; float:left; margin:10px 0; }
.market_pop dd { width:30%; float:left; margin:10px 0; text-align:right; }

.market_amount { font-size:14px !important; color:#fff !important; }

.sign_pop dl { height: 80px; border-bottom: 1px solid #696868; margin-bottom: 20px; }
.sign_pop dt { width:15%; float:left; margin:5px 0 !important; }
.sign_pop dd { width:30%; float:left; margin:5px 0; text-align:right; }

.hp_confirm { margin-top: 15px; }
.hp_confirm dl { margin-bottom: 0; padding:15px 0; border:none; height:50px; }
.hp_confirm dt { line-height:28px; }
.hp_confirm dd { width:85%; text-align:center; line-height:28px; }
.hp_confirm dd a { width:auto; float:right; line-height:18px; margin:0;}

.change_text { border-top:1px solid #696868; border-bottom:1px solid #696868; padding:20px; }
.change_text li { margin-bottom:10px; }

.business_info { height:130px; padding-top: 20px; margin-top:20px; border-top: 1px solid #696868;}
.business_info dl { border:none !important; padding:0 !important; }
.business_info img { float:left; margin-right:20px;}
.business_info p { padding-top:50px; color:#d22517 !important; }
.business_info dt { float:left; margin:0 !important; width:50px; }

.exdate_pop .ui-jqgrid tr.ui-row-ltr td:first-child { color:#e51919; font-weight:bold; }

/*login*/
.id_report { text-align:center; }
.login_pop_blue { color:#79cbff; line-height:29px; }
.login_pop_red { color:#d22517; }
.id_report .login_pop_red { font-size:30px; font-weight:bold; height:37px; margin-top:-10px; }
.pw_report .login_pop_red { font-size:17px; font-weight:bold; }
.label_text { clear:both; margin-right:5px; }
.input_box { margin:20px; font-size: 15px; }

/*search*/
.serch_info dl{border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; line-height:45px; height:45px; }
.serch_info dt{background:#EAEAEA; width:7%; text-align:center; color:#333; float:left; }
.serch_info dd{ color:#333; padding:0 10px; float:left; }
.serch_info dd:last-child { width:21%;}
.btn_sms{ padding: 1px 10px; border-radius: 10px; margin-left: 10px; }
.btn_logout{ padding: 1px 10px; border-radius: 10px; margin-left: 10px; height: 18px; line-height: 18px; margin-right: 20px; background:#000; color:#fff !important; border:1px solid #000; }
.btn_add{ padding: 4px 10px 3px; border-radius: 5px; margin-left: 5px;  }
.btn_price{ padding: 4px 25px 3px; border-radius: 5px; margin-left: 5px;  }
.btn_loan{ padding: 4px 10px 3px; border-radius: 5px; margin-left: 3px; }
.serch_info p { /*line-height:40px;*/ margin-top:9px; }

.sys_search_btn {     border-radius: 4px;    background: #e51919;    margin-right: 10px; }

.search_form { margin-top:9px; clear:both; }
.pd_term { margin-left:10px; }

input[type="radio"] { margin-left: 20px; margin-right: 5px; }
.ml20 { margin-left:20px }

/*menu*/
.menu_notice { position: absolute; top: 13px; left: 50px; }
.menu_notice .menu_arrow { width: 0px;height: 0px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right: 5px solid black; border-left: 10px solid  transparent; float:left; margin-top:9px; }
.menu_notice p { background: #000; color: #fff; font-weight: normal; padding: 5px 10px; border-radius: 6px; float:left; }

.box_menu { display:inline-block;}
.sub_menu { text-align:center; }
.sub_menu_pm { line-height: 30px; padding:20px 20px; }
.sub_menu p { color:#000; font-weight:bold; }
.sub_menu li { width: 50%; float: left; line-height: 30px; padding:20px 0; border-bottom: 1px solid #fff; border-right:1px solid #fff; }
.sub_menu li:nth-child(2),.sub_menu li:nth-child(4) { width: 49%; border-right:none; }
.sub_menu li:last-child { color:#fff; text-align:center; width: 100%; float: left; line-height: 30px; padding:17px 0; border-bottom: 1px solid #fff; border-right:1px solid #fff; margin-bottom:10px; }
.sub_menu li:last-child a { color:#000; font-weight:bold; }
.admin_btn { background: #f78686; margin: 20px 15px; text-align:center; border-radius:5px; }
.admin_btn a { color:#222; font-weight:bold; padding:10px 0; }
.admin_btn a:hover { color:#FFF; }

.sub_menu li a:hover {  color:#fff; }
.pop_tit > h2 > span {  font-size: 14px; font-weight: normal; margin-left: 5px; }
.pop_list_btn { text-align:right; margin:10px 0 20px; }

.menu_list { width: 200px; }
.menu_head { padding: 15px 22px; cursor: pointer; position: relative; margin:0px; color:#000; font-weight:bold; font-size:13px; background: #d1d1d1;	border-bottom: solid 1px #fff; }
.menu_body { display:none; }
.menu_body a{ display:block; color:#fff; background:#797979; padding:13px 0 13px 30px; text-decoration:none; font-size:12px; }
.menu_body a:hover,.menu_body a:focus{ color: #fff; text-decoration:none; background:#404040; }

.family_site { text-align:center; }
.family_site select { width:80%; margin-bottom:30px; }

/*cont*/
.pd_cont { width: 220px; height: 280px; float: left; }
.no_pd {    width: 100% !important; border-color: #fff !important; border-bottom: 1px solid #e9e9e9 !important; border-radius: 0 !Important; text-align: center; margin: 0 !Important; padding: 0 !important; height: 55px !important; }
.pop_no_pd { text-align:center; padding:20px 0; border-bottom:1px solid #696868; }

.radio_box { float:left; border:1px solid #e5e5e5; border-radius:10px; line-height:28px; padding-right:20px; }

/*list type*/
.list_type ul li { border-bottom: 1px solid #d1d1d1; }
.list_right ul li { border: none; }
.list_type .list_cont div {float:left; padding:5px 0; text-align:center; }
.list_type .list_cont div p { display:table-cell; height:36px; vertical-align:middle; text-align:center; width:1%;*width:100%; }
.list_type .list_cont .pd_name p,.list_type .list_cont .return_name p, .bsk_name p { text-align:left !important; padding-left:10px;}
.list_type .list_cont span span { display:none; }
.list_type .pd_img { display:none; }
.pd_order img { cursor:pointer; }


/*return_list*/
.return_tax { color: #0082ff; }
.list_tit .return_tax { color: #333; }


.product_type .pd_order_m,.product_type .pd_inter,.product_type .pd_cart { display:none;}

.txt_limit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/*gallery type*/
.gallery_type .layout_pd li { display:inline-block; height:auto; }
.gallery_type .pd_order_m { width:38% !important; display:block !important; }

.gallery_type .layout_pd { margin:20px auto 50px; max-width: 2030px;}
.gallery_type>.layout_pd>li {display:inline-block; clear:none;}
.gallery_type .list_cont { width: 235px; padding: 15px; border: 1px solid #e9e9e9; margin: 10px; border-radius: 10px; }
.gallery_type .pd_name,.gallery_type .pd_price, .gallery_type .pd_price_t, .gallery_type .pd_amount,.gallery_type .pd_order,.gallery_type .pd_inter,.gallery_type .pd_cart { width:auto !important;}

.gallery_type .pd_img { text-align:center; }
.gallery_type .pd_name { border-bottom:1px solid #e9e9e9; padding-bottom:10px; margin-bottom:10px; text-align:left;}
.gallery_type .pd_price { margin-bottom:0px; text-align:left;}
.gallery_type .pd_price_t { margin-bottom:5px; text-align:left;}
.gallery_type .pd_inter { float:left; display:block !important; }
.gallery_type .pd_cart { float:right; display:block !important; }

.gallery_type .list_tit {display:none; }
.gallery_type .pd_no { display:none; } 
.gallery_type .pd_sort { display:none; } 
.gallery_type .pd_tax { display:none; }
.gallery_type .pd_drug { display:none; }
.gallery_type .pd_price_m { display:none; }
.gallery_type .pd_price_r { display:none; }
/* .gallery_type .pd_price_t { display:none; } */
.gallery_type .pd_amount { display:none; }
.gallery_type .pd_package { display:none; }
.gallery_type .pd_stock { display:none; }

.contents_wrap.open {padding-top: 159px;*top:54px;}
.contents_wrap.open .search_wrap { top:54px; }
.open .r_side { top:159px;}
.r_side.open {width:500px;}
.r_side.off { right:-512px;}
.contents.open { margin-right:520px; }
.contents.off { margin-right:0; }

/*r_side*/
.r_side li.row {border: 0;position: static;-webkit-transition: none;transition: none;}
.r_side li.metro {padding: 0;text-align: center;background-color: #CCC;}
.r_side li.metro.half { width: 100%; }
.r_side li.metro.full { width: 100%; }
.r_side h2.title {text-align: left;padding: 0 20px;position: relative;top: 0;font-size: 23px;line-height: 60px;height: 60px;background-color: #555;-webkit-transition: top .3s;transition: top .3s;}
.r_side li a {display: block;font-size: 12px;padding: 0;margin: 0;height: inherit;line-height: inherit;}
.r_side li.metro a {margin: 42px 0;height: 40px;}

.bas_table img { cursor:pointer; } 
.bas_title{width:100%; height:30px;}
.bas_di, .bas_sm{font-size:12px; color:#484848; }
.bas_name{border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; font-size:12px; padding:12px 0;}
.bas_name dl { height:auto !important; }
.bas_name dt{width:46px;float:left; width:auto !important;}
.bas_name dd{padding-bottom:5px; padding-left:50px; width:auto !important;}
.bas_table{width:100%; font-size:12px;}
.bas_table td{height:27px; padding:0 10px;}
.bas_table .tr_price{ height:42px; background:#f9f9f9; border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9; padding:0 15px;}

.list_head { height:25px !Important; border-bottom:1px solid #c2c2c2; border-top:1px solid #c2c2c2;  width:100%;}
.gray{background:#f9f9f9;}
.white{background:#FFF;}
.list_head th{font-weight:normal; text-align:center; border-bottom:1px solid #c2c2c2; height:30px; border-top:1px solid #c2c2c2; }
.list_head td, .cart_right td{padding:7px 0; text-align:center;}

.list_head .delete { padding-right:5px; }

.mini_type { display:none; }
.number_in{ width:20px; height:24px; border:1px solid #bcbcbc; padding:0 5px; }

.cart_right { height: 60%; overflow-y: auto; border-bottom:1px solid #c2c2c2;  }
.cart_right thead { position: absolute; background: #fff; top: 213px; }

.bas_btn{width:100%; text-align:center; }
.bas_btn a{ width:36%; border-radius:6px; margin:1%; padding:10px; }
.bas_btn table { margin-bottom:10px; }

.r_side li {left: 0;right: 0;padding: 0 20px;text-align: left;height: 40px;line-height: 40px;border-bottom: 1px solid #555;-webkit-transition: top .3s;transition: top .3s;}
.search_con li {left: 0;top: 0;	font-size:12px;padding: 0 20px;text-align: left;height: 40px;line-height: 40px;border-bottom: 1px solid #555;-webkit-transition: top .3s;transition: top .3s;}

/*IRcodon*/
.ircodon_pop dl { height: 60px; border-bottom: 1px solid #696868; }
.ircodon_pop dt { float:left; padding-right:2%; }
.ircodon_pop dd { float:left; padding:5px 0; text-align:right; }
.ircodon_pop h4 { padding: 30px 0 10px; border-bottom: 1px solid #696868; color:#fff;  }


/*whole*/
.whole_pop dt { float:left; padding-right:2%; }
.whole_pop dd { float:left; margin-top:5px; margin-bottom:20px; }
.whole_list { clear:both; border-top: 1px solid #696868; }

/*send_pop*/
.send_pop dt,.send_pop2 dt,.send_pop3 dt { float:left; padding-right:1%; }
.send_pop dd,.send_pop2 dd,.send_pop3 dd { float:left; margin-top:5px; margin-bottom:20px; }
.send_list { clear:both; border-top: 1px solid #696868; }
.send_pop3 dd { float:left; margin-top:5px; margin-bottom:20px; width:140px; }
.send_pop3 dd:last-child { width:84px; }
.send_pop3 .list_contents, .send_pop2 .list_contents, .send_pop .list_contents { max-height: 295px; overflow: auto; }

/*store_pop*/
.store_pop dt { float:left; padding-right:2%; }
.store_pop dd { float:left; margin-top:5px; margin-bottom:20px; }
.whole_list { clear:both; border-top: 1px solid #696868; }


/*area_pop*/
.area_pop dt { float:left; padding-right:2%; }
.area_pop dd { float:left; margin-top:5px; margin-bottom:20px; }
.area_list { clear:both; border-top: 1px solid #696868; }


/*sample*/
.sample_order p { margin:10px 0 0; }
.sample_order span { }
.sample_order select { margin-right:20px; }

/*delivery info*/
.delivery_info h4 { color:#333; padding-left:15px; background:url(../img/sub_tit_point.jpg) left no-repeat; line-height:40px; border-bottom:1px solid #e5e5e5; }
.delivery_info dl { line-height:30px; padding:10px 10px 0 10px; border-bottom:1px solid #e9e9e9; }
.delivery_info dt { float:left; margin-right:30px; font-weight:bold; background:#f9f9f9; padding:0 50px; width:60px; text-align:center; }
.delivery_info dd { padding-bottom:10px; }
.delivery_info p { padding:10px; }
.delivery_info label { margin-right:30px; }
.delivery_info input[type="radio"] { margin-left:0; }
.delivery_info > dl > p { float:left; width:100px; line-height:50px; text-align:center; }

.order_ok { text-align:center; margin:20px; }
.important { font-size: 12px; font-weight: bold; color: #d22517; }
.text_blue { color:#3d7bcf; }

/*order list*/
.search_info { border-bottom: 1px solid #e5e5e5; position: relative; display: inline-block; width: 100%; margin-bottom:10px; }
.search_info dl { line-height:35px; padding:10px; width:80%; }
.search_info dt { float:left; font-weight:bold; padding:0 20px 0 10px; width:10%; }
.search_info p { padding:10px; }
.search_info label { margin-right:20px; }
.search_info input[type="radio"] { margin-left:0; }
.search_info > dl > p { float:left; width:100px; line-height:50px; text-align:center; }

.search_calcu { width:100%; border-bottom: 1px solid #e5e5e5; line-height:40px; }
.search_calcu th { float:left; width:12%; text-align:center; }
.search_calcu td { float:left; width:13%; text-align:center; }
.search_calcu img { margin:0 15px; }

.search_info_btn { line-height:14px; float:right; }
.search_info_btn a { padding-top:6px; padding-bottom:6px; color:#fff; }

.select_box_point { border:2px solid #ff0000; }

.order_search { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }
.order_search1 { float:right; margin:5px 0; }
.order_search2 { float:right; margin:50px 0; }

.list_tit .pd_tax { color:#333; }
.pd_tax { color: #4359bc; }

.icon_view { padding-left:40px; background:url(../img/icon_view.jpg) no-repeat; height:20px; } 
	
.list_pd { clear:both; letter-spacing: -1px; }

.order_notice { line-height:40px; text-align:center; border:3px solid #f78686; margin:20px; font-weight:bold; clear:both; }
.order_notice span { color:#ff0000;  }

.sub_tit2 { color: #333; padding-left: 15px; height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; clear:both; }
.sub_tit2 h4 {float:left; }
.sub_tit2 p {float:left; margin-left:15px; color:#888; }
.sub_tit2 .list_right { margin-top:0; }
.sub_tit2_c { background: #fef6f6; padding: 15px; margin: 10px 0; }

.sub_tit { color: #333; padding-left: 15px; background: url(../img/sub_tit_point.jpg) left no-repeat; height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; clear:both; }
.sub_tit h4 {float:left; }
.sub_tit p {float:left; margin-left:15px; color:#888; }
.sub_tit .list_right { margin-top:0; }
.sub_tit_c { background: #fef6f6; padding: 15px; margin: 10px 0; }

.acordian .list_tit { border-bottom: 1px solid #e9e9e9; height:auto;  }
.acordian .pd_list_no { padding:20px; }
.acordian_list_list { width: 150px; }
.acordian_list_head { text-align:center; cursor: pointer; position: relative; height:auto !important; padding:5px 0; border-bottom:1px solid #e9e9e9; }
.acordian .list_tit li { float:none !important; display:inline-block; }
.acordian .list_cont div { float:none !important; display:inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acordian_list_body { background:#fbfbfb; padding:30px; border-bottom:1px solid #e5e5e5; }
.acordian_list_body a{ display:block; text-decoration:none; }
.acordian_list_body a:hover{ color: #f78686; }
.list_bottom { text-align:center; padding:20px 0; border-bottom:1px solid #e9e9e9; background:#f9f9f9; }

.sub_list_tit { height:40px !important; text-align: center; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-top:10px; clear:both; }
.sub_list_tit li { float: left; clear: none !important; line-height: 40px; height:40px !important;  }
.sub_list_cont { text-align: center; }
.sub_list_cont li { height:40px !important;  border-bottom:1px solid #e9e9e9; }
.sub_list_cont div { float: left; clear: none !important; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sub_bankinfo h4 { margin-bottom:10px; }
.sub_bankinfo dl { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; height: 40px; height: 40px; line-height: 40px; margin-bottom: 30px; background:#fff; }
.sub_bankinfo dt, .sub_bankinfo dd { float:left; }
.sub_bankinfo dt { width:10%; text-align:center; font-weight:bold; }
.sub_bankinfo dd { width:15%; text-align:center;} 

.sub_content { clear:both; }
.sub_content > p {float:right; margin-bottom:10px; line-height:23px; }
.sub_content h4 { float:left; margin-right:20px; line-height:27px; }

.count_modify { width:8%;margin-left:44%; margin-right:17%; }
.btn_total { width:80% !important; padding:5px 0; }

/*footer*/
.footer_wrap.open { margin-right:500px; }
.footer_wrap.off { margin-right:0; }
.footer_wrap.off_l { margin-left:-200px; }
.contents_wrap.fade_out { margin-left:0px; }
.aside.close { left:-200px !important;}
.contents_wrap.fade_out .search { margin-left:0; }
.r_side.mini .cart_right table { width:100%; }
.r_side.mini .cart_right .number { width:12%; }
.r_side.mini .cart_right .amount { width:20%; }
.r_side.mini .cart_right .delete { width:10%; }
.r_side.mini .cart_right .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 130px; display:block;}


/*약관*/
.privacy,.service { color:#ff0000 !important; }
.privacy_cont,.service_cont { height: 500px; overflow: auto; padding: 10px 20px; margin: 10px 0 20px; }
.privacy_cont p,.service_cont p { color:#333 !important; margin-top:10px; }
.privacy_cont h2,.service_cont h2 { color:#333 !important; font-size:16px !important; line-height:16px !important; margin-top:20px; font-weight:bold; }
.privacy_cont dt { font-weight:bold; }
.service_cont ol { margin:10px 0; }
.service_cont > ul > li > ol > li { padding-left:20px; }
.service_cont > ul > li > ol > li > span { margin-left:-20px; }

/*메인팝업*/
.main_popup { background:#fff; width:auto; color:#333; max-width:600px; top:10px; left:10px; }
.main_popup .detail_cont { max-height: 500px; overflow: auto; overflow-x: hidden; }
.bottom_check { text-align:right; margin:5px 0 0; }
.bottom_check input { margin-right:5px; }

#detail_pop .sys_prod_name { padding-left:92px; line-height: 20px; margin: 10px 0; }

/* detail_view pop */
.picture-slides-disabled { 	color: #eee;}
.picture-slides-container {	margin-bottom: 2em; width:262px; float:left; margin-top:20px; height:250px; }
.picture-slides-dimmed-background .navigation-controls {	-moz-border-radius : 0 0 5px 5px;	-webkit-border-top-left-radius : 0;	-webkit-border-top-right-radius : 0;	-webkit-border-bottom-left-radius : 5px;	-webkit-border-bottom-right-radius : 5px;}
.picture-slides-dimmed-background .picture-slides-image-text {	-moz-border-radius: 5px 5px 0 0;	-webkit-border-top-left-radius : 5px;	-webkit-border-top-right-radius : 5px;	-webkit-border-bottom-left-radius : 0;	-webkit-border-bottom-right-radius : 0;}
.picture-slides-fade-container {	position: relative;	overflow: hidden;	padding:12px 0;}
.picture-slides-fade-container a {	display: block;	text-align: center;	margin-bottom: 10px;}
.picture-slides-image { cursor:auto; }
.picture-slides-image-load-fail {	display: none;}
.picture-slides-image-text {	position: relative;	background: #fff;	text-align: center;	padding: 5px 0 10px;	z-index: 1001;}
.picture-slides-previous-image, .picture-slides-next-image, .picture-slides-start-slideshow, .picture-slides-stop-slideshow {	display: none;}
.picture-slides-previous-image, .picture-slides-next-image, .picture-slides-start-slideshow, .picture-slides-stop-slideshow {	cursor: pointer;}
.picture-slides-thumbnails {	list-style: none;	margin-top: 1em;	overflow: hidden;	text-align:center;}
.picture-slides-thumbnails li {	display: inline-block;	width: 70px;	margin: 0 5px;}
.picture-slides-thumbnails li img {	width: 70px;}
.picture-slides-thumbnails a {	outline: none;	border:1px solid #d8d8d8;}
.picture-slides-selected-thumbnail { border: 1px solid #ea9d80 !important; }

.pop_table { font-size:12px; line-height:27px; margin-top:25px; overflow-y:scroll;  height:260px; float:right; width:300px; }
.pop_table dl { border-bottom:1px solid #f0f0f0; }
.pop_table dt { float:left; width:80px; font-weight:bold; padding-left:12px; margin:0 !important;  }

.pop_detail{width:100%; height:260px; overflow-y:scroll; padding-top:20px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.pd_view{height:auto; overflow-y:hidden; }
.pop_detail dt { font-weight:bold; color:#333;     line-height: 30px;    background: url(../img/dt_bar.jpg) left top no-repeat; padding-left:13px; }
.pop_detail dd { padding-left:13px; }

.pop_ta2{width:95%; border:none; font-size:12px; margin:0 0 50px 10px;}
.pop_ta2 th{width:85px; line-height:30px; background:url(../img/bar.jpg) left top no-repeat; vertical-align:top; padding-top:5px;}
.pop_ta2 td{line-height:23px; width:100%;}
.pop_ta_gray {background: #f7f7f7;}

/*basket*/
.resp_info { margin:5px 0 20px 0;  }
.resp_info dl{border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; height:35px; line-height:35px;}
.resp_info dt{background:#eaeaea; text-align:center; color:#888888; float:left; width:10%;}
.resp_info dd{color:#585858; padding:0 0 0 20px; float:left; width:20%; }
.resp_info a { margin:3px; padding:6px 24px;}
.resp_info input[type="radio"] { margin-left:0; }
.resp_info label { margin-right:30px; }


/*whole history*/
.search_info_whole { border-bottom: 1px solid #e5e5e5; }
.search_info_whole dl { line-height:14px; padding:10px; width:100%; }

.search_info_whole dt { float:left; margin-right:30px; font-weight:bold; padding:7px 20px; width:65px; }
.search_info_whole dd { padding-bottom:10px; }
.search_info_whole p { padding:10px; }
.search_info_whole label { margin-right:30px; }
.search_info_whole input[type="radio"] { margin-left:0; }
.search_info_whole > dl > p { float:left; width:100px; line-height:50px; text-align:center; }

.search_notice { margin-top: 10px; margin-bottom: 20px; background: #f9f9f9; padding: 10px 25px; border-radius: 10px; }
.upload-hidden { display:none; }

/*payment*/
.table_su, .table_su3{border-top:1px solid #222; width:100%;}
.table_su thead, .table_su3 thead{background:#f9f9f9; font-size:12px;}
.table_su th, .table_su3 th{ text-align:center;  font-weight:normal; height:40px; border-bottom:1px solid #e5e5e5; }
.table_su tbody, .table_su3 tbody{font-size:12px;}
.table_su td{text-align:center; height:40px;border-bottom:1px solid #e5e5e5; }

.table_su2{width:100%; margin-bottom:20px;}
.table_su2 th{ background:#f9f9f9; font-size:12px; text-align:center; border-bottom:1px solid #e5e5e5; height:40px; padding:0 10px;}
.table_su2 td{font-size:12px; padding:0 10px; border-bottom:1px solid #e5e5e5; height:40px;}
.table_su2 p{font-size:12px; height:20px;}

.tb_notice { padding:20px !important; height:132px !important; }
.tb_notice dt { float:left; height:55px; width:15px; }

.table_su4{width:100%; margin-top:5px; margin-bottom:10px;}
.table_su4 th{background:#f9f9f9; font-size:12px; border-bottom:1px solid #e5e5e5; height:40px; text-align:center;}
.table_su4 td{font-size:12px; border-bottom:1px solid #e5e5e5; height:40px; text-align:center;}

/*결제금액*/
.cash{width:93%; background:#f9f9f9; border-top:1px solid #222; border-bottom:1px solid #222;; padding:10px 15px 15px 15px; }
.cash dt{font-weight:bold;}
.cash_sum{border-bottom:1px solid #e3e3e3; overflow:hidden; padding-bottom:7px;}
.cash_sum dt{float:left; line-height:30px;}
.cash_sum dd{float:right; font-size:23px; color:#d22517; font-weight:bold; width:85%; text-align:right;}
.cash_pay{clear:both;}
.cash_pay dt{line-height:35px; padding-top:7px;}
.cash_pay dd {text-align:center; padding:59px 0 60px;}
.cash_btn a{width:100%; background:#222; line-height:47px; text-align: center; font-size:21px; color:#fff; display:block; margin-top:12px;}

.btn-save{ border-radius:20px; margin-left:5px;}
.btn_icon{margin-right:3px;}

/*relatecustomer*/
.con{padding:20px; border:1px solid #f78686; margin:0 auto; overflow:hidden; margin-top:25px; margin-bottom:50px; text-align:center; border-radius:10px;}

/*customer*/
.client_select { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px 0 10px 10px; margin-bottom:10px; }
.store_select { border-bottom:1px solid #e5e5e5; padding:10px 0 10px 10px; margin-bottom:10px; }
.icon_soldout { background: #e5e5e5; border: 1px solid #e5e5e5; border-radius:20px; padding:3px 10px; }

/*balance*/
.balance p,.client p,.price_cost p { cursor:pointer; }

/*new_product*/
.new_product .layout_pd li { position:relative; }
.new_product .pd_name { text-align:center; }
.new_product .btn_zoom { position:absolute; right:20px; top:20px; width:20px; height:25px; /*background:url(../img/btn_zoom.png) no-repeat;*/ }
.new_product .price_cost { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new_product .pd_mark,.pd_effect { margin:5px 0; }
.new_product .pop_table { margin-top:65px; }
.new_product .pop_table dl { padding:10px; }
.new_product .pop_ta_gray dd { padding-left:92px; }

/*manager_release*/
.radio_box label input { margin:0 10px; }


/*main*/
.main_wrap { position: absolute; top: 39%; left: 45%; transform: translate(-50%,-50%); width:916px; }
.main_text { background:url(../img/main_text.png) left top no-repeat; color:#303030; padding:270px 32px 0 32px; width:276px; line-height:20px; float:left; }
.main_btn { float:left;  } 
.main_btn a { position:relative; width:124px; height:124px; margin:10px; text-align:center; color: #fff; font-weight: bold; line-height: 8.25em; font-size:1.25em; }
.main_btn a span { height: 40px; width: 40px; position: absolute; right: 0; display: block; border-radius: 34px; }
/*main bak*/
/*.main_btn a { position:relative; background:#FFF; width:124px; height:124px; margin:10px; text-align:center; border-radius:62px; color: #555; font-weight: bold; line-height: 172px; }*/
/*.main_btn a span { height: 40px; width: 40px; background: #e51919 url(../img/intro_point.png) center no-repeat; position: absolute; right: 0; display: block; border-radius: 34px; }*/


.btn_m_order { background: url(../img/btn_01.png) center no-repeat; }
.btn_m_return { background: url(../img/btn_02.png) center no-repeat; }
.btn_m_payment { background: url(../img/btn_03.png) center no-repeat; }
.btn_m_shop { background: url(../img/btn_04.png) center no-repeat; }
.btn_m_tax { background: url(../img/btn_05.png) center no-repeat; }
.btn_m_product { background: url(../img/btn_06.png) center no-repeat; }
.btn_m_client { background: url(../img/btn_07.png) center no-repeat; }
.btn_m_custom { background: url(../img/btn_08.png) center no-repeat; }


/*
.btn_m_order { background: url(../img/main_btn_oder.png) center no-repeat #fff !important; }
.btn_m_return { background: url(../img/main_btn_return.png) center 22px no-repeat #fff !important; }
.btn_m_payment { background: url(../img/main_btn_pament.png) center no-repeat #fff !important; }
.btn_m_shop { background: url(../img/main_btn_passbook.png) center 22px no-repeat #fff !important; }
.btn_m_tax { background: url(../img/main_btn_etax.png) center 22px no-repeat #fff !important; }
.btn_m_product { background: url(../img/main_btn_ethical.png) center 22px no-repeat #fff !important; }
.btn_m_basket { background: url(../img/main_btn_basket.png) center 22px no-repeat #fff !important; }
.btn_m_client { background: url(../img/main_btn_collection.png) center 22px no-repeat #fff !important; }
.btn_m_custom { background: url(../img/main_btn_customer.png) center 22px no-repeat #fff !important; }
*/

/*main_bottom*/
.main_bottom { position:absolute; bottom:0; width:100%; background:#f6f6f6; color:#888; }
.main_bottom h2 { font-size:14px; float:none; letter-spacing:0; line-height:25px; }
.main_b_content { width: 1024px; margin: 0 auto; height:140px; }
.main_banner { float:left; position:relative; width:40%; padding:10px; }
.main_notice { float:left; position:relative; width:50%; padding:10px; }
.main_notice ul { background:url(../img/main_icon1.png) left no-repeat; padding-left: 70px; }
.main_notice ul li { background:url(../img/main_noti_dot.png) left no-repeat; padding-left:10px; line-height:18px; }
.main_notice ul li a { display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_notice span { position:absolute; right:0; }
.main_custom { float:right; padding:10px; width:45%; }
.main_custom ul { background:url(../img/main_icon2.png) left no-repeat; padding-left: 70px; } 
.main_custom li { padding-left:15px; line-height:18px; }
.custom_point { background:#a2aabb; color:#fff; border-radius:15px; margin-bottom:10px; line-height:25px !important; }

.anythingSlider                         { width: 556px; height: 130px; position: relative; margin: 0 auto; }
.anythingSlider .wrapper                { width: 556px; overflow: auto; height: 130px; position: absolute; top: 0; left: 0; border-radius:15px; }
.anythingSlider .wrapper ul             { width: 600000px; list-style: none; position: absolute; top: 0; left: 0; background: #f6f6f6;  margin: 0; padding:0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 130px; width: 556px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 46px; width: 25px; background: url(../img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; cursor: pointer; z-index:9;}
.anythingSlider .forward                { background-position: 0 0; right: 5px; }
.anythingSlider .back                   { background-position: -67px 0; left: 5px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }
.thumbNav                               { position: relative; top: 23px;  }
.thumbNav li                            { display:none; }


/*admin*/
.pd_search a { padding: 0 6px; border:1px solid #ccc; text-align: center; border-radius: 7px; line-height: 23px;}
.client_set { height:390px; overflow:auto; }
.shop_list { margin:20px 10px 0 0; width:26%; height:560px; float:right; position:relative; }
.shop_list_btn { position:absolute; top:50%; margin-top:-90px; margin-left:-11px; text-align:center; }
.shop_list_btn li { margin:10px 0; }
.shop_list select { width:80%; float:right; height:560px; }

.client_set > ul > li { cursor:pointer; }


.client_set .list_focus { background:#4c4c4c; }

.cart_right .list_focus{ background:#d8d8d8; }

/*게시판*/
.board_contents { border-bottom:1px solid #e5e5e5; padding:0 20px 20px;}
.board_w textarea { width: 98%; height: 300px; margin: 20px auto; }

.password_input li { line-height:25px; margin:7px; width:100%; text-align:center; }

.notice_txt { text-align: center; padding: 15px; border-bottom: 1px solid #e5e5e5; }
.txt_coment { background: #f78686; color: #fff; padding: 1px 10px; border-radius: 5px; margin-right: 10px; line-height:20px; }
.board_notice_tit { display: inline-block !important; width: 100% !Important; overflow: hidden; text-overflow: ellipsis; line-height:36px; }


@media screen and (max-width:1295px) {
.row_4 dl { height:90px; }
.row_4 dt { width:10%; }
.row_4 dd { width:37%; }

.row_4 .search_wrap { top:-96px; }
.row_4.open { padding-top:204px; }
.row_4.open .r_side { top:204px; }

.s_btn { width: 150px; text-align: right; }
.s_btn a:first-child { margin:0 0 5px; }
}
@media screen and (max-width:1169px) {
.find_pd { display:none; }
}
/*
.gallery_type .l_close { max-width:2030px !important; }
.gallery_type .r_open { max-width:1739px !important; }
.gallery_type .r_close {  max-width:2030px !important; }
.gallery_type .l_close.r_open { max-width:1739px !important; }
.gallery_type .l_close.r_close { max-width:2320px !important; }
*/

/*
@media screen and (max-width:1340px) {
.serch_info dt { width:10%; }
.serch_info dd { width:35% !important; }
.contents_wrap.open { padding-top:204px; }
.open .r_side { top:204px; }
}
*/

/*gallery_list*/
@media screen and (max-width:2226px) {
.gallery_type .layout_pd { max-width:1449px; }
.gallery_type .l_close { max-width:1739px !important; }
.gallery_type .r_open { max-width:1159px !important; }
.gallery_type .r_close {  max-width:1739px !important; }
.gallery_type .l_close.r_open { max-width:1449px !important; }
.gallery_type .l_close.r_close { max-width:2030px !important; }
}

@media screen and (max-width:1936px) {
.gallery_type .layout_pd { max-width:1159px; }
.gallery_type .l_close { max-width:1449px !important; }
.gallery_type .r_open { max-width:1159px !important; }
.gallery_type .r_close {  max-width:1449px !important; }
.gallery_type .l_close.r_open { max-width:1159px !important; }
.gallery_type .l_close.r_close { max-width:1739px !important; }
}

@media screen and (max-width:1646px) {
.gallery_type .layout_pd { max-width:868px; }
.gallery_type .l_close { max-width:1159px !important; }
.gallery_type .r_open { max-width:868px !important; }
.gallery_type .r_close {  max-width:1159px !important; }
.gallery_type .l_close.r_open { max-width:868px !important; }
.gallery_type .l_close.r_close { max-width:1449px !important; }
}

@media screen and (max-width:1355px) {
.gallery_type .layout_pd { max-width:578px; }
.gallery_type .l_close { max-width:868px !important; }
.gallery_type .r_open { max-width:578px !important; }
.gallery_type .r_close {  max-width:868px !important; }
.gallery_type .l_close.r_open { max-width:578px !important; }
.gallery_type .l_close.r_close { max-width:1159px !important; }
}

@media screen and (max-width:1065px) {
.gallery_type .layout_pd { max-width:287px; }
.gallery_type .l_close { max-width:578px !important; }
.gallery_type .r_open { max-width:287px !important; }
.gallery_type .r_close {  max-width:578px !important; }
.gallery_type .l_close.r_open { max-width:287px !important; }
.gallery_type .l_close.r_close { max-width:868px !important; }
}

@media screen and (max-width:775px) {
.gallery_type .layout_pd { max-width:287px; }
.gallery_type .l_close { max-width:287px !important; }
.gallery_type .r_open { max-width:287px !important; }
.gallery_type .r_close {  max-width:287px !important; }
.gallery_type .l_close.r_open { max-width:287px !important; }
.gallery_type .l_close.r_close { max-width:578px !important; }
}

@media screen and (max-width:615px) {
.gallery_type .layout_pd { max-width:287px; }
.gallery_type .l_close { max-width:287px !important; }
.gallery_type .r_open { max-width:287px !important; }
.gallery_type .r_close {  max-width:287px !important; }
.gallery_type .l_close.r_open { max-width:287px !important; }
.gallery_type .l_close.r_close { max-width:287px !important; }
}