/********************************************
* Greeting 인사말
********************************************/

.sub-greeting-wrap strong { display: block; margin-bottom: 2rem; } 
.sub-greeting-wrap strong, .sub-greeting-wrap strong em { font-size: 2.8rem; font-weight: 500; } 
.sub-greeting-wrap strong em { font-weight: 800; color: var(--main-color); } 
.sub-greeting-top { margin-bottom: 3rem; } 
.sub-greeting-txt-wrap p { margin-bottom: 2rem; font-size: 1.8rem; line-height: 4rem; } 
.sub-greeting-txt-wrap .sub-greeting-end em { font-weight: 700; } 
.sub-greeting-txt-wrap .sub-greeting-end span, .sub-greeting-txt-wrap .sub-greeting-end em { font-size: 2rem; } 

/********************************************
* Location 찾아오시는 길
********************************************/

.sub-location-wrap iframe { margin-bottom: 2rem; } 
.location-addr-wrap { display: flex; gap: 1rem; } 
.location-addr-wrap dl { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: calc((100% - 2rem) / 3); padding: 2rem 0; } 
.location-addr-wrap dl:nth-child(odd) { background-color: #f8f8f8; } 
.location-addr-wrap dl dt { display: flex; flex-direction: column; align-items: center; gap: 1rem; } 
.location-addr-wrap dl dt span { font-size: 2rem; font-weight: 700; } 


/********************************************
* Location 찾아오시는 길
********************************************/


.sub-form-wrap {
  width: 75%;
  margin: 0 auto;
}
.form-col { display: flex; flex-wrap: wrap; gap: 1rem; } 
.form-col .form-wrap { width: 100%; padding: 2rem; border-radius: 1rem; background-color: #f2f2f2; } 
.form-col .form-wrap:nth-child(10), .form-col .form-wrap:nth-child(11) { width: calc((100% - 1rem) / 2); } 
.form-col .form-wrap p:first-child { margin-bottom: 1rem; padding-left: 1rem; font-size: 1.8rem; font-weight: 600; } 
.form-col .form-wrap p:first-child:before { content: ""; display: inline-block; min-width: 0.5rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: var(--main-color); transform: translate(-7px, -4px); } 
.form-col .form-wrap p label, .form-col .form-wrap span { display: block; width: 100% !important; } 
.form-col .form-wrap span input,
.wpcf7-form-control.wpcf7-textarea { width: 100%; border: 1px solid #ddd; font-size: 1.6rem; } 
.form-col .form-wrap label > input, .form-col .form-wrap label > input~span { display: inline-block !important; width: auto !important; } 
.form-col .form-wrap:nth-child(10) .wpcf7-form-control-wrap { width: 100% !important; } 
.form-col .form-wrap label > input { width: 1.2rem !important; height: 1.2rem; margin-right: 0.5rem; border: 1px solid #000; background-color: #fff; } 
.form-col .form-wrap label > input[type="radio"]:checked { background-color: #000 !important; } 
.form-col~.form-wrap { width: 100%; margin-top: 1rem; padding: 2rem; border-radius: 1rem; background-color: #f2f2f2; } 
.form-col~.form-wrap p { width: 100%; } 
.form-col~.form-wrap p, .form-col~.form-wrap p label { width: 100% !important; } 
.form-col~.form-wrap p:first-child { margin-bottom: 1rem !important; padding-left: 1rem !important; font-size: 1.8rem !important; font-weight: 600 !important; } 
.form-col~.form-wrap p:first-child:before { content: ""; display: inline-block !important; min-width: 0.5rem !important; width: 0.5rem !important; height: 0.5rem !important; border-radius: 100% !important; background-color: var(--main-color) !important; transform: translate(-7px, -4px) !important; } 
span.wpcf7-spinner { display: none; } 
.form-col~.form-wrap~p { display: flex !important; justify-content: center !important; padding-top: 3rem !important; } 
input.wpcf7-form-control.wpcf7-submit.has-spinner { font-size: 1.8rem; border: none; background-color: #3b3b3b; color: #fff; } 
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover { background-color: var(--main-color); } 

@media screen and (max-width: 900px) {
  .form-col .form-wrap {
    width: calc((100% - 1rem) / 2);
  }
  .form-col .form-wrap:nth-child(11) { width: 100%; }
}

@media screen and (max-width: 500px) {
  .form-col .form-wrap { width: 100%; }
  .form-col .form-wrap .wpcf7-form-control-wrap,
  .form-col .form-wrap:nth-child(10) { width: 100% !important; }
  
}




/********************************************
* Grooving 그루빙
********************************************/

.sub-second-tit-wrap h3 {
  display: inline-block;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  background-color: var(--main-color);
}
.sub-grooving-con + .sub-grooving-con {
  margin-top: 6rem;
}
.sub-grooving-box h4 {
  display: block;
  padding: 0 0 2rem 1rem;
  font-size: 2rem;
}
.sub-grooving-box h4:before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--main-color);
  transform: translate(-10px, -3px);
}
.sub-grooving-box p {
  padding: 2rem;
  background-color: #f8f8f8;
}
.sub-grooving-box p, .sub-grooving-box p em {
  font-size: 1.8rem;
}
.sub-grooving-box p em {
  font-weight: 600;
}
.sub-grooving-box + .sub-grooving-box {
  margin-top: 3rem;
}

/********************************************
 * POLICE COMMON
 * 정책 공통 세팅
********************************************/
.police-content .police-con p { font-size: 17px; color: #000; font-weight: 300; margin-bottom: 20px; line-height: 1.5; } 
.police-content .discl-box { max-width: 800px; margin: 15px auto 15px; background: #f4f4f4; border: 1px solid #ddd; padding: 30px; border-radius: 15px; } 
.police-content .discl-box p { font-size: 17px; color: #000; font-weight: 300; line-height: 1.5; }
.emailinfo .info_box { display: flex; align-items: center; flex-wrap: wrap; background: #f4f4f4; border: 1px solid #ddd; border-radius: 10px; padding: 30px; } 
.emailinfo .info_box .txt-con { width: 100%; } 
.emailinfo .info_box .txt-con h4 { font-size: 19px; margin-bottom: 10px; } 
.emailinfo .info_box .txt-con p { font-size: 17px; color: #4b4b4b; line-height: 1.3; word-break: keep-all; } 
.emailinfo .emailinfo-detail { } 
.emailinfo .emailinfo-detail .detail-sec { margin: 50px 0; } 
.emailinfo .emailinfo-detail .detail-sec h5 { font-size: 21px; 
margin-bottom: 25px; position: relative; color: #222; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li { font-size: 18px; color: #4e4e4e; margin-bottom: 25px; font-weight: 600; word-break: keep-all; line-height: 1.5; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul { margin-top: 10px; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul > li { font-size: 16px; color: #666; margin-bottom: 5px; font-weight: 400; line-height: 1.5; } 
.login-content input[type="submit"] {background-color:var(--main-color) !important}


@media screen and (max-width:767px) {
  .sub-greeting-wrap strong, 
  .sub-greeting-wrap strong em
  {font-size:2rem;}
  .sub-greeting-txt-wrap p
  {font-size:1.6rem; line-height:1.5;}
  .sub-greeting-txt-wrap .sub-greeting-end span, 
  .sub-greeting-txt-wrap .sub-greeting-end em
  {font-size:1.6rem;}

  /* 오시는 길 */
  .location-addr-wrap
  {flex-wrap:wrap;}
  .location-addr-wrap dl
  {width:100%;}

  /* 그루빙 */
  .sub-second-tit-wrap h3
  {font-size:2rem; font-weight:500;}
  .sub-grooving-box p, 
  .sub-grooving-box p em
  {font-size:1.6rem; line-height:1.8;}

  /* 문의 */
  .sub-form-wrap
  {width:100%;}
  .form-col .form-wrap
  {width:100%;}
}