/*     18165 : HTML 편집기      */
/*공통*/
.sub_con h2, .sub_con h3, .sub_con h4, .sub_con h5, .sub_con p, .sub_con dl, .sub_con dt, .sub_con dd, .sub_con ul, .sub_con li, .sub_con a, .sub_con span { margin:0; padding:0; list-style:none; }
.clr {*zoom:1;}
.clr:after {content:""; display:block; clear:both; }
.red { color:#ed1c24 !important; }

/*서브*/
.con_wrap { max-width:1000px; margin:0 auto 60px; padding:60px 0; }

.sub_con h2 { font-size:32px; color:#444; text-align:center; margin:0 0 40px; }
.sub_con h3 { font-size:28px; color:#444; }
.sub_con h5 { font-size:18px; color:#444; }
.sub_con p { font-size:16px; color:#666; }

.sub_con .con { margin-bottom:80px; }
.sub_con .fig { margin-top:25px; }
.sub_con .dot_line { width:100%; height:0; border-top:1px dashed #dcdcdc; margin:40px 0; }

.about_dl { display:table; }
.about_dl dt { display:table-cell; width:230px; border-right:1px solid #dcdcdc; }
.about_dl dd { display:table-cell; width:704px; padding-left:65px; }
.use_dl dt { border-right:0; font-weight:300; position:relative; top:10px; line-height:3em; }
.use_dl dd { padding-left:50px; width:719px; color:#888; font-weight:lighter; word-break:keep-all; }
.use_dl dd li { padding-bottom:40px; font-size:18px; color:#444; }
.use_dl .cnt_tit { color:#444; font-weight:500; }
.use_dl .cnt_tit:after { content:''; display:block; width:20px; height:1px; background:#ed1c24; margin:15px 0 20px; }
.use_dl ol { margin:0; padding:0; }
.use_dl ol li { margin:0; padding:0 0 15px 0; list-style:inherit; color:#666 !important; font-weight:normal; }
.use_dl02 ul li { padding:0 0 20px 20px !important; position:relative; font-weight:normal; color:#666!important; }
.use_dl02 ul li:before { content:''; display:block;  position:absolute; left:0; top:0; width:15px; height:22px; background:url('/img_up/shop_pds/dsm01/design/img/ico.png') no-repeat left center; background-size:15px; }

@media (max-width:1023px){
#sub_view .contents { padding:30px 0; }
.sub_con { word-break:keep-all; }
.sub_con h2 { margin:0 0 25px; }
.sub_con .con { margin-bottom:60px; }

.about_dl dt { width:25%; }
.about_dl dd { width:70%; padding-left:5%; }
.use_dl dd p { font-weight:400; color:#707070; }
}

@media (max-width:767px){
.con_wrap { padding:40px 0; }
.sub_con h2 { font-size:26px; margin:0 0 15px; }
.sub_con h3 { font-size:18px; line-height:1.4em;}
.sub_con h5 { font-size:15px; }
.sub_con p { font-size:13px; }
.sub_con .fig { margin-top:15px; text-align:center; }

.about_dl, .about_dl dt, .about_dl dd { display:block; width:100%; }
.about_dl dt br { display:none; }
.about_dl dd { padding:15px 0 0 0; }
.about_dl dd li { padding-bottom:20px; font-size:14px; }
.use_dl .cnt_tit:after { margin:8px 0 10px; }
.use_dl02 ul li { padding:0 0 15px 15px !important; }
.use_dl02 ul li:before { background-size:10px; width:10px; height:12px; top:2px;}
.use_dl ol { padding-left:15px; }
.use_dl ol li { padding:0 0 10px 0; }
}