/*     18166 : 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; }
.pc_view { display:block; }
.mo_view { display:none; }
.light { font-weight:300; }

/*서브*/
.con_wrap { max-width:1000px; margin:0 auto 60px; }
.sub_con { position:relative; }
.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; font-weight:300; word-break:keep-all; }

.about_dl { display:table; }
.about_dl dt { display:table-cell; width:230px; border-right:1px solid #dcdcdc; vertical-align:middle; }
.about_dl dd { display:table-cell; width:704px; padding-left:65px; }
.about_dl dd li { padding-bottom:10px; clear:both; }
.about_dl dd li h5 img { max-width:18px; position:absolute; left:-28px; }

.info_box { width:100%; margin:40px 0 0; position:relative; }
.info_box dl { padding:40px 60px; border:1px solid #dcdcdc; }
.info_box  dd li h5 { position:relative; font-size:16px; float:left; width:20%; }
.info_box  dd li p { float:left; margin:0; width:77%; padding-left:3%; }

.img { margin:20px auto; text-align:center; }
.img img { max-width:100%; }

/*sub5_1*/
.sub5_1 h3 { font-size:24px; }
.sub5_1 p { margin:15px 0; }
.sub5_1 .first { margin:0 0 15px; }
.sub5_1 .bg1, .sub5_1 .bg2 { position:absolute; }
.sub5_1 .bg1 { left:-200px; top:30%; }
.sub5_1 .bg2 { right:-329px; top:-40px; }
.sub5_1 .con2 dt { float:left; width:50%; }
.sub5_1 .con2 dd { float:left; width:48%; margin-left:2%; }
.sub5_1 .con2 dd > div { padding:50px 0 0 20px; }

.sub5_1 .right dt { float:right; }
.sub5_1 .right dd > div { padding:100px 20px 0 0; }

.sub5_1 .con3 { margin:20px 0 0; }
.sub5_1 .con3 dd> div { padding:20px 20px 0 0; }
.sub5_1 .sub_logo { position:absolute; top:20px; right:40px; }

@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 h3 { font-size:24px; }
.sub_con p { font-size:13px; }
.sub_con .con { margin-bottom:60px; }
.sub_con .con2 { margin-bottom:20px; }
.about_dl dt { width:25%; }
.about_dl dd { width:65%; padding-left:10%; }
.info_box dl { width:92%; padding:4%; }
.info_box  dd li h5 { font-size:13px; width:80px;  }
.sub5_1 .sub_logo { right:20px; }
}

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

.about_dl dt, .about_dl dd { display:block; width:100%; max-width:100%; }
.about_dl dt { border-right:0; text-align:center; }
.about_dl dt br { display:none; }
.about_dl dd li h5 img { left:0; max-width:13px; top:1px; }
.about_dl dd li { padding-bottom:20px; width:100%; }
.use_dl .cnt_tit:after { margin:8px 0 10px; }
.info_box dl { padding:5%; width:90%;}
.info_box dd { padding:25px 0 0 0; }
.info_box dd li h5 { padding-left:6%; }
.info_box dd li p { width:65%; }
.info_box dd li p br { display:none; }
.info_box  dd li:last-child { padding-bottom:0; }
.sub_con .con { margin-bottom:10px; }
.sub_con .con3 { margin-bottom:50px; }
.sub5_1 .con2 dt { float:none; width:100%; text-align:center; margin-bottom:20px; }
.sub5_1 .con2 dd { float:none; width:100%; margin:0; }
.sub5_1 .right dd > div { padding:0; }
.sub5_1 .con3 dd> div { padding:0; }
.sub_con h3 {font-size:18px; }
.pc_view { display:none; }
.mo_view { display:inline-block;}
.sub5_1 .sub_logo { top:60px; right:10px; }
.sub5_1 .sub_logo img { max-height:46px; }
}

@media (max-width:400px){
.info_box dd li h5 { font-size:12px; }
.info_box dd li p { font-size:11px; }
}