@charset "utf-8";


/* .mc--policy .policy-wrapper {padding: 0; } */

.policy-wrapper {width: 100%; box-sizing: border-box; }
.policy-wrapper h3 {margin-top: 80px; font-size: 20px; }
.policy-wrapper h3:first-child {margin-top: 0; }
.policy-wrapper ul {}
.policy-wrapper li {}
.policy-wrapper li a{white-space:normal; text-align: left; word-break: break-word;}
.policy-list table a{white-space:normal; word-break: break-word;}
.policy-wrapper dl dt,
.policy-wrapper dl dd {font-size: 15px; }


.policy-title {display: block; margin-top: 60px; margin-bottom: 10px; font-size: 18px; font-weight: 700; }
.policy-title:first-of-type {margin-top: 20px; }
.policy-list > li {margin-top: 20px; }
.policy-list > li:first-child {margin-top: 0; }
.policy-text {margin-top: 10px; margin-bottom: 15px; line-height: 1.5; }

.policy-wrapper .list-depth {}
.policy-wrapper .list-depth > li {margin-top: 7px; }
.policy-wrapper .list-depth > li > p {margin-top: 5px; margin-bottom: 10px; }
.policy-wrapper .list-depth + .list-depth {margin-top: 20px; }
.policy-wrapper .list-depth .list-depth > li {margin-top: 5px; font-size: 15px; color: #666; }
.policy-wrapper .list-depth .list-depth > li:first-child {margin-top: 0; }
.policy-wrapper .list-depth .list-depth > li > p {margin-top: 0; margin-bottom: 0; font-size: 15px; color: #666; }

.policy-wrapper .list-depth dl {margin-top: 5px; padding-left: 10px; }


/* depth 항목그룹 */
.article-group .list-depth > li {margin-top: 0; }


.policy-wrapper .table-line {margin-bottom: 20px; }
.policy-wrapper .table-line table {margin-bottom: 10px; }

.policy-wrapper .color-red {font-size: 13px; }



/* chapter-box */
.chapter-box {margin: 40px 0; padding: 24px 24px; box-sizing: border-box; border: 1px solid #e3e3e3; background-color: #f8f7f8; }

@media (max-width: 768px) {
  body{font-size: 14px !important; }

  /* 이용약관, 개인정보처리방침 */
  .policy-wrapper h3{font-size: 18px;}
  .policy-title{font-size: 16px;}
  .chapter-box{padding: 15px;}
  .chapter-box li{display: flex;}
  .chapter-box li a{white-space: normal; text-align: left; width: calc(100% - 25px);}
  .policy-wrapper dl dt, .policy-wrapper dl dd{font-size: 13px;}
  
}

@media (max-width: 375px){
  .chapter-box{padding: 15px;}
  .mc--policy .policy-wrapper {padding: 0 10px;}
}