@charset "utf-8";

/*00. 서브공통 - **/

 h4{width:100%; text-align:center; font-size:48px; font-weight:700 }
 h5{width:100%; text-align:center; font-size:1.5em; font-weight:500 }
.content_title{width:100%;text-align:center; font-weight:500; font-size:1.1em; margin:0 0 80px 0 }
div.subContent_in > div > div {width:100% }
div.subContent_in > div {padding-bottom:80px;}
div.subContent_in > div.Example{padding-bottom:10px;}
.Subvisual{width:100%;height:246px;}
.Subvisual > div{max-width:1200px;height:100%; margin:0 auto; color:#fff; padding-top:80px; }
.Subvisual > div > div.Subvisual_text{font-size:1.2em}
.Subvisual > div > div.Subvisual_text > p:nth-child(2){font-size:1.5em; margin-top:10px}
.Subvisual > div > div.Subvisual_text > p:nth-child(2) > span{font-size:1.4em; display:inline-block; background:#fff; padding:0 5px; color:#003366; font-weight:900; line-height:1.1em}
.visual_01{background:url('/images/sub/subVisual_01.jpg') no-repeat center top; background-size:cover;  }
.visual_02{background:url('/images/sub/subVisual_02.jpg') no-repeat center top; background-size:cover;  }
.visual_03{background:url('/images/sub/subVisual_03.jpg') no-repeat center top; background-size:cover;  }
.visual_04{background:url('/images/sub/subVisual_04.jpg') no-repeat center top; background-size:cover;  }
.visual_05{background:url('/images/sub/subVisual_05.jpg') no-repeat center top; background-size:cover;  }

@media (max-width:840px) {
.content_title{margin:0 0 20px 0 }
.Subvisual{height:146px;}
.Subvisual > div{padding:20px 10px 0 10px; }

 }
/*1. 회사소개 - **/

div.subContent_in > div.company_01{max-width:1200px; margin:0 auto }
div.company_01 > div{width:100%; padding-left:40px; display:flex;  align-items:center}
div.company_01 > div > div{width:600px }
div.company_01 > div > dl{width:100%; display:flex; flex-wrap:wrap; line-height:2em }
div.company_01 > div > dl > dt{width:100px; font-weight:700;  }
div.company_01 > div > dl > dd{width:calc(100% - 100px);  }


div.subContent_in > div.company_02{max-width:1200px; margin:0 auto }
div.company_02 > div.history{width:100%;padding-left:40px; }
div.company_02 > div.history > div.history_title{display:inline-block; color:#fff; font-weight:700; background:#063c7a; font-size:1.2em; padding:5px 10px; margin:20px 0}

div.company_02 > div.history > dl{width:100%; display:flex;   flex-wrap:wrap;  }
div.company_02 > div.history > dl > dt{font-weight:500; color:#063c7a; width:100px;}
div.company_02 > div.history > dl > dd{width:calc(100% - 100px); }
div.company_02 > div.history > dl > dd span{font-weight:600 }


div.company_03{max-width:1200px; margin:0 auto;  }
div.company_03 > div.Map{;padding-left:40px; }
div.company_03 > div.Map > div{width:100%; height:400px; border:1px solid #ccc; margin-bottom:40px; }
div.company_03 > div.Map > dl{width:100%; display:flex; flex-wrap:wrap; line-height:2em }
div.company_03 > div.Map > dl > dt{width:180px; font-weight:700; padding-left:50px  }
div.company_03 > div.Map  > dl > dd{width:calc(100% - 180px);  }
div.company_03 > div.Map > dl > dt.add{background:url('/images/sub/ico_map_01.jpg') no-repeat 10px top;  }
div.company_03 > div.Map > dl > dt.tel{background:url('/images/sub/ico_map_02.jpg') no-repeat 10px top;  }
div.company_03 > div.Map > dl > dt.fax{background:url('/images/sub/ico_map_03.jpg') no-repeat 10px top;  }


/* 개인정보 처리방침 - ** { */
.privacy { max-width: 1400px; font-size:0.8em}
.privacy  h5{ margin:20px 0 40px 0}
.privacy_box { max-width: 1300px; padding:20px; height: auto; border: 1px solid #ccc; margin-bottom: 40px; }
.privacy .section pre { font-size:14px; line-height:1.3em; white-space: break-spaces;}
/* 개인정보 처리방침 - ** } */


@media (max-width:840px) {


}

@media (max-width:720px) {
div.company_03 > div.Map > dl > dt{width:140px; font-weight:700; padding-left:50px  }
div.company_03 > div.Map  > dl > dd{width:calc(100% - 140px);  }
div.company_03 > div.Map > dl > dt.add{background:url('/images/sub/ico_map_01.jpg') no-repeat 10px top; background-size:18px 24px }
div.company_03 > div.Map > dl > dt.tel{background:url('/images/sub/ico_map_02.jpg') no-repeat 10px top; background-size:18px 24px }
div.company_03 > div.Map > dl > dt.fax{background:url('/images/sub/ico_map_03.jpg') no-repeat 10px top; background-size:18px 24px }
}

/* 회사소개 - ** { */

/* 수리품목 - */
div.subContent_in > div.subject_01{max-width:1200px; margin:0 auto }
div.subject_01 > div > ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
div.subject_01 > div > ul > li{margin-bottom:25px }
div.subject_01 > div > p{padding-left:40px; }
div.subject_02 > table td{border:1px solid #b2b2b2; padding:10px 20px; text-align:center; font-size:0.9em }
div.subject_02 > table tr > td:first-child{border-left:0;}
div.subject_02 > table tr > td:last-child{border-right:0;}
div.subject_02 > table th{border:1px solid #f7f7f7; padding:10px 20px; background:#5981ae; color:#fff; font-weight:500 }


@media (max-width:1200px) {
div.subject_01 > div > ul{justify-content:flex-satart; }
div.subject_01 > div > ul > li{width:33.3333%; padding:10px;}
div.subject_01 > div > ul > li{margin-bottom:0 }
}

@media (max-width:840px) {
div.subject_01 > div > ul > li{width:50%; padding:10px;}

}

@media (max-width:720px) {
}
/* 수리사례 - */
div.Exam{max-width:1200px; margin:0 auto; }
div.Exam > ul.Exam_List > li{border-bottom:1px solid #ccc; padding:40px 0px }

div.Exam > ul.Exam_List > li > dl{width:100%; display:flex; font-size:0.8em }
div.Exam > ul.Exam_List > li > dl > dt{width:440px; }
div.Exam > ul.Exam_List > li > dl > dd{width:calc(100% - 440px); padding-left:80px }
div.Exam > ul.Exam_List > li > dl > dd p.book_year{color:#063c7a }
div.Exam > ul.Exam_List > li > dl > dd p.book_date{color:#999 }
div.Exam > ul.Exam_List > li > dl > dd p.book_title{font-size:1.5em; font-weight:700}
div.Exam > ul.Exam_List > li > dl > dd a{display:block; padding:20px 0}

ul.Exam_Tab{width:100%; display:flex; }
ul.Exam_Tab > li{width:20%}
ul.Exam_Tab > li > a{display:block;background:#f9f9f9; border:1px solid #ccc; width:100%;height:64px; line-height:64px; text-align:center; margin-left:-1px; font-size:0.8em}
ul.Exam_Tab > li:first-child > a{ margin-left:0;}
ul.Exam_Tab > li > a:hover{background:#99ccff}
ul.Exam_Tab > li > a.on{background:#31649c; color:#fff}

@media (max-width:840px) {
div.Exam > ul.Exam_List  > li{padding:20px 20px }
div.Exam > ul.Exam_List  > li > dl > dd{padding-left:20px }
}

@media (max-width:720px) {
div.Exam > ul.Exam_List  > li > dl{flex-direction:column }
div.Exam > ul.Exam_List  > li > dl > dt{width:100%; text-align:center; margin-bottom:10px }
div.Exam > ul.Exam_List  > li > dl > dd{width:100%; padding:0 0}
ul.Exam_Tab > li > a{display:block;background:#f9f9f9; border:1px solid #ccc; width:100%;height:44px; line-height:44px; text-align:center; margin-left:-1px; font-size:0.8em}
}
/* 수리사례 - */

/* 서비스 접수현황 - */
table.consultBoard{width:100%; font-size:16px }
table.consultBoard td{border-bottom:1px solid #b2b2b2; padding:10px 20px;}

table.consultBoard th{border-bottom:1px solid #b2b2b2; border-top:2px solid #386395; padding:10px 20px;font-weight:500 }
table.consultBoard td.num{width:80px; text-align:center}
table.consultBoard td.writer{width:100px; text-align:center}
table.consultBoard td.statement{width:100px; text-align:center}
table.consultBoard td.date{width:150px; text-align:center}

div.Consult{max-width:1200px; margin:0 auto; }
table.consultWrite{width:100%; border-top:2px solid #386395 }
table.consultWrite th{width:250px; text-align:left; font-weight:500; padding:20px 40px; background:#f8f8f8; border-bottom:1px solid #ccc; font-size:0.9em}
table.consultWrite td{padding:10px 20px;border-bottom:1px solid #ccc; font-size:0.9em}
table.consultWrite td input[type='text']{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:55px; border-radius:3px; border:0; margin-right:5px}
table.consultWrite td select{padding:10px 20px;padding:10px 20px;border:1px solid #ccc; height:55px; border-radius:3px; margin-right:5px; font-size:0.9em}
table.consultWrite td textarea{padding:10px 20px;background:#f8f8f8; box-shadow:inset 2px 2px 0px rgba(0,0,0,0.3); height:300px; border-radius:3px; border:0; }
.redpointer{display:inline-block; color:#ea1313; padding:0px 5px; vertical-align:middle }
table.consultWrite input[type='file']{border:1px solid #ccc; margin-right:10px; padding:10px; height:50px }
p.consultB{width:100%; text-align:center; font-size:1.1em; font-weight:700; color:#ea1313; padding:20px 0px;  }
div.consult_Rule{ }
div.consult_Rule > p{margin-bottom:10px }
div.consult_Rule textarea{width:100%; height:200px; border:1px solid #ccc; padding:20px; font-size:0.7em }
div.consult_Rule p.agree{padding:0 0 20px 20px; font-size:0.8em }
p.consultBtn{width:100%; text-align:center; font-size:0.9em; }
p.consultBtn a{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn a.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
p.consultBtn a.consultBtn_02{background:#838383;  color:#fff;  }
p.consultBtn input{display:inline-block; width:250px; height:50px; line-height:50px; padding:0px 5px;  }
p.consultBtn input.consultBtn_01{background:#ebaa36;  color:#000; margin-right:10px  }
p.consultBtn input.consultBtn_02{background:#838383;  color:#fff;  }

@media (max-width:840px) {
table.consultWrite th{width:auto;  padding:10px 10px; }
table.consultWrite td input[type='text']{padding:5px 10px; height:auto;margin-right:0px}
table.consultWrite td select{padding:5px 10px;height:auto; margin-right:0; }
table.consultWrite td textarea{height:100px;}

}


@media (max-width:720px) {
.writer{display:none}
.date{display:none}
p.consultBtn a{width:150px;   }
}


/* /* 서비스 접수현황 - */ - ** { */





/* 사업영역  end-  */