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

#diContent{background-color:#fafafa;}

#diSubTitle{overflow:hidden; margin-bottom:30px;}
#diSubTitle h3.dcH3Title{float:left; font-size:25px; font-weight:500; color:#333; padding-left:45px; background:url(../img/sub/icoStep01.png) no-repeat 0 50%;}
#diSubTitle h3.dcH3Title2{float:left; font-size:25px; font-weight:500; color:#333; padding-left:45px; background:url(../img/sub/icoStep02.png) no-repeat 0 50%;}
#diSubTitle .dcSubStepWrap{float:right;}
#diSubTitle .dcSubStepWrap span{font-size:14px; font-weight:400; color:#acacac; padding:0 20px 0 10px; background:url(../img/sub/bgArrowOff.png) no-repeat 100% 50%;}
#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{border:solid 1px #ccc; background-color:#fff; margin-bottom:30px; overflow:hidden;}
#diSearchWrap .dcBasicTableThin tbody tr{border-bottom:dotted 1px #ddd;}
#diSearchWrap .dcBasicTableThin tbody tr:last-child{border-bottom:0;}
#diSearchWrap .dcBasicTableThin tbody tr td input{border:solid 1px #ddd; font-size:16px; padding:0 20px; line-height:38px; box-sizing:border-box;}
#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:0 20px; line-height:38px; font-size:16px; color:#333; border-radius:10px; border:solid 1px #aaa;  margin-left:10px;}
#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;}
#diSearchWrap button.dcBtnSearch{padding:10px 20px; width:100%; border:solid 1px #173238; background-color:#173238; font-size:16px; color:#fff; font-weight:300; box-sizing:border-box;}
#diSearchWrap button.dcBtnInitialization{padding:10px 20px; width:100%; border:solid 1px #173238; background-color:#fff; font-size:16px; color:#173238; font-weight:300; box-sizing:border-box;}


.dcProductList{border:solid 1px #c3c1c1; background-color:#fff; padding:30px; margin:0 0 30px 0;}
.dcProductList h3.dcH3Title{font-size:16px; color:#000; font-weight:500; background:url(../img/sub/icoTitle.png) no-repeat 0 50%; padding: 10px 30px; margin-bottom: 10px;}
.dcProductList h3.dcH3Title span{color:#ff4f4f;}
.dcProductList .dcBasicTableThin{}
.dcProductList .dcBasicTableThin thead tr th{}
.dcProductList .dcBasicTableThin tbody tr:hover{background-color:#f9f9f9;}
.dcProductList .dcBasicTableThin tbody tr td {font-size:14px;padding:5px;}
.dcProductList .dcBasicTableThin tbody tr td .dcThumb img{max-width:67px; max-height:60px; border:solid 1px #ddd;}
.dcProductList .dcBasicTableThin tbody tr th p{font-size:16px; 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; width: 156px; margin: 0 auto;}
.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:38px; height:38px; background:url(../img/sub/btnMinus.png) no-repeat 50% 50% #fff; text-indent:-9999px;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcInputNum{width:80px; height:38px; background-color:#fff; border-left:0; border-right:0;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcInputNum input{border:0; width:100%; height:36px; text-align:center; font-size:16px;}
.dcProductList .dcBasicTableThin tbody tr td .dcQuantity span.dcBtnPlus{width:38px; height:38px; 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 20px 0 50px; font-size:16px; color:#333; font-weight:300; box-sizing:border-box;}

.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderReg{width:150px; margin-bottom:5px; background:url(../img/common/bgLeftMenu01.png) no-repeat 20px 50% #fff; border:solid 1px #f9866c;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderReg:hover{background:url(../img/common/bgLeftMenu01_on.png) no-repeat 20px 50% #f9866c; border:solid 1px #f9866c; color:#fff;}

.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderBox{background:url(../img/common/bgLeftMenu02.png) no-repeat 20px 50% #fff; border:solid 1px #ccc;}
.dcProductList .dcBasicTableThin tbody tr td button.dcBtnOrderBox:hover{background:url(../img/common/bgLeftMenu02_on.png) no-repeat 20px 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:16px; padding:0 5px; line-height:38px; box-sizing:border-box;}
.dcProductList .dcBasicTableThin tbody tr td input.dc_su_cnt{border:solid 1px #ddd; font-size:14px; padding:0 5px; line-height:38px; box-sizing:border-box;}
.dcProductList .dcBasicTableThin tbody tr td p.dcPrice{font-size:16px; font-weight:400;}
.dcProductList .dcBasicTableThin tbody tr td p.dcPrice span{font-size:20px; 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:20px; line-height: 38px;}
.dcProductList .dcBasicTableThin tbody tr td ul li.accent{color:#f95b5b;}
.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:16px; font-weight:400; color:#f95b5b; padding-left:30px; line-height: 30px; background: url(../img/sub/dcEtc.png) no-repeat 0% 50%;}

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

.dcAgreeChk{text-align:center; margin-bottom:30px;}

.dcComplet{background:url(../img/sub/icoComplete.png) no-repeat 50% 0%; margin-bottom:20px;}
.dcComplet h4.dcH4Title{padding-top: 80px; text-align:center; font-size:30px; 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:30px; font-weight:600; padding-left:10px;}


/*상품상세페이지*/
#diProductDetailWrap{padding:0 10px;}
#diProductDetailWrap .dcPdDtInfo{overflow:hidden; /*margin-bottom:50px;*/}
#diProductDetailWrap .dcPdDtInfo .dcLeft{float:left; width:40%; border:solid 1px #ddd; padding:22px; box-sizing:border-box;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdBigSlider{margin-bottom:5px;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdBigSlider div{width:400px; height:290px;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdBigSlider div img{max-width:100%; max-height:100%;margin:0 auto;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider{width:400px;}
#diProductDetailWrap .dcPdDtInfo .dcLeft .dcPdThumbSlider div.slick-slide{width:130px !important; height:94px; margin-right:5px;}
#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{float:right; width:58%; }
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo01{padding:25px 20px 22px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo01 h3{font-size:30px; 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:45px; 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:22%; box-sizing:border-box; padding:0 20px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo02 dl dd{float:left; width:78%; box-sizing:border-box; padding:0 20px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03{background-color:#fafafa; padding:18px; overflow:hidden; border-bottom:solid 1px #888; margin-bottom:20px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcEa{float:left; overflow:hidden; border:solid 1px #ddd;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcEa button{float:left; width:50px; height:50px; text-indent:-9999px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcEa button.dcBtnMinus{background:url(../img/shop/btnMinus.png) no-repeat 50% 50% #fff; }
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcEa button.dcBtnPlus{background:url(../img/shop/btnPlus.png) no-repeat 50% 50% #fff;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcEa input{float:left; width:150px; height:50px;  border:0; border-left:solid 1px #ddd; border-right:solid 1px #ddd; text-align:center; font-size:16px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcPrice{float:right;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcPrice p{line-height:50px; font-size:27px; font-weight:400; color:#333;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcInfo03 .dcPrice p span{color:#fa6336; font-weight:700; font-size:30px; margin-left:20px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap{clear:both; overflow:hidden; width:100%; margin-bottom: 30px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button{float:right; height:60px; line-height:60px; text-align:center; font-size:20px; font-weight:500; color:#fff; box-sizing:border-box;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnBuy{width:46%; background-color:#f43142; border:solid 1px #f43142;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnCart{width:30%; background-color:#495f79; border:solid 1px #495f79; margin:0 2%;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnWish{width:30%; background:url(../img/sub/icoZzim.png) no-repeat 30% 50% #fff; border:solid 1px #333; color:#333; padding-left: 50px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnWishOn{width:30%; background:url(../img/sub/icoZzim_on.png) no-repeat 30% 50% #fff; border:solid 1px #333; color:#333; padding-left: 50px;}
#diProductDetailWrap .dcPdDtInfo .dcRight .dcBtnWrap button.dcBtnClose{border:solid 1px #333; color:#333; padding: 0 50px;margin-left:5px; background-color:#ddd;}
#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:50px; display:block; text-align:center; font-size:18px; 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:first-child{width:50%;}
#diProductDetailWrap .dcPdDtBoxWrap .dcBox{padding:30px 0;}
#diProductDetailWrap .dcPdDtBoxWrap .dcBox h4.dcTitle{text-align:center; font-size:40px; font-weight:500; color:#333; padding:20px 0 0 0; margin-bottom:30px; /*background:url(/modules/shop/img/shop/bgDetailBar.png) no-repeat 50% 0%;*/}

#diShopTitle{padding:0 0 20px 0; margin:0 0 50px 0; border-bottom:solid 2px #000; overflow:hidden;}
#diShopTitle h3{float:left; font-size:30px; font-weight:500; color:#000; padding-left:60px;}
#diShopTitle h3.dcStep01{background:url(../img/shop/icoOrderStep01.png) no-repeat 0% 50%;}
#diShopTitle h3.dcStep02{background:url(../img/shop/icoOrderStep02.png) no-repeat 0% 50%;}
#diShopTitle h3.dcStep03{background:url(../img/shop/icoOrderStep03.png) no-repeat 0% 50%;}
#diShopTitle .dcShopStep{float:right; padding-top: 6px;}
#diShopTitle .dcShopStep ul{overflow:hidden;}
#diShopTitle .dcShopStep ul li{float:left; font-size:15px; font-weight:300; color:#999; padding:0 20px 0 0; margin:0 0 0 20px; background:url(../img/shop/icoOrderStepOff.png) no-repeat 100% 50%;}
#diShopTitle .dcShopStep ul li:last-child{background:none; padding:0;}
#diShopTitle .dcShopStep ul li span{display:inline-block; background-color:#999; text-align:center; font-size:15px; font-weight:300; color:#fff; margin-right:10px; padding:5px 8px; border-radius:50%;}
#diShopTitle .dcShopStep ul li.on{font-weight:500; color:#fa6336; background:url(../img/shop/icoOrderStepOn.png) no-repeat 100% 50%;}
#diShopTitle .dcShopStep ul li.on:last-child{background:none; padding:0;}
#diShopTitle .dcShopStep ul li.on span{background-color:#fa6336; font-weight:500;}