@charset "utf-8";

select { color:#5d5d5d; border:1px solid #c2c2c2; font-size:15px; height:32px; padding:0 25px 0 10px; background: #fff url(../img/customer/combo_arrow.png) no-repeat 100% 50%; line-height:30px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
caption, legend { overflow:hidden; position:static; left:-1px; top:-1px; width:1px; height:1px; font-size:0; line-height:0; }
select::-ms-expand {display: none;}

.containerPop_inner { height:auto; }
.popTle { height:50px; background: var(--dark1); }
.popTle { height:50px; }
.popTxt { color:#fff; font-size:20px; font-weight:bold; line-height:50px; margin-left:15px; }
.popPrntImg { float:right; margin:8px 30px 0 0; }
.popDtl_wrap { padding:20px; }
.innerTle { height:26px; line-height:26px; font-size:16px; border-bottom:1px solid #535353; position:relative; }
.openYn_wrap { position:absolute; top:-7px; right:0; }
.openYn_wrap input[type=radio] { width:13px; height:13px; }
.openYn_wrap label { font-size:15px; }
.innerTle span { padding:2px 10px; background:#444; color:#fff; }
.innerTle .pwChk_wrap { display:inline-block; float:right; margin-top:-8px; margin-right:125px; }
.pwChk_wrap .pwChk, .pwChk_outer .pwChk { vertical-align:middle; margin-left:4px; border:1px solid #dedede; padding:6px 5px 5px; min-width:100px; box-sizing:border-box; height:24px; border-radius:3px; font-size:14px; width:80px;}
.pwChk_wrap > button, .pwChk_outer > button { width:75px; height:24px; background:#6d6761; line-height:22px; border:1px solid #6d6761; color:#fff; 
                                              vertical-align:middle; border-radius:2px; }
.pwChk_wrap > button:hover { cursor:pointer; background:#7e746c; border:1px solid #7e746c; }

/* 비밀번호 확인 팝업*/
.pwChk_outer { text-align:center; margin-top:30px; }


/* 상세페이지 - 주문회원정보 */
.popContainer_inner_01 { margin-bottom:30px; }
.popTbl_list { table-layout:fixed; width:100%; border-collapse:collapse; line-height:20px; }
.popTbl_list th { border-bottom:1px solid #444; padding:12px 10px; color:#555; font-weight:bold; border-left:0; font-size:14px; text-align:center; }
.popTbl_list th a { cursor:pointer; }
.popTbl_list td { color:#555; border-left:0; border-bottom:1px solid #e9e9e9; padding:10px; text-align:center; font-size:14px; }
.orderProc { margin:10px 0 0; }
.orderProc_btn { background:#fff; border:1px solid #6d6761; height:25px; line-height:24px; border-radius:2px; color:#6d6761; }
.orderProc_btn.on { background:#6d6761; color:#fff; }


/* 상세페이지 - 제품주문정보 */
.popContainer_inner_02 { margin-bottom:30px; height:257px; }
.popView_dtl dl { position:relative; float:left; border-bottom:1px solid #d5d5db; }
.popView_dtl dl dt { padding:12px 7px; position:absolute; left:0; top:0; right:0; bottom:0; width:100px; background:#f8f8f8; font-weight:normal; text-align:center;
                  border-right:1px solid #e9e9e9; font-size:14px; color:#555; font-weight:bold; }
.popView_dtl dl dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:114px; min-height:21px; padding:12px 7px;
                  border-left:1px solid #d5d5db; font-size:14px; }
.popView_01 { width:100%; }
.popView_02 { width:66.66%; }
.popView_03 { width:33.33%; }
.popView_04 { width:50%; }
.popDtl_Lline { border-left:1px solid #e9e9e9; }


/* 상세페이지 - 배송지정보 */
.popContainer_inner_03 { margin-bottom:30px; height:200px; }


/* 상세페이지 - 닫기버튼 */
.closeViewPop { text-align:center; }
.closeViewPop button { color:#fff; height:34px; line-height:34px; display:inline-block; min-width:100px; padding:0 20px;
                       font-size:14px; font-weight:400; border-radius:2px; }
/* .closeViewPop button:hover { cursor:pointer; background:#7e746c; border:1px solid #7e746c; } */


/* 나의견적문의 - 연락처 */
.popContainer_inner_04 { margin-bottom:30px; height:102px; }
.esti dl { position:relative; float:left; border-bottom:1px solid #d5d5db; }
.esti dl dt { padding:9px 1px; position:absolute; left:0; top:0; right:0; bottom:0; width:108px; background:#fdfeff; font-weight:normal; text-align:right;
                  /* border-right:1px solid #d5d5db; */ font-size:14px; color:#555; font-weight:bold; }
.esti dl dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:114px; min-height:26px;padding:7px 0 7px 4px;border-left:1px solid #d5d5db; font-size:14px; }
.popDtl_Lline { border-left:1px solid #e9e9e9; }
.reg_inp {padding:5px;color:#000; font-size:14px; font-weight: normal; width: 95%; border:1px solid #dedede; height:20px; border-radius:3px; }
.reg_combo {padding-left:5px;color:#000; font-size:14px; font-weight:normal; width:95%; border:1px solid #dedede; height:24px; border-radius:3px; line-height:24px; }
.reg_inp_radio { margin:2px 5px 5px 0; }
.esti dl dd label { margin-right:5px; }

img.webhard_acc:hover { cursor:pointer; }

.popContainer_inner_05 { margin-bottom:30px; height:312px; }
.popContainer_inner_06 { margin-bottom:20px; height:273px; }
.popContainer_inner_07 { margin-bottom:20px; height:400px; position:relative; }
.popContainer_inner_07 img { position:absolute; top:0; left:50%; margin-left:-285px; }
.popContainer_inner_08 { height:60px; margin-bottom:10px; }

.webhard_dir { float:left; }
.webhard_acc { float:right; }

.popView_01 textarea { width:99%; height:150px;padding:5px;border:1px solid #dedede; border-radius:3px; resize:none;font-size:14px;}
.popView_01 .imgAtch_wrap { border-right:0; background:#fff; float:left; position:relative; }
.popView_01 .imgAtch { position:absolute; top:6px; right:0; }


/* 나의견적문의 - 첨부파일, 상품 상세 - 파일 업로드 공통 */
.file-upload label { display:inline-block; padding:5px 10px; color:#fff; background-color:#6d6761; border:1px solid #6d6761; border-radius:2px;
                     vertical-align:middle; height:21px; line-height:14px; }
.file-upload label:hover { background-color:#7e746c; border:1px solid #7e746c; cursor:pointer; }

/* 파일 필드 숨기기 */
.file-upload input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.file-upload .upload-name { display:inline-block; padding: 1px 10px; font-size:inherit; font-family:inherit; vertical-align:middle; background-color:#fff;
                            border:1px solid #dedede; border-bottom-color:#dedede; border-radius:3px; -webkit-appearance:none; /* 네이티브 외형 감추기 */  -moz-appearance:none;
                            appearance:none; height:22px; width:300px; }
.file-upload .upload-name.prod-upload {height: inherit; padding: 4px 10px;font-size: 12px;}
.file-upload .upload-name.prod-upload:place-holder {color:#000;}
.file-upload label.prod-upload-btn {height:inherit;margin-top:4px;}
.file-upload label.delete-button {height: inherit;min-width: 58px;text-align: center;}

.bottomBtn { position:relative; }
.bottomBtn button { background:#6d6761; border:1px solid #6d6761; color:#fff; height:38px; line-height:38px; display:inline-block; min-width:100px; padding:0 20px; font-size:14px;
                    font-weight:400; border-radius:2px; }
.bottomBtn button:hover { cursor:pointer; background:#7e746c; border:1px solid #7e746c; }
.inquiry { position:absolute; top:0; left:50%; margin-left:-100px; }
.closePop { position:absolute; top:0; left:50%; margin-left:5px; }
.inquiryDel { float:right; }


/* 별점 */
.starR { background:url('../img/popup/img_review_reg.png') no-repeat right 0; background-size:auto 100%; width:20px; height:20px; display:inline-block;
         text-indent:-9999px; cursor:pointer; }
.starR.on { background-position:0 0; }


/* 인쇄가이드 */
.guideCateLine_wrap { background:#666; width:100%; height:55px; }
.guideCateLine { width:80%; float:right; height:55px; }
.guideTab { float:left; width:95%; }
.guideTab li { float:left; width:13%; text-align:center; box-sizing:border-box; height:55px; line-height:55px; color:#a5a5a5; }
.guideTab li:hover, .guideTab li.on { border-bottom:3px solid #f0871a; color:#fff; cursor:pointer; }
.innerGuide { position:relative; min-height:675px; display:none; }
.innerGuide.on { display:block; }
.guideCateM { float:left; width:20%; background:#6d6761; height:calc(100vh - 55px); }
.guideCateM ul { padding-top:30px; }
.guideCateM ul li { color:#a5a5a5; padding:15px 13px; font-size:15px;; }
.guideCateM ul li:hover { cursor:pointer; color:#fff; }
.guideCont { float:right; width:80%; overflow:auto; height:744px; }
.guideCont .guideTle { padding:5px 0 10px; border-bottom:1px solid #666; margin-bottom:15px; color:#f0871a; }
.childTab .on { color:#fff; }
.childCateTab { display:none; }
.childCateTab.on { display:block; }


/* 주문가이드 */
.orderGuideCateLine_wrap { background:#666; width:100%; height:110px; }
.orderGuideCateLine { width:80%; float:right; height:110px; }
.odGuideTab { float:left; width:95%; }
.odGuideTab li { float:left; width:20%; text-align:center; box-sizing:border-box; height:55px; line-height:55px; color:#a5a5a5; }
.odGuideTab li:hover, .odGuideTab li.on { border-bottom:3px solid #f0871a; color:#fff; cursor:pointer; }
.orderInnerGuide { position:relative; padding-bottom:30px; min-height:633px; display:none; }
.orderInnerGuide.on { display:block; }
.orderGuideCateM { float:left; width:20%; background:#6d6761; height:calc(100vh - 110px); }
.orderGuideCateM ul { padding-top:10px; }
.orderGuideCateM ul li { color:#a5a5a5; padding:15px 13px; font-size:15px;; }
.orderGuideCateM ul li:hover { cursor:pointer; color:#fff; }
.odChildTab .on { color:#fff; }


.guidePopTle { float: left; width: 20%; height: 55px; background: #fff; line-height: 55px; text-align: center; font-weight: bold; font-size: 20px; 
               color: #f0871a; }

.odGuidePopTle_wrap { float: left; width: 20%; height: 110px; background: #fff; line-height: 30px; text-align: center; }
.odGuidePopTle { font-weight: bold; font-size: 20px; color: #f0871a; display: block; padding-top: 20px; }
.odGuidePopTle_commt { font-size: 13px; color: #555; display: block; line-height: 17px; padding-top: 5px; }
.popClose_wrap { float:right; width:5%; text-align:center; height:55px; line-height:58px; }
.fePopClose:hover { cursor:pointer; }


/* 주문 상세화면 */
.fePopClose_wrap { float:right; }
.fePopClose_wrap > img { margin:16px 26px; cursor:pointer;}
.fePopOverSection_wrap { height:260px; }
.fePopOverSection { float:left; width:49%; }
.popTbl_list th { position:sticky; top:0; background:#f3f3f3; border-bottom:0; }
.itemTotalPrice { text-align:right; margin-top:9px; }
.orderProc_wrap { position:absolute; top:0; right:0px; }
.fePopUnderSection_wrap { margin-top:15px; }
.fePopItem_info { display:inline-block; width:25%; }
.fePopItem_tle { display:inline-block; width:70px; font-weight:bold; }
.fePopItem_info span:nth-child(n+2) { margin-left:15px; }
.fePopItem_info_02 { display:inline-block; width:33%; }
.fePopItem_info_03 { display: inline-block; width: 20%;}
.act { background:#82786f; }
.act > td { color:#fff; } 
.rowChk { background: #f0871a; }
.rowChk > td { color: #fff!important; }
.prodListTotal{ float: right !important; padding : 0 15px;}
.float_l{ float: left;}
.none{ display: none !important;}
.orderProc_btn.on { background: #6d6761; color: #fff;}
.popContainer_inner_01 .orderPop_btn {	background:#6d6761; border:1px solid #6d6761; height:23px; line-height:20px; border-radius:2px; color:#fff; padding: 0 10px; }
.popContainer_inner_01 .orderPop_btn:hover { cursor:pointer; background:#7e746c; border:1px solid #7e746c; }

.dtlTotalPrice { position:absolute; top:-2px; left:100px; }
.dtlTotalPrice .prodListTotal span { padding:0; background:#fff; color:#666; }

.dtlTotalPrice .prodListTotal:nth-child(1) span:nth-child(2) { color:#ff0000; }

.adj { margin-bottom:20px; height:168px; overflow-y:auto; }