@_Tabletcharset "utf-8"; 
/*=================================================================================================
// 명    칭 :서브화면 스타일쉬트 - 1680px 이상
// 처리내용 :
// 작 성 자 :2018-11-07 김진후 
//=================================================================================================*/

#diCon{}

#diContentCategory{margin:0 0 50px 0}
#diContentCategory .dc2depth{font-size:0; background-color:#ef528d; padding:10px}
#diContentCategory .dc2depth a{display:inline-block; position:relative; font-size:18px; font-weight:400; color:#fff; padding:0 10px 0 0; margin:0 0 0 10px; line-height:30px}
#diContentCategory .dc2depth a:after{content:''; display:block; position:absolute; top:50%; right:0px; transform:translateY(-50%); width:1px; height:10px; background-color:#fff}
#diContentCategory .dc2depth a:last-child:after{display:none}
#diContentCategory .dc2depth a.on{color:#ffff00; text-shadow:1px 1px 1px #444; font-weight:500}
#diContentCategory .dc3depth{font-size:0; border-left:solid 1px #ef528d}
#diContentCategory .dc3depth a{display:inline-block; position:relative; width:20%; text-align:center; font-size:15px; font-weight:400; color:#333; line-height:40px; border:solid 1px #ef528d; border-top:0; border-left:0}
#diContentCategory .dc3depth a.on{background-color:#804000; color:#fff; font-weight:500}

#diContentListWrap{}
.dcContentTitle{overflow:hidden; padding:0 0 10px 0; margin:0 0 30px 0; border-bottom:solid 1px #596678}
.dcContentTitle h4{float:left; font-size:20px; font-weight:600; color:#596678; background:url(../img/common/icon_h4.gif) 0 5px no-repeat; padding:0 0 0 25px}
.dcContentTitle h4 span{position:relative; font-weight:600;}
.dcContentTitle h4 span.dcCate2depth{}
.dcContentTitle h4 span.dcCate3depth{}
.dcContentTitle p{float:right;  font-size:16px; font-weight:400; color:#333}
.dcContentTitle p span{font-weight:600; color:#e05d00}


.dcAllPrintWrap{margin:0 0 20px 0}
.dcAllPrintWrap button{width:145px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; border-radius:5px}
.dcAllPrintWrap button i{color:#fff; margin:0 5px 0 0}
.dcAllPrintWrap button.dcBtnAllChk{background-color:#f19700; border:solid 1px #cc7211}
.dcAllPrintWrap button.dcBtnAllChk:hover{background-color:#fff; border:solid 1px #cc7211; color:#cc7211}
.dcAllPrintWrap button.dcBtnAllChk:hover i{color:#cc7211}
.dcAllPrintWrap button.dcBtnSelectPrint{background-color:#6ca674; border:solid 1px #518258}
.dcAllPrintWrap button.dcBtnSelectPrint:hover{background-color:#fff; border:solid 1px #518258; color:#518258}
.dcAllPrintWrap button.dcBtnSelectPrint:hover i{color:#518258}



.dcContentList{margin:0 0 40px 0}
.dcContentList ul{overflow:hidden}
.dcContentList ul li{float:left; width:182px; margin:0 10px 20px 0}
.dcContentList ul li:nth-child(5n){margin:0 0 10px 0}
.dcContentList ul li .dcThumb{position:relative; width:100%; height:258px; border:solid 1px #ccc; margin:0 0 10px 0}
.dcContentList ul li .dcThumb img{width:100%; height:100%}
.dcContentList ul li .dcThumb button{position:absolute; bottom:10px; right:10px; width:60px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#fff; border-radius:5px; background-color:#6ca674; border:solid 1px #518258}
.dcContentList ul li .dcThumb button i{color:#fff; margin:0 5px 0 0}
.dcContentList ul li .dcThumb button:hover{background-color:#fff; border:solid 1px #518258; color:#518258}
.dcContentList ul li .dcThumb button:hover i{color:#518258}
.dcContentList ul li .dcSubject{text-align:center; font-size:14px; font-weight:400; color:#333}
.dcContentList ul li:hover .dcThumb{border:solid 1px #ef528d}
.dcContentList ul li .dcSubjectWrap{overflow:hidden}
.dcContentList ul li .dcSubjectWrap input[type='checkbox']{float:left; display:none}
.dcContentList ul li .dcSubjectWrap input[type='checkbox'] + label{float:left; cursor:pointer; font-size:16px; color:#1a1a1a; line-height:21px}
.dcContentList ul li .dcSubjectWrap input[type='checkbox'] + label img{vertical-align:baseline}
.dcContentList ul li .dcSubjectWrap input[type='checkbox'] + label span {display:inline-block; width:15px; height:15px;  margin:-2px 5px 0 0; vertical-align:middle; background:url(../img/common/btnCheckOff.png) 50% 50% no-repeat; background-size:cover}
.dcContentList ul li .dcSubjectWrap input[type='checkbox']:checked + label span {background:url(../img/common/btnCheckOn.png) 50% 50% no-repeat; background-size:cover}
.dcContentList ul li .dcSubjectWrap label{width:100%; height:50px}
.dcContentList ul li .dcSubjectWrap p{width:100%; height:50px; font-size:16px; color:#1a1a1a; line-height:21px}

.dcContentList ul li .dcThumbSWF{position:relative; width:100%; height:135px; border:solid 1px #ccc; margin:0 0 10px 0}
.dcContentList ul li .dcThumbSWF img{width:100%; height:100%}















/* 고객센터 CSS 시작 =================================================================== */
.dcCustomerCenterCon{}

/* 검색창 */
.dcSubSearchWrap{border:solid 1px #e1e1e1; padding:30px 0; margin:0 0 40px 0}
.dcSubSearchWrap .dcSubSearchBox{overflow:hidden; width:400px; border:solid 1px #000; margin:0 auto}
.dcSubSearchWrap .dcSubSearchBox input{float:left; width:360px; height:38px; border:0; background-color:#fff; font-size:14px; line-height:38px; color:#1a1a1a; padding:0 10px}
.dcSubSearchWrap .dcSubSearchBox input:placeholder{font-size:12px; color:#ccc}
.dcSubSearchWrap .dcSubSearchBox button{float:left; width:38px; height:38px; border:0; background:url(../img/sub/btnIconSearch.png) no-repeat 50% 50% #fff; text-indent:-99999px}

/* 자주하는질문 */
.dcFAQListWrap{}
.dcFAQListWrap table.dcTBShop thead tr{background:#f7f7f7}
.dcFAQListWrap table.dcTBShop tbody tr.dcFAQQuestion{cursor:pointer}
.dcFAQListWrap table.dcTBShop tbody tr.dcFAQAnswer{background:#f7f7f7}

/* 1:1문의 */
.dcInquiry{}
.dcInquiry .dcInquiryInput{border-top:solid 1px #1a1a1a; margin:0 0 20px 0}
.dcInquiry .dcInquiryInput dl{overflow:hidden; border-bottom:solid 1px #e1e1e1}
.dcInquiry .dcInquiryInput dl dt{float:left; width:20%; font-size:14px; color:#1a1a1a; line-height:50px; padding:10px}
.dcInquiry .dcInquiryInput dl dd{float:left; width:80%; padding:10px}
.dcInquiry .dcInquiryInput dl dd select{display:block; width:200px; height:50px; padding:5px 10px; 
	border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#1a1a1a; 
	text-align:left; 
	background:url(../img/member/bgSelect.png) 90% 50% no-repeat; 
    appearance:none; /* 기본 스타일 없애기 */
    -webkit-appearance:none; 
    -moz-appearance:none; 
    -o-appearance:none; 
}
.dcInquiry .dcInquiryInput dl dd select option{font-size:14px; color:#1a1a1a}
.dcInquiry .dcInquiryInput dl dd textarea{height:300px; border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#1a1a1a; padding:10px}
.dcInquiry .dcInquiryInput dl dd textarea:placeholder{font-size:12px; color:#ccc}
.dcInquiry .dcInquiryInput dl dd input[type='file']{width:100%; height:50px; border:solid 1px #e1e1e1; background-color:#fff}
.dcInquiry .dcInquiryInput dl dd p.dcFileEtc{font-size:11px; color:#666}
.dcInquiry .dcInquiryEtc{margin:0 0 50px 0}
.dcInquiry .dcInquiryEtc p{position:relative; font-size:12px; color:#1a1a1a; line-height:17px; padding:0 0 0 10px}
.dcInquiry .dcInquiryEtc p:before{content:'*'; display:block; position:absolute; top:0px; left:0px; color:#d7af72}

/* 1:1문의내역 */
.dcInquiryListWrap{}
.dcInquiryListWrap table.dcTBShop thead tr th{border-right:0}
.dcInquiryListWrap table.dcTBShop tbody tr td{border-right:0}
.dcInquiryListWrap table.dcTBShop tbody tr.dcInquiryQuestion{cursor:pointer}
.dcInquiryListWrap table.dcTBShop tbody tr.dcInquiryAnswer{background:#f7f7f7}
.dcInquiryListWrap table.dcTBShop tbody tr.dcInquiryAnswer p{margin:0 0 10px 0}
.dcInquiryListWrap table.dcTBShop tbody tr.dcInquiryAnswer p.dcPAnserName{font-size:14px; color:#666; line-height:19px; margin:0}
.dcInquiryListWrap table.dcTBShop tbody tr.dcInquiryAnswer p.dcPAnserName span{position:relative; padding:0 10px 0 0; margin:0 10px 0 0}
.dcInquiryListWrap table.dcTBShop tbody tr.dcInquiryAnswer p.dcPAnserName span:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:10px; background-color:#aaa}

/* 이용안내 */
.dcUserGuide{}
.dcUserGuide .dcTabWrap{margin:0 0 40px 0}
.dcUserGuide .dcUserGuideList{}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide{}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox{border:solid 1px #e1e1e1; padding:30px; margin:0 0 20px 0}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .BDNONE{border:0}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox h4{font-size:16px; color:#b09465; line-height:21px; margin:0 0 20px 0}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox h5{font-size:14px; color:#1a1a1a; line-height:19px; margin:0 0 10px 0}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox p{font-size:14px; color:#1a1a1a; line-height:24px; margin:0 0 10px 0}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox p.colorC96941{color:#c96941}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox p span{font-weight:bold}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox p span.color666666{color:#666; font-weight:normal}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox ul{}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox ul li{position:relative; font-size:14px; color:#1a1a1a; line-height:19px; padding:0 0 0 14px; margin:0 0 5px 0}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox ul li:before{content:'▶'; display:block; position:absolute; top:0px; left:0px; color:#1a1a1a}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox ol{}
.dcUserGuide .dcUserGuideList .dcDeliveryGuide .dcGuideBox ol li{position:relative; font-size:14px; color:#666; line-height:19px; padding:0 0 0 5px; margin:0 0 5px 0}

/* 고객의 소리 */
.dcVoiceCoustomer{}
.dcVoiceCoustomer .dcVoiceCoustomerBanner{margin:0 0 40px 0}
.dcVoiceCoustomer .dcVoiceCoustomerInput{border-top:solid 1px #1a1a1a; margin:0 0 50px 0}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl{overflow:hidden; border-bottom:solid 1px #e1e1e1}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dt{float:left; width:20%; font-size:14px; color:#1a1a1a; line-height:50px; padding:10px}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd{float:left; width:80%; padding:10px}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd select{display:block; width:200px; height:50px; padding:5px 10px; 
	border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#1a1a1a; 
	text-align:left; 
	background:url(../img/member/bgSelect.png) 90% 50% no-repeat; 
    appearance:none; /* 기본 스타일 없애기 */
    -webkit-appearance:none; 
    -moz-appearance:none; 
    -o-appearance:none; 
}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd select option{font-size:14px; color:#1a1a1a}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd textarea{height:300px; border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#1a1a1a; padding:10px}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd textarea:placeholder{font-size:12px; color:#ccc}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd input[type='file']{width:100%; height:50px; border:solid 1px #e1e1e1; background-color:#fff}
.dcVoiceCoustomer .dcVoiceCoustomerInput dl dd p.dcFileEtc{font-size:11px; color:#666}


/* 고객 후기 */
#diReviewWrap{padding:50px 0 0 0; background:linear-gradient( to bottom, #faf8f7 10%, #fff )}
#diReviewWrap ul{}
#diReviewWrap ul li{float:left; width:255px; height:255px; padding:5px; margin:0 1px 1px 0}
#diReviewWrap ul li:nth-child(4n){margin:0 0 1px 0}
#diReviewWrap ul li a{display:block; width:245px; height:245px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1); padding:40px 0 25px}
#diReviewWrap ul li p.dcPCate{text-align:center; font-size:14px; color:#999; font-weight:normal; line-height:19px; margin:0 0 30px 0}
#diReviewWrap ul li p.dcPStar{text-align:center; height:13px; margin:0 0 20px 0}
#diReviewWrap ul li p.dcPDateWriter{text-align:center; font-size:14px; color:#666; font-weight:normal; line-height:19px}
#diReviewWrap ul li p.dcPDateWriter span{position:relative; display:inline-block; margin:0 10px; text-indent:-9999px; height:19px; line-height:19px; font-size:14px; color:#666}
#diReviewWrap ul li p.dcPDateWriter span:before{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1px; height:10px; background-color:#666}
#diReviewWrap ul li h3.dcH3Subject{text-align:center; font-size:17px; color:#333; font-weight:normal; line-height:22px; margin:0 0 50px 0}

#diModalWrap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999}
#diModalWrap .dcBgModal{position:fixed; background-color:#000; opacity:0.7; width:100%; height:100%}
#diModalWrap .dcModalWrap{position:absolute; width:900px; height:580px; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10; background-color:#fff}
#diModalWrap .dcModalWrap button#diBtnModalClose{position:absolute; top:0; right:0; width:50px; height:50px; background:url(../img/sub/btnClose.png) no-repeat 50% 50%; text-indent:-99999px; z-index:999}
#diModalWrap .dcModalWrap .dcModalBox{position:relative}
#diModalWrap .dcModalWrap .dcModalBox button{position:absolute; top:50%; transform:translateY(-50%); width:18px; height:31px; text-indent:-9999px; z-index:997}
#diModalWrap .dcModalWrap .dcModalBox button#diReviewPrev{left:-40px; background:url(../img/sub/btnPrevReview.png) no-repeat 50% 50%}
#diModalWrap .dcModalWrap .dcModalBox button#diReviewNext{right:-40px; background:url(../img/sub/btnNextReview.png) no-repeat 50% 50%}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap{float:left; width:580px; height:580px; background:url(../img/sub/bgReviewPop.png) no-repeat 50% 50%; padding:115px 0}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider{height:350px}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider ul{}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider ul li{width:580px !important; height:350px}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider ul li img{width:100%; height:100%}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider .bx-wrapper .bx-controls-auto{position:absolute; left:0; bottom:100px; width:100%}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider .bx-wrapper .bx-controls-direction a{position:absolute; top:50%; transform:translateY(-50%); width:26px; height:26px; text-indent:-9999px; z-index:99}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider .bx-wrapper .bx-prev{left:20px; background:url(../img/sub/btnPrevReview2.png) no-repeat 50% 50%}
#diModalWrap .dcModalWrap .dcModalBox .dcLeftWrap .dcImgSlider .bx-wrapper .bx-next {right:20px; background:url(../img/sub/btnNextReview2.png) no-repeat 50% 50%}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap{float:left; width:320px; height:580px}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcSubjectWrap{padding:40px 20px 20px; border-bottom:solid 1px #e1e1e1}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcSubjectWrap p.dcPCate{font-size:13px; color:#999; font-weight:normal; line-height:18px; margin:0 0 10px 0}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcSubjectWrap p.dcPStar{height:13px; margin:0 0 15px 0; line-height:8px}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcSubjectWrap h3.dcH3Subject{font-size:14px; color:#1a1a1a; font-weight:normal; line-height:19px}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcReviewCon{padding:20px 0 0 0}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcReviewCon p.dcPDateWriter{font-size:14px; color:#666; font-weight:normal; line-height:19px; padding:0 20px; margin:0 0 15px 0}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcReviewCon p.dcPDateWriter span{position:relative; display:inline-block; margin:0 10px; text-indent:-9999px; height:19px; line-height:19px; font-size:14px; color:#666}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcReviewCon p.dcPDateWriter span:before{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1px; height:10px; background-color:#666}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcReviewCon .dcReviewText{padding:0 20px; margin:0 0 20px 0; height:324px; overflow-y:auto}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap .dcReviewCon .dcReviewText p{}
#diModalWrap .dcModalWrap .dcModalBox .dcRightWrap a.dcBtnBuyPd{display:block; width:100%; line-height:46px; background-color:#333; text-align:center; font-size:15px; color:#fff; font-weight:normal}


#diSub9003Wrap{}
#diSub9004Wrap{}
.dcEduWrap{margin:0 0 50px 0}
.dcEduWrap h4{color:#596678; padding:0 0 0 23px; font-size:18px; font-weight:500; background:url(../img/common/icon_h4.gif) 0 6px no-repeat; margin:0 0 20px 0}