@charset "utf-8";

/* 가이드 - 개인정보처리방침 (privacy, privacy_con) */
.guide {
    & .privacy {
        & .privacy-con {
            padding: 50px; background: #F9F9F9; border-radius: 5px;
            font-size: 16px; line-height: 1.5;
            white-space:pre-wrap; word-break:break-all;
            & .con-text {font-family: 'Pretendard'; padding: 50px; background: #F9F9F9; border-radius: 5px;
                & .top {margin: 0 0 20px;
                    & p {font-size: 18px; font-weight: 600;}
                }
                & .list {
                    > ul {
                        > li {margin: 0 0 20px;
                            &:last-child {margin: 0;}
                            & .tit {margin: 0 0 8px;
                                &:last-child {margin: 0;}
                                & p {font-size: 16px; font-weight: 500; color: #000;}
                            }
                            & .desc {margin: 0 0 8px;
                                &:last-child {margin: 0;}
                                & p {font-size: 14px; color: #000; margin: 0 0 5px;
                                    &:last-child {margin: 0;}
                                }
                            }
                            & .num {padding: 0 20px; margin: 0 0 5px;
                                &:last-child {margin: 0;}
                                & p {font-size: 14px; margin: 0 0 5px;
                                    &:last-child {margin: 0;}
                                }
                                & span {display: block; font-size: 14px; color: #555; margin: 0 0 5px;
                                    &:last-child {margin: 0;}
                                }
                            }
                            & .tb {margin: 15px 0; padding: 0 20px;
                                & table {width: 100%; max-width: 350px; table-layout: fixed; border: 1px solid #e9e9e9;
                                    & tr {border-bottom: 1px solid #e9e9e9;
                                        &:last-child {border-bottom: 0;}
                                        & td {width: 30%; font-size: 14px; padding: 10px; text-align: center; border-right: 1px solid #e9e9e9;
                                            &:last-child {width: 70%; border-right: 0;}
                                        }
                                    }
                                    & thead {
                                        & tr {
                                            & td {font-weight: 700; background: #f5f5f5;}
                                        }
                                    }
                                    & tbody {
                                        & tr {
                                            & td {color: #555; background: #fff;}
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @media (width <= 860px) {
        & .privacy {
            & .privacy-con {
                padding: 0; background-color: transparent;
                font-size: 15px;
                & .con-text {padding: 30px;
                    & .list {
                        > ul {
                            > li {
                                & .tb {
                                    & table {max-width: 100%;}
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    @media (width <= 460px) {
        & .privacy {
            & .privacy-con {
                & .con-text {padding: 20px;
                    & .top {
                        & p {font-size: 16px;}
                    }
                    & .list {
                        > ul {
                            > li {
                                & .tit {
                                    & p {font-size: 15px;}
                                }
                                & .desc {
                                    & p {font-size: 13px;}
                                }
                                & .num {padding: 0 10px;
                                    & p {font-size: 13px;}
                                    & span {font-size: 13px;}
                                }
                                & .tb {padding: 0 10px;
                                    & table {
                                        & tr {
                                            & td {font-size: 12px; padding: 8px 0;}
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}