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

#diContent{}

input:focus {
  outline: none;
}

.input_date_search {width:100px;padding:0 !important;text-align:center;}

#diSubTitle{overflow:hidden; margin-bottom:10px;}
#diSubTitle h3.dcH3Title{font-size:16px; font-weight:500; color:#333; padding-left:30px; background:url(../img/sub/icoStep01.png) no-repeat 0 50%; background-size: 20px;}
#diSubTitle h3.dcH3Title2{font-size:16px; font-weight:500; color:#333; padding-left:30px; background:url(../img/sub/icoStep02.png) no-repeat 0 50%; background-size: 20px;}
#diSubTitle .dcSubStepWrap{display:none;}
#diSubTitle .dcSubStepWrap span{font-size:12px; font-weight:400; color:#acacac; padding:0 20px 0 10px; background:url(../img/sub/bgArrowOff.png) no-repeat 100% 50%;}
#diSubTitle .dcSubStepWrap span:first-child{padding:0 20px 0 0;}
#diSubTitle .dcSubStepWrap span:last-child{background:none; padding:0 0 0 10px;}
#diSubTitle .dcSubStepWrap span.on{font-weight:600; color:#333; background:url(../img/sub/bgArrow.png) no-repeat 100% 50%;}

#diSearchWrap{padding:10px;border-radius:5px;margin-bottom:20px; overflow:hidden;    box-shadow: 0 10px 10px rgb(50 50 90 / 10%), 0 -3px 10px rgb(0 0 0 / 7%);}
#diSearchWrap .dcBasicTableThin tbody tr{border-bottom:0px;}
#diSearchWrap .dcBasicTableThin tbody tr:last-child{border-bottom:0;}
#diSearchWrap .dcBasicTableThin tbody tr td .dcSelectWrap{height:35px; border:solid 1px #ccc; background: url(../img/common/bgSelectArrow.png) no-repeat 93% 50% #fff; text-align:center; margin-bottom:5px;}
#diSearchWrap .dcBasicTableThin tbody tr td select{display:block; width: 100%; height:35px; z-index:10;  font-weight:300; /*border:0;*/ font-size:14px; color:#354052; padding:0 0 0 15px; /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ background:none;}
#diSearchWrap .dcBasicTableThin tbody tr td select::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
#diSearchWrap .dcBasicTableThin tbody tr td select option{background-color:#fff; font-weight:300; }
#diSearchWrap .dcBasicTableThin tbody tr td input{border:solid 1px #ddd; font-size:12px; padding:0 20px; line-height:35px; box-sizing:border-box; margin-bottom:5px;}
#diSearchWrap .dcBasicTableThin tbody tr td button.dcBtnCal{width:32px; height:38px; background:url(../img/sub/icoCal.png) no-repeat 50% 50%; text-indent:-9999px; margin-left:5px;}
#diSearchWrap .dcBasicTableThin tbody tr td button.dcBtnDay{padding:5px;width:calc(20% - 5px); font-size:12px; color:#333; border-radius:5px; border:solid 1px #ccc;margin-top:5px; }
#diSearchWrap .dcBasicTableThin tbody tr td button.dcBtnDay:hover{background-color:#333; border:solid 1px #333; color:#fff;}
#diSearchWrap .dcSearchTitle{text-align:center;}
#diSearchWrap .dcSearchTitle h3{display:inline-block; text-align:center; font-size:16px; color:#354052; font-weight:400; background:url(../img/common/bgCheckOn.png) no-repeat 0 50%; padding-left: 20px;}
#diSearchWrap input.dcSearchInput {width:100%; border:solid 1px #aaa; background-color:#fff; padding:10px 20px; font-size:16px; color:#354052; font-weight:300; box-sizing:border-box; text-align:center;}
#diSearchWrap button.dcBtnSearch{padding:10px 20px 5px 35px; width:100%; border:solid 1px #173238; background:url(../img/sub/btnSearch.png) no-repeat 54px 50% #173238; font-size:16px; color:#fff; font-weight:300; box-sizing:border-box;}
#diSearchWrap button.dcBtnInitialization{padding:10px 20px 5px 35px; width:100%; border:solid 1px #173238; background:url(../img/sub/btnRefush.png) no-repeat 54px 50% #fff; font-size:16px; color:#173238; font-weight:300; box-sizing:border-box;}


.dcProductList{border:solid 1px #c3c1c1; background-color:#fff; padding:5%; margin:0 0 20px 0;}
.dcProductList h3.dcH3Title{font-size:14px; color:#000; font-weight:500; background:url(../img/sub/icoTitle.png) no-repeat 0 50%; padding:5px 30px; margin-bottom: 10px;}
.dcProductList h3.dcH3Title span{color:#ff4f4f;}
.dcProductList .dcBasicTableThin{}
.dcProductList .dcBasicTableThin thead tr th{}
.dcProductList .dcBasicTableThin thead tr th input[type="checkbox"] + label span {margin:0}
.dcProductList .dcBasicTableThin tbody tr:hover{background-color:#f9f9f9;}
.dcProductList .dcBasicTableThin tbody tr td .dcThumb img{width:67px; height:47px; border:solid 1px #ddd; margin-bottom:5px;}
.dcProductList .dcBasicTableThin tbody tr th p{font-size:14px; display:inline-block;}
.dcProductList .dcBasicTableThin tbody tr th p.dcIcoEssential{padding: 0 15px 0 0; background:url(../img/sub/icoEssential.png) no-repeat 100% 50%;}
.dcProductList .dcBasicTableThin tbody tr td a{color:#333;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity{overflow:hidden; margin-bottom:5px;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span{float:left; box-sizing:border-box; border:solid 1px #ddd;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcBtnMinus{width:30px; height:30px; background:url(../img/sub/btnMinus.png) no-repeat 50% 50% #fff; text-indent:-9999px;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcInputNum{width:50px; height:30px; background-color:#fff; border-left:0; border-right:0;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcInputNum input{border:0; width:100%; height:28px; text-align:center; font-size:14px;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcBtnPlus{width:30px; height:30px; background:url(../img/sub/btnPlus.png) no-repeat 50% 50% #fff; text-indent:-9999px;}
.dcProductList .dcBasicTableThin tbody tr td button{line-height:38px; padding:0 10px 0 30px; font-size:14px; color:#333; font-weight:300; box-sizing:border-box;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderReg{line-height:30px; background:url(../img/common/bgLeftMenu01.png) no-repeat 10px 50% #fff; border:solid 1px #f9866c; background-size: 15px;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderReg:hover{background:url(../img/common/bgLeftMenu01_on.png) no-repeat 10px 50% #f9866c; border:solid 1px #f9866c; color:#fff;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderBox{line-height:30px;background:url(../img/common/bgLeftMenu02.png) no-repeat 10px 50% #fff; border:solid 1px #ccc; background-size: 15px;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderBox:hover{background:url(../img/common/bgLeftMenu02_on.png) no-repeat 10px 50% #ccc; border:solid 1px #ccc; color:#fff;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnAddr{background-color:#173238; border:solid 1px #173238; color:#fff; margin-left:10px; padding:0 20px;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnAddr:hover{background-color:#fff; border:solid 1px #173238; color:#173238;}
.dcProductList .dcBasicTableThin tbody tr td input{border:solid 1px #ddd; font-size:14px; padding:0 5px; line-height:38px; box-sizing:border-box; text-align:center;}
.dcProductList .dcBasicTableThin tbody tr td input[type="checkbox"] + label span {margin:0}
.dcProductList .dcBasicTableThin tbody tr td p.dcPrice{font-size:14px; font-weight:400;}
.dcProductList .dcBasicTableThin tbody tr td p.dcPrice span{font-size:14px; font-weight:600;}
.dcProductList .dcBasicTableThin tbody tr td p.dcPrice span.accent{color:#f95b5b;}
.dcProductList .dcBasicTableThin tbody tr td ul{overflow:hidden;}
.dcProductList .dcBasicTableThin tbody tr td ul > li{float:left; margin-right:10px; line-height: 38px;}
.dcProductList .dcBasicTableThin tbody tr td ul > li:last-child{margin-right:0;}
.dcProductList .dcBasicTableThin tbody tr td p.accent{color:#f95b5b;}
.dcProductList .dcBasicTableThin tbody tr td ol{margin-bottom:5px;}
.dcProductList .dcBasicTableThin tbody tr td ol > li{position:relative; padding-left:15px;}
.dcProductList .dcBasicTableThin tbody tr td ol > li::before{content:''; display:block; position:absolute; top:9px; left:5px; width:3px; height:3px; background-color:#666;}
.dcProductList .dcBasicTableThin tbody tr td .dcSelectBank{width:40%; height:40px; margin-right:2%; border:solid 1px #ccc; background: url(../img/common/bgSelectArrow.png) no-repeat 95% 50% #fff; }
.dcProductList .dcBasicTableThin tbody tr td .dcSelectBank select{display:block; width: 100%; height:40px; z-index:10;  font-weight:400; border:0; font-size:16px; color:#354052; padding:0 0 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none;}
.dcProductList .dcBasicTableThin tbody tr td .dcSelectBank select::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.dcProductList .dcBasicTableThin tbody tr td .dcSelectBank select option{background-color:#fff; font-weight:100; }
.dcProductList p.dcPEtc{font-size:14px; font-weight:400; color:#f95b5b; padding-left:30px; background: url(../img/sub/dcEtc.png) no-repeat 0% 2px; background-size: 20px;}

/*상품상세페이지*/
#diProductDetailWrap{}
#diProductDetailWrap .dcPdDtInfo{overflow:hidden; margin-bottom:30px;}
#diProductDetailWrap .dcPdDtInfo .dcLeft{width:100%; border:solid 1px #ddd; padding:10px; box-sizing:border-box;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdBigSlider{margin-bottom:5px;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdBigSlider div{width:100% !important; height:200px;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdBigSlider div img{width:100%; height:100%;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider{width:100%;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider div.slick-slide{width:32.6% !important; height:55px; margin-right:1%;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider div.slick-slide:last-child{margin:0;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider div.slick-slide img{width:100%; height:100%;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider div.slick-current{border:solid 3px #f46f34; box-sizing:border-box;}
#diProductDetailWrap .dcPdDtInfo .dcRight{width:100%; }
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo01{padding:10px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo01 h3{font-size:18px; font-weight:500; color:#000; margin-bottom:5px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo01 p{font-size:14px; font-weight:400; color:#666;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02{border-top:solid 1px #888;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 dl{overflow:hidden; line-height:40px; border-bottom:solid 1px #f3f3f3;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 dl:last-child{border-bottom:solid 1px #888;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 dl dt{float:left; width:25%; box-sizing:border-box; padding:0 10px; font-size:14px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 dl dd{float:left; width:75%; box-sizing:border-box; padding:0 10px; font-size:14px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 .dcEa{overflow:hidden; border:solid 1px #ddd; margin-top: 4px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 .dcEa button{float:left; width:20%; height:30px; text-indent:-9999px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 .dcEa button.dcBtnMinus{background:url(../img/shop/btnMinus.png) no-repeat 50% 50% #fff; }
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 .dcEa button.dcBtnPlus{background:url(../img/shop/btnPlus.png) no-repeat 50% 50% #fff;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 .dcEa input{float:left; width:58%; height:30px;  border:0; border-left:solid 1px #ddd; border-right:solid 1px #ddd; text-align:center; font-size:14px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03{background-color:#fafafa; padding:0 10px; overflow:hidden; border-bottom:solid 1px #888; margin-bottom:20px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcPrice{}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcPrice p{line-height:50px; font-size:16px; font-weight:400; color:#333; text-align: right;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcPrice p span{color:#fa6336; font-weight:700; font-size:20px; margin-left:20px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap{clear:both; overflow:hidden; width:100%;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button{float:left; height:35px; line-height:35px; text-align:center; font-size:16px; font-weight:500; color:#fff; box-sizing:border-box;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnBuy{width:100%; background-color:#f43142; border:solid 1px #f43142; margin:0 0 2% 0;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnCart{width:60%; background-color:#495f79; border:solid 1px #495f79; margin:0 2% 0 0;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnWish{width:38%; background:url(../img/shop/icoZzim.png) no-repeat 30% 50% #fff; border:solid 1px #333; color:#333; padding-left: 50px;}
#diProductDetailWrap .dcPdDtBoxWrap{clear:both;}
#diProductDetailWrap .dcPdDtBoxWrap #diPdDtBox01{}
#diProductDetailWrap .dcPdDtBoxWrap #diPdDtBox02{}
#diProductDetailWrap .dcPdDtBoxWrap #diPdDtBox03{}
#diProductDetailWrap .dcPdDtBoxWrap .dcPdDtTab{border:solid 1px #777; overflow:hidden;}
#diProductDetailWrap .dcPdDtBoxWrap .dcPdDtTab a{float:left; width:50%; line-height:40px; display:block; text-align:center; font-size:14px; font-weight:300; color:#999; background-color:#f1f1f1;}
#diProductDetailWrap .dcPdDtBoxWrap .dcPdDtTab a.on{background-color:#fff; color:#333; font-weight:500; }
#diProductDetailWrap .dcPdDtBoxWrap .dcPdDtTab a:last-child{width:50%;}
#diProductDetailWrap .dcPdDtBoxWrap .dcBox{padding:30px 0;}
#diProductDetailWrap .dcPdDtBoxWrap .dcBox h4.dcTitle{text-align:center; font-size:20px; font-weight:500; color:#333; padding:0 0 0 0; margin-bottom:30px; }
#diProductDetailWrap .dcPdDtBoxWrap .dcBox table th{font-size:14px;}
#diProductDetailWrap .dcPdDtBoxWrap .dcBox table td{font-size:14px;}

.dcOrderTotal{border:solid 2px #a6a6a6; box-sizing:border-box; text-align:center; padding:20px 40px;}
.dcOrderTotal > div{}
.dcOrderTotal .dcProductPrice{padding: 0 0 55px 0; background:url(../img/sub/icoPlus.png) no-repeat 50% 80%;}
.dcOrderTotal .dcDeliveryPrice{padding: 0 0 55px 0; background:url(../img/sub/icoEquls.png) no-repeat 50% 80%;}
.dcOrderTotal .dcTotalPrice{}
.dcOrderTotal p{text-align:center; }
.dcOrderTotal p.dcTitle{font-size:14px; font-weight:400; color:#333;}
.dcOrderTotal p.dcPrice{font-size:14px; font-weight:400;}
.dcOrderTotal p.dcPrice span{font-size:16px; font-weight:600;}
.dcOrderTotal p.dcPrice span.accent{color:#f95b5b;}

.dcAgreeChk{margin-bottom:30px; font-size:14px;}

/* 주문서 등록화면*/
.dc_order_input_wrap dl {border-bottom: 1px solid #ddd;}
.dc_order_input_wrap dl dt {color: #333; font-weight: 500; font-size: 14px; padding:20px 0 5px 0;}
.dc_order_input_wrap dl dt.dcIcoEssential {padding-left: 10px; background:url(../img/sub/icoEssential.png) no-repeat 0 58%; }
.dc_order_input_wrap dl dd .dcBtnPost {background-color: #495f79; border: solid 1px #495f79; color: #fff; cursor: pointer; font-size: 14px; padding: 0 10px; line-height: 38px; box-sizing: border-box; text-align: center;}
.dc_order_input_wrap dl dd input[type=text] {width:100%; text-align:left; border: solid 1px #ddd; font-size: 14px; padding: 0 5px; line-height: 38px; box-sizing: border-box; text-align: center;}
.dc_order_input_wrap dl dd .dcSelectWrap {width: 100%; height: 40px; margin-right: 2%; border: solid 1px #ccc; background: url(../img/shop/bgSelectArrow.png) no-repeat 95% 50% #fff;}
.dc_order_input_wrap dl dd .dcSelectWrap select { font-size:16px;display: block; width: 100%; height: 40px; z-index: 10; font-weight: 400; border: 0; font-size: 14px; color: #354052; padding: 0 40px 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none;}

.dc_add_con_tit_wrap {position: relative; margin:20px 0 0 0;line-height:20px;border-bottom:1px solid #a9a9a9;}
.dc_add_cont_btn {position: absolute; top: 15px;right:0; width:22px; text-align:center; font-weight:bold; padding:0 5px; border:1px solid #a9a9a9;background-color:#F8F8F8;}
.dc_add_cont_con_wrap {width:100%;min-height:200px;max-height:300px;line-height:20px; padding:10px;overflow-y:auto; border:1px solid #a9a9a9;font-size:12px; border-top:0; display:none;}

/**/


.dcComplet{background:url(../img/sub/icoComplete.png) no-repeat 50% 0%; margin-bottom:20px; background-size: 35px;}
.dcComplet h4.dcH4Title{padding-top:50px; text-align:center; font-size:18px; font-weight:600; color:#474747;}
.dcComplet h4.dcH4Title span{color:#f9866c;}
.dcCompletNm{border:solid 2px #a6a6a6; box-sizing:border-box; padding:20px 40px;}
.dcCompletNm p{text-align:center; font-size:14px; font-weight:400; color:#333; line-height: 60px;}
.dcCompletNm p span{font-size:16px; font-weight:600; padding-left:10px;}

#diOrderWrap{}
#diOrderWrap .dcOrderInputWrap{margin:0 0 30px 0;}
#diOrderWrap .dcOrderInputWrap h3.dcH3Title{font-size:16px; font-weight:700; color:#153b75; padding-left:30px; background:url(../img/sub/icoStep01.png) no-repeat 0 50%; background-size: 20px; margin:0 0 10px 0;}
#diOrderWrap .dcOrderInputWrap .dcInputList p{padding:20px 0 5px;}
#diOrderWrap .dcOrderInputWrap .dcInputList input{height:35px;border-radius: 5px;background:#eee;}
#diOrderWrap .dcOrderInputWrap .dcInputList{border-top:solid 2px #153b75; border-bottom:solid 1px #aaa; padding: 10px 0;}
#diOrderWrap .dcOrderInputWrap .dcInputList img {max-width:100%;}
#diOrderWrap .dcOrderInputWrap .dcInputList dl{}
#diOrderWrap .dcOrderInputWrap .dcInputList dl dt{float:left; width:30%; font-size:13px; font-weight:400; color:#333; padding:5px 10px; line-height:30px;}
#diOrderWrap .dcOrderInputWrap .dcInputList dl dd{float:left; width:70%;  padding:5px 0;}
#diOrderWrap .dcOrderInputWrap .dcInputList dl dd input{border:solid 1px #ccc; background-color:#fff; width:100%;  line-height:30px; height:30px;}
#diOrderWrap .dcOrderInputWrap .dcInputList dl dd select{font-size:16px;border:solid 1px #ccc; background-color:#fff; width:100%;  line-height:30px; height:30px;}

#diBtnWrap{text-align:center; font-size:0; margin:0 0 20px 0;}
#diBtnWrap a, #diBtnWrap button{display:inline-block; line-height:30px; text-align:center; font-size:12px; font-weight:400; color:#333; border:solid 1px #aaa; background-color:#f1f1f1; margin:0 0 0 5px; padding:0 20px; }
#diBtnWrap a.btn_write, #diBtnWrap button.btn_write{color:#fff; border:solid 1px #000; background-color:#000;}
#diBtnWrap a.btn_delete {color:#fff; border:solid 1px #000; background-color:red;}

h2.dcH2Title{text-align:center; font-size:20px; font-weight:700; color:#153b75; margin:0 0 20px 0;}

.ssInput { border: solid 1px #ccc; background-color: #fff; width: 100%;line-height: 30px; height: 30px; padding:0 5px;}
.ssInputGray { border: solid 1px #ccc; background-color: #F8F8F8; width: 100%;line-height: 30px; height: 30px; padding:0 5px;}
.ssCenter {text-align:center;}