@charset "UTF-8";

/* 타이틀 */
.title-container .page-title { font-size:64px; font-weight:700; text-align:center; line-height:1; margin-top:175px; }
.title-container .page-desc { font-size:18px; text-align:center; line-height:1.3; margin-top:44px;}
.title-container .page-desc br { display:none }

.content-section { padding-bottom:160px; }
.content-motion-wrap { margin-top:40px; }
.content-motion-wrap.biz-area { margin-top:120px; }

#legal ._policy {
  padding:24px;
  border:1px solid #E4EAF5;
  border-radius:4px;
  line-height:1.5;
  letter-spacing: -0.5px;
}
#legal ._policy .head {
  font-weight:700;
}
#legal ._policy .sec-wrap {
  margin-top: 24px;
}
#legal ._policy .sec-wrap p {
  margin-top: 24px;
}

#policy ._policy {
  padding:24px;
  border:1px solid #E4EAF5;
  border-radius:4px;
  line-height:1.5;
  letter-spacing: -0.5px;
}
#policy ._policy .head {

}
#policy ._policy .sec-wrap {
  margin-top: 48px;
}
#policy ._policy .sec-content { margin-top:4px; }
#policy ._policy .sec-wrap h3 { font-size:18px; font-weight:700; }
#policy ._policy .sec-wrap .list-wrap { margin-top:24px; }
#policy ._policy .sec-wrap ul, #policy ._policy .sec-wrap ol { padding-left:20px; }
#policy ._policy .sec-wrap ul:not(.numbering, .bracket-numbered) li, #policy ._policy .sec-wrap ol:not(.numbering, .bracket-numbered) li { text-indent:-20px; padding-left:20px; }
#policy ._policy .sec-wrap ul li + li, #policy ._policy .sec-wrap ol li + li { margin-top:24px; }
#policy ._policy .sec-wrap h3 + ul, #policy ._policy .sec-wrap h3 + ol,
#policy ._policy .sec-wrap li ul, #policy ._policy .sec-wrap li ol { padding-left:0; }
#policy ._policy .sec-wrap .no-margin { margin-top:8px; }
#policy ._policy .sec-wrap .list-style-none { list-style:none;}
#policy ._policy .sec-wrap .zero-top-margin { margin-top:0!important; }
#policy ._policy .sec-wrap .indent-16 li { text-indent: -16px!important; padding-left:16px!important; }
#policy ._policy .sec-wrap .no-margin li + li, #policy ._policy .sec-wrap .no-margin li + li { margin-top: 4px;}
#policy ._policy .sec-wrap .bracket-numbered li .title { display:inline-block; }
#policy ._policy .sec-wrap .li .content { padding-left:18px; }
#policy ._policy .sec-wrap .bracket-numbered li .content { padding-left:18px; }
#policy ._policy .sec-wrap .numbering { list-style-type: decimal; }

#policy ._policy .sec-wrap .bracket-numbered li ul { list-style-type:none; }

#policy ._policy .sec-wrap .bracket-numbered { list-style-type:none; counter-reset: my-counter; padding-left:0; }
#policy ._policy .sec-wrap ul.bracket-numbered > li, #policy ._policy .sec-wrap ol.bracket-numbered > li { counter-increment: my-counter; }
#policy ._policy .sec-wrap ul.bracket-numbered > li::before, #policy ._policy .sec-wrap ol.bracket-numbered > li::before { content: "" counter(my-counter) ") "; }
#policy ._policy .sec-wrap .title + .bracket-numbered { margin-top:8px; }
#policy ._policy .sec-wrap .title + .bracket-numbered li + li { margin-top:4px; }

/* 폼 */
.form-container { margin-top:160px; }
.form-container .form-group .group-title { font-size:18px; font-weight:700; letter-spacing:-1px; line-height:1.6; padding:5px 0 14px; border-bottom:1px solid #E1E7EA }
.form-container .form-group + .form-group { margin-top:58px }
.form-container .form-group .group-info { margin-top:24px }

/* ========== 모바일(<=768px) ========== */
@media (max-width:768px){
  .header { display:none;}
  .sub-header { display:block;}

  .content-section { padding-bottom:80px;}
  .content-section .hero { display:none;}
  .content-section .mds-submenu { display:none;}
  .content-section .wrap, .content-section .caption { width: 100%;}
  .title-container .page-title { display:none;}
  .title-container .page-desc { font-size:16px; line-height: 1.55;padding:0 16px;}
  .title-container .page-desc br { display:block;}

  .form-container { margin-top:32px; padding:0 16px;}
  .form-container .form-group .group-title { padding:5px 16px 14px;}
  #legal ._policy, #policy ._policy { padding:16px;}
  .info-container._policy .title { font-size:18px;}
  .info-container._policy .sec-wrap .title { font-size:16px;}
}
