@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


/* bbs/content.php */
#ctt_himg{
  width: 100%;
  overflow: hidden;
  height: var(--s-200);
}
#ctt_himg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


#container_wr.w-content #container_title{
  text-align: center;
  font-size: var(--s-32) !important;
  font-family: "Pretendard-SemiBold";
  position: absolute;
  top: var(--s-40);
  margin-top: var(--s-40);
  left: 50%;
  transform: translateX(-50%);
  color: white;
}


#container_wr.w-content  .boarder_subtitle{
  text-align: center;
  font-size: var(--s-16);
  position: absolute;
  top: var(--s-120);
  left: 50%;
  transform: translateX(-50%);
  color: white;

}

#container_wr.w-content #ln_area {
  display: block;
  height: 62px;
  margin: var(--s-20) auto 0;
  padding: 0;
  text-align: center;
}

#container_wr.w-content #ln_area .ln {
  display: inline-block;
  list-style: none;
  width: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

#container_wr.w-content #ln_area .ln:after {
  display: block;
  content: "";
  clear: both;
}

#container_wr.w-content #ln_area .ln > li {
  display: block;
  float: left;
  width: var(--s-120);
  text-align: center;
  border: 1px solid #eee;
  border-left: 0;
  box-sizing: border-box;
}

#container_wr.w-content #ln_area .ln > li.long {
  width: 180px;
}

#container_wr.w-content #ln_area .ln > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 62px;
  font-size: 1.08em;
  color: #666;
  background: #fff;
}

#container_wr.w-content #ln_area .ln > li:nth-child(1) {
  border-left: 1px solid #eee;
}

#container_wr.w-content #ln_area .ln > li.current > a {
  color: #fff;
  background: var(--color-red);
}


/* 내용 */


#container_wr.w-content section {
  padding: 40px 20px;
  margin: 20px 0;
}

#container_wr.w-content .intro {
  /*background-color: #007BFF;*/
  color: var(--c-dark_gray);
  text-align: center;
  padding: var(--s-50) var(--s-20);
}

#container_wr.w-content .intro h2 {
  font-size: var(--s-24);
  margin-bottom: var(--s-20);
}

#container_wr.w-content .intro p {
  font-size: var(--s-16);
}

#container_wr.w-content .features,
#container_wr.w-content .benefits {
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding:var(--s-40);
  margin: var(--s-20) auto;
  max-width: 800px;
}

#container_wr.w-content .features h3, .benefits h3 {
  font-size: var(--s-20);
  margin-bottom: 20px;
  text-align: center;

}
#container_wr.w-content .feature-item, .benefit-item {
  margin-bottom: 30px;
}

#container_wr.w-content .feature-title {
  font-size: var(--s-18);
  color: var(--color-red);
  margin-bottom: 10px;
}

#container_wr.w-content .feature-description {
  font-size: var(--s-16);
  color: #555;
}

#container_wr.w-content .call-to-action {
  color: var(--c-dark_gray);
  text-align: center;
  padding: 60px 20px;
}

#container_wr.w-content .call-to-action h3 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

#container_wr.w-content .call-to-action p {
  font-size: 1.2em;
}
#container_wr.w-content .benefit-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 10px; /* 각 아이템 간의 간격을 추가합니다 */
}
#container_wr.w-content .benefit-item .tit {
  width: 90px; /* 부모 요소의 너비에서 120px을 뺀 값을 너비로 설정합니다 */
  display: flex;
  justify-content: space-between;
margin-right: var(--s-10);
}
#container_wr.w-content .benefit-item .cont {
  width: calc(100% - 100px)
}

#container_wr.w-content ul {
  list-style: none;
  padding: 0;
}



#container_wr.w-content ul li {
  font-size: 1.1em;
  color: #555;
}

/*정기결제*/

#container_wr.w-content .td_subject {
  text-align: center;
}
#container_wr.w-content .tbl_wrap{
  max-width: 1164px;
  margin: 0 auto;
}


#container_wr.w-content.hide_title #container_title{
  position: absolute;
  left: -9999999px;
}
#container_wr.w-content.hide_title #application{
  padding: 7px var(--s-20);
}
#container_wr.w-content  .title{
  max-width: 1164px;
  margin: 0 auto  var(--s-16)!important;
  font-size: var(--s-14);

}


#content-section{
  max-width: 1164px;
  margin: 0 auto  var(--s-40) !important;
  border-top: 1px solid var(--c-gray);
  padding: 20px;
  overflow: auto;
  max-height: 400px; /* 섹션의 최대 높이 설정 */
  min-height: 200px;
}
#content-section::-webkit-scrollbar {
  display: none;  /* 크롬, 사파리에서 스크롤 바 숨기기 */
}

#content-section .item {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: var(--s-20) var(--s-10);
  border-bottom: 1px solid #ccc;
}

.sub_itme{
  font-size: var(--s-16);
  text-align: left;
}
strong{
  font-family:"Pretendard-bold";
  font-size: var(--s-18);
}
.sub_itme:nth-child(1){width: 20%;}
.sub_itme:nth-child(2){width: 50%}
.sub_itme:nth-child(3){text-align: right;width: 30%}


.tbl_head01 td{
  padding: 5px var(--s-20);
}