*{ margin: 0; padding: 0; list-style: none; }
a{ text-decoration: none; color: #000; }

.ctk-pdp-header-wrap,
.ctk-pdp-footer-wrap{ max-width: 1080px; margin: 0 auto; }
.ctk-pdp-header-wrap a,
.ctk-pdp-footer-wrap a{ display: block; }
.ctk-pdp-header-wrap a img,
.ctk-pdp-footer-wrap a img{ width: 100%; vertical-align: bottom; }

.ctk-banner-wrap{ display: block; }

.ctk-pdp-header-wrap-pc,
.ctk-pdp-footer-wrap-pc{ display: block; }
.ctk-pdp-header-wrap-m,
.ctk-pdp-footer-wrap-m{ display: none; }


svg{ max-width: 15px; vertical-align: middle; }

.ctk-custom-tem-body-wrap{
    max-width: 860px;
    margin: 50px auto;
    width: 90%;
    font-size: 16px;
    line-height: 2;
    letter-spacing: -2%;
}

.ctk-custom-tem-body-wrap .row{
    margin-bottom: 50px;
}

.ctk-custom-tem-body-wrap h2{
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: bold;
}

.ctk-custom-tem-body-wrap p{
    font-size: inherit;
    margin-bottom: 16px;
}

.ctk-custom-tem-body-wrap ul{
    margin-left: 16px;
}

.ctk-custom-tem-body-wrap li{
    list-style: disc;
}

.ctk-custom-tem-body-wrap table{
    border-collapse: collapse;
    border: 0;
    border-top: solid 2px #000;
    width: 100%;
    font-size: 14px;
}
.ctk-custom-tem-body-wrap th{
    font-weight: normal;
    background-color: #f7f7f7;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
.ctk-custom-tem-body-wrap td{
    padding: 16px;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    
}




@media all and (max-width: 768px){
    .ctk-banner-wrap{ display: flex; flex-wrap: wrap; }
    .ctk-banner-wrap a{ width: 50%; }

    .ctk-pdp-header-wrap-pc,
    .ctk-pdp-footer-wrap-pc{ display: none; }
    .ctk-pdp-header-wrap-m,
    .ctk-pdp-footer-wrap-m{ display: block; }

    #show-mobile-important{ display: block !important; }

    #div_inner_contents * p,
    .content_wrap *{ font-size: 16px !important; }

}


/* pdp 본문 */

#div_inner_contents .ctk-content-wrap{ max-width: 760px; width: 90%; margin: 50px auto; line-height: 2; letter-spacing: -3%; font-size: 18px; padding: 50px 0; }
#div_inner_contents .ctk-content-wrap *{ font-size: 18px !important; }
.ctk-content-wrap *{ margin: 0; padding: 0; }
.ctk-content-wrap .row{ margin-bottom: 50px; }
.ctk-content-wrap .row .h2{ font-size: 1.125em !important; font-weight: bold; line-height: 1.5; margin-bottom: 8px; letter-spacing: -2%; }
.ctk-content-wrap .row .h3{ font-size: 1rem; line-height: 1.5; margin-top: 42px; margin-bottom: 8px; font-weight: bold; color: #222; }
.ctk-content-wrap .row .h2 + .h3{ margin-top: 0; }
.ctk-content-wrap .row .p{ font-size: 1em; }
.ctk-content-wrap .row ul{ margin-left: 20px; line-height: inherit; }
.ctk-content-wrap ul li{ list-style: disc; }


/* table */
.table-wrap{ margin-bottom: 36px; }
.info-detail{ width: 100%; margin: 0 auto; border:0; border-top: solid 1px #000; border-bottom: solid 1px #000; font-size: 0.875em; border-collapse: collapse;}
.info-detail th{ border: 0; padding: 12px 0; box-shadow: inset -1px 0 0 rgba(0,0,0,0.1); background-color: #000; color: #fff; }

.info-detail td{ border: 0; box-shadow: inset -1px 0 0 rgba(0,0,0,0.1); text-align: center; padding: 12px 0; border-bottom: solid 1px rgba(0,0,0,0.1);  max-width: 300px;  }
.info-detail td:first-child{ font-weight: bold; }

.info-detail th:last-child, .info-detail td:last-child{ border-right: 0; box-shadow: none; }
.info-detail tr:last-child td{ border-bottom: 0; }

@media all and (max-width: 768px){
    
    #div_inner_contents .ctk-content-wrap{ font-size: 14px; }
    #div_inner_contents .ctk-content-wrap *{ font-size: 14px !important; }
    #div_inner_contents .ctk-content-wrap .h2{ font-size: 14px !important; }

    .ctk-content-wrap .row.notice .h2,
    .ctk-content-wrap .row.notice p{ font-size: 14px !important; }

    .ctk-content-wrap .info-detail{ font-size: 0.75rem; }

}
