@charset "utf-8";

/**
 * Filename : policies.css
 * Description : 약관 및 정책 styles
 **/

/* ==========================================================================
 page visual
========================================================================== */

.visual-privacy-policy {
   background-image: url("../images/policies/bg_privacy_policy_pc.jpg");
}

/* mobile ============================ */

@media screen and (max-width: 768px) {

   .visual-privacy-policy {
      background-image: url("../images/policies/bg_privacy_policy_mo.jpg");
   }   
}

/* ==========================================================================
 개인정보처리방침
========================================================================== */
.privacy-policy #content{min-height: auto;}
.privacy-policy .container-header{margin-bottom: 0;}
.privacy-policy .container-header .heading-block{gap: 74px;}
.privacy-policy .container-header .heading-block p{text-align: left;}

.privacy-policy .title-subsection{margin-top: 100px;}
.privacy-policy .title-subsection.mgt-0{margin-top: 0;}
.privacy-policy .section-sub-text{margin-top: 40px;}

.privacy-policy .title-group{margin-top: 40px; margin-bottom: 20px;}

.privacy-policy ol li{display: flex; justify-content: start; font-size: 16px; gap: 5px;}

.privacy-policy .ol-style-01 li{margin-bottom: 10px;}
.privacy-policy .ol-style-01 li:last-child{margin-bottom: 0;}

.privacy-policy .ol-style-02{margin-top: 40px;}
.privacy-policy .ol-style-02>li{font-size: 18px; margin-bottom: 40px;}
.privacy-policy .ol-style-02>li ol{margin-top: 17px;}

.privacy-table{width: 100%; margin-top: 40px; border-top: 1px solid var(--border-04, #232527); border-bottom: 1px solid var(--border-04, #232527);}
.privacy-table tr th{padding: 20px 40px;background: var(--bg-01, #FBFBFB);font-size: 18px;font-weight: 700;border-bottom: 1px solid var(--border-02, #E7E7E7);}
.privacy-table tr td{padding: 20px 40px;border-bottom: 1px solid var(--border-02, #E7E7E7);}
.privacy-table tr td ol li + li{margin-top: 10px ;}
.privacy-table tr:last-child th,
.privacy-table tr:last-child td{border-bottom: 0;}

.privacy-policy .section-sub-text.mgb-20{margin-bottom: 20px;}
.privacy-policy .section-sub-text.mgt-20{margin-top: 20px;}
.privacy-policy .cookie-blk{margin-top: 40px;}
.privacy-policy .cookie-title{margin: 20px 0 10px 0;}
.privacy-policy .cookie-last{margin-bottom: 40px;}

.privacy-policy .pp-strong{font-size: 24px;font-weight: 700; margin-top: 40px;}


/* mobile ============================ */

@media screen and (max-width: 768px) {
   .privacy-policy .container-header .heading-block{gap: 40px;}
   .privacy-policy .title-subsection {margin-top: 60px; font-size: 18px;}
   .privacy-policy .title-group{margin-top: 20px; margin-bottom: 10px; font-size: 16px;}
   .privacy-policy .section-sub-text{margin-top: 20px;}
   .privacy-policy ol li{font-size: 14px;}
   .privacy-policy .ol-style-02{margin-top: 20px;}
   .privacy-policy .ol-style-02>li{font-size: 16px; margin-bottom: 20px;}

   .privacy-table tr th{width: 78px; padding: 10px; font-size: 14px;}
   .privacy-table tr td{padding: 10px; font-size: 14px;}
   .privacy-policy tr td ol li{font-size: 14px;}

   .privacy-policy .pp-strong{font-size: 14px;}

}

/* ==========================================================================
 마케팅 활용 동의
========================================================================== */
.privacy-policy .table-list{margin-top: 40px;}
.privacy-policy .table-list table{width: 100%;border-top: 1px solid var(--border-04, #232527); border-bottom: 1px solid var(--border-02, #E7E7E7);}
.privacy-policy .table-list table tr th{font-size: 18px; font-weight: 700;padding: 20px 16px;background: var(--bg-01, #FBFBFB); border-bottom: 1px solid var(--border-02, #E7E7E7);}
.privacy-policy .table-list table tr td{text-align: center; font-size: 16px; font-weight: 400;padding: 20px 16px;}