@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/**************************************************************************************** 공통 ****************************************************************************************/
.pageWrap {
  position: relative;
  width: 960px;
  padding: 20px;
  margin: -50px auto 0;
  font-family: "Malgun Gothic";
  background: #fff;
  *zoom: 1;
}

.pageWrap:after {
  content: "";
  display: block;
  clear: both;
}

#page {
  position: relative;
  float: right;
  width: 740px;
  margin: 0 auto;
  background: #fff;
}

#page h4 {
  padding: 7px 10px 20px;
  font-size: 23px;
  height: 23px;
  padding-bottom: 29px;
  color: #161616;
  border-bottom: 2px solid #475fa0;
  /* background:red */
}

.pageBg {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}

.pageBg img {
  display: block;
  width: 100%;
}

.pageTitle {
  position: absolute;
  right: 10px;
  top: 10px;
}

.pageTitle .breadCrumb {
  padding: 8px 0 5px;
  *zoom: 1;
}

.pageTitle .breadCrumb:after {
  content: "";
  display: block;
  clear: both;
}

.pageTitle .breadCrumb a {
  float: left;
  padding-left: 15px;
  font-family: "Dotum";
  font-size: 11px;
  color: #788092;
  background: url(../img/page/bg_bread_crumb.png) 5px 6px no-repeat;
}

.pageTitle .breadCrumb a:last-child {
  color: #000;
}

.pageTitle .breadCrumb .imageHome {
  display: inline-block;
  width: 9px;
  height: 9px;
  padding: 4px 0 0 0;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/img_home.png) 0 3px no-repeat;
}

.besideWrap {
  float: left;
  width: 185px;
}

.besideWrap .lnb {
  margin-bottom: 10px;
  /* background:red; */
}

.besideWrap .lnb h3 {
  padding-bottom: 20px;
  font-size: 27px;
  letter-spacing: -1px;
  height: 39px;
  line-height: 29px;
  text-align: center;
  border-bottom: 1px solid #17336c;
  color: #17336c;
}

.besideWrap .lnb>ul {
  font-weight: bold;
}

.besideWrap .lnb>ul>li {
  border-bottom: 1px solid #eee;
}

.besideWrap .lnb>ul>li>a {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #555;
  text-indent: 15px;
}

.besideWrap .lnb>ul>li.on>a {
  color: #145de3;
}

.besideWrap .lnb>ul>li.vital>a {
  color: #145de3;
}

.besideWrap .lnb>ul>li>ul {
  padding: 10px 20px;
  display: none;
}

.besideWrap .lnb>ul>li.on>ul {
  display: block;
}

/*.besideWrap .lnb>ul>li>ul>li:nth-child(5){padding-left:15px;}*/
/*.besideWrap .lnb>ul>li>ul>li:nth-child(6){padding-left:15px;}*/
/*.besideWrap .lnb>ul>li>ul>li:nth-child(7){padding-left:15px;}*/
/*.besideWrap .lnb>ul>li>ul>li:nth-child(8){padding-left:15px;}*/
.besideWrap .lnb>ul>li>ul>li>a {
  display: block;
  padding: 5px 0;
  color: #727272;
}

.besideWrap .lnb>ul>li>ul>li.on>a {
  color: #145de3;
}

.besideWrap .lnb>ul>li>ul>li.vital>a {
  color: #145de3;
}

.besideWrap .lnb>ul .subTit {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #17336c;
  text-indent: 15px;
  margin-top: calc(1em + 20px);
  border-top: 1px solid #eee;
}

.besideWrap .textBoard {
  font-size: 14px;
  font-weight: bold;
  padding: 20px 15px;
  letter-spacing: -1px;
  margin-top: 10px;
  line-height: 18px;
  color: #475fa0;
  border: 2px solid #ccc;
  background: #fff;
}

.besideWrap .textBoard .red {
  color: #fd0101;
}

.besideWrap .banner {
  position: relative;
  padding: 15px;
  font-family: "Malgun Gothic";
  border: 1px solid #ccc;
  border-top: 1px solid #8ec63f;
  background: #fff;
}

.besideWrap .banner .titleWrap {
  height: 25px;
  padding: 0 0 0 25px;
  background: url(../img/page/bg_phone.png) 0 0 no-repeat;
  *zoom: 1;
}

.besideWrap .banner .titleWrap:after {
  content: "";
  display: block;
  clear: both;
}

.besideWrap .banner .titleWrap strong {
  float: left;
  font-size: 15px;
  color: #666;
}

.besideWrap .banner .contentWrap strong {
  display: inline-block;
  *display: inline;
  height: 20px;
  line-height: 19px;
  padding: 0 5px;
  margin: 20px 0 5px;
  color: #fff;
  font-weight: normal;
}

.besideWrap .banner .contentWrap p {
  font-family: "Malgun Gothic";
  padding: 3px 0;
}

.besideWrap .banner .contentWrap span {
  font-family: "Malgun Gothic";
}

.besideWrap .banner .contentWrap .bgPink {
  background: #fc6577;
}

.besideWrap .banner .contentWrap .bgGreen {
  background: #6cbd45;
}

.besideWrap .banner .contentWrap .f16 {
  font-size: 16pt;
}

.besideWrap .banner .contentWrap .f13 {
  font-size: 13pt;
}

.besideWrap .banner .contentWrap .f12 {
  font-size: 12pt;
}

.besideWrap .banner .contentWrap .f10 {
  font-size: 10pt;
}

.besideWrap .banner .contentWrap .c0 {
  color: #000;
}

.besideWrap .banner .contentWrap .c3 {
  color: #333;
}

.besideWrap .banner .contentWrap .c6 {
  color: #666;
}

/**************************************************************************************** 페이지 ****************************************************************************************/
.content {
  min-height: 500px;
  /* padding-left:10px; */
  font-family: "Malgun Gothic";
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
}

/* 탭 */
.tab {
  position: relative;
  padding-top: 41px;
}

.tab>dt {
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}

.tab>dt:first-child {
  border-left: 1px solid #ddd;
}

.tab>dt a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #666;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #d0d0d0;
  border-bottom: none;
}

.tab>dt a:hover {
  text-decoration: none;
}

.tab>dt a:active {
  text-decoration: none;
}

.tab>dt a:link {
  text-decoration: none;
}

.tab>dt.on {
  /* background:#00ae93; */
  z-index: 1;
}

.tab>dt.on a {
  color: #333;
  border: 1px solid #145de3;
  border-bottom: 1px solid #fff;
}

.tab>dd {
  display: none;
  padding: 50px 0;
  border-top: 1px solid #145de3;
}

.tab>dd.on {
  display: block;
}

/* 회사소개, 연혁 */
.introduce {
  padding: 0 0 50px;
}

.introduce .info {
  border-top: 0 solid #145de3;
}

.introduce .info table {
  width: 100%;
}

.introduce .info table th {
  padding: 10px 20px;
  text-align: left;
  border-bottom: 1px solid #eee;
  width: 140px;
  color: #333;
}

.introduce .info table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.introduce .history {
  padding-top: 50px;
}

.introduce .history table {
  width: 100%;
}

.introduce .history table th {
  padding: 0 50px 50px 0;
  width: 140px;
  text-align: right;
  font-size: 24px;
  color: #0e388f;
  vertical-align: top;
  background: url(../img/page/bg_bullet.png) 100% 11px no-repeat, url(../img/page/bg_timeline.png) 100% 0 repeat-y;
}

.introduce .history table td {
  padding: 0 0 50px 40px;
}

.introduce .history table td .point {
  font-weight: bold;
  color: #0e388f;
}

.introduce .history table tr:first-child {
  /* color: #333; */
}

/* 경영이념 */
.philosophy {
  padding: 50px 0;
}

.philosophy .image {
  display: block;
  margin: 0 auto;
}

.philosophy .insist {
  margin: 40px 0 20px;
  border-top: 2px solid #475fa0;
  border-bottom: 1px solid #ccc;
}

.philosophy .insist table {
  width: 100%;
}

.philosophy .insist table th {
  padding: 15px;
  border-top: 1px solid #eee;
  background: #f5f5f5;
  width: 130px;
  color: #333;
}

.philosophy .insist table td {
  padding: 15px 25px;
  border-top: 1px solid #eee;
  background: #fff;
}

.philosophy .insist table tr:first-child th,
.philosophy .insist table tr:first-child td {
  border-top: none;
}

.philosophy h5 {
  padding: 0 0 10px 25px;
  font-size: 17px;
  color: #000;
  background: url(../img/page/bg_bullet_h5.png) 0 5px no-repeat;
}

/* 조직구성도 */
.organization {
  padding: 70px 0 50px;
}

.organization .image {
  display: block;
  margin: 0 auto;
}

/* 약도 */
.map {
  padding-top: 10px;
  padding-bottom: 30px;
}

.map table {
  width: 100%;
}

.map table th {
  padding: 10px;
  width: 170px;
  text-align: left;
  vertical-align: top;
  color: #333;
}

.map table th img {
  padding-right: 15px;
}

.map table td {
  padding: 10px;
}

/* 신인도 및 인증현황 */
.award {
  margin-top: 30px;
}

/* 고객서비스 헌장 */
.charter {
  padding: 50px 0;
}

.charter .title {
  display: block;
  padding: 35px 0;
  text-align: center;
  font-weight: bold;
  border: 3px solid #85bbdf;
  border-radius: 20px;
}

.charter .title dt {
  font-size: 24px;
  color: #0e388f;
  padding-bottom: 15px;
}

.charter .title dd {
  font-size: 14px;
}

.charter .list li {
  padding-top: 50px;
  *zoom: 1;
}

.charter .list li:after {
  content: "";
  display: block;
  clear: both;
}

.charter .list li em {
  float: left;
  padding-left: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #999;
}

.charter .list li p {
  float: left;
  padding-left: 20px;
}

.charter .list li p>strong {
  display: block;
  font-size: 17px;
  color: #000;
}

.charter .list li p>span {
  display: block;
  font-size: 16px;
  color: #666;
}

/* 사업분야 */
.businessCategory {
  padding: 30px 0;
  word-break: keep-all;
}

.businessCategory .section {
  padding-bottom: 15px;
}

.businessCategory .subtitle {
  color: #232325;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 0 25px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dbdbdb;
}

.businessCategory h5 {
  padding: 0 0 10px 25px;
  font-size: 17px;
  color: #000;
  background: url(../img/page/bg_bullet_h5.png) 0 5px no-repeat;
}

.businessCategory h5.ma25 {
  margin: 0 0 0 25px;
}

.businessCategory h6 {
  padding: 0 0 7px 25px;
  color: #0e388f;
}

.businessCategory h6 span {
  color: #666;
}

.businessCategory p {
  padding: 0 0 10px 25px;
}

.businessCategory ul {
  padding-left: 25px;
  margin-bottom: 10px;
}

.businessCategory ul li {
  padding: 0 0 3px 10px;
  background: url(../img/page/bg_bullet_list.png) 0 11px no-repeat;
}

.businessCategory img {
  display: block;
  max-width: calc(100% - 30px);
  margin: 0 0 10px 20px;
}

.businessCategory .sStrong {
  display: block;
  padding: 0 0 7px 50px;
  color: #444;
  background: url(../img/page/bg_bullet2.png) 35px 10px no-repeat;
}

.businessCategory .sEm {
  display: block;
  padding: 0 0 7px 45px;
  font-style: normal;
  color: #4488d7;
  font-weight: bold;
}

.businessCategory .sUl {
  padding-left: 45px;
}

.businessCategory .sUl li {
  padding-left: 0;
  background: none;
}

.businessCategory .horTable {
  margin: 0 0 10px 25px;
  border-top: 2px solid #17458b;
  border-bottom: 1px solid #ccc;
}

.businessCategory .horTable table {
  width: 100%;
}

.businessCategory .horTable thead th,
.businessCategory .horTable thead td {
  padding: 10px 0;
  color: #333;
  background: #f5f5f5;
}

.businessCategory .horTable tbody th,
.businessCategory .horTable tbody td {
  padding: 10px 5px 10px 5px;
  color: #666;
  text-align: left;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: 0.9em;
}

.businessCategory .horTable tbody tr th:first-child,
.businessCategory .horTable tbody tr td:first-child {
  border-left: none;
}

.businessCategory .verTable {
  margin: 0 0 10px 25px;
  border-top: 2px solid #17458b;
  border-bottom: 1px solid #ccc;
}

.businessCategory .verTable table {
  width: 100%;
}

.businessCategory .verTable thead th,
.businessCategory .verTable thead td {
  padding: 10px 0;
  color: #333;
  background: #f5f5f5;
}

.businessCategory .verTable tbody th,
.businessCategory .verTable tbody td,
.businessCategory .verTable tfoot th,
.businessCategory .verTable tfoot td {
  padding: 10px 5px 10px 5px;
  color: #666;
  text-align: left;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: 0.9em;
}

.businessCategory .verTable tbody tr th:first-child {
  border-left: none;
}

.businessCategory .verTable tfoot tr th:first-child {
  border-left: none;
}

.businessCategory .left {
  text-align: left !Important;
}

.businessCategory .center {
  text-align: center !Important;
}

.businessCategory .right {
  text-align: right !Important;
}

.businessCategory .inputText {
  width: 150px;
  padding: 5px;
  border: 1px solid #ccc;
  text-align: right;
}

.businessCategory .outputText {
  width: 150px;
  padding: 5px;
  border: 1px solid #ccc;
  text-align: right;
  background: url(../img/page/bg_output_text.png);
}

/* faq */
.faq {
  border-top: 2px solid #4488d7;
}

.faq li>a {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}

.faq li>div {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
}

.faq li>a.on+div {
  display: block;
}

/* 사이트링크 추가 */
.siteLink {
  font-size: 0;
}

.siteLink a {
  display: inline-block;
  margin-left: 30px;
}

.siteLink img {
  max-width: 100%;
  margin-left: 0;
}

.resume_box {
  display: inline-block;
}

.resume_box strong {
  display: block;
  margin-bottom: 5px;
  color: #000;
  text-align: center;
}