/*=================================================================================================
// 명    칭 : 서브화면 스타일쉬트
// 처리내용 :
// 작 성 자 : 2018-10-26 김진후
//=================================================================================================*/
@charset "utf-8";

.dcBtnWrap{text-align:center;}
.dcBtnWrap button{line-height:29px; text-align:center; font-size:14px; font-weight:400; padding:0 20px; box-sizing:border-box;}
.dcBtnWrap button.dcBtn495f79{background-color:#495f79; border:solid 1px #495f79; color:#fff; width:11%;}
.dcBtnWrap button.dcBtn495f79:hover{background-color:#fff; border:solid 1px #495f79; color:#495f79;}
.dcBtnWrap button.dcBtnf1556c{background-color:#fff; border:solid 1px #f1556c; color:#f1556c;}
.dcBtnWrap button.dcBtnf1556c:hover{background-color:#f1556c; border:solid 1px #f1556c; color:#fff;}
.dcBtnWrap button.dcBtnffffff{background-color:#fff; border:solid 1px #333; color:#333;}
.dcBtnWrap button.dcBtnffffff:hover{background-color:#333; border:solid 1px #333; color:#fff;}
.dcBtnWrap button.dcBtn0060ff{background-color:#0060ff; border:solid 1px #0060ff; color:#fff;}
.dcBtnWrap button.dcBtn0060ff:hover{background-color:#fff; border:solid 1px #0060ff; color:#0060ff;}
.dcBtnWrap button.dcBtn313a46{background-color:#313a46; border:solid 1px #313a46; color:#fff;}
.dcBtnWrap button.dcBtn313a46:hover{background-color:#fff; border:solid 1px #313a46; color:#313a46;}
.dcBtnWrap button.dcBtn6cc08f{background-color:#6cc08f; border:solid 1px #6cc08f; color:#fff;}
.dcBtnWrap button.dcBtn6cc08f:hover{background-color:#fff; border:solid 1px #6cc08f; color:#6cc08f;}
.dcBtnWrap button.dcBtne41432{background-color:#e43d55; border:solid 1px #e43d55; color:#fff;}
.dcBtnWrap button.dcBtne41432:hover{background-color:#fff; border:solid 1px #e43d55; color:#e43d55;}

/*상담회 주선관리*/
.dcArticleSearch{margin:0 0 40px 0;}
.dcArticleSearch .dcSearchWrap{border:solid 1px #9fa0a0; background-color:#fff; margin-bottom:20px;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable{width:100%; margin:0 auto; border-collapse:collapse; border-spacing:0; font-size:14px;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable col.dcCol01{width:15%;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable col.dcCol02{width:15%;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable col.dcCol03{width:70%;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr{overflow:hidden; border-bottom:dotted 1px #828093;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr:last-child{border:0;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr th{border-right:dotted 1px #828093; vertical-align:middle; padding:10px 25px; color:#333; font-weight:400; background:#f4f4f4; font-size:14px; text-align: left;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr th h2.dcH2Title{display:inline-block; font-size:14px; font-weight:500; color:#354052; padding-left: 20px; background:url(../img/common/bgCheckOn.png) no-repeat 0 50%;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td{vertical-align:middle; padding:10px 40px; color:#333; font-weight:400;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td ul{overflow:hidden;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td ul li{display: flex; flex-direction: row; flex-wrap: wrap; margin-right:20px; font-size:14px;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td ul li:last-child{margin-right:0;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td ul li input{}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td ul li input label{ }
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td ul li input label span{}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td .dcSelectWrap{float:left; width:20%; height:40px; margin-right:2%; border:solid 1px #f1f1f1; border-radius:10px; background: url(../img/common/btnSelect.png) no-repeat 85% 50% #fff; }
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td .dcSelectWrap select{display:block; width: 100%; height:40px; z-index:10;  font-weight:400; border:0; font-size:14px; color:#354052; padding:0 0 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none;}
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td .dcSelectWrap select::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td .dcSelectWrap select option{background-color:#fff; font-weight:400; }
.dcArticleSearch .dcSearchWrap table.dcSearchTable tbody tr td input:not([type="checkbox"]):not([type="radio"]) {float:left; width:73%; height:40px; border:solid 1px #f1f1f1; border-radius:10px; background-color:#fff; padding:0 10px;}

.dcArticleList{}
.dcArticleList table.dcBasicTableThin{background-color:#fff; margin:0 0 30px 0;}
.dcArticleList table.dcBasicTableThin col.dcCol01{width:10%;}
.dcArticleList table.dcBasicTableThin col.dcCol02{}
.dcArticleList table.dcBasicTableThin col.dcCol03{width:10%;}
.dcArticleList table.dcBasicTableThin col.dcCol04{width:15%;}
.dcArticleList table.dcBasicTableThin col.dcCol05{width:10%;}
.dcArticleList table.dcBasicTableThin col.dcCol06{width:12%;}
.dcArticleList table.dcBasicTableThin col.dcCol07{width:12%;}
.dcArticleList table.dcBasicTableThin tbody tr:hover{background-color:#faf5e5;}
.dcArticleList table.dcBasicTableThin td button{width: 60%; line-height:40px; border-radius:10px; padding:0 10px;}
.dcArticleList table.dcBasicTableThin td button p{display: inline-block; text-align:center; font-size:14px; font-weight:400; }
.dcArticleList table.dcBasicTableThin td button.dcBtnPrint{border:solid 1px #66cc99; background-color:#fff;}
.dcArticleList table.dcBasicTableThin td button.dcBtnPrint p{padding-left: 20px; background:url(../img/common/bgIcoPrintOff.png) no-repeat 0 50%;}
.dcArticleList table.dcBasicTableThin td button.dcBtnPrint:hover{border:solid 1px #66cc99; background-color:#66cc99;}
.dcArticleList table.dcBasicTableThin td button.dcBtnPrint:hover p{padding-left: 20px; background:url(../img/common/bgIcoPrintOn.png) no-repeat 0 50%; color:#fff;}
.dcArticleList table.dcBasicTableThin td button.dcBtnModify{border:solid 1px #f1f1f1; background-color:#fff;}
.dcArticleList table.dcBasicTableThin td button.dcBtnModify p{padding-left: 20px; background:url(../img/common/bgIcoModifyOff.png) no-repeat 0 50%;}
.dcArticleList table.dcBasicTableThin td button.dcBtnModify:hover{border:solid 1px #f1f1f1; background-color:#ccc;}
.dcArticleList table.dcBasicTableThin td button.dcBtnModify:hover p{padding-left: 20px; background:url(../img/common/bgIcoModifyOn.png) no-repeat 0 50%;}

/*신규바이어 등록*/
.dcNewBuyerInputWrap{}
.dcNewBuyerInputWrap .dcNbTitle{position:relative; padding: 7px 0; margin-bottom: 20px;}
.dcNewBuyerInputWrap .dcNbTitle h2.dcH2Title{font-size:20px; font-weight:500; color:#354052; padding-left:20px; background:url(../img/common/bgIcoModifyOn.png) no-repeat 0 50%;}
.dcNewBuyerInputWrap .dcNbTitle .dcBtnWrap{position:absolute; top:0px; right:0px;}
.dcNewBuyerInputWrap .dcNbInput{background-color:#fff; border:solid 1px #aaa; padding:25px; box-sizing:border-box; margin-bottom:30px;}
.dcNewBuyerInputWrap .dcNbInput h3.dcH3Title{font-size:16px; font-weight:500; color:#354052; padding-left:20px; background:url(../img/common/bgCheckOn.png) no-repeat 0 50%; margin-bottom:15px;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable{}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin{}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin col.dcCol01{width:15%;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin col.dcCol02{width:30%;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin col.dcCol03{width:15%;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin col.dcCol04{width:30%;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody th{padding:5px 20px; text-align: left;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody th p{font-size:14px; display:inline-block;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody th p.dcIcoEssential{padding: 0 15px 0 0; background:url(../img/common/icoEssential.png) no-repeat 100% 50%;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td{text-align:left; height: 45px; padding:10px 20px; font-weight:400;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td ul{overflow:hidden;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td ul li{float:left; margin-right:15px;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td ul li:last-child{margin-right:0;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td input{width:100%; border:solid 1px #f1f1f1; border-radius:4px; font-size:14px; padding:5px 20px; box-sizing: border-box;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td input.dcInput01{float:left; width:38%; border:solid 1px #f1f1f1; border-top-right-radius:0; border-bottom-right-radius:0; font-size:16px; padding:10px 20px; box-sizing: border-box;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td textarea{border:solid 1px #f1f1f1; border-radius:10px; font-size:16px; padding:10px 20px; box-sizing: border-box; height:150px;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td button.dcSelectDay{float:left; width:45px; height:45px; border:solid 1px #ccc; border-left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; background:url(../img/common/btnCal.png) no-repeat 50% 50% #f8f9fa; text-indent:-9999px;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td button.dcSelectTime{float:left; width:45px; height:45px;border:solid 1px #ccc; border-left:0; border-top-right-radius:10px; border-bottom-right-radius:10px; background:url(../img/common/btnTime.png) no-repeat 50% 50% #f8f9fa; text-indent:-9999px;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td .dcSelect{float:left; width:20%; border:solid 1px #f1f1f1; border-radius:4px; background: url(../img/common/btnSelect.png) no-repeat 85% 50% #fff; }
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td .dcSelect select{display:block; width: 100%; z-index:10;  font-weight:400; border:0; font-size:14px; color:#354052; padding:5px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none;}
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td .dcSelect select::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td .dcSelect select option{background-color:#fff; font-weight:300; }
.dcNewBuyerInputWrap .dcNbInput .dcNbTable table.dcBasicTableThin tbody td span.dcSpanEtc{color:#10689f; margin-left:10px;}
.dcNewBuyerInputWrap .dcNbInput p.dcPEtc{font-size:16px; font-weight:300; color:#354052;}
.dcNewBuyerInputWrap .dcNbInput p.dcPEtc span{color:#ff3333;}

/*상담신청*/
.dcCounselOrderWrap{}
.dcCounselOrderWrap .dcCOTitle{position:relative; padding: 7px 0; margin-bottom: 20px;}
.dcCounselOrderWrap .dcCOTitle h2.dcH2Title{font-size:20px; font-weight:500; color:#354052; padding-left:20px; background:url(../img/common/bgIcoModifyOn.png) no-repeat 0 50%;}
.dcCounselOrderWrap .dcCOTitle .dcBtnWrap{position:absolute; top:0px; right:0px;}
.dcCounselOrderWrap .dcCOInput{position:relative; background-color:#fff; border:solid 1px #aaa; padding:25px; box-sizing:border-box; margin-bottom:30px;}
.dcCounselOrderWrap .dcCOInput h3.dcH3Title{font-size:18px; font-weight:400; color:#354052; padding-left:20px; background:url(../img/common/bgCheckOn.png) no-repeat 0 50%; margin-bottom:10px;}
.dcCounselOrderWrap .dcCOInput h3.dcH3Title2{padding: 7px 0 0 20px; margin-bottom: 25px; background-position:0 70%;}
.dcCounselOrderWrap .dcCOInput h4.dcH4Date{font-size:20px; text-align:center; font-weight:500; color:#354052;  margin-bottom:10px;}
.dcCounselOrderWrap .dcCOInput>.dcBtnWrap{position:absolute; top:25px; right:25px;}
.dcCounselOrderWrap .dcCOInput .dcCOTable{}
.dcCounselOrderWrap .dcCOInput .dcCOTable table.dcBasicTableThin{}
.dcCounselOrderWrap .dcCOInput .dcCOTable table.dcBasicTableThin tbody tr:hover{background-color:#faf5e5;}