/*     18159 : HTML 편집기      */
/*공통*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
.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 h2 > p { font-weight:normal; margin:15px 0 0; }
.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 .con02:first-child { margin-bottom:40px; }
.sub_con .dot_line { width:100%; height:0; border-top:1px dashed #dcdcdc; margin:40px 0; }
.sub_con .sub_tit h3 { font-size:24px; color:#004b85; margin:0 0 30px;  }
.sub_con .left { float:left; }
.sub_con .info {padding-left:30px;}
.sub_con .fig { max-width:430px; }
.sub_con .cap { font-size:14px; margin-bottom:10px; color:#4097bf;}

.about_dl { display:table; }
.about_dl dt { display:table-cell; width:230px; border-right:1px solid #dcdcdc; vertical-align:top; }
.about_dl dd { display:table-cell; width:704px; padding-left:65px; }
.about_dl dd li { padding-bottom:25px; }
.about_dl dd li h5 { position:relative; margin:0 0 8px; }
.about_dl dd li h5 img { max-width:20px; position:absolute; left:-30px; }
.about_dl02 dt { border-right:0; }
.about_dl02 dd { padding-left:0; width:769px; }
.about_dl02 dd li { padding-bottom:5px; }
.about_dl02 dd li.fig { padding-top:20px; }
.about_dl02 dd li h5 {  font-weight:300; color:#666; }
.img_list { margin:-10px -10px 0 !important; }
.img_list li { float:left; width:320px; padding:10px; }

/*테이블*/
.tableScroll { width: 100%; overflow-x: auto; overflow-y:visible; }
.tableScroll > div { min-width:769px; }
.tableScroll table { width:100%; }
.tableScrollGuide { display:none; }

.table01 th, .table01 td { padding:10px 0; font-size:15px; text-align:center; }
.table01 th { background:#f5f5f5; border-top:1px solid #333; color:#444; border-left:1px solid #dcdcdc; }
.table01 td { color:#888; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; }
.table01 .side { border-left:0; }

.table02 { border-top:1px solid #333; }
.table02 th { border-color:#dcdcdc; background:#eaeaea; }
.table02 td { text-align:left; padding-left:30px; }

.table03 th { border-color:#dcdcdc; }
.table03 { border-top:1px solid #333; border-bottom:1px solid #dcdcdc; } 

@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; }
.sub_con .con02 { padding:0 20px; }

.about_dl dt { width:25%; }
.about_dl dd { width:65%; padding-left:10%; }
.img_list { margin:0 -.5%!important; }
.img_list li { width:49%; padding:5px .5%; }

.sub1_1 .about_dl02, .sub1_1 .about_dl02 dt, .sub1_1 .about_dl02 dd { width:100%; display:block; }
.sub1_1 .about_dl02 dd { padding-left:0; padding-top:20px; }

.tableScrollGuide { display:block; padding:0 0 20px !important; }
}

@media (max-width:767px){
.con_wrap { padding:40px 0; }
.sub_con h2 { font-size:26px; margin:0 0 30px; }
.sub_con h3 { font-size:18px;}
.sub_con h5 { font-size:15px; }
.sub_con p { font-size:13px; }

.sub_con .sub_tit h3 { font-size:20px; }
.sub_con .info { padding-left:0; float:none; }

.about_dl, .about_dl dt { display:block; width:100%; }
.about_dl dt br { display:none; }
.about_dl dd { padding:15px 0 0 5%; width:95%; }
.about_dl dd li { padding-bottom:15px; }
.about_dl dd li h5 { max-width:95%; }
.about_dl dd li h5 img { max-width:15px; left:-20px; top:3px; }
.about_dl02 dd li { padding-bottom:0; }
.img_list li { width:98%; }

.sub1_1 .about_dl02 dd { padding-top:10px; }
.tableScrollGuide { padding:0 0 10px !important; }
.table01 th, .table01 td { font-size:13px; }
}

/*     18160 : HTML 편집기      */


/*     18161 : HTML 편집기      */