@charset "utf-8";

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

    .content {
        padding: 80px 0 30px;
    }

    #ctt .lnb {
        width: 100%;
        padding: 10px 0;
    }

    #ctt .lnb li {
        font-size: 16px;
        height: 36px;
    }
    #ctt .lnb li span {
        height: 36px;
        width: auto;
    }

    .product .pdt_tit {
        font-size: 28px;
    }

    .product .hd_txt_wrap {
        height: auto;
        border-bottom: 0;
    }

    .product .pdt_col_2>div {
        width: 100% !important;
    }

    .product .hd_txt {
        padding: 20px 15px;
    }

    .product .hd_txt_mn span {
        font-size: 36px;
    }

    .product .hd_txt_info {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .product .hd_img {
        text-align: center;
        padding: 0 15px;
    }

    .product .hd_img img {
        max-width: 100%;
    }

    .product .over_img {
        position: relative;
        top: 0;
    }

    .product .pdt_wrap {
        margin-top: 80px !important;
        padding-top: 0 !important;
    }
    .product .pdt_wrap:first-child {
        margin-top: 80px !important;
        padding-top: 40px !important;
    }

    .product .pdt_txt_1 {
        font-size: 24px;
        padding: 0 15px 15px;
    }

    .product .pdt_txt_2 {
        font-size: 16px;
        padding: 15px 15px 0;
    }

    .pad_l { padding-left: 15px; }
    .pad_r { padding-right: 15px; }

    .product .bd_img.bd_img_1 {
        padding: 0 15px;
    }

    .product .pdt_img_1 {
        padding: 15px;
    }

    .product .pdt_info img {
        max-width: 100%;
        height: auto;
    }

    /* 어플리케이션 섹션 모바일 */
    .product .pdt_wrap.app_section {
        margin-top: 80px !important;
        padding-top: 40px !important;
    }
    .app_tit {
        font-size: 22px !important;
        padding: 0 15px 20px;
    }
    .app_content {
        flex-direction: column;
    }
    .app_img_wrap {
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }
    .app_info_wrap {
        width: 100%;
        padding: 20px 15px 0;
    }
    .app_feature_item {
        margin-bottom: 15px;
        padding: 12px 15px;
    }
    .app_feature_ico {
        width: 40px;
        height: 40px;
        min-width: 40px;
        margin-right: 15px;
    }
    .app_feature_txt strong {
        font-size: 16px;
    }
    .app_feature_txt p {
        font-size: 14px;
    }

    /* 제품 구성 모바일 */
    .pdt_composition {
        padding: 20px 15px;
    }
    .composition_labels .label {
        font-size: 10px;
        padding: 3px 8px;
    }

    /* 주요 제원 모바일 */
    .product .pdt_wrap.spec .pdt_info .wrapper {
        padding: 20px 15px;
    }
    .product .pdt_info table thead th {
        font-size: 14px;
        height: 30px;
    }
    .product .pdt_info table tbody th,
    .product .pdt_info table tbody td {
        font-size: 14px;
        height: 30px;
    }

    /* 제품 영상 모바일 */
    .product .pdt_wrap.video .pdt_info .wrapper {
        padding: 20px 15px;
    }

    /* 모달 모바일 */
    section.modal_wrap .modal {
        max-width: 95%;
    }
    .slick-list {
        width: 100%;
    }
    section.modal_wrap .slick-track {
        height: auto;
    }
    section.modal_wrap button.cls_btn {
        right: 0;
        top: -40px;
    }
    section.modal_wrap button.slick-prev { left: -5%; }
    section.modal_wrap button.slick-next { right: -5%; }
}