/* 미디어쿼리 */
#m_header{display: none;}
.m_popup{display: none;}
.m_area{display: none !important;}
.guide_tabs .bx-controls{display:none;}

.m_view{ display: none; }

@media (max-width:1200px){

    /* 인사말 */
    .greeting_content>figure{ height: 300px; }
    .greeting_content>figure>p{ font-size: 100px; letter-spacing: 15px; line-height: 84px; }

    /* 차별성 */
    .distinction_content>section>dl>dd{ padding: 20px 30px; }

    /* 활용/설치사례 */
    .case_content>ul>li>p>span.lf{ display: none; }
    .case_content>ul>li>p>span.space{ display: inline; }

}

@media (max-width:960px){

    .pc_view{ display: none; }
    .m_view{ display: block; }

    /* 인사말 */
    .greeting_content>div>h4{ font-size: 24px; }
    .greeting_content>div>p{ margin-top: 25px; line-height: 30px; }
    .greeting_content>div>h6{ margin-top: 20px; font-size: 16px; }
    .greeting_content>figure{ height: 250px; margin-top: 40px; }
    .greeting_content>figure>p{ font-size: 80px; letter-spacing: 10px; line-height: 66px; }

    /* 오시는길 */
    .location_content{ margin: 0 auto 50px; }
    .daum_map{ height: 400px !important; }
    .google_map{ height: 400px }
    .location_content>dl{ padding: 25px 30px 20px; }
    .location_content>dl>dt{ font-size: 20px; }
    .location_content>dl>dd{ margin-top: 15px; }

    /* 차별성 */
    /* .distinction_content>section{ display: none; }
    .distinction_content .swiper-container{ width: 100%; height: auto; margin-top: 40px; padding: 0 20px; display: block; }
    .distinction_content .swiper-container:nth-of-type(1){ margin-top: 0; }
    .distinction_content .swiper-container-3d .swiper-slide-shadow-left{ background-image: none !important; }
    .distinction_content .swiper-container-3d .swiper-slide-shadow-right{ background-image: none !important; }
    .distinction_content .swiper-slide{ opacity: 0.2; }
    .distinction_content .swiper-slide-active{ opacity: 1; }
    .distinction_content .swiper-button-next, .distinction_content .swiper-button-prev{ min-width: 17%; height: 100% !important; background-image: none !important; top: 0 !important; outline: 0 !important; border: 0 !important; }
    .distinction_content .swiper-button-prev{ left: 0 !important; }
    .distinction_content .swiper-button-next{ right: 0 !important; }

    .distinction_content .distinction_box{ border: 1px solid rgb(220,220,220); background-color: rgb(245,245,245); }
    .distinction_content .distinction_box dl{ display: flex; flex-flow: row nowrap; }
    .distinction_content .distinction_box dl>dt{ width: 100%; height: auto; min-height: 250px; background-position: center; background-repeat: no-repeat; background-size: cover; }
    .distinction_content .distinction_box dl>dd{ width: 100%; height: auto; padding: 20px 30px; border-left: 1px solid rgb(220,220,220); }
    .distinction_content .distinction_box dl>dd>h4{ font-size: 20px; color: rgb(0,102,179); font-weight: 500; text-decoration: underline; text-underline-position: under; word-break: keep-all; }
    .distinction_content .distinction_box dl>dd>p{ margin-top: 5px; font-size: 16px; color: rgb(51,51,51); font-weight: 300; word-break: keep-all; display: flex; flex-flow: row nowrap; }
    .distinction_content .distinction_box dl>dd>p:nth-of-type(1){ margin-top: 15px; }
    .distinction_content .distinction_box dl>dd>p>span:nth-of-type(1){ margin-right: 5px; } */


    .distinction_content>section>dl{ width: 100%; margin-top: 20px; display: flex; flex-flow: row nowrap; }
    .distinction_content>section>dl:nth-of-type(1){ margin-top: 0; }
    .distinction_content>section>dl>dt{ width: 100%; height: auto; min-height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; }
    .distinction_content>section>dl>dd{ width: 100%; height: auto; padding: 20px 30px; border-left: 1px solid rgb(220,220,220); }
    .distinction_content>section>dl>dd>h4{ font-size: 20px; color: rgb(0,102,179); font-weight: 500; text-decoration: underline; text-underline-position: under; word-break: keep-all; }
    .distinction_content>section>dl>dd>p{ margin-top: 5px; font-size: 16px; color: rgb(51,51,51); font-weight: 300; word-break: keep-all; display: flex; flex-flow: row nowrap; }
    .distinction_content>section>dl>dd>p:nth-of-type(1){ margin-top: 15px; }
    .distinction_content>section>dl>dd>p>span:nth-of-type(1){ margin-right: 5px; }
    .distinction_content>h4{ font-size: 30px; }
    .distinction_content>figure{ margin-top: 30px; padding: 50px 20px 70px; }
    .distinction_content>figure>h5{ font-size: 30px; }
    .distinction_content>figure>ol{ margin: 50px auto 0; }
    .distinction_content>figure>ol>li{ padding: 10px 20px; }
    .distinction_content>figure>ul{ margin: 0 auto; }
    .distinction_content>figure>ul>li{ padding: 10px 20px; }
    .distinction_content>figure>ul>li>h6{ font-size: 18px; }
    .distinction_content>figure>ul>li>p{ margin-top: 15px; font-size: 16px; }
    .distinction_content>ul{ margin: 30px auto 50px; }

    /* 제품사양 */
    .specification_content{ margin: 0 auto 50px; }
    .specification_content>dl>dt{ width: 40%; background-position: center bottom 35%; background-size: 100% auto; }
    .specification_content>dl>dt>p{ width: 100%; padding: 10px 20px; font-size: 18px; }
    .specification_content>dl>dd{ width: 55%; padding: 10px 0; }
    .specification_content>dl>dd>p{ margin-top: 15px; font-size: 16px; }
    .specification_content>h5{ margin-top: 25px; font-size: 30px; }
    .specification_content>p{ font-size: 16px; }
    .specification_content>figure{ margin-top: 25px; }
    .specification_content>img{ margin-bottom: 25px; }
    .specification_content>h6{ margin-top: 25px; font-size: 18px; }

    /* 내외부 */
    .inout_content{ margin: 0 auto 50px; }
    .inout_content>h5{ margin-top: 25px; font-size: 30px; }
    .inout_content>p{ font-size: 16px; }
    .inout_content>img{ margin-top: 15px; }
    .inout_content>ol>li{ width: calc((100% - 10px) / 2); }
    .inout_content>ol>li>figure{ height: 200px; }
    .inout_content>ol>li>h4{ font-size: 18px; }
    .inout_content>video{ margin-top: 30px; }

    /* 활용/설치사례 */
    .case_content{ margin: 0 auto 50px; }
    .case_content>h4{ font-size: 30px; }
    .case_content>ul>li{ padding: 30px 20px; }
    .case_content>ul>li>div{ margin: 10px auto 15px; }
    .case_content>ul>li>h5{ font-size: 18px; }

    /* 제품가격 */
    .price_content{ margin: 0 auto 50px; }
    .price_content>h4{ font-size: 30px; }
    .price_content>h5{ font-size: 30px; }
    .price_content>div{ margin-top: 25px; }
    .price_content>div>h4>p{ font-size: 18px; }
    .price_content>div>h6{ font-size: 18px; }
    .price_content>div>p{ font-size: 16px; }
    .price_content>div>p:nth-of-type(2){ margin-bottom: 15px; }
    .price_content>div>img{ margin-top: 15px; }

    /* 대리점문의 */
    .agency_content{ margin: 0 auto; padding: 0; }
    .agency_content>div{ padding: 90px 20px 40px; border: 0; }
    .agency_content>div>div{ padding: 15px; }
    .agency_content>div>div>dl{ padding: 10px 30px; }
    .agency_content>div>div>dl>dt>img{ width: 40px; }
    .agency_content>div>div>dl>dt>div{ margin-left: 10px; }
    .agency_content>div>div>dl>dt>div>h6{ margin: 0 3px; font-size: 30px; }
    .agency_content>div>div>dl>dt>div>p{ margin: 0 3px; font-size: 30px; }
    .agency_content>div>div>dl>h6{ margin-top: 15px; font-size: 16px; }
    .agency_content>div>div>dl>dd{ margin-top: 15px; }
    .agency_content>div>div>dl>dd>a{ margin: 10px 5px 0; }
    .agency_content>div>div>dl>dd>a>figure{ width: 30px; height: 30px; min-width: 30px; }
    .agency_content>div>div>dl>dd>a>figure>img{ width: 18px; }
    .agency_content>div>div>dl>dd>a>div>p{ margin: 0 3px; font-size: 16px; }
    .agency_content>div>div>dl>dd>a>div>h5{ margin: 0 3px; font-size: 20px; }
    .agency_content>div>div>dl>div{ width: 17px; }

}

@media (max-width:740px){

    /* 인사말 */
    .greeting_content>figure{ height: 200px; }
    .greeting_content>figure>p{ font-size: 60px; line-height: 51px; }

    /* 차별성 */
    .distinction_content>figure{ padding: 40px 20px 60px; }
    .distinction_content>figure>h5{ font-size: 26px; }
    .distinction_content>figure>ol{ display: none; }
    .distinction_content>figure>ul{ margin: 30px auto 0; flex-flow: row wrap; }
    .distinction_content>figure>ul>li{ padding: 15px 0; border-left: 0; }
    .distinction_content>figure>ul>li>img{ width: auto; height: auto; margin: 0 auto 10px; display: block; }
    .distinction_content>figure>ul>li>h6{ text-align: center; }
    .distinction_content>figure>ul>li>p{ margin-top: 5px; text-align: center; }

    /* 제품사양 */
    .specification_content>dl>dt{ width: 100%; background-position: center bottom 10%; background-size: auto 90%; }
    .specification_content>dl>dd{ width: 100%; }

    /* 활용/설치사례 */
    .case_content>ul>li{ width: 100%; }

    /* 대리점문의 */
    .agency_content>div>div>dl>dt>div{ flex-flow: column wrap; }

}

@media (max-width:560px){

    /* 인사말 */
    .greeting_content>figure{ height: 150px; }
    .greeting_content>figure>p{ font-size: 50px; line-height: 42px; }

    /* 차별성 */
    /* .distinction_content .distinction_box dl{ flex-flow: row wrap; }
    .distinction_content .distinction_box dl>dt{ min-height: 200px; }
    .distinction_content .distinction_box dl>dd{ padding: 10px 20px; border-top: 1px solid rgb(220,220,220); border-left: 0; }
    .distinction_content .distinction_box dl>dd>h4{ font-size: 18px; }
    .distinction_content .distinction_box dl>dd>p{ margin-top: 5px; font-size: 14px; }
    .distinction_content .distinction_box dl>dd>p:nth-of-type(1){ margin-top: 10px; }
    .distinction_content .distinction_box dl>dd>p>span:nth-of-type(1){ margin-right: 3px; } */

    .distinction_content>section>dl{ flex-flow: row wrap; }
    .distinction_content>section>dl>dt{ min-height: 200px; }
    .distinction_content>section>dl>dd{ padding: 10px 20px; border-left: 0; }
    .distinction_content>section>dl>dd>h4{ font-size: 18px; }
    .distinction_content>section>dl>dd>p{ margin-top: 5px; font-size: 14px; }
    .distinction_content>section>dl>dd>p:nth-of-type(1){ margin-top: 10px; }
    .distinction_content>section>dl>dd>p>span:nth-of-type(1){ margin-right: 3px; }

}


@media (max-width:480px){

    /* 인사말 */
    .greeting_content>div>h4{ font-size: 18px; }
    .greeting_content>div>p{ margin-top: 20px; font-size: 14px; line-height: 24px; }
    .greeting_content>div>h6{ margin-top: 15px; font-size: 14px; }
    .greeting_content>figure{ height: 120px; margin-top: 30px; }
    .greeting_content>figure>p{ font-size: 40px; letter-spacing: 6px; line-height: 33px; }

    /* 오시는길 */
    .location_content{ margin: 0 auto 30px; }
    .daum_map{ height: 250px !important; }
    .daum_map .wrap_controllers .wrap_btn_roadview .txt:nth-of-type(1){ display: none; }
    .daum_map .wrap_controllers .wrap_btn_roadview .txt_bar:nth-of-type(1){ display: none; }
    .google_map{ height: 250px }
    .location_content>dl{ padding: 15px 20px 10px; }
    .location_content>dl>dt{ font-size: 16px; }
    .location_content>dl>dd{ margin-top: 10px; }
    .location_content>dl>dd>a{ flex-flow: row wrap; }
    .location_content>dl>dd>a>h4{ width: 100%; font-size: 14px; }
    .location_content>dl>dd>a>p{ width: 100%; font-size: 14px; }

    /* 차별성 */
    .distinction_content>h4{ font-size: 20px; }
    .distinction_content>figure{ margin-top: 15px; padding: 30px 20px 40px; }
    .distinction_content>figure>h5{ font-size: 20px; }
    .distinction_content>figure>ul{ margin: 20px auto 0; }
    .distinction_content>figure>ul>li{ padding: 10px 0; }
    .distinction_content>figure>ul>li>img{ margin: 0 0 10px; }
    .distinction_content>figure>ul>li>h6{ text-align: left; font-size: 16px; }
    .distinction_content>figure>ul>li>p{ text-align: left; font-size: 14px; }
    .distinction_content>ul{ margin: 10px auto 30px; justify-content: center; }
    .distinction_content>ul>img{ width: 90%; margin-top: 15px; }

    /* 제품사양 */
    .specification_content{ margin: 0 auto 30px; }
    .specification_content>dl>dt{ background-position: center bottom 25%; background-size: auto 90%; }
    .specification_content>dl>dt>p{ padding: 10px 15px; font-size: 16px; }
    .specification_content>dl>dd{ margin-top: 15px; padding: 5px 0; }
    .specification_content>dl>dd>p{ margin-top: 5px; font-size: 14px; }
    .specification_content>h5{ margin-top: 20px; font-size: 24px; }
    .specification_content>p{ font-size: 14px; }
    .specification_content>figure{ margin-top: 20px; flex-flow: row wrap; }
    .specification_content>figure>div{ width: 100%; padding: 10px 0; }
    .specification_content>figure>div:nth-of-type(1){ border-right: 1px solid rgb(220,220,220); }
    .specification_content>figure>div:nth-of-type(2){ border-top: 0; }
    .specification_content>figure>div:nth-of-type(1)>img{ width: 90%; }
    .specification_content>figure>div:nth-of-type(2)>img{ width: 100%; }
    .specification_content>img{ margin-bottom: 20px; }
    .specification_content>h6{ margin-top: 20px; font-size: 16px; }

    /* 내외부 */
    .inout_content{ margin: 0 auto 30px; }
    .inout_content>h5{ margin-top: 20px; font-size: 24px; }
    .inout_content>p{ margin-top: 5px; font-size: 14px; }
    .inout_content>img{ margin-top: 10px; }
    .inout_content>ol>li{ width: 100%; }
    .inout_content>ol>li>figure{ height: 180px; }
    .inout_content>ol>li>h4{ font-size: 16px; }
    .inout_content>ol>li>p{ font-size: 14px; }
    .inout_content>video{ margin-top: 20px; }

    /* 활용/설치사례 */
    .case_content{ margin: 0 auto 30px; }
    .case_content>h4{ font-size: 24px; }
    .case_content>ul>li{ padding: 20px 15px; }
    .case_content>ul>li>div{ margin: 10px auto; }
    .case_content>ul>li>h5{ font-size: 16px; }
    .case_content>ul>li>p{ font-size: 14px; }

    /* 제품가격 */
    .price_content{ margin: 0 auto 30px; }
    .price_content>h4{ font-size: 20px; }
    .price_content>h5{ font-size: 20px; }
    .price_content>div{ margin-top: 20px; padding-left: 10px; border-width: 2px; }
    .price_content>div>h4{ margin-bottom: 10px; }
    .price_content>div>h4>p{ font-size: 16px; }
    .price_content>div>h4>p>span:nth-of-type(1){ margin-right: 3px; font-size: 1em; }
    .price_content>div>h4>p>span:nth-of-type(2){ border-bottom: 1px solid rgb(173,173,173); }
    .price_content>div>h6{ font-size: 16px; }
    .price_content>div>h6>span:nth-of-type(1){ margin-right: 3px; font-size: 1em; }
    .price_content>div>h6>span:nth-of-type(2){ border-bottom: 1px solid rgb(173,173,173); }
    .price_content>div>p{ font-size: 14px; }
    .price_content>div>p:nth-of-type(2){ margin-bottom: 10px; }
    .price_content>div>img{ margin-top: 10px; }

    /* 대리점문의 */
    .agency_content>div{ padding: 80px 20px 30px; }
    .agency_content>div>div{ padding: 10px; }
    .agency_content>div>div>dl{ padding: 10px; border-width: 2px; }
    .agency_content>div>div>dl>dt>img{ width: 40px; min-width: 40px; }
    .agency_content>div>div>dl>dt>div{ margin-left: 5px; }
    .agency_content>div>div>dl>dt>div>h6{ margin: 0 3px; font-size: 20px; }
    .agency_content>div>div>dl>dt>div>p{ margin: 0 3px; font-size: 20px; }
    .agency_content>div>div>dl>h6{ margin-top: 10px; font-size: 14px; }
    .agency_content>div>div>dl>dd{ margin-top: 10px; }
    .agency_content>div>div>dl>dd>a{ width: calc(100% - 10px); margin: 5px 0 0; }
    .agency_content>div>div>dl>dd>a>figure{ width: 20px; height: 20px; min-width: 20px; margin-right: 5px; }
    .agency_content>div>div>dl>dd>a>figure>img{ width: 14px; }
    .agency_content>div>div>dl>dd>a>div>p{ font-size: 12px; }
    .agency_content>div>div>dl>dd>a>div>h5{ font-size: 16px; }
    .agency_content>div>div>dl>div{ width: 12px; height: 2px; }

}

@media (max-width:400px){

    /* 인사말 */
    .greeting_content>figure{ height: 100px; }
    .greeting_content>figure>p{ font-size: 30px; letter-spacing: 2px; line-height: 24px; }

    /* 차별성 */
    .distinction_content>ul>img{ width: 100%; margin-top: 10px; }

    /* 제품사양 */
    .specification_content>dl>dt{ min-height: 220px; background-position: center bottom 0; background-size: auto 90%; }

    /* 활용/설치사례 */
    .case_content>ol>li>figure{ height: 140px; }

}