/* 왼쪽 메뉴 */
.left_menu { border-top:1px solid #DDDDDD; width:200px; }
.left_menu .item { padding:14px 24px 14px 0; color:#444444; border-bottom:1px solid #DDDDDD; letter-spacing: -0.4px; position:relative; z-index:10; }
.left_menu .item:after { content:''; position:absolute; top:17px; right:0; width:16px; height:16px; background-image:url(/assets/img/buttons/leftmenu_off@2x.png); background-size:cover; background-position:center; background-repeat:no-repeat; }
.left_menu .item.active { color:#ff014a; }
.left_menu .item.active:after { background-image:url(/assets/img/buttons/leftmenu_on@2x.png); }

/* 왼쪽 메뉴 - 고객센터 */
.left_menu { border-top:1px solid #DDDDDD; width:200px; }
.left_menu .menu { padding:14px 24px 14px 0; color:#444444; border-bottom:1px solid #DDDDDD; letter-spacing: -0.4px; position:relative; z-index:10; }
.left_menu .menu:after { content:''; position:absolute; top:17px; right:0; width:16px; height:16px; background-image:url(/assets/img/buttons/leftmenu_off@2x.png); background-size:cover; background-position:center; background-repeat:no-repeat; }
.left_menu .menu.active { color:#ff014a; }
.left_menu .menu.active:after { background-image:url(/assets/img/buttons/leftmenu_on@2x.png); }

/* 주문내역 테이블 */
.ls_top { display:inline-block; }
.ls_top .period { display:flex; flex-wrap:wrap; }
.ls_top .period .item { padding:4px 12px; border:1px solid #DDDDDD; font-size:14px; color:#999999; width:74px; text-align:center; cursor:pointer; }
.ls_top .period .item.active { border:1px solid #191919; color:#191919; }
.date_box { border:1px solid #DDDDDD; display:inline-block; }
.date_box input { font-size:14px; padding:4px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; width:115px; }
.date_box input:focus { outline: none; }
.db_middle { color:#CDCDCD; display:inline-block; padding:0 4px; }
.btn_ty1 { font-size:14px; background-color:#DDDDDD; padding:4px 12px; display:inline-block; transition-duration: 0.3s; }
.btn_ty1:active { transform: translate(2px, 2px); }

/* 주문내역 테이블 */
.ls_table { width:100%; margin-top:12px; border-top:1px solid #999999; }
.ls_table .box1 { width:230px; }
.ls_table .head { padding:12px 6px; font-size:13px; color:#999999; letter-spacing: -0.4px; text-align: center;}
.ls_table .thin_line { width:100%; height:1px; background-color:#DDDDDD; }
.ls_table .body { padding:12px 6px; font-size:13px; letter-spacing: -0.4px; }
.ls_table .shop_img_box { display:flex; flex-wrap:wrap; align-items:center; width:100%; }
.ls_table .shop_img_box .img { display:inline-block; width:64px; height:64px; background-color:#EEEEEE; background-size:cover; background-position:center; background-repeat:no-repeat; margin-right:8px; }
.ls_table .shop_img_box .detail { width:calc(100% - 72px); }
.ls_table .shop_img_box .detail.ver2 { width:calc(100% - 96px); }
.ls_table .body .txt1 { text-align:center; word-break: break-all; }
.ls_table .body .detail_btn { width:45px; padding: 3px 0px; border: 1px solid #222; border-radius: 4px; margin: auto;  transition-duration: 0.3s; text-align:center; cursor:pointer; }
.ls_table .body .txt2 { text-align:center; color:#0089D3; }
.ls_table .body .txt3 { text-align:center; color:#FF1100; }
.ls_table .body .txt4 { text-align:center; color:#777777; }
.ls_table .body .list_bnt { width:100%; text-align:right; }
.ls_table .body .list_bnt .btn_order { padding:4px 0; width:80px; font-size:14px; letter-spacing: -0.35px; display:inline-block; transition-duration: 0.3s; border: 1px solid #DDDDDD; margin-bottom:4px; text-align:center; cursor:pointer; }
.ls_table .body .list_bnt .btn_order:active { transform: translate(2px, 2px); }

.ls_table .ch_box { margin-right:12px; }
.ls_table .ch_box input { width:12px; height:12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #999999; border-radius:3px; position:relative; vertical-align: middle; }
.ls_table .ch_box input:after { content:'\2713'; text-shadow: 1px 1px 1px rgba(0, 0, 0,.2); font-size: 8px; font-weight: 800; color: #999999; text-align: center; line-height: 12px; position:absolute; top:-1px; left:-1px; width:12px; height:12px; }
.ls_table .ch_box input:focus { outline: none; }
.ls_table .ch_box input:checked { border:none; }
.ls_table .ch_box input:checked:after { content:'\2713'; text-shadow: 1px 1px 1px rgba(0, 0, 0,.2); font-size: 8px; font-weight: 800; color: #fff; text-align: center; line-height: 12px; position:absolute; top:0px; left:0px; width:12px; height:12px; background-color:#2CAC38; border-radius:3px; }

.ls_table .num_regulate_box { border:1px solid #DDDDDD; display:inline-block; }
.ls_table .num_regulate_box .btn_regulate { width:24px; height:24px; text-align:center; font-size:15px; display:inline-block; }
.ls_table .num_regulate_box .num { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; width:24px; font-size:15px; text-align:center; }
.ls_table .num_regulate_box .num:focus { outline: none; }

.ls_table .ha_box { padding:8px 0; }
.ls_table .ha_box .item { padding:15px 0; }
.ls_table .ha_box .item .h_txt { font-weight:600; letter-spacing: -0.4px; }
.ls_table .ha_box .txta1 { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #999999; width: 595px; height: 100px; }
.ls_table .ha_box .txta1:focus { outline:none; }
.ls_table .ha_box .txta1::placeholder { font-size:14px; color:#999999; letter-spacing: -0.35px; }
.ls_table .ha_box .item .s_txt { font-size:14px; letter-spacing: -0.35px; color:#444444; }
.ls_table .ha_box .item .txt1 { font-weight:600; letter-spacing: -0.4px; }

.ls_table .body .btn_order { padding:4px 0; width:80px; font-size:14px; letter-spacing: -0.35px; display:inline-block; transition-duration: 0.3s; border: 1px solid #DDDDDD; margin-bottom:4px; text-align:center; cursor:pointer; }
.ls_table .body .btn_order:active { transform: translate(2px, 2px); }

.img { display:inline-block; width:64px; height:64px; background-color:#EEEEEE; background-size:cover; background-position:center; background-repeat:no-repeat; margin-right:8px; }

/* 주문상세 페이지 */

.mr8 { margin-right:8px !important; }
.mr32 { margin-right:32px !important; }
.mt24 { margin-top:24px !important; }
.fl_right { float:right !important; }

.right-top { width:100%; }
.right-top .txt1 { color:#444444; font-size:14px; letter-spacing: -0.35px; margin-right:10px; display:inline-block; }
.right-top .txt2 { font-size:14px; letter-spacing: -0.35px; display:inline-block; font-weight:500;}
.right-top .txt3 { font-size:14px; letter-spacing: -0.35px; color:#018eff; display:inline-block; font-weight:500;}
.right-top .ch_box { display:inline-block; border:1px solid #999999; }
.right-top input { width:12px; height:12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #999999; border-radius:3px; position:relative; vertical-align: middle; }
.right-top input:after { content:'\2713'; text-shadow: 1px 1px 1px rgba(0, 0, 0,.2); font-size: 8px; font-weight: 800; color: #999999; text-align: center; line-height: 12px; position:absolute; top:-1px; left:-1px; width:12px; height:12px; }
.right-top input:focus { outline: none; }
.right-top input:checked { border:none; }
.right-top input:checked:after { content:'\2713'; text-shadow: 1px 1px 1px rgba(0, 0, 0,.2); font-size: 8px; font-weight: 800; color: #fff; text-align: center; line-height: 12px; position:absolute; top:0px; left:0px; width:12px; height:12px; background-color:#2CAC38; border-radius:3px; }
.right-top .txt4 { letter-spacing: -0.3px; font-size:12px; color:#999999; display:inline-block; }

.ls_table2 { width:100%; border-top:1px solid #999999; }
.ls_table2 .head { padding:12px 0; font-size:14px; color:#444444; letter-spacing: -0.35px; }
.ls_table2 .body { padding:12px 0; font-size:14px; letter-spacing: -0.35px; font-weight:500;}
.ls_table2 .thin_line { width:100%; height:1px; background-color:#DDDDDD; }
.ls_table2 .btn2 { padding:4px 12px; border:1px solid #DDDDDD; font-size:12px; letter-spacing: -0.3px; display:inline-block; text-align:center; transition-duration: 0.3s; }
.ls_table2 .btn2:active { transform: translate(2px, 2px); }
.btn2 { padding:4px 12px; border:1px solid #DDDDDD; font-size:12px; letter-spacing: -0.3px; display:inline-block; text-align:center; transition-duration: 0.3s; }

.ls_tb_top { width:100%; }
.ls_tb_top .txt { display:inline-block; font-weight:600; letter-spacing: -0.4px; }
.ls_tb_top .btn1 { padding:4px 8px; background-color:#EEEEEE; font-size:12px; letter-spacing: -0.3px; display:inline-block; text-align:center; transition-duration: 0.3s; }
.ls_tb_top .btn1:active { transform: translate(2px, 2px); }

.or_de_btn { cursor:pointer; color:#111; padding:4px 8px; background-color:#EEEEEE; display:inline-block; text-align:center; font-size:14px; letter-spacing: -0.35px; transition-duration: 0.3s; }
.or_de_btn:active { transform: translate(2px, 2px); }

/* 전체선택,선택삭제 */
.txt_s_menu{
	text-align: left;
	font-size: 12px;
	letter-spacing: -0.3px;
}

/* 견적서 보기 버튼*/
.estimate_btn{	
	background-color: #ff014a;
	padding: 4px 8px 4px 8px;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-size:13px;
}

.ml_14{
	margin-left:14px;
}

.thin_line {
	/*border-bottom:1px solid #DDD;*/
	border-bottom: 3px solid #68a2ff;
}

/*체크박스 높이 조절을 위한 정렬*/
.ch_align{
	vertical-align:-2px;
}

/* 장바구니 제품 +- 버튼 */
.num_regulate_box{
	border:1px solid #DDD;
	display: inline-block;
}

.num_regulate_box .btn_regulate{
	width:24px;
	height:24px;
	display: inline-block;
	text-align:center;

}

.num_regulate_box input{
	appearance: none;
	width:24px;
	background-color:#fff;
	border:none;
	text-align:center;
}

/* 장바구니 하단 고정 버튼 */
.check_btn{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: #FF014A;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
}

/* 주문내역 버튼*/
.order_btn{	
	border:1px solid #ddd;
	text-align: center;
	cursor: pointer;
	font-size:14px;
	padding-top:6px;
	padding-bottom:6px;
}

/* 내정보 인풋 */
.personal{
	height:46px;
	font-size:14px;
}

.personal_btn{
	width:82px;
	height:34px;
	font-size:14px;
	text-align:center;
	border:none;
	border-radius:4px;
}

.modal_bottom{
	background-color: #FF014A;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
}