/*
* design jeju 기본 스타일 정의
*/
.clear{clear:both !important; height:1px;}
.hide{display:none;}
.sound_only{display:none;}

/*text 관련*/
.center{text-align:center;}
.center-all, .center-all *{text-align:center;}
.tc-left{text-align:left;}
.tc-right{text-align:right;}

.strong{font-weight:bold;}

.c-danger{color:red !important;}
.c-success{color:#5cb85c !important;}
.c-brown{color:#6A2405;}

/*margine*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

/*요소 크기 관련*/
.wd-30{width:30px !important;}
.wd-40{width:40px !important;}
.wd10{width:10% !important;}
.wd15{width:15% !important;}
.wd20{width:20% !important;}
.wd25{width:25% !important;}
.wd30{width:30% !important;}
.wd40{width:40% !important;}
.wd50{width:50% !important;}
.wd-date{width:90px !important;}
.wd-unit{width:calc(100% - 60px) !important; }


/* 테이블 스타일 */
.dj-table{word-wrap: break-word;margin: 0;padding: 0;border: 0; width:100%;border-collapse: collapse;border-spacing: 0;}
.dj-table tr > td, .dj-table tr > th{padding:6px 8px; vertical-align:middle; font-size:13px; line-height:13px;}
.dj-table tr > th{text-align:center; font-weight:bold; color:#0985f8;}


/*테이블 스타일 > 테이블 폼 스타일*/
.dj-table.table-form tbody > tr > th, 
.dj-table.table-form tbody > tr > td, 
.dj-table.table-form thead > tr > th, 
.dj-table.table-form thead > tr > td
{padding:10px 7px; color:#383838;}

.dj-table.table-form.table-default thead > tr > th, 
.dj-table.table-form.table-default tbody > tr > th
{background-color:#f4f4f4;}


/* 테이블 스타일 > 폼 > default 폼 */
.dj-table.table-form.table-default tr:first-child > th, .dj-table.table-form.table-default tr:first-child > td{border-top:1px solid #666;}
.dj-table.table-form.table-default tr > td, .dj-table.table-form.table-default tr > th{border:none; border-left:1px solid #c8cacb; border-bottom:1px solid #c8cacb;}
.dj-table.table-form.table-default thead > tr > th:last-child, .dj-table.table-form.table-default tr > td:last-child{border-right:1px solid #c8cacb;}



/*list default style*/
/*list default style > border line*/
.dj-table.table-list * {color:#383838;}
.dj-table.table-list tr:first-child > th, .dj-table.table-list tr:first-child > td{border-top:1px solid #dddddd;}
.dj-table.table-list tr > td, .dj-table.table-list tr > th{border-left:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.dj-table.table-list thead > tr > th:last-child, .dj-table.table-list tr > td:last-child{border-right:1px solid #dddddd;}

/*list default style > th, td*/
.dj-table.table-list thead > tr > th{background-color:#f4f4f4;}
.dj-table.table-list.tr-hover tbody > tr.active > th, .dj-table.table-list.tr-hover tbody > tr.active > td, .dj-table.table-list.tr-hover tbody > tr:hover > th, .dj-table.table-list.tr-hover tbody > tr:hover > td{background:#d9edf7;}
.dj-table.table-list.td-hover tbody > tr > th.active, .dj-table.table-list.td-hover tbody > tr > td.active, .dj-table.table-list.td-hover tbody > tr > th:hover, .dj-table.table-list.td-hover tbody > tr > td:hover{background:#d9edf7;}


/*폼 스타일 input select textarea 등 by bootstrap*/
.form-default input[type="text"], .form-default input[type="password"], .form-default select, .form-default textarea{display:inline-block; width:calc(100% - 12px); padding:3px 6px; font-size: 13px; line-height:1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-default input[type="text"]{height:20px;}
.form-default select{height:28px; width:100%;}


/*
* 버튼 by bootstrap
*/
a.dj-btn{text-decoration:none;}
a.dj-btn:hover{text-decoration:none;}
a.dj-btn:active{text-decoration:none;}

.dj-btn{display: inline-block;padding: 3px 12px;margin-bottom: 0;font-size: 14px ;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.dj-btn.btn-default{color: #333;background-color: #fff;border-color: #ccc; font-size:16px !important;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-default:hover,
.dj-btn.btn-default:focus,
.dj-btn.btn-default.focus,
.dj-btn.btn-default:active,
.dj-btn.btn-default.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-listtab{color: #333;background-color: #fff;border-color: #ccc; font-size:12px;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-listtab:hover,
.dj-btn.btn-listtab:focus,
.dj-btn.btn-listtab.focus,
.dj-btn.btn-listtab:active,
.dj-btn.btn-listtab.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-listview{color: #333;background-color: #fff;border-color: #ccc;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-listview:hover,
.dj-btn.btn-listview:focus,
.dj-btn.btn-listview.focus,
.dj-btn.btn-listview:active,
.dj-btn.btn-listview.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-cart2{color: #333;background-color: #fff;border-color: #ccc;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-cart2:hover,
.dj-btn.btn-cart2:focus,
.dj-btn.btn-cart2.focus,
.dj-btn.btn-cart2:active,
.dj-btn.btn-cart2.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-primary{color: #fff;background-color: #523a2d;border-color: #523a2d; font-size:16px !important;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-primary:hover,
.dj-btn.btn-primary:focus,
.dj-btn.btn-primary.focus,
.dj-btn.btn-primary:active,
.dj-btn.btn-primary.active{color: #fff;background-color: #38261d;border-color: #38261d;}

.dj-btn.btn-success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;-webkit-transition: background 300ms;transition: background 300ms;}
.dj_btn.btn-success:hover,
.dj_btn.btn-success:focus,
.dj_btn.btn-success.focus,
.dj_btn.btn-success:active,
.dj_btn.btn-success.active{color: #fff;background-color: #449d44;border-color: #398439;}

.dj-btn.btn-info{color: #fff;background-color: #5bc0de;border-color: #46b8da;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-info:hover,
.dj-btn.btn-info:focus,
.dj-btn.btn-info.focus,
.dj-btn.btn-info:active,
.dj-btn.btn-info.active{color: #fff;background-color: #31b0d5;border-color: #269abc;}

.dj-btn.btn-info2{color: #fff;background-color: #ee2d07;border-color: #ee2d07; font-size:12px;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-info2:hover,
.dj-btn.btn-info2:focus,
.dj-btn.btn-info2.focus,
.dj-btn.btn-info2:active,
.dj-btn.btn-info2.active{color: #fff;background-color: #d42806;border-color: #d42806;}

.dj-btn.btn-warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-warning:hover,
.dj-btn.btn-warning:focus,
.dj-btn.btn-warning.focus,
.dj-btn.btn-warning:active,
.dj-btn.btn-warning.active{color: #fff;background-color: #ec971f;border-color: #d58512;}

.dj-btn.btn-buy{color: #fff;background-color: #d9534f;border-color: #d43f3a;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-buy:hover,
.dj-btn.btn-buy:focus,
.dj-btn.btn-buy.focus,
.dj-btn.btn-buy:active,
.dj-btn.btn-buy.active{color: #fff;background-color: #c9302c;border-color: #ac2925;}

.dj-btn.btn-danger{color: #fff;background-color: #d9534f;border-color: #d43f3a; font-size:12px;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-danger:hover,
.dj-btn.btn-danger:focus,
.dj-btn.btn-danger.focus,
.dj-btn.btn-danger:active,
.dj-btn.btn-danger.active{color: #fff;background-color: #c9302c;border-color: #ac2925;}

.dj-btn.btn-danger2{color: #fff;background-color: #d9534f;border-color: #d43f3a; -webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-danger2:hover,
.dj-btn.btn-danger2:focus,
.dj-btn.btn-danger2.focus,
.dj-btn.btn-danger2:active,
.dj-btn.btn-danger2.active{color: #fff;background-color: #c9302c;border-color: #ac2925;}

.dj-btn.btn-delete{color: #333;background-color: #fff;border-color: #ccc; font-size:12px;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-delete:hover,
.dj-btn.btn-delete:focus,
.dj-btn.btn-delete.focus,
.dj-btn.btn-delete:active,
.dj-btn.btn-delete.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-modify{color: #333;background-color: #fff;border-color: #ccc; font-size:12px;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-modify:hover,
.dj-btn.btn-modify:focus,
.dj-btn.btn-modify.focus,
.dj-btn.btn-modify:active,
.dj-btn.btn-modify.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-sh{color: #333;background-color: #fff;border-color: #ccc; font-size:12px; height:26px;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-sh:hover,
.dj-btn.btn-sh:focus,
.dj-btn.btn-sh.focus,
.dj-btn.btn-sh:active,
.dj-btn.btn-sh.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-b_sh{color: #333;background-color: #fff;border-color: #ccc;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-b_sh:hover,
.dj-btn.btn-b_sh:focus,
.dj-btn.btn-b_sh.focus,
.dj-btn.btn-b_sh:active,
.dj-btn.btn-b_sh.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-write{color: #fff;background-color: #523a2d;border-color: #523a2d;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-write:hover,
.dj-btn.btn-write:focus,
.dj-btn.btn-write.focus,
.dj-btn.btn-write:active,
.dj-btn.btn-write.active{color: #fff;background-color: #38261d;border-color: #38261d;}

.dj-btn.btn-list{color: #333;background-color: #fff;border-color: #ccc;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-list:hover,
.dj-btn.btn-list:focus,
.dj-btn.btn-list.focus,
.dj-btn.btn-list:active,
.dj-btn.btn-list.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}

.dj-btn.btn-finish{color: #fff;background-color: #523a2d;border-color: #523a2d; font-size:16px !important;-webkit-transition: background 300ms;transition: background 300ms;}
.dj-btn.btn-finish:hover,
.dj-btn.btn-finish:focus,
.dj-btn.btn-finish.focus,
.dj-btn.btn-finish:active,
.dj-btn.btn-finish.active{color: #fff;background-color: #38261d;border-color: #38261d;}

.dj-btn.btn-pork_info_btn{color:#ffffff;background-color:#71442e !important;border-color:#71442e; font-size:13px !important;-webkit-transition: all 300ms;transition: all 300ms; background:url("/images/pork_info_btn_on.png") 10px center no-repeat; padding-left:30px;}
.dj-btn.btn-pork_info_btn:hover,
.dj-btn.btn-pork_info_btn:focus,
.dj-btn.btn-pork_info_btn.focus,
.dj-btn.btn-pork_info_btn:active,
.dj-btn.btn-pork_info_btn.active{color:#71442e;background-color:#ffffff !important;border-color: #71442e;background:url("/images/pork_info_btn.png") 10px center no-repeat;}

#mod_option_close, #mod_option_frm { cursor:pointer;}

.dj-btn.btn-big{padding:19px 20px;}


/*버튼영역*/
.btn-area-left{margin:6px 0; padding:3px 0; text-align:left; width:100%;}
.btn-area-right{margin:6px 0; padding:3px 0; text-align:right; width:100%;}
.btn-area-center{margin:6px 0; padding:3px 0; text-align:center; width:100%;}

/*scroll-y*/
.scroll-y{overflow-y:scroll;}

/*페이징 디자인*/
ul.dj-paging{padding:0; margin:0; width:100%;}
ul.dj-paging > li{list-style:none; display:inline-block; margin:0 2px;}

/*heading title*/
.h1-title{padding:8px 0; margin:5px 0 10px 0;}
.h1-title.line{border-bottom:1px solid #333; }


/*form_receiver*/
#formReceiver{display:block; width:100%; border:2px solid red; height:400px;}


#sod_bsk {position:relative; margin-top:10px; text-align:left; cursor:pointer; overflow:hidden;}
#sod_bsk input.check_box {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5;}
#sod_bsk i {float:left; display:block; width:18px; height:18px; background:url("/images/icos.png") 0 0 no-repeat; z-index:3;}
#sod_bsk label {float:left; margin-left:5px; cursor:pointer; font-size:14px;}
#sod_bsk input.check_box:checked+i {background-position:-40px 0;}
#sod_bsk input.check_box:checked+i+label {color:#8b4f28;}