#ctt {margin:10px 44px 120px; padding:10px 40px 60px;}
#ctt header {display:flex; justify-content:center; align-items:center;}
#ctt header h1 {font-size:24px; font-weight:700; line-height:normal;}

.terms .clause {margin:30px 0;}
.terms .clause > * {line-height:1.7; font-size:16px;}
.terms .clause h2 {font-size:18px; font-weight:700; margin-bottom:6px;}
.terms .clause ul {list-style:disc; font-size:16px; line-height:1.7}
.terms .clause ul li {list-style:circle; font-size:16px; line-height:1.7; margin-left:36px;}
.terms .clause ol li {font-size:16px; line-height:1.7; margin-left:12px;}
.terms .clause .subtitle {margin:10px 0 0 16px; font-weight:600;}
.terms .clause p {margin:0 0 10px 10px; line-height:1.7;}
.terms p {font-size:16px; line-height:1.7;}
.terms .effective_date strong {font-weight:700; font-size:16px;}

.terms .depth1 {list-style:none; counter-reset:depth1; padding-left:0;}
.terms .depth1 > li {counter-increment:depth1; position:relative; padding-left:32px; margin-bottom:6px;}
.terms .depth1 > li::before {content:counter(depth1) ". "; position:absolute; left:0; top:0;}
.terms .depth2 {list-style:none; counter-reset:depth2; padding-left:0; margin:6px 0;}
.terms .depth2 > li {counter-increment:depth2; position:relative; padding-left:20px;}
.terms .depth2 > li::before {content:counter(depth2) ")"; position:absolute; left:0; top:0;}

/* 모바일 반응형 */
@media (max-width:860px){
  #ctt {margin: 10px 20px 120px; padding: 10px 20px 60px;}
  #ctt header h1 {position:inherit; padding:32px 0 0 0;}
  .terms .clause h2 {font-size:16px;}
  .terms .clause > * {font-size:14px;}
  .terms p {font-size:14px;}
  .terms .effective_date strong {font-size:15px;}
  .terms .clause ul,
  .terms .clause ul li,
  .terms .clause ol,
  .terms .clause ol li {font-size:14px;}
}