@charset "utf-8";

/* 내용관리 모바일 */
#ctt {margin:15px ;padding:10px;background:#fff;min-height:200px;
}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}



#ctt p b * {
  color: var(--text) !important;
  font-weight: 600;
}
#ctt table {
  width: 100% !important;
  margin-bottom: 20px;
  margin-top: 20px;
}

#ctt table tbody td {
  background-color: #fff;
}

#ctt.ctt_provision,
#ctt.ctt_privacy {
    margin: 0;
    padding: 15px;
    background: #fff;
}
.ctt_provision #ctt_con,
.ctt_privacy #ctt_con {
    border-radius: 10px;
    padding: 15px;
    background-color: #f3f3f3;
}

.ctt_privacy table thead td b *,
.ctt_privacy table thead th b *,
.ctt_provision table thead td b *,
.ctt_provision table thead th b * {
    font-size: 12px ;
}

.ctt_provision span,
.ctt_privacy span,
.ctt_provision p,
.ctt_privacy p {
    font-size: 12px ;
}
.ctt_provision table p b *,
.ctt_privacy table p b * {
    font-size: 12px  !important;
}


#ctt_con {
  max-width: 1000px;
  margin-inline: auto;
}




/* 문단 리셋 */
#ctt p {
  /*all: unset;
  display: block;*/
  margin: 0 0 10px 0;
  line-height: 1.6;
}

/* 리스트 리셋 */
/*#ctt ul,
#ctt ol {
  all: unset;
  display: block;
  margin: 0;
  padding: 0;
}*/

/* 링크 리셋 */
#ctt a {
  all: unset;
  cursor: pointer;
}

/*회사소개*/
.page-wrap {
  width: 100%;
}

/*회사소개*/
.page-wrap {
  width: 100%;
}

.about {
  line-height: 1.5;
  width: 100%;
  word-break: keep-all;
  word-wrap: break-word;
}
.about .about_hero {
  text-align: center;
  padding-block: 30px;
  border-radius: 10px;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  font-weight: 600;
  background-size: cover !important;
}
.about .about_hero h1 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 20px;
  color: var(--red);
}
.about .about_section {
  padding-block: 15px;
  text-align: left;
  color: var(--text-2);
  padding-inline: 0;
  margin-inline: auto;
  font-size: 16px;
  font-weight: 500;
}
.about .about_section.vaules {
  padding-top: 0;
}
.about .about_section h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--text);
  position: relative;
  padding-left: 10px;
  display: inline-flex;
}
.about .about_section h1:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 3px;
  height: 20px;
  background: var(--primary);
}
.about .about_section .intro {
  padding-block: 0 10px;
  color: var(--primary);
  font-size: 18px;
}
.about .about_section h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
  padding-left: 10px;
  color: var(--text);
}
.about .about_section h2:before {
  content: "";
  	position: absolute;
	  top: 50%;
	  left: 0;
	   transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background: var(--primary);
}
.about .about_section p {
  margin-bottom: 15px;
  margin-top: 15px;
}
.about .about_section .card_line_t,
.about .about_section .card_line_l {
  flex: 1;
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  line-height: 1.6;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  font-size: 15px;
}
.about .about_section .card_line_t .tit,
.about .about_section .card_line_l .tit {
  color: var(--text);
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.1em;
}
.about .about_section .num {
  display: inline-block;
  background: var(--primary);
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 0.8rem;
  margin-bottom: 15px;
  width: fit-content;
}
.about .card_line_t {
  border-top: 4px solid var(--primary) !important;
}
.about .card_line_l {
  border-left: 4px solid var(--primary) !important;
}
.about .card_row {
  display: flex;
  gap: 10px;
}
.about .card {
  flex: 1;
  padding: 24px;
  background-color: var(--bg);
  text-align: center;
  border-radius: 12px;
}
.about .card strong {
  color: var(--primary);
  display: block;
  margin-bottom: 10px;
}

#ctt.ctt_company #ctt_con {background-color: #fff;
	padding: 0;

}

#ctt span, #ctt.ctt_company p