/* [공구구매내역] */
#buy_list_wrap{}
#buy_list_wrap #buy_list_date{font-size:0; border:1px solid #cdcdcd; padding:30px 20px; box-sizing:border-box;}
#buy_list_wrap #buy_list_date #select_date{display:inline-block; vertical-align:top;}
#buy_list_wrap #buy_list_date #select_date ul{overflow:hidden; border:1px solid #cdcdcd; height:35px; box-sizing:border-box;}
#buy_list_wrap #buy_list_date #select_date ul li{float:left; width:64px; border-right:1px solid #cdcdcd; background:#fafafa;}
#buy_list_wrap #buy_list_date #select_date ul li:last-child{border:0;}
#buy_list_wrap #buy_list_date #select_date ul li a{line-height:33px; display:block; text-align:center; font-size:14px; color:#656565;}
#buy_list_wrap #buy_list_date #calender_date{display:inline-block; vertical-align:top; margin:0 10px 0 20px;}
#buy_list_wrap #buy_list_date #calender_date input[type=text]{width:110px; height:35px; font-size:14px; text-align:center; border:1px solid #cecece; box-sizing:border-box;}
#buy_list_wrap #buy_list_date #calender_date #sybar{display:inline-block; vertical-align:middle; margin:0 10px;}
#buy_list_wrap #buy_list_date #calender_date img{margin-left:5px;}
#buy_list_wrap #buy_list_date #date_btn{display:inline-block; vertical-align:top;}
#buy_list_wrap #buy_list_date #date_btn input[type=submit]{width:65px; height:35px; background:#000; font-size:14px; color:#fff;}
#buy_list_wrap #buy_list_text{margin:20px 0 60px;}
#buy_list_wrap #buy_list_text span{font-size:14px; color:#656565; line-height:24px;}
#buy_list_wrap #buy_list_table{}
#buy_list_wrap #buy_list_table table{width:100%;}
#buy_list_wrap #buy_list_table table thead tr td{height:46px; border:2px solid #656565; border-width:2px 0; background:url('/images/table_sybar_03.png') 100% 50% no-repeat; font-size:16px; color:#2f2f2f; font-weight:600; text-align:center;}
#buy_list_wrap #buy_list_table table thead tr td:last-child{background:none;}
#buy_list_wrap #buy_list_table table tbody tr td{font-size:16px; color:#656565; height:50px; border:1px solid #cdcdcd; border-width:0 1px 1px 0; text-align:center;}
#buy_list_wrap #buy_list_table table tbody tr td:nth-child(10){border-right:0;}
#buy_list_wrap #buy_list_table table tbody tr td.price_text{color:#181818; font-weight:600;}
#buy_list_wrap #buy_list_table table tbody tr td.state_text{color:#005aab; font-weight:600; word-break: break-word;}

@media screen and (max-width:640px){
	#buy_list_wrap #buy_list_date{padding:10px 3.3333333333%;}
	#buy_list_wrap #buy_list_date #select_date{display:block; margin:0 0 10px;}
	#buy_list_wrap #buy_list_date #calender_date{display:inline-block; margin:0; width:73.21428571429%;}
	#buy_list_wrap #buy_list_date #date_btn{display:inline-block; width:25%; margin-left:1.57142857143%;}
	#buy_list_wrap #buy_list_date #select_date ul li{width:20%; box-sizing:border-box;}
	#buy_list_wrap #buy_list_date #calender_date input[type=text]{width:30%;}
	#buy_list_wrap #buy_list_date #calender_date #sybar{font-size:11px;}
	#buy_list_wrap #buy_list_date #date_btn input[type=submit]{width:100%;}
	#buy_list_wrap #buy_list_table table thead tr td{font-size:14px;}
	#buy_list_wrap #buy_list_table table tbody tr td{font-size:14px;}
	#buy_list_wrap #buy_list_text{margin:20px 0 40px;}
}

/* [공구구매내역 상세] */
#buy_detail_wrap{}
#buy_detail_wrap .detail_contents{margin:0 0 60px;}
#buy_detail_wrap .detail_contents .detail_title{margin:0 0 20px;}
#buy_detail_wrap .detail_contents .detail_title span{font-size:18px; color:#005aab; font-weight:600;}
#buy_detail_wrap .detail_contents .detail_table{border:1px solid #cccccc;}
#buy_detail_wrap .detail_contents .detail_table table{width:100%;z}
#buy_detail_wrap .detail_contents .detail_table table tr th{width:210px; height:50px; background:#f9f9f9; font-size:16px; color:#181818; text-align:left; padding-left:20px; box-sizing:border-box; border:1px solid #ccc; border-width:0 1px 1px 0;}
#buy_detail_wrap .detail_contents .detail_table table tr td{padding-left:20px; font-size:16px; color:#656565; border-bottom:1px solid #ccc;}
#buy_detail_wrap .detail_contents .detail_table table tr:last-child th, #buy_detail_wrap .detail_contents .detail_table table tr:last-child td{border-bottom:0;}
#buy_detail_wrap .detail_contents .detail_table table tr td .table_btn{display:inline-block; font-size:14px; color:#fff; width:75px; line-height:30px; text-align:center; background:#000; margin-left:10px;}
#buy_detail_wrap #detail_list{margin:0 0 30px;}
#buy_detail_wrap #detail_list table{width:100%;}
#buy_detail_wrap #detail_list table thead tr td{height:46px; border:2px solid #656565; border-width:2px 0; background:url('/images/table_sybar_03.png') 100% 50% no-repeat; font-size:16px; color:#2f2f2f; font-weight:600; text-align:center;}
#buy_detail_wrap #detail_list table thead tr td:last-child{background:none;}
#buy_detail_wrap #detail_list table tbody tr td{font-size:16px; color:#656565; height:50px; border:1px solid #cdcdcd; border-width:0 1px 1px 0; text-align:center;}
#buy_detail_wrap #detail_list table tbody tr td.order_state{color:#181818; font-weight:600;border-right:0;}
#buy_detail_wrap #detail_total{text-align:right; padding:0 30px; background:#feeeee; line-height:70px;}
#buy_detail_wrap #detail_total span{font-size:16px; color:#656565;}
#buy_detail_wrap #detail_total span #detail_price{font-size:18px; color:#d31f1f; font-weight:600;}
#buy_detail_wrap #detail_btn{text-align:right; margin:20px 0 0;}
#buy_detail_wrap #detail_btn a{display:inline-block; width:160px; line-height:45px; background:#005aab; text-align:center; font-size:16px; color:#fff; vertical-align:top;}
#buy_detail_wrap #detail_btn a.pdf_btn{background:none; width:auto; line-height:45px;}
#buy_detail_wrap #detail_btn a.pdf_btn img{vertical-align:top;}

@media screen and (max-width:640px){
	#buy_detail_wrap .detail_contents .detail_title span{font-size:16px;}
	#buy_detail_wrap .detail_contents .detail_table table tr th{width:35%; font-size:14px;}
	#buy_detail_wrap .detail_contents .detail_table table tr td{font-size:14px; padding:0 10px;}
	#buy_detail_wrap .detail_contents{margin:0 0 30px;}
	#buy_detail_wrap #detail_list table thead tr td{font-size:14px;}
	#buy_detail_wrap #detail_list table tbody tr td{font-size:14px;}
	#buy_detail_wrap #detail_total{padding:0 3.3333333%; line-height:40px;}
	#buy_detail_wrap #detail_total span{font-size:14px;}
	#buy_detail_wrap #detail_total span #detail_price{font-size:16px;}
	#buy_detail_wrap #detail_btn a{font-size:14px; width:100%;}
	#buy_detail_wrap #detail_btn a img{display:none;}
}

/* [렌탈라이선스 invoice] */
#invoice_wrap{}
#invoice_wrap #invoice_info{padding:40px 30px; background:#f9f9f9; display:table; width:100%; box-sizing:border-box;}
#invoice_wrap #invoice_info #info_login{display:table-cell; width:50%; vertical-align:middle;}
#invoice_wrap #invoice_info #info_login span{font-size:18px; color:#005aab; font-weight:600; line-height:28px;}
#invoice_wrap #invoice_info #info_wrap{display:table-cell; width:50%; vertical-align:middle;}
#invoice_wrap #invoice_info #info_wrap #info_text_wrap{}
#invoice_wrap #invoice_info #info_wrap #info_text_wrap span{display:inline-block; font-size:16px; line-height:26px;}
#invoice_wrap #invoice_info #info_wrap #info_text_wrap span.info_title{color:#656565; font-weight:600; width:130px;}
#invoice_wrap #invoice_info #info_wrap #info_text_wrap span.info_text{color:#005aab;}
#invoice_wrap #invoice_info #info_wrap #info_address{margin:30px 0 0;}
#invoice_wrap #invoice_info #info_wrap #info_address span{font-size:16px; color:#656565; line-height:26px;}
#invoice_wrap #invoice_table{margin:30px 0 0;}
#invoice_wrap #invoice_table table{width:100%;}
#invoice_wrap #invoice_table table thead td{text-align:center; border:2px solid #656565; border-width:2px 1px 2px 0; border-right-color:#cdcdcd; height:60px; font-size:16px; color:#2f2f2f; font-weight:600;}
#invoice_wrap #invoice_table table thead td:last-child{border-right:0;}
#invoice_wrap #invoice_table table tfoot th{border:2px solid #656565; border-width:2px 0; padding:0 20px; height:60px; text-align:left;}
#invoice_wrap #invoice_table table tbody td{text-align:center; border:1px solid #cdcdcd; border-width:0 1px 1px 0; height:60px; font-size:16px; color:#656565; }
#invoice_wrap #invoice_table table tbody td:last-child{border-right:0;}
#invoice_wrap #invoice_table table tbody th{text-align:left; border:1px solid #cdcdcd; border-width:0 1px 1px 0; height:60px; padding:0 20px; box-sizing:border-box;}
#invoice_wrap #invoice_table table tbody th:last-child{border-right:0;}
#invoice_wrap #invoice_table table tbody #table_top_border th, #invoice_wrap #invoice_table table tbody #table_top_border td{border-top:1px solid #656565;}
#invoice_wrap #invoice_table table .table_title{display:inline-block; font-size:16px; color:#2f2f2f; margin-right:30px; font-weight:600; vertical-align:middle;}
#invoice_wrap #invoice_table table .table_text{display:inline-block; font-size:16px; color:#656565; vertical-align:middle; line-height:26px;}
#invoice_wrap #invoice_sign{text-align:right; margin:30px 0 0;}

@media screen and (max-width:640px){
	#invoice_wrap #invoice_info{padding:20px 3.3333333333%;}
	#invoice_wrap #invoice_info #info_login{display:block; width:100%; margin:0 0 20px;}
	#invoice_wrap #invoice_info #info_login span{font-size:16px; line-height:26px;}
	#invoice_wrap #invoice_info #info_wrap{display:block; width:100%;}
	#invoice_wrap #invoice_info #info_wrap #info_text_wrap span.info_title{width:90px;}
	#invoice_wrap #invoice_info #info_wrap #info_text_wrap span{font-size:14px;}
	#invoice_wrap #invoice_info #info_wrap #info_address{margin:20px 0 0;}
	#invoice_wrap #invoice_info #info_wrap #info_address span{font-size:14px; line-height:24px;}
	#invoice_wrap #invoice_table table thead td{font-size:14px;}
	#invoice_wrap #invoice_table table tbody td{font-size:14px;}
	#invoice_wrap #invoice_table table tbody th{padding:0 3.33333333333%;}
	#invoice_wrap #invoice_table table .table_title{font-size:14px; margin-right:10px;}
	#invoice_wrap #invoice_table table .table_text{font-size:14px;}
	#invoice_wrap #invoice_table table tfoot th{padding:0 3.33333333333%;}
	#invoice_wrap #invoice_sign img{width:35%; height:auto;}
}

/* [렌탈라이선스 - 고객] */
#rental_customer{}
#rental_customer table{width:100%;}
#rental_customer table thead td{height:40px; border:2px solid #656565; border-width:2px 0; background:url('/images/table_sybar_03.png') 100% 50% no-repeat; font-size:16px; color:#2f2f2f; font-weight:600; text-align:center;}
#rental_customer table thead td:last-child{background:none;}
#rental_customer table tbody td{height:50px; border:1px solid #cdcdcd; border-width:0 1px 1px 0; font-size:16px; color:#656565; text-align:center;}
#rental_customer table tbody td:last-child{border-right:0;}
#rental_customer #rental_customer_btn{overflow:hidden; margin:20px 0 0;}
#rental_customer #rental_customer_btn #use_btn{float:left;}
#rental_customer #rental_customer_btn #use_btn a{display:block; width:200px; line-height:45px; background:#005aab; text-align:center; font-size:16px; color:#fff;}
#rental_customer #rental_customer_btn #ok_cancle_btn{font-size:0; float:right;}
#rental_customer #rental_customer_btn #ok_cancle_btn a, #rental_customer #rental_customer_btn #ok_cancle_btn input[type=submit]{display:inline-block; border:1px solid #cdcdcd; width:90px; line-height:43px; box-sizing:border-box; text-align:center; font-size:16px; color:#656565; margin:0 0 0 5px;}

@media screen and (max-width:640px){
	#rental_customer table thead td{font-size:14px;}
	#rental_customer table tbody td{font-size:14px;}
	#rental_customer #rental_customer_btn #use_btn{float:none; width:100%; margin:0 0 10px;}
	#rental_customer #rental_customer_btn #use_btn a{width:100%;}
	#rental_customer #rental_customer_btn #ok_cancle_btn{float:none; width:100%; overflow:hidden;}
	#rental_customer #rental_customer_btn #ok_cancle_btn a{width:49%; margin:0; float:left;}
	#rental_customer #rental_customer_btn #ok_cancle_btn a:last-child{float:right;}
}


/* [렌탈라이선스 - 보유현황] */
#rental_have{}
#rental_have table{width:100%;}
#rental_have table thead td{height:40px; border:2px solid #656565; border-width:2px 0; background:url('/images/table_sybar_03.png') 100% 50% no-repeat; font-size:16px; color:#2f2f2f; font-weight:600; text-align:center;}
#rental_have table thead td:last-child{background:none;}
#rental_have table tbody td{height:50px; border:1px solid #cdcdcd; border-width:0 1px 1px 0; font-size:16px; color:#656565; text-align:center;}
#rental_have table tbody td:last-child{border-right:0;}
#rental_have table tbody td a.have_view, #rental_customer table tbody td a.have_view{display:block; margin:0 auto; width:85px; line-height:35px; background:#005aab; text-align:center; font-size:14px; color:#fff;}

@media screen and (max-width:640px){
	#rental_have table thead td{font-size:14px;}
	#rental_have table tbody td{font-size:14px; padding:0 5px;}
	#rental_have table tbody td a.have_view{font-size:0; width:auto;}
}

/* [렌탈라이선스 스텝] */
#step_1_img{margin:0 0 30px;}
#step_1_img #step_1_img_mobile{display:none;}
#step_title_wrap{overflow:hidden; line-height:60px; height:60px; background:#7e7f82; padding:0 30px; margin:0 0 40px;}
#step_title_wrap #licence_title{float:left;}
#step_title_wrap #licence_title span{font-size:23px; color:#fff; font-weight:600;}
#step_title_wrap #licence_step{float:right;}
#step_title_wrap #licence_step ul{overflow:hidden;}
#step_title_wrap #licence_step ul li{float:left; font-size:23px; color:#b0b0b0; font-weight:600;}
#step_title_wrap #licence_step ul li.step_on{color:#fff;}
#step_title_wrap #licence_step ul li.step_arrow{margin:0 10px;}

@media screen and (max-width:640px){
	#step_1_img img{display:none;}
	#step_1_img img#step_1_img_mobile{display:block; width:100%; height:auto;}
	#step_title_wrap{overflow:auto; line-height:normal; height:auto; padding:10px 3.3333333%;}
	#step_title_wrap #licence_title{float:none;}
	#step_title_wrap #licence_title span{font-size:16px;}
	#step_title_wrap #licence_step{float:none; margin:0 0 5px;}
	#step_title_wrap #licence_step ul li{font-size:16px;}
}

.step_contents{margin:0 0 60px;}
.step_contents .step_title{margin:0 0 20px;}
.step_contents .step_title span{font-size:18px; color:#005aab; font-weight:600;}
.step_contents .step_title span.title_b{display:block; font-size:23px; color:#000; font-weight:600; margin:0 0 15px;}
.step_table{}
.step_table table{width:100%;}
.step_table table thead tr td{height:40px; border:2px solid #656565; border-width:2px 0; background:url('/images/table_sybar_03.png') 100% 50% no-repeat; font-size:16px; color:#2f2f2f; font-weight:600; text-align:center;}
.step_table table thead tr td:last-child{background:none;}
.step_table table tbody tr td{height:50px; border:1px solid #cdcdcd; border-width:0 1px 1px 0; font-size:16px; color:#656565; text-align:center; padding:0 10px; box-sizing:border-box; font-size:16px; color:#656565;}
.step_table table tbody tr td:last-child{border-right:0;}
.step_table table tbody tr td select, .step_table table tbody tr td input[type=text]{width:100%; height:32px; border:1px solid #cccccc;}
.step_table table tbody tr td .table_search{float:right; display:block; width:80px; line-height:32px; background:#000; font-size:16px; color:#fff; text-align:center;}
.step_table table tbody tr td .user_id{float:left; display:block; width:140px; line-height:32px; font-size:16px; color:#656565;}/*overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */
.step_select{}
.step_select select{width:370px; height:45px; border:1px solid #cccccc; font-size:16px;}
.step_text_wrap{border:1px solid #ccc; padding:30px;}
.step_text_wrap .step_text_title{display:block; font-size:18px; color:#181818; font-weight:600; margin:0 0 10px;}
.step_text_wrap .step_text{font-size:16px; color:#656565; line-height:26px; font-weight:400;}

.step_contents .step_total{background:#feeeee; line-height:70px; height:70px; text-align:right; padding:0 30px; margin:30px 0 0;}
.step_contents .step_total span{font-size:20px; color:#656565;}
.step_contents .step_total span.step_price{font-size:18px; color:#d31f1f; font-weight:600;}

#step_order_complete{border:1px solid #cdcdcd; padding:70px 0 90px;}
#step_order_complete #complete_title{text-align:center; margin:0 0 20px;}
#step_order_complete #complete_title img{margin:0 15px 0 0; position:relative; top:-10px;}
#step_order_complete #complete_title span{font-size:35px; color:#005aab; font-weight:600;}
#step_order_complete #complete_text{text-align:center; margin:0 0 30px;}
#step_order_complete #complete_text span{font-size:16px; color:#656565;}
#step_order_complete #complete_text .complete_blue{color:#005aab; font-weight:600;}
#step_order_complete #complete_box{text-align:center; padding:40px 0; width:600px; margin:0 auto 20px; background:#f7f7f7;}
#step_order_complete #complete_box span{font-size:18px; color:#181818; font-weight:600;}
#step_order_complete #complete_subtext{text-align:center; margin:0 0 60px;}
#step_order_complete #complete_subtext span{font-size:16px; color:#656565;}
/*
#step_order_complete #complete_btn{}
#step_order_complete #complete_btn a{display:block; width:160px; line-height:45px; font-size:16px; color:#fff; background:#005aab; margin:0 auto; text-align:center;}
*/
#step_order_complete #complete_btn{text-align:center;}
#step_order_complete #complete_btn a{display:inline-block; width:160px; line-height:45px; font-size:16px; color:#fff; background:#005aab; margin:0 auto; text-align:center;}
.step_next{text-align:right;}
.step_next a, .step_next .btn_blue {display:inline-block; background:#005aab; font-size:16px; color:#fff; text-align:center; width:160px; line-height:45px;}

@media screen and (max-width:640px){
	.step_contents{margin:0 0 30px;}
	.step_contents .step_title span{font-size:16px;}
	.step_table table thead tr td{font-size:14px;}
	.step_table table tbody tr td{font-size:14px;}
	.step_contents .step_total{line-height:40px; height:40px; padding:0 3.3333333%;}
	.step_contents .step_total span{font-size:14px;}
	.step_contents .step_total span.step_price{font-size:16px;}
	.step_table table tbody tr td .user_id{float:none; display:block; width:60%; margin:0 auto;}
	.step_table table tbody tr td .table_search{display:block; margin:0 auto; float:none;}
	.step_next a{font-size:14px;}
	.step_contents .step_title span.title_b{font-size:16px; margin:0 0 5px;}
	.step_select select{width:100%;}
	.step_text_wrap{padding:10px 3.333333333%;}
	.step_text_wrap .step_text_title{font-size:16px;}
	.step_text_wrap .step_text{font-size:14px; line-height:24px;}
	#step_order_complete{padding:30px 3.3333333%;}
	#step_order_complete #complete_title span{font-size:20px;}
	#step_order_complete #complete_title img{height:30px; width:auto; top:-3px; margin-right:5px;}
	#step_order_complete #complete_box{width:100%; padding:20px 0;}
	#step_order_complete #complete_box span{font-size:14px;}
	#step_order_complete #complete_text span{font-size:14px;}
	#step_order_complete #complete_subtext span{font-size:14px;}
	#step_order_complete #complete_subtext{margin:0 0 30px;}
	#step_order_complete #complete_btn a{width:100%;}
}

/* 스텝 팝업 */
.step_popup{display:none; position:fixed; border:1px solid #cccccc; width:850px; margin:0 0 0 -305px; box-sizing:border-box; z-index:9999; top:25%; left:43%; background:#fff;}
.step_popup .popup_title{overflow:hidden; height:50px; line-height:50px; padding:0 20px; background:#efefef;}
.step_popup .popup_title span{float:left; font-size:16px; color:#656565;}
.step_popup .popup_title img{float:right; top:13px; position:relative; cursor:pointer;}
.step_popup .popup_contents{padding:20px 30px;}
.step_popup .popup_contents .p_contents_title{margin:0 0 20px;}
.step_popup .popup_contents .p_contents_title span{font-size:23px; color:#181818; font-weight:600;}
.step_popup .popup_contents .p_table{}
.step_popup .popup_contents .p_table table{width:100%; margin:0 0 10px;}
.step_popup .popup_contents .p_table table:last-child{margin:0;}
.step_popup .popup_contents .p_table table thead td{background:#7e7f82; padding:0 20px; height:40px; font-size:16px; color:#fff; box-sizing:border-box;}
.step_popup .popup_contents .p_table table thead td:first-child{border-right:1px solid #fff;}
.step_popup .popup_contents .p_table table tbody td{padding:0 20px 10px; font-size:14px; color:#656565;}
.step_popup .popup_contents .p_table table tbody tr:first-child td{padding-top:20px;}
.step_popup .popup_contents .p_table table tbody tr:last-child td{padding-bottom:20px; border-bottom:1px solid #ccc;}
.step_popup .popup_contents .p_table table tbody tr td:first-child{border-left:1px solid #ccc;}
.step_popup .popup_contents .p_table table tbody tr td:last-child{border-right:1px solid #ccc;}
.step_popup .popup_btn_wrap{overflow:hidden; margin:15px 0 0;}
.step_popup .popup_btn_wrap .p_btn_text{float:left;}
.step_popup .popup_btn_wrap .p_btn_text span{font-size:16px; color:#181818;}
.step_popup .popup_btn_wrap .p_btn{float:right;}
.step_popup .popup_btn_wrap .p_btn a, .step_popup .popup_btn_wrap .p_btn input[type=submit]{display:inline-block; vertical-align:top; width:70px; line-height:30px; font-size:14px; box-sizing:border-box; text-align:center; border:none;}
.step_popup .popup_btn_wrap .p_btn a.p_btn_ok, .step_popup .popup_btn_wrap .p_btn input[type=submit].p_btn_ok {background:#005aab; color:#fff;}
.step_popup .popup_btn_wrap .p_btn a.p_btn_cancel{border:1px solid #cdcdcd; color:#656565;} 

@media screen and (max-width:640px){
	.step_popup{width:100%; margin:0; left:0; top:10%;}
	.step_popup .popup_contents{padding:10px 3.333333333%;}
	.step_popup .popup_contents .p_contents_title span{font-size:16px;}
	.step_popup .popup_contents .p_table table thead td{font-size:14px;}
	.step_popup .popup_btn_wrap .p_btn_text{_float:none;}
	.step_popup .popup_btn_wrap .p_btn_text span{font-size:14px;}
	.step_popup .popup_btn_wrap .p_btn{_float:none; margin:10px 0 0;}
}