@charset "utf-8";

/* 기본 초기화 및 폰트 */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}
body, ul, li, p, div, input, textarea, select, table, button {
  font-size: 16px;
  line-height: 1.5em;
  font-family: "나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, sans-serif;
}
body {
  position: relative;
  background-color: #F8F8F8;
  color: #222;
  word-wrap: break-word;
  word-break: break-word;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
ul, ol {
  list-style: none;
}
a {
  color: #222;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
}
table {
  border-collapse: collapse;
  width: 100%;
  overflow-x: auto;
  display: block;
}

/* 래퍼 */
#wrap {
  margin: 0;
  padding: 0;
}

/* 로고 */
#logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: #000;
  color: #fff;
}

/* 타이틀바 */
#title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: #000;
}
#title h2 {
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
}

/* 장식 요소 */
#gold_line_top {
  height: 2px;
  background-color: #c46911;
  border-top: 1px solid #f39a84;
}
#shadow_top {
  background: url('../img/top_shadow.gif') repeat #fff;
  height: 10px;
  margin-bottom: 15px;
}

/* 푸터 */
#foot_copy, #foot_pc {
  text-align: center;
  padding: 10px 0;
}
#foot_copy {
  background: #ddd;
  color: #000;
  font-size: 0.9em;
}
#foot_pc {
  background: #000;
  color: #fff;
  border-top: 1px solid #E7E7E8;
}

/* 버튼 */
a.btn_sml {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  font-size: 14px;
  background: url(../img/bg_btn_default.gif) no-repeat right -27px;
  white-space: nowrap;
}
a.btn_sml span, a.btn_sml strong {
  padding: 0 8px;
  background: url(../img/bg_btn_default.gif) no-repeat left -27px;
}

/* 메뉴 */
#menu_con {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  padding: 10px;
}
#menu_con .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
#menu_con .menu li {
  width: 80px;
  text-align: center;
}
#menu_con .menu li img {
  margin-bottom: 5px;
}
#menu_con .menu li a {
  font-size: 1em;
  color: #000;
}

/* 컨텐츠 */
#container {
  display: block;
  background: #fff;
}
#contents {
  padding: 12px;
}

/* 회사소개 */
.intro_img {
  margin: 10px 0;
  text-align: center;
}

/* 테이블 */
.table1, .table2 {
  border: 1px solid #ddd;
}
.table1 th, .table2 th {
  background: #eee;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}
.table1 td, .table2 td {
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

/* 지도 */
.map {
  width: 100%;
  max-width: 290px;
  height: auto;
  border: 1px solid #cecece;
}

/* 서비스 블록 */
.service dl, .bl1 dl, .bl2 dl {
  margin: 0;
  padding: 0;
}
.service dt, .bl1 dt, .bl2 dt {
  font-weight: bold;
  font-size: 1em;
  margin: 10px 0 5px;
  padding-left: 6px;
  background-repeat: no-repeat;
}
.service dd, .bl1 dd, .bl2 dd {
  margin-bottom: 20px;
}
.bl1 dd {
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 5px;
}

/* 리스트 */
.ul1 ul {
  margin: 0;
  padding: 0;
}
.ul1 li {
  padding-left: 10px;
  background: url('../img/bl_3.gif') no-repeat 0 7px;
  margin: 2px;
}

/* 전화번호 강조 */
.cs_tel {
  font-size: 1.5em;
  color: #ef0000;
  font-family: Verdana, 돋움;
}

/* 박스 */
.box1 {
  border: 1px solid #ddd;
  padding: 10px;
  background: #fafafa;
  text-align: center;
  font-weight: bold;
}

/* 반응형 미디어 쿼리 */
@media screen and (max-width: 768px) {
  #title h2 {
    font-size: 1.1em;
  }
  .cs_tel {
    font-size: 1.2em;
  }
  .map {
    max-width: 100%;
  }
  #menu_con .menu li {
    width: 45%;
  }
}