@charset "UTF-8";

@media (max-width: 1360px) {
    header .head_inner {padding:0 2rem; width:100%; height:100px;}
    header .head_inner .inner {padding:0; width:100%;}
    header .head_inner .logo_box {width:100px; height:100px;}
    .pg_wrap {width:100%;}
    .container, header + #bo_wrap {padding-top:151px}
    .head_nav {gap:4vw}
    .head_nav > li > a {font-size:1.2rem;}
    .head_nav .dep {top:110px;}
    /* .top_pup + .head_inner .head_nav .dep {top:110px;} */
    .head_nav .dep ul {padding:1rem 0;}
    .sub_dep ul {padding:1rem 0;}
    .head_nav .dep li a,
    .sub_dep li a {font-size:1.1rem;}
    .head_nav .dep::before, .head_nav .dep::after {height:66px;}
    .sub_dep ul {width:715px;}

    [class^="panal"] {padding-left:2rem; padding-right:2rem;}
    [class^="panal"].panal_compare {padding-left:0; padding-right:0;}
    .inner {padding:2rem; width:100%;}
    .contents, .contents.inner {padding-top:6rem; padding-bottom:6rem;}
    .panal_package .price_box {width:32%;}
    header .benefit_call_box {padding:1rem 0 0; background: transparent;}
    .benefit_call_box .txt_benefit_call {margin-bottom:3px; font-size:13px;}
    .benefit_call_box .btn_call {width:210px; height:45px; font-size:1.25rem; letter-spacing:0;}
    .benefit_call_box .btn_call::before {width:2rem; height:1.9rem; background-size:100%;}
    .container, .container.cmain {padding-top:150px; min-height: auto;}
    .container.up, .container.cmain.up {padding-top:100px;}
    .container {padding-top:149px}
    .container.up, header.up + #bo_wrap {padding-top:100px}
    .panal_theme .itheme_box {gap:3%;}
    .panal_theme .itheme_box li a span {margin-bottom:1rem; width:110px; height:110px;}

    .swiper-slide.visual_1 img {left:auto; right:0; transform: translate(0, 0);}

    .swiper-slide .txt_visual_1::before {right:3%; width:33rem; height:18rem; background-size:100%;}
    .swiper-slide .txt_visual_3::before {right:5%; width:31rem; height:27rem; background-size:100%;}
    .swiper-slide .txt_visual_2 .visual_motion_2 {right:4%; width:31rem; height:27rem; background-size:100%;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .img_person {margin:70px auto 0; height:100%;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps1 {top:93px; left:0; width:156px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps2 {bottom:-7px; left:8px; width:219px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps3 {top:37px; right:35px; width:176px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps4 {top:127px; right:-61px; width:199px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps5 {bottom:-46px; right:-9px; width:198px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .txts { bottom:-9px; left:114px;width:260px; font-size:1.2rem;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .txts em {font-size:1.3rem;}


    .txt_visual_1 .li_agreement {bottom:-2rem;}
    .txt_visual_1.inner, .txt_visual_2.inner, .txt_visual_3.inner {padding:2rem 5%;}
    .swiper-slide-active .txt_visual_1 span, .swiper-slide-active .txt_visual_2 span, .swiper-slide-active .txt_visual_3 span {font-size:1.5rem;}
    .swiper-slide .txt_visual_1 p, .swiper-slide .txt_visual_2 p, .swiper-slide .txt_visual_3 p {font-size:3.2rem;}
    .swiper-slide .txt_visual_1 p em {font-size:2.9rem;}
    .swiper-slide .txt_visual_1 strong, .swiper-slide .txt_visual_2 strong, .swiper-slide .txt_visual_3 strong {font-size:4em;}
    .swiper-slide .txt_visual_1 .btn_link a, .swiper-slide .txt_visual_2 .btn_link a, .swiper-slide .txt_visual_3 .btn_link a {width:12rem; height:3.3rem; font-size:1.2rem;}
    
    .panal_inquiry.inner {padding:3rem 2rem;}

    .head_nav > li:hover .dep {display:block;}

    .tit_topic, .panal_product_object .topic {font-size:2.8rem;}
    .panal_promotion.inner {padding:77px 2rem 160px;}
    .panal_solution .inner {padding:1rem 0;}

    .panal_review .inner {padding:2rem 0; width:100%;}
    .panal_real.inner {padding:77px 2rem 93px;}

    
    .panal_real .real_box .cont .tb_real thead th:nth-child(3),
    .panal_real .real_box .cont .tb_real td:nth-child(3) {width:115px;}

    .panal_dbin.inner {padding:2rem 2rem 93px;}

    .visual_card_box {overflow:hidden;}
    .visual_card_box .sub_top_card_object {padding:2rem 0; width:80%; justify-content:center;}
    .visual_card_box .sub_top_card {margin:0 auto; padding:2rem; width:100%; max-width:100%;}
    .card_body_box .option_group .opt-btn {width: calc((100% - 24px) / 3);}
    .visual_card_box .card_body_object {flex-wrap:wrap;}
    .visual_card_box .card_body_object .card_body_box {flex:auto; width:100%;}
    .img_visual_card {left:auto; right:-4rem; width:22rem; bottom:-2rem;}
    .price-panel {width:66%;}
    .price-notes {margin-top:0; padding:1rem 0;}
    .card_body_box .option_group .opt-btn .opt-desc {display:none;}
    .card_body_box .option_group .opt-btn {min-height:43px;}
    .price-box {display:flex; align-items:center; justify-content:space-between;}

    .visual_cctv_box {background-size:52rem auto, 100% 100%; background-position:right 0;}

    .contents.cctv {padding:67px 2rem 290px;}
    /* #bo_list {padding:5rem 0;} */
    .bo_paging {padding:0 2rem;}
    #bo_btns.view_bottom_box {margin:0 2rem;}

    .notice_banner_box .inner {padding:2rem;}
    #bo_list.notice_wrap, .faq_wrap.inner {padding:3rem 2rem 0;}
    .review_password_box {padding:0 2rem;}
    .review_password_box #bo_btns.view_bottom_box {margin:0;} 

}
@media (max-width: 1200px) {
    .compare_box .card {padding:1.5rem;}
    .compare_box .product-title {display:flex; justify-content:center; min-height:100px;}
    .compare_box .badge {display:none;}
    .compare_box .benefit-section {padding:1rem 0;}
    .compare_box .cash-section {flex-wrap:wrap;}
    .compare_box .cash-section .secret-btn {width:100%; justify-content:center;}
    .compare_box .grid,
    .panal_bast .bast_box .grid {gap:3%;}
    .compare_box .benefit-btn {min-width:auto;}

    .compare_box .info-row-toggle {display:flex; font-weight:600;}
    .compare_box .info-list.is-open .info-row-toggle-body {display:flex;}
    .compare_box .info-row-toggle::after {content:"▼"; font-size:.6rem; transition:.3s;}
    .compare_box .info-list.is-open .info-row-toggle::after {transform:rotate(180deg);}

    .panal_bast .bast_box .cmp_card .cmp_cash_section {flex-wrap:wrap;}
    .panal_bast .cmp_secret_btn {justify-content:center; width:100%;}
    .panal_bast .bast_box .cmp_card .cmp_card_title {display:flex; justify-content:center; height:86px;}

    .panal_bast .bast_box .cmp_card {padding:3rem 1.5rem 1.5rem;}
    .compare_box .product-title {display:flex; justify-content:center; min-height:100px;}

    .panal_bast {padding:77px 0 93px;}
    .panal_bast .bast_box {padding:0;}
    .panal_bast .inner {padding:2rem; width:100%;}

    .compare_box .info-list.is-open {gap:0;}
    .compare_box .info-list.is-open .info-row-toggle {border-radius:10px 10px 0 0; background-color:#f7f7f7;}
    .compare_box .info-list.is-open .info-row-toggle {font-weight:700;}
    .compare_box .info-list.is-open .info-row-toggle-body {gap:0; margin-bottom:0;}
    .compare_box .info-list.is-open .info-row-toggle-body .info-row {border-radius:0; border-top:0}
    .compare_box .info-list.is-open .info-row-toggle-body .info-row:last-child {border-radius:0 0 10px 10px;}

    .panal_review {padding:77px 0 93px;}

    .panal_review .swiper-button-next, .panal_review .swiper-button-prev {top:var(--swiper-navigation-top-offset,40%) !important}
    .panal_review .swiper-button-next {right: var(--swiper-navigation-sides-offset, 27%) !important;}
    .panal_review .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 27%) !important}
    .panal_review .review_desc {-webkit-line-clamp:3;}

    .panal_dbin .dbin_box {flex-wrap:wrap;}
    .panal_dbin .dbin_box .part {width:50%; order:2;}
    .panal_dbin .dbin_box .part.db {flex:auto; padding:2rem 1rem; width:100%; order:1;}
    .panal_dbin .dbin_box .part.db .mm_info_object {margin:0 auto; width:330px;}

    .plan_object .plans {gap:3%;}
    .plan_object .plan_card .plan_title {height:48px;}
    .plan_object .topic, .cctv_point_wrap .topic {font-size:1.6rem;}
    .topic_event {font-size:1.6rem;}
    .plan_object .desc {margin-bottom:1.5rem; font-size:1.1rem;}
    .plan_object .bundle_opt {top:110px;}
    .plan_object .bundle_opt label {font-size:1rem;}

    .coalition_wrap .part {padding:0 10px 0 30px;}
    .coalition_wrap .part img {width:7rem;}

    .cctv_service_wrap .service_cont .part img {width:15rem;}
    .cctv_service_wrap .service_cont .part strong {font-size:1.3rem;}
    .cctv_service_wrap .service_cont .part p {font-size:1.1rem;}

    .review_note_box {gap:4rem 2rem;}
    #bo_wrap .review_note_box .item {width:calc((100% - 6rem) / 4);}
    .sub_dep ul {width:65%;}
    .plan_rows_wrap .plan-row {flex-wrap:wrap; min-height:auto; padding:1.5rem;}
    .plan_rows_wrap .plan-row .pr-info {width:100%;}
    .plan_rows_wrap .plan-row .pr-cont-box {margin-top:1.5rem; width:100%;}

    .ft .ft_box .mark {position:relative; right:auto; bottom:auto; margin-top:2rem;}
}

@media (max-width: 1024px) {
    header .call_box {margin-left:auto;}
    .container {padding:4rem 0 0; width:100%;}
    .menu_panal {display:block;}
    .tit_mm_topic.active, .btn_mm_close.active {display:block;}
    .tit_mm_topic {left:auto; right:-100vh; width:0;}
    .tit_mm_topic.active {top:-3rem; right:0; width:100%; z-index:10;}
    .btn_mm_close {top:-2rem; z-index:10;}
    .top_pup.hide + .head_inner .tit_mm_topic.active {top:0;}
    .top_pup.hide + .head_inner .btn_mm_close.active {top: 1rem;}


    header .head_inner {display:flex; align-items:center; justify-content:space-between; padding:0 1rem 0 .5rem; height:4rem;}
    header .head_inner .inner {justify-content:end;}
    header .head_inner .logo_box {width:80px; height:100%;}
    header .benefit_call_box,
    header.scrolled .benefit_call_box, 
    body.modal_open header .benefit_call_box {top:.8rem; right:1rem; padding:0;}
    .benefit_call_box {margin-left:auto;}
    .benefit_call_box .txt_benefit_call, 
    header.scrolled .benefit_call_box .txt_benefit_call, 
    body.modal_open header .benefit_call_box .txt_benefit_call {margin-bottom:4px; font-size:.6rem;}
    .benefit_call_box .btn_call, 
    header.scrolled .benefit_call_box .btn_call,
    body.modal_open .benefit_call_box .btn_call {width:155px; height:35px; font-size:1.2rem;}
    .benefit_call_box .btn_call::before, 
    header.scrolled .benefit_call_box .btn_call::before,
    body.modal_open .benefit_call_box .btn_call::before {margin-right:3px; width:1.5rem; height:1.4rem;}
    .inner, .panal_bast .inner {padding:1rem;}
    body.modal_open header .head_inner {height:4rem;}
    body.modal_open header .head_inner .logo_box {width:80px;}
    body.modal_open header + .container {padding-top:7rem;}
    body.modal_open header .head_nav > li, body.modal_open header .head_inner .logo_box {height:4rem;}
    body.modal_open header.up + .container {padding-top:4rem;}

    .flexs_rt {display:flex; align-items:center; width:auto;}
    nav.menu_nav_box {position:fixed !important; top:7rem; right:0; left:0; padding:0 !important; height:auto !important; width:auto; order:2; background-color:#fff; box-shadow:0 2px 3px 0px rgba(0, 0, 0, .05);}
    .menu_box {display:flex; position:absolute; right:.5rem;}

    .head_nav {justify-content:space-between; padding:1rem 1.7rem !important; width:100% !important; gap:2vw; background-color:#fff; box-sizing:border-box !important;}
    .head_nav li a {color:#8c8c8c; font-size:1.1rem;}
    .head_nav > li > a {font-weight:600;}
    .head_nav .dep {display:none !important;}
    .top_pup .btn_close {position:absolute; --size:2.5rem; top:5px; right:0}

    .swiper-slide.visual_1 .banner_eyebrow {font-size:1.3rem;}
    .swiper-slide.visual_1 .banner_tit {font-size:2.8rem;}
    .swiper-slide.visual_1 .banner_desc {font-size:.9rem;}
    .swiper-slide.visual_1 .btn_links {margin-top:2.5rem; padding:15px 0; min-width:210px; font-size:1rem;}


    .ft {border-top:none}
    .ft .ft_box {padding:1rem 1rem 7rem; display:block !important;}
    .ft .ft_box .info li > * {font-size:.8rem;}
    .ft .ft_box .info li {flex-wrap:wrap; margin-bottom:0;}
    .ft .ft_box .info li > * {margin-bottom:.3rem;}
    .ft .ft_box .info li span {width:calc(100% - 75px);}
    .ft .ft_box .info li span::after {position:absolute; left:-9999px; width:0; height:0}
    .ft .ft_box .info li span.sfull {width:calc(100% - 110px);}
    .ft .ft_box .terms_service {margin-bottom:1rem; padding-bottom:1rem;}
    .ft .ft_box .terms_service a {margin-left:2%; font-size:.8rem;}
    .ft .ft_box .copyright {margin:1rem 0 0; font-size:.8rem;}
    .ft .btn_ft_control {display:none; top:-25px; padding:5px 2rem 0; height:21px;}

    /* .panal_package .package_object {position:relative; flex-wrap:wrap; gap:0;}
    .panal_package .item_card_object,
    .panal_package .price_box {width:100%;}
    .panal_package .price_box {padding:0; display:flex; flex-wrap:wrap; align-items:center; background-color:#fff;}
    .panal_package .price_box .topic_box {padding:1rem; width:100%;}
    .panal_package .price_box .price_item .tit {flex-wrap:wrap;}
    .panal_package .price_box .price_item .tit strong {display:block; width:100%;}
    .panal_package .price_box .price_item .sub_list {display:none;}
    .panal_package .price_box .price_item_all {border-radius:0; width:100%;}

    .panal_package .price_box.show {
        bottom: 0;
        left: 0;
        right: 0;
        top:auto;
        width: 100%;
        transition: none;
    }
    .panal_benefit {padding:5rem 0;}
    .panal_benefit .swiper {margin:3rem 0 5rem; padding: 0 clamp(20px, 6.640625vw, 20px);}
    .panal_benefit .swiper-slide {width:90% !important;}
    .tit_topic, .panal_product_object .topic {font-size:2rem;}

    .panal_benefit .swiper-slide > * {font-size:.8rem;}
    .panal_benefit .swiper-slide {height:250px !important;}

    .panal_theme {display:flex;}
    .panal_theme.inner {padding:2rem 1rem 0;}
    .panal_theme .itheme_box {flex-wrap:wrap; gap:1.5rem 1.5rem; margin:0 auto; justify-content:space-evenly;}
    .panal_theme .itheme_box li:last-child {margin-right:auto;}
    .panal_theme .itheme_box li a {font-size:.95rem;}
    .panal_theme .itheme_box li a span {margin:0 auto .6rem; width:5rem; height:5rem;} */

    header {top:3rem;}
    .top_pup {height:3rem;}
    .top_pup strong {font-size:.95rem;}
    header.up nav {top:4rem;}
    .container {padding-top:10.3rem;}
    .container.up, header.up + #bo_wrap {padding-top:7.3rem;}                                 
    .rolling_banner_box .swiper-slide, .giga_visual_box {height:450px !important;}
    .txt_visual_1.inner, .txt_visual_2.inner, .txt_visual_3.inner {padding:2rem 5%;} 
    .swiper-slide .txt_visual_1::before {right:3%; width:25rem; height:13rem;}
    .swiper-slide .txt_visual_3::before {right:5%; width:25rem; height:22rem;}
    /* .swiper-slide .txt_visual_2::before {right:-2%; width:25rem; height:22rem;} */
    .swiper-slide .txt_visual_2 .visual_motion_2 {right:1%; width:25rem; height:25rem;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .img_person {margin:40px auto 0; height:93%;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps1 {top:59px; left:14px; width:126px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps2 {bottom:45px; left:-1px; width:174px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps3 {top:20px; right:32px; width:126px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps4 {top:103px; right:-35px; width:149px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps5 {bottom:7px; right:-4px; width:159px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .txts {bottom:35px; left:80px; width:230px; font-size:1rem;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .txts em {font-size:1.1rem;}

    .txt_visual_1 .li_agreement {bottom:1rem;}
    .swiper-slide .txt_visual_1 span, .swiper-slide .txt_visual_2 span, .swiper-slide .txt_visual_3 span {font-size:1.2rem;}
    .swiper-slide .txt_visual_1 p, .swiper-slide .txt_visual_2 p, .swiper-slide .txt_visual_3 p {font-size:2.6rem;}
    .swiper-slide .txt_visual_1 strong, .swiper-slide .txt_visual_2 strong, .swiper-slide .txt_visual_3 strong {font-size:3rem;}
    .swiper-slide .txt_visual_1 .btn_link a, .swiper-slide .txt_visual_2 .btn_link a, .swiper-slide .txt_visual_3 .btn_link a {width:10rem; height:3rem; font-size:1.1rem;}


    .direct_call_box {width:45%;}
    .direct_call_box .call_form_box .mm_info_object {padding:0 2rem 2rem;}
    .direct_call_box .call_form_box .topic {padding-top:1.8rem; font-size:2rem;}
    .direct_call_box .call_form_box .desc {padding:1.1rem; font-size:1rem;}
    .direct_call_box .call_form_box .frm_box {flex-wrap:wrap; gap:0;}
    .direct_call_box .call_form_box .frm_box input {width:100%;}
    .direct_call_box .call_form_box .frm_box input.frm_input {margin-bottom:.5rem;}
    .direct_call_box .call_form_box .submitBtn {font-size:1.2rem;}
    .direct_call_box .btn_bottom a {font-size:1.5rem;}
    .direct_call_box .btn_bottom a::before {margin-right:3px; width:2rem; height:2rem; background-size:100%;}
  
    .top_pup + header + .container {padding-top:7rem;}
    .top_pup.hide + header + .container.up {padding-top:4rem;}

    .allg_box .tit_topic {margin-bottom:1.5rem; font-size:2.3rem;}
    .allg_box .tit_topic strong {font-size:2.9rem;}
    .allg_box .desc {font-size:1.5rem;}

    .item_card_object .item_card {padding:2rem;}
    .item_card .title {margin-bottom:2rem; max-width:90%; height:35px; line-height:35px; font-size:1rem;}
    .item_card .data {font-size:1.8rem; margin-bottom:1.5rem; padding-bottom:2.5rem;}
    .prodect_price_box {position:relative;}
    .item_card .price_origin {font-size:1rem;}
    .item_card .price_now {margin-top:-3px; margin-bottom:.5rem; font-size:1rem;}
    .item_card .price_now span {margin-top:-10px; font-size:2.2rem;}
    .item_card .desc {position:absolute; top:-4rem; right:0; font-size:.9rem;}

    .tit_topic, .panal_product_object .topic {font-size:2.5rem;}
    .panal_giga_object .topic {margin-bottom:1rem; font-size:2.7rem;}
    .panal_giga_object .desc {font-size:1.4rem;}
    .desc{font-size:.95rem;}

    .tab_buttons li {font-size:1.1rem;}

    .panal_bast.inner {padding:5rem 1rem;}

    .panal_signup .signup_object .item_sign div p {font-size:.9rem;}
    .panal_signup .signup_object .item_sign div p i {display:block;}
    .rolling-text {height:92px;}


    .modal_popup {
        display:none;
        position:fixed;
        top:50%;
        left:50%;
        padding:1.5rem 0;
        width:430px;
        transform:translate(-50%, -50%);
        background:#fff;
        border-radius:30px;
        box-shadow:0 5px 15px rgba(0,0,0,0.3);
        z-index:1000;
        /* transition:all .2s ease; */
    }

    .modal_popup.show {
        visibility:visible;
    }

    .modal_overlay {
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.5);
        z-index:999;
    }

    .modal_content {padding:0 1.1rem; text-align:center;}
    .modal_bottom {padding:0 1.3rem;}
    .modal_bottom.flexs {display:flex; gap:2%}
    .modal_bottom a, 
    .mm_info_object .modal_bottom button.submitBtn {
        display:block;
        width:100%;
        height:50px;
        line-height:50px;
        font-size:1.1rem;
        font-weight:600;
        color:#fff;
        text-align:center;
        border-radius:15px;
    }
    .modal_bottom.flexs a {width:100%;}
    .mm_info_object .modal_bottom button.submitBtn { background:#ff4040; order:2; cursor:pointer;}
    .modal_bottom a.btn_close { background:#1c1c1c; order:1;}

    .modal_popup .mm_info_object .frm_box {padding:1.5rem 1.3rem 1rem; width:100%;}
    .modal_popup .mm_info_object .agree_box {padding:0 1.3rem 1.5rem; width:100%;}
    #modalPopupInquiry {
        width:90%;
        max-width:430px;
        left:50%;
        top:50%;
        bottom:auto;
        right:auto;
        transform:translate(-50%, -50%);
        border-radius:25px;
    }
    #modalPopupInquiry .modal_bottom a.btn_close {display:block;}
    #modalPopupInquiry {padding:1.5rem 0 1rem;}
    #modalPopupInquiry .modal_bottom {padding:0 1rem;}
    .modal_call_banner {padding:2rem; text-align:left;
        background: url(../img/main/img_call_banner.png) no-repeat right bottom / 9rem, linear-gradient(140deg, rgba(235, 235, 241, 1) 0%, rgba(240, 245, 249, 1) 100%);
    }

    .btn_mn {padding-left:53px; min-width:335px; height:75px; font-size:1.4rem;}
    .btn_mn::after {width:20px; height:20px; background-size:100%;}
    .panal_bast .btn_mn, .panal_benefit .btn_mn {background-size:92px;}
    .tab_contents {margin-bottom:5rem;}

    .panal_benefit .myCounsel .swiper-slide {margin-right:4rem; padding:4rem 3rem; width:715px !important; min-height:360px;}
    .panal_benefit .myCounsel .swiper-slide.benefit_1,
    .panal_benefit .myCounsel .swiper-slide.benefit_2,
    .panal_benefit .myCounsel .swiper-slide.benefit_3 {background-size:auto 100%;}
    .panal_benefit .myCounsel .swiper-slide strong {font-size:2rem;}
    .panal_benefit .myCounsel .swiper-slide p {font-size:2.5rem;}
    .panal_benefit .myCounsel_box {bottom: -9rem;}
    .panal_benefit .myCounsel .swiper-slide.benefit_3 .txt_subsidy {margin-top:2.5rem; width:225px; height:60px; font-size:1.4rem;}
    .ico_plus {width:1.6rem; height:1.6rem;}

    .contents, .contents.inner {padding-top:6rem; padding-bottom:6rem;}
    /* .plan_object {gap:2rem}
    .plan_object, .call_sub_banner {margin-bottom:4rem; padding:0 1rem;}
    .plan_object .plan_card .plan_badge {width:132px; height:40px; font-size:1rem;}
    .plan_object .plan_card .plan_title {font-size:1.9rem; letter-spacing:-1px;}
    .plan_object .plan_card .plan_items .plan_info li {font-size:.85rem;}
    .plan_object .plan_card .plan_items .plan_info li::before {width:25px; height:25px; background-size:25px;}
    .plan_object .plan_card .plan_items .plan_info li.wifi::before {background-position:0 -25px;}
    .plan_object .plan_card .plan_items .plan_info li.tv::before {background-position:0 -48px;}
    .plan_items > img {width:150px;}
    .plan_object .plan_card .plan_price del {font-size:1rem;}
    .plan_object .plan_card .plan_price strong {font-size:1.05rem;}
    .plan_object .plan_card .plan_price strong em {font-size:2.1rem;}
    .plan_object .plan_card .plan_price small {font-size:.75rem;}
    .plan_object .plan_card .plan_price {margin-bottom:2rem;}
    .plan_object .plan_card .btn_inquiry {height:60px;}
    .call_sub_banner::before {width:153px; height:135px; background-size:153px;}
    .call_sub_banner .txt {font-size:1.8rem;}
    .call_sub_banner .btn_call {font-size:1.1rem;}
    .call_sub_banner .btn_call::before {margin-right:.9rem; width:28px; height:28px; background-size:28px;} */
    .ibr {display:block;}

    /* .panal_ktbenefit {padding:0;}
    .panal_ktbenefit .inner {padding:5rem 1rem; background-size:auto 100%;}
    .panal_ktbenefit .tit_topic {margin-bottom:1.5rem; font-size:2.4rem;}
    .panal_ktbenefit .tit_topic .i_kt {margin-right:1rem; width:3.4rem; height:2.9rem; background-size:100%;}
    .panal_ktbenefit .kt_benefit_tel {padding-left:4.5rem; background-size:auto 100%;}
    .panal_ktbenefit .kt_benefit_tel strong {font-size:2.2rem;}
    .panal_ktbenefit .kt_benefit_tel p {font-size:.85rem;}
    .panal_ktbenefit .kt_benefit_buttons {gap:1.5rem}
    .panal_ktbenefit .kt_benefit_buttons a {padding:.8rem 3.5rem; font-size:1.2rem;}
    
    .panal_promotions .subtext {font-size:2rem;}
    .panal_promotions .headline {font-size:5rem;}

    .li_memo li span i {padding-left:10px;} */

    /* .panal_service_object .inner {gap:1.5rem;}
    .panal_service_object .inner .card_service {height:38vw;}

    .panal_giga_object .giga_info_box ul {padding:3rem 2rem; gap:1.5rem;}
    .panal_giga_object .giga_info_box ul li img {width:100%;}
    .panal_giga_object .giga_info_box ul li strong {font-size:2.2vw;}
    .panal_giga_object .giga_info_box ul li p {margin-top:3%; font-size:1.9vw;}

    .panal_giga_object {padding:0;}
    .panal_product_object ul {gap:0 1.5rem;}
    .panal_product_object ul.inner {padding:0 1rem;}
    .panal_product_object ul li strong {width:19vw; height:4vw; font-size:2.3vw;}
    .panal_product_object ul li p {font-size:2vw;} */

    .inner.ingiga {padding:0 1rem;}

    /* .panal_service_object .inner .card_service .card_bt .desc {margin-bottom:.7vw; font-size:1.4vw;}
    .panal_service_object .inner .card_service .card_bt .title {margin-bottom:1.8vw; font-size:2.4vw;}
    .panal_service_object .inner .card_service .card_bt .notice {font-size:1vw;} */

    /* .panal_service_object {padding:1rem 0 2rem;}
    .panal_service_object .inner {padding:0 1rem;}
    .panal_features_object {padding:3rem 1rem 5rem;}
    .panal_features_object ul {padding:3rem;}
    .i_pass  {top:71px; font-size:11px; transform:translate(-111%, 0);}
    .panal_features_object ul {gap:2rem 1rem;}
    .panal_features_object ul li {width:30%;}
    .panal_features_object ul li strong {font-size:1.1rem;}
    .panal_features_object ul li strong::before {width: 90px;height:80px;background-size:80px;}
    .panal_features_object ul li strong.ico1::before {background-position:0 0;}
    .panal_features_object ul li strong.ico2::before {background-position:0 -80px;}
    .panal_features_object ul li strong.ico3::before {background-position:0 -160px;}
    .panal_features_object ul li strong.ico4::before {background-position:0 -240px;}
    .panal_features_object ul li strong.ico5::before {background-position:0 -320px;}
    .panal_features_object ul li strong.ico6::before {background-position:0 -400px;}
    .panal_features_object ul li p {font-size:.9rem;} */
    /* .tb_topic_box .tit_topic {font-size:1.4rem;}
    .tb_topic_box .txt_explain {font-size:.95rem;}

    .quick_midd_menu a {gap:10px;}
    .quick_midd_menu img {height:4rem;}
    .quick_midd_menu span {font-size:.95rem;} */

    .quick_midd_menu a {gap:15px;}
    .quick_midd_menu img {height:4.5rem;}
    .quick_midd_menu span {font-size:1rem;}

    .quick_midd_menu.swiper {padding:2rem 1rem 4rem;}
    .panal_parent .topic, 
    .panal_solution .topic, 
    .panal_solution .topic,
    .panal_compare .hero_banner .topic,
    .panal_bast .topic,
    .panal_promotion .topic,
    .panal_review .topic,
    .panal_real .topic,
    .panal_dbin .topic {font-size:2.1rem;}

    .panal_parent .desc, 
    .panal_solution .desc, 
    .panal_solution .desc,
    .panal_compare .hero_banner .subtitle,
    .panal_bast .desc,
    .panal_promotion .desc,
    .panal_review .desc,
    .panal_real .desc,
    .panal_dbin .desc {font-size:1.1rem;}
    
    .panal_parent .parent_box .parent_cont .col .review_box {flex-wrap:wrap; gap:12px;}
    .panal_parent .parent_box .parent_cont .col .review_box img {margin:0 auto;}
    .panal_parent .parent_box .parent_cont .col .review_box .review_cont {width:100%;}
    .bottom_cat {display:none;}
    
    .panal_promise .promise_card {flex:1 !important; height:413px;}
    .panal_promise .promise_card.is-active {padding:43px 10px 0 10px;}
    .panal_promise .promise_card .card_intro_box {display:none;}
    .panal_promise .promise_card .card_cont_box {position:relative; margin:0 auto; }
    .panal_promise .promise_card .card_cont_box .badge {margin-bottom:1.5rem;}
    .panal_promise .promise_card .card_cont_box .caption {margin-bottom:1rem;}
    .panal_promise .promise_card .card_cont_box .card_btn {position:relative; display:flex; margin-top:8rem !important; opacity:1; font-size:1rem; padding:1rem 0 !important;z-index:2;}
    .panal_promise .promise_card .card_cont_box .img_card_midd {position:relative; margin-top:-10rem; opacity:1 !important; z-index:0;}


    .panal_solution .solution_benefit {flex-wrap:wrap; gap:2rem 0; justify-content:space-between;}
    .panal_solution .solution_benefit .col {width:48%;}
    .panal_solution .solution_benefit .col .cont {padding:22px 1rem 19px;}

    .panal_solution {padding:77px 1rem 100px 1rem;}
    .panal_solution .inner {padding:1rem 0;}
    .panal_solution .anpanal.show .solution_info .col.co1 {top:auto; left:2%; animation-delay:0s; bottom:7rem;}
    .panal_solution .anpanal.show .solution_info .col.co2 {bottom:10px; left:5%; animation-delay:.4s;}
    .panal_solution .anpanal.show .solution_info .col.co3 {top:auto; right:5%; animation-delay:.9s; bottom:1rem;}
    .panal_solution .anpanal.show .solution_info .col.co4 {bottom:7rem; right:2%; animation-delay:1.4s;}


    .panal_compare .hero_banner {margin-bottom:4rem;}
    .compare_box .tabs {display:flex; margin-bottom:2rem; padding:0 1rem; width:80%;}
    .panal_bast .tabs {display:flex; margin-bottom:2rem; width:80%;}
    .sub_tab_box .tabs {display:flex; margin:0 auto 2rem; width:80%;}
    .compare_box .tab-btn, .panal_bast .tab-btn, .sub_tab_box .tabs li {flex:1; min-width:auto; height:auto; font-size:1rem;}
    .faq_swiper .swiper-wrapper li a {font-size:1rem;}

    .quick_menu_box, .quick_menu_box.is-up {bottom:2rem;}

    .panal_promotion .promotion_box {flex-wrap:wrap; gap:1rem 0;}
    .panal_promotion .promotion_box .part {width:100%;}
    .panal_promotion.inner {padding:77px 1rem 93px;}
    .panal_promotion .promotion_box .part img {width:8rem;}

    .panal_review .swiper-button-next {right: var(--swiper-navigation-sides-offset, 13%) !important;}
    .panal_review .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 13%) !important}

    .panal_real.inner {padding:70px 1rem 93px;}
    .panal_real .real_box {margin-top:0; gap:1rem ; flex-wrap:wrap;}
    .panal_real .real_box .cont {margin-top:0; padding:1.5rem 1rem 1rem; width:100%;}
    .panal_dbin .desc {margin-bottom:70px;}

    .panal_dbin.inner {padding:2rem 1rem 93px;}

    .ft .ft_box {padding:1rem;}
    #modalPopupInquiry.is-up {bottom:auto}

    .contents, .contents.inner {padding:4rem 0;}
    .plan_object {padding:1rem 0 4rem;}
    .plan_object .bundle_opt {top:77px; right:0;}

    .panal_video {padding:4rem 1rem;}
    .panal_video .video_wrap {width:100%;}

    .plan_object {padding:1rem 1rem 4rem; overflow:hidden;}
    .plan_object .bundle_opt {right:1rem}

    .call_sub_banner {margin:0 1rem;}
    .accordion_wrap {padding:0 1rem;}
    .plan_rows_wrap, .coalition_wrap  {padding:4rem 1rem;}

    .coalition_wrap.swiper {padding:4rem 0;}
    .coalition_wrap .swiper-wrapper {gap:0;}
    .coalition_wrap .swiper-slide {padding:0 1.5rem 0 1rem; width:100%; height:auto !important;}
    .coalition_wrap .part {align-items:center;}
    .coalition_wrap .part img {width:auto;}
    .accordion_wrap .acc-title {font-size:1.1rem;}

    .swiper .swiper-pagination-bullet {width:12px !important; height:12px !important; background-color:#ddd !important;}
    .swiper .swiper-pagination-bullet-active {width:12px !important; height:12px !important;}
    .coalition_wrap.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: var(--swiper-pagination-bottom, 2.2rem) !important;}
    .service_cont .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: var(--swiper-pagination-bottom, -2.2rem) !important;}

    .call_sub_banner div .tit,
    .call_sub_banner div .tit i,
    .call_sub_banner div .tit em {font-size:2.1rem;}
    .call_sub_banner div .desc {font-size:1.1rem;}

    .plan_rows_wrap .plan-row {flex-wrap:wrap; min-height:auto; padding:1.5rem;}
    .plan_rows_wrap .plan-row .pr-info {width:100%;}
    .plan_rows_wrap .plan-row .pr-cont-box {margin-top:1.5rem; width:100%;}

    .sub_dep {padding:0 1.7rem;}
    .sub_dep ul {width:100%;}

    .container, .container.cmain {padding-top:164px;}
    .container.up, .container.cmain.up {padding-top: 116px;}

    .visual_cctv_box {min-height:28rem; background-size:42rem auto, 100% 100%;}
    .visual_cctv_box .inner {padding:2rem;}
    .visual_cctv_box .inner img {width:18rem;}
    .visual_cctv_box .inner strong {font-size:1.5rem;}

    .cctv_service_wrap {margin:0 1rem;}
    .cctv_point_wrap {padding:4rem 1rem;}
    .plan_object.cctv {padding:1rem 1rem 4rem}

    .cctv_service_wrap .topic {font-size:1.8rem;}
    .cctv_service_wrap .desc {font-size:1.2rem;}
    .cctv_service_wrap .service_cont {margin-top:3rem;}
    .cctv_service_wrap .service_cont .part img {width:12rem;}
    .cctv_service_wrap .service_cont .part strong {font-size:1.2rem;}
    .cctv_service_wrap .service_cont .part p {font-size:1rem;}

    .cctv_point_wrap .cctv_point_box {padding:2rem 1rem;}
    .cctv_point_wrap .cctv_point_box .col img {width:5rem;}
    .cctv_point_wrap .cctv_point_box .col strong,
    .cctv_point_wrap .cctv_point_box .col p {font-size:.9rem;}

    .cctv_service_wrap {overflow:hidden;}
    .cctv_service_wrap .service_cont .swiper {width:100%; overflow:visible;}

    .container, header + #bo_wrap {padding-top:164px;}

    #bo_list, .object_pmobile {padding:0 1rem;}
    .best_event_box .swiper-wrapper .swiper-slide {flex:none; width:22rem;}
    .best_event_box.swiper {margin:0 0 3rem 0;}
    #bo_wrap .item {min-width:100%}
    #bo_wrap .item .img img {width:100%;}
    #bo_v {padding:0 1rem;}
    #bo_btns {padding:0 1rem;}

    #bo_btns.btn_sing_box .btn_box img {width:100%;}

    #bo_btns.btn_sing_box .btn_box .btn_sing {min-width:28vw; min-height:7vw;}
    #bo_btns.view_bottom_box {margin:0 1rem;}

    .notice_banner_box .inner {padding:1rem; background-size:14rem;}
    #bo_list.notice_wrap, .faq_wrap.inner {padding:3rem 1rem 0;}
    .notice_banner_box strong {font-size:2.5rem;}
    .notice_banner_box p {font-size:1.1rem;}
    .notice_object li .tit,
    .faq_wrap #bo_list > .item > p > b,
    .faq_wrap #bo_list > .item > p.q,
    .faq_wrap #bo_list > .item > .a,
    .faq_wrap #bo_list > .item > .a p b,
    .faq_wrap #bo_list > .item > .a p,
    .faq_wrap #bo_list .faq_head span {font-size:1.1rem;}
    .notice_object li .tit .tip, .event_meta .date .tip {padding:.2rem 2rem; width:auto; height:auto;}
    .notice_object li a,
    .faq_wrap #bo_list > .item > p.q,
    .faq_wrap #bo_list > .item > .a,
    .faq_wrap #bo_list .faq_head {padding:1.2rem;}
    .faq_wrap #bo_list > .item > .a {padding:1.2rem 1.2rem 1.2rem 4rem; background-position: 2rem 20px;}
    .faq_wrap #bo_list > .item > p.q {padding:1.2rem 60px 1.2rem 1.2rem;}
    .bo_paging {padding:0 1rem;}
    .head_nav li.swiper-slide a.active,
    .head_nav li.swiper-slide.is-active a {color:#e84040; border-bottom-color:#e84040;}

    .menu_nav_box .dep {display:none !important;}

    .review_wr .topic_event {margin:0 1rem;}
    .review_wr #bo_w {padding:0 1rem;}
    .tb_view thead th, .tb_view tbody th, .tb_view tbody td {display:block; width:100%;}
    .tb_view thead th, .tb_view tbody th, .tb_view tbody td {font-size:1rem;}
    .tb_view tbody td {border-right:1px solid #c4c4c4;}
    .tb_view tbody th,
    .tb_view tbody th:first-child {border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4;}
    #bo_privacy .chk_box span {font-size:1rem;}
    #bo_privacy .chk_box {padding:1rem;}
    #bo_privacy ul li .chk_box {padding:1rem 2rem;}
    #bo_privacy ul li > p.title {padding:0;}
    #bo_privacy ul li .title i {width:3rem; height:3rem;}
    #bo_privacy .chk_box span {font-size:1rem;}
    #bo_privacy .con {padding:1rem;}
    #bo_privacy .con > *,
    #bo_privacy .con table th,
    #bo_privacy .con table td {font-size:1rem;}
    .review_password_box {padding:0 1rem;} 
    .review_password_box #bo_btns.view_bottom_box {margin:0;} 
    .compare_box .secret-btn.secret-btn-desktop {display:none;}
    .compare_box .secret-btn.secret-btn-mobile {display:flex; padding:.8rem 0;}
    .compare_box .btn_link {display:none;}

    .ft .ft_box .mark li img {display:block; height:2rem;}
    .ft .ft_box .mark li p {font-size:.8rem;}

    .head_nav > li > a:hover {color:#8c8c8c;}
    .sub_dep li a:hover {color:#8c8c8c}
    .quick_midd_menu a:hover span { color:#222; }
    header .call_box em {font-size:14px;}

}

@media (max-width:870px) {

    .rolling_banner_box .swiper-slide, .giga_visual_box {height:560px !important;}
    .swiper-slide.visual_1 .title_box {position:relative; left:auto; top:auto; transform:translate(0, 0); padding:3rem 0 0; height:100%; text-align:center;}
    .swiper-slide.visual_1 img {left:50%; right:auto; transform:translate(-50%, 0);}
    .swiper-slide.visual_1.swiper-slide-active .btn_links {position:absolute; left:50%; bottom:2rem; transform:translate(-50%, 0);}

    .txt_visual_1.inner, .txt_visual_2.inner, .txt_visual_3.inner {padding:2rem 1rem 0; height:100%; width:500px;}
    .swiper-slide .txt_visual_1, .swiper-slide .txt_visual_2, .swiper-slide .txt_visual_3 {position:relative; left:0; top:0; bottom:2rem; margin:0 auto; text-align:center; transform:none;}
    .swiper-slide .txt_visual_1::before {left:50%; right:auto; width:19rem; height:11rem; transform:translate(-50%, -51%) !important;}
    .swiper-slide .txt_visual_3::before {left:50%; right:auto; width:17rem; height:15rem; transform:translate(-50%, -47%) !important;}
    /* .swiper-slide .txt_visual_2::before {left:50%; right:auto; width:21rem; height:20rem; transform:translate(-42%, -36%) !important; z-index:-1;} */
    .swiper-slide .txt_visual_2 .visual_motion_2 {left:50%; right:auto; width:21rem; height:17rem; transform:translate(-50%, -40%) !important; z-index:-1;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .img_person {margin:0 auto; height:100%;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps1 {top:12px; left:9px; width:95px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps2 {bottom:52px; left:6px; width:134px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps3 {top:-3px; right:41px; width:95px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps4 {top:40px; right:-20px; width:109px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .ps5 {bottom:30px; right:6px; width:119px;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .txts {bottom:40px; left:68px; padding:5px 0; width:190px; font-size:.9rem;}
    .swiper-slide .txt_visual_2 .visual_motion_2 .txts em {font-size:1rem;}

    .txt_visual_1 .li_agreement { bottom:8.5rem; right:auto; width:100%;}
    .txt_visual_1 .li_agreement li {font-size:.7rem;}
    .swiper-slide-active .txt_visual_1 span, .swiper-slide-active .txt_visual_2 span, .swiper-slide-active .txt_visual_3 span {opacity:0; transform:translateY(20px); animation:fadeInUp 1s ease forwards; animation-delay:.3s;}
    .swiper-slide-active .txt_visual_1 p, .swiper-slide-active .txt_visual_2 p , .swiper-slide-active .txt_visual_3 p {opacity:0; transform:translateY(20px); animation:fadeInUp 1s ease forwards; animation-delay:.6s;}
    .swiper-slide-active .txt_visual_1 strong, .swiper-slide-active .txt_visual_2 strong, .swiper-slide-active .txt_visual_3 strong {opacity:0; transform:translateY(20px); animation:fadeInUp 1s ease forwards; animation-delay:.9s;}
    .swiper-slide-active .txt_visual_1::before, .swiper-slide-active .txt_visual_2::before, .swiper-slide-active .txt_visual_3::before {opacity:0; transform:translateY(20px); animation:fadeInUp 1s ease forwards; animation-delay:1.2s;}
    .swiper-slide-active .txt_visual_1 .li_agreement {opacity:0; transform:translateY(20px); animation:fadeInUp 1s ease forwards; animation-delay:1.2s;}
    .swiper-slide-active .txt_visual_1 .btn_link, .swiper-slide-active .txt_visual_2 .btn_link, .swiper-slide-active .txt_visual_3 .btn_link {opacity:0; transform:translateY(20px); animation:fadeInUp 1s ease forwards; animation-delay:1.5s;}
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }
    .swiper-slide {height:485px !important;}
    .swiper-slide .txt_visual_1 .btn_link, .swiper-slide .txt_visual_2 .btn_link, .swiper-slide .txt_visual_3 .btn_link {gap:.6rem; margin-top:15.5rem; justify-content:center;}
    .swiper-slide .txt_visual_1 .btn_link a, .swiper-slide .txt_visual_2 .btn_link a, .swiper-slide .txt_visual_3 .btn_link a {width:43%; height:2.8rem; font-size:1rem;}
    .swiper-slide .txt_visual_1 span, .swiper-slide .txt_visual_2 span, .swiper-slide .txt_visual_3 span {font-size:.95rem; padding: 5px 0 1px;}
    .swiper-slide .txt_visual_1 p, .swiper-slide .txt_visual_1 p em, .swiper-slide .txt_visual_2 p, .swiper-slide .txt_visual_3 p {font-size:1.5rem;}
    .swiper-slide .txt_visual_1 strong, .swiper-slide .txt_visual_2 strong, .swiper-slide .txt_visual_3 strong {font-size:2.1rem;}
    .swiper-slide .txt_visual_1 p {justify-content:center;}
    .ico_plus2 {width:1rem; height:1rem;}

    .sw_bottom_controll {bottom:1.5rem; right:1.9rem; left:auto; transform:none;}
    .sw_bottom_controll #swiperToggle {display:block; margin-right:5px; width:32px; height:23px; background-size:110%;}
    .sw_bottom_controll #swiperToggle.playing {background-position:center -1px;}
    .sw_bottom_controll #swiperToggle.stopped {background-position:0 -26px;}
    .rolling_banner_box .swiper-pagination-bullets.swiper-pagination-horizontal {padding:.07rem .2rem; height:23px;}

    .call_sub_banner {padding:0 14rem 0 2rem; background-position:right 0 !important;}
    .call_sub_banner div .desc {margin-top:3px;}

    .compare_box .grid {display:flex; flex-wrap:wrap; gap:2rem 0; margin:0 auto; max-width:80%; }
    .panal_bast .bast_box .grid {display:flex; gap:2rem 0; margin:0 auto;}
    .compare_box .card, .panal_bast .bast_box .cmp_card {width:100%; height:auto !important;}
    .compare_box .product-title, .panal_bast .bast_box .cmp_card .cmp_card_title {min-height:auto; height:auto;}
    
    .panal_bast {overflow:hidden;}
    .panal_bast .cmp_secret_btn {width:auto !important;}
    .panal_bast .bast_box .compareSwiper {padding:0 5rem !important; overflow:visible !important;}
    .panal_bast .bast_box .compareSwiper .swiper-slide {width:100%;}
    .panal_bast .bast_box .cmp_card .cmp_fee_row {margin-bottom:.8rem;}
    .panal_bast .bast_box .cmp_card .cmp_fee_section {min-height:182px;}

    .panal_bast .swiper-button-next, .panal_bast .swiper-button-prev {top:15.5rem !important; width:2rem !important; height:2rem !important; color:#eb0c12 !important; border-radius:50px; background-color:#fafafa; border:1px solid #eb0c12; z-index:1 !important;}
    .panal_bast .swiper-button-next:after, .panal_bast .swiper-button-prev:after {font-size:.95rem;}
    .panal_bast .swiper-button-prev, .panal_bast .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, -10px) !important;}
    .panal_bast .swiper-button-next, .panal_bast .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, -10px) !important;}
    .panal_bast .swiper-pagination {left:50% !important; bottom:-2rem !important; transform: translate(-50%, 0%) !important; z-index:0 !important;}
    .panal_bast .swiper-pagination-bullet {width:.6rem !important; height:.6rem !important; background-color:#dadada !important; opacity:1 !important;}
    .panal_bast .swiper-pagination-bullet-active {background-color:#848484 !important;}
    .panal_bast .bast_box .cmp_card {padding:3rem 2rem 1.5rem;}
    .bast_box .swiper-button-next, .bast_box .swiper-button-prev {display:flex;}

    .visual_card_box .sub_top_card_object {padding:2rem; width:100%;}
    .img_visual_card {right:-5rem; width:21rem;}
    .card_body_box .option_group .opt-btn {min-width:auto;}
 
    .plan_object .swiper {width:100%;}
    .plan_object .plans {display:flex; flex-wrap:nowrap; gap:0; justify-content:flex-start;}
    .plan_object .plan_card {flex:0 0 100%; max-width:100%; width:100%; height:auto !important; margin:0;}
    .plan_object .plan_card {padding:0 4rem;}
    #planSwiper .swiper-button-prev,
    #planSwiper .swiper-button-next {display:block;}

     .plan_object .bundle_opt {position:relative; top:auto; right:auto; margin-bottom:1rem; justify-content:end;}
    /* .plan_object .swiper-button-prev, .plan_object .swiper-button-next {width:2rem; height:2rem;}
    .plan_object .swiper-button-next {right: var(--swiper-navigation-sides-offset, 3%) !important;}
    .plan_object .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 3%) !important}
    .plan_object .swiper-button-prev::after,
    .plan_object .swiper-button-next::after {font-size:14px !important; font-weight:700; color:#bababa;}
    .plan_object .swiper-button-prev,
    .plan_object .swiper-button-next {display:flex !important; align-items:center; justify-content:center; border:1px solid #eb0c12; border-radius:50px; background-color:#fafafa;}
    .plan_object .swiper-button-prev::after,
    .plan_object .swiper-button-next::after {color:#eb0c12;} */


    .plan_object .swiper-button-prev,
    .plan_object .swiper-button-next {width:54px; height:54px; border-radius:50%; background-color:#fafafa; border:1px solid #bababa; top:50%;}
    .plan_object .swiper-button-prev::after,
    .plan_object .swiper-button-next::after {font-size:14px !important; font-weight:700; color:#bababa;}
    .plan_object .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 0) !important;}
    .plan_object .swiper-button-prev,
    .plan_object .swiper-button-next {display:flex !important; align-items:center; justify-content:center; border-color:#eb0c12; right:var(--swiper-navigation-sides-offset, 0) !important;}
    .plan_object .swiper-button-prev::after,
    .plan_object .swiper-button-next::after {color:#eb0c12;}

    .sub_tab_box {padding:0 1rem;}
    .plan_object .bundle_opt {padding:0 3rem;}

    .cctv_service_wrap .service_cont .part .col.swiper-slide {height:auto !important;}
    .best_event_box .swiper-wrapper .swiper-slide {height:auto !important;}
    #bo_wrap .review_note_box .item {width:calc((100% - 4rem) / 3);}
    .faq_swiper .swiper-slide {height:auto !important;}
    
    
}

@media (max-width:780px) {
    .head_nav {gap:4vw;}
    .head_nav li{flex:0 0 auto;}
    .head_nav li a{white-space:nowrap;}


    .panal_parent .parent_box .parent_cont {margin-top:2rem; position:relative;  transition:height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
    .panal_parent .parent_box .parent_cont .col {position:absolute; top:0; left:0; width:100%; animation:none; will-change:transform; transition:transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
    .panal_parent .parent_box .parent_cont .col.co1,
    .panal_parent .parent_box .parent_cont .col.co2,
    .panal_parent .parent_box .parent_cont .col.co3 {margin-top:0;}
    .panal_parent .parent_box .parent_cont .col.co1 {z-index:3;}
    .panal_parent .parent_box .parent_cont .col.co2 {z-index:2;}
    .panal_parent .parent_box .parent_cont .col.co3 {z-index:1;}

    .panal_parent .parent_box {padding:2rem;}

    .quick_menu_box.is-up {bottom:1rem !important;}
    .quick_menu_box a {width:3rem; height:3rem; background-size:100%;}
    .quick_midd_menu.swiper { padding: 30px 16px 40px; }
    .quick_midd_menu img {width:4rem; height:4rem; object-fit: contain; }
    .quick_midd_menu span { font-size:.9rem; }
    .quick_midd_menu a { gap: 8px; }


    .menu_nav_box {background-color:#fff; box-shadow:0 1px 2px rgba(0, 0, 0, .1);}
    .head_nav {justify-content:flex-start !important; padding:0 !important; gap:0 !important; flex-wrap:nowrap;}
    .head_nav.swiper-wrapper {width:auto !important;}
    .head_nav li.swiper-slide {flex:1; width:auto !important; flex-shrink:0;}
    .head_nav li a {display:block; padding:1rem .7rem; font-size:1.1rem; font-weight:600; color:#8c8c8c; white-space:nowrap; transition: color 0.2s, border-color 0.2s;}
    .head_nav li.swiper-slide a.active,
    .head_nav li.swiper-slide.is-active a {color:#e84040; border-bottom-color:#e84040;}
    .menu_nav_box .swiper-button-next,
    .menu_nav_box .swiper-button-prev {display:none;}
    
    .swiper-slide.visual_1 .banner_eyebrow {font-size:1.1rem;}
    .swiper-slide.visual_1 .banner_tit {font-size: 2.4rem;}

    .panal_solution {padding:4rem 1rem;}
    .panal_solution .solution_info .col_main .tit strong {font-size:1rem;}
    .panal_solution .solution_info .col_main .tit p {font-size:.9rem;}
    .panal_solution .anpanal.show .solution_info .col {padding:1rem .5rem 1rem 1rem; width:14rem;}
    .panal_solution .anpanal.show .solution_info .col img {width:1.5rem;}
    .panal_solution .anpanal.show .solution_info .col p {font-size:.9rem;}
    .panal_solution .anpanal.show .solution_info .col.co1 {top:auto; left:2%; animation-delay:0s; bottom:7rem;}
    .panal_solution .anpanal.show .solution_info .col.co2 {bottom:10px; left:5%; animation-delay:.4s;}
    .panal_solution .anpanal.show .solution_info .col.co3 {top:auto; right:5%; animation-delay:.9s; bottom:1rem;}
    .panal_solution .anpanal.show .solution_info .col.co4 {bottom:7rem; right:2%; animation-delay:1.4s;}
    .panal_solution .solution_benefit .col .cont {padding:1rem 1rem 1.2rem;}

    .panal_promise {flex-wrap:wrap;}
    .panal_promise.inner {padding:0 1rem 4rem;}
    .panal_promise .promise_card.is-active,
    .panal_promise .promise_card {padding:2rem 1.5rem; width:100%; flex:auto !important; height:auto; min-width:auto;}
    .panal_promise .promise_card .card_cont_box {width:100%; text-align:left;}
    .panal_promise .promise_card .card_cont_box .heading,
    .panal_promise .promise_card .card_cont_box .caption {font-size:1rem;}
    .panal_promise .promise_card .card_cont_box .heading {margin-bottom:0;}
    .panal_promise .promise_card .card_cont_box .desc,
    .panal_promise .promise_card.is-active .card_cont_box .desc {margin-bottom:auto; font-size:.85rem;}
    .panal_promise .promise_card .card_cont_box .img_card_midd,
    .panal_promise .promise_card.is-active .card_cont_box .img_card_midd {position:absolute; right:1.5rem; bottom:3rem; margin-top:auto; width:5rem;}
    .panal_promise .promise_card .card_cont_box .card_btn,
    .panal_promise .promise_card.is-active .card_cont_box .card_btn {position:absolute; right:0; bottom:0; margin-top:0 !important; width:130px; font-size:.9rem;}
    .panal_promise .promise_card .card_cont_box .card_btn::after {margin-left:8px; width:8px; height:12px; background-size:100%;}
    
    .panal_compare .hero_banner img {width:4rem;}
    .compare_box .tabs, .panal_bast .tabs , .sub_tab_box .tabs {width:100%; gap:2%;}
    .compare_box .tab-btn, .panal_bast .tab-btn, .sub_tab_box .tabs li a {padding:1rem 0; height:auto; font-size:.9rem;}
    .faq_swiper .swiper-wrapper {gap:2%;}
    .faq_swiper .swiper-wrapper li a {padding:1rem 0; height:auto; font-size:.9rem;}

    .panal_compare .hero_banner {margin-bottom:2rem;}
    .compare_box .tabs, .panal_bast .tabs {margin-bottom:1rem;}
    .compare_box .grid, .panal_bast .bast_box .grid {max-width:100%;}
    .compare_box .dropdown-trigger {padding:1rem ;}

    .panal_bast .bast_box .grid {margin-top:1rem;}
    .panal_bast .bast_box .cmp_card .cmp_icon_wrap img {height:3rem; background-size:100% auto;}
    .panal_bast .bast_box .cmp_card .cmp_card_title {padding:1rem 0; font-size:1.1rem;}
    .panal_bast .bast_box .cmp_card .cmp_fee_row span {font-size:.9rem;}
    .panal_bast .bast_box .cmp_card .cmp_fee_section {padding:1rem 0; min-height:198px;}
    .panal_bast .bast_box .cmp_card .cmp_total_section {padding:1.3rem 0;}
    .panal_bast .bast_box .cmp_card .cmp_total_section span {font-size:1.1rem;}
    .panal_bast .bast_box .cmp_card .cmp_cash_section .cmp_cash_amount {font-size:1.1rem;}
    .panal_bast .bast_box .compareSwiper {padding:0 !important; overflow:visible !important;}
    .panal_bast .bast_box .compareSwiper .swiper-slide {width:100%;}
    .panal_bast .bast_box .cmp_card .cmp_fee_row {margin-bottom:.8rem;}
    .panal_bast .bast_box .cmp_card .cmp_fee_section {min-height:182px;}
    
    .panal_review .swiper-button-prev, .panal_review .swiper-button-next {width:2rem; height:2rem;}
    .panal_review .swiper-button-next {right: var(--swiper-navigation-sides-offset, 3%) !important;}
    .panal_review .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 3%) !important}
    .panal_review .review_info {margin:1rem 0;}
    .panal_review .review_info .review_star {font-size:.95rem;}
    .panal_review .review_info .review_name {font-size:.9rem;}
    .panal_review .swiper-slide {height:379px !important;}


    .panal_dbin .dbin_box .part {padding:2rem 1rem; min-height:auto;}
    .panal_dbin .dbin_box .part .tit {font-size:1.2rem;}
    .panal_dbin .dbin_box .part.db .tit {font-size:1.4rem;}
    .panal_dbin .dbin_box .part .sub_tit {font-size:.9rem;}
    .panal_dbin .dbin_box .part .img_db_tel,
    .panal_dbin .dbin_box .part .btn_db_tel .img_db_tel {margin:1.5rem auto;}

    .visual_card_box .sub_top_card .headline {margin-bottom:1rem;}
    .visual_card_box .sub_top_card .headline .desc {font-size:1.1rem;}
    .visual_card_box .sub_top_card .headline .tit {font-size:1.2rem;}
    .card_body_box .option_group .option_label,
    .card_body_box .option_group .opt-btn .opt-name {font-size:.9rem;}
    .card_body_box .option_group {gap:3px;}
    .visual_card_box .card_body_object .card_body_box {gap:10px;}
    .price-box .price-title {font-size:1rem;}
    .price-box .price-value {font-size:1rem;}
    .price-box .price-value span {font-size:1.3rem;}
    .price-panel {gap: 10px;}
    .cta-btn {height:43px; font-size:1.2rem;}
    .img_visual_card {right:-4rem; width:19rem;}
    .visual_card_box .sub_top_card_object {padding:1rem;}

    .plan_object .topic {font-size:1.4rem;}
    .cctv_point_wrap .topic {margin-bottom:1rem; font-size:1.4rem;}
    .topic_event {padding:1rem; font-size:1.4rem;}
    .plan_object .desc {font-size:1rem;}
    .acc-head {padding:1rem;}
    
    .call_sub_banner {background-position:140% bottom !important; background-size:auto 100% !important;}
    .call_sub_banner div .tit i {display:block;}
    .call_sub_banner div .tit,
    .call_sub_banner div .tit i,
    .call_sub_banner div .tit em {font-size:1.9rem;}
    .call_sub_banner div .desc {font-size:1rem;}
    
    .visual_cctv_box {min-height:22rem;background-size:33rem auto, 100% 100%;}
    .visual_cctv_box .inner img {width:15rem;}
    .visual_cctv_box .inner strong {font-size:1.2rem;}

    .cctv_service_wrap .service_cont .part {gap:0;}
    .cctv_service_wrap .service_cont .part .col.swiper-slide {flex:auto; flex:0 0 100%; max-width:100%; width:100%; height:auto !important;  margin:0;}
    .cctv_service_wrap .service_cont .part .col > div {padding:0 4rem;}
    .cctv_service_wrap .service_cont .part img {padding-left:.5rem; width:19rem;}

    .cctv_point_wrap .cctv_point_box .col {width:calc((100% - 0px) / 2);}
    
    .best_event_box .swiper-wrapper .swiper-slide {height:auto !important;}
    .best_event_box .part {padding:2.5rem 1rem;}
    .best_event_box .part .col strong {font-size:1.5rem;}
    .best_event_box .part .col p {margin:1rem 0 1.5rem; font-size:1rem;}
    .best_event_box .part .col img {width:18rem;}

    .event_meta > * {font-size:1rem;}

    #bo_btns a {font-size:1.1rem;}
    #bo_v .event_box {padding:2rem 0;}

    #bo_btns.btn_sing_box .btn_box img {width:90%;}

    #bo_wrap .review_note_box .item {width:calc((100% - 2rem) / 2);}
    .review_note_box {gap:2rem; padding:0 1rem;}

    #bo_btns.btn_sing_box .btn_box .btn_sing {position:relative; left:auto; bottom:auto; margin:1rem auto; padding:1rem 0; width:90%; font-size:1.1rem; min-width:auto; min-height:auto;}

    #bo_btns.view_bottom_box .lt {gap:1rem;}
    #bo_btns.view_bottom_box a, 
    #bo_btns.view_bottom_box button {min-width:100px; min-height:45px; font-size:1rem;}

    .notice_banner_box .inner {background-size:12rem;}
    .notice_banner_box strong {font-size:2.3rem;}
    .notice_banner_box p {font-size:1rem;}
    .notice_object li .tit,
    .faq_wrap #bo_list > .item > p > b,
    .faq_wrap #bo_list > .item > p.q,
    .faq_wrap #bo_list > .item > .a,
    .faq_wrap #bo_list > .item > .a p b,
    .faq_wrap #bo_list > .item > .a p,
    .faq_wrap #bo_list .faq_head span {font-size:1rem;}
    .notice_object li .tit .tip, .event_meta .date .tip {padding:.1rem 1.5rem; width:auto; height:auto;}
    .notice_object li a,
    .faq_wrap #bo_list > .item > p.q,
    .faq_wrap #bo_list > .item > .a,
    .faq_wrap #bo_list .faq_head{padding:1.1rem;}
    .faq_wrap #bo_list > .item > .a {padding:1.1rem 1.1rem 1.1rem 3.5rem; background-size:1rem; background-position:1.5rem 20px;}
    .faq_wrap #bo_list > .item > p.q {padding:1.1rem 3rem 1.1rem 1.1rem;}
    .faq_wrap #bo_list > .item > p > i {width:3rem; height:3rem;}


    .pg_wrap {padding:1rem;}
    .pg_page, .pg_current {font-size:.9rem;}
    .faq_swiper .swiper-slide {height:auto !important;}

    .plan_rows_wrap .plan-row .pr-info {text-align:center;}
    .plan_rows_wrap .plan-row .pr-cont-box {flex-wrap:wrap; justify-content:center;}
    .plan_rows_wrap .pr-prices {width:100%; justify-content:center; gap:3rem;}
    .plan_rows_wrap .pr-price-col:first-child, .plan_rows_wrap .pr-price-col {margin-left:0; text-align:center;}
    .plan_rows_wrap .pr-price-col {margin-top:1.5rem;}
    #wr_password {width:100%;}
    .tb_view .secret_box {margin-top:5px;}
    .tb_view .secret_box span {font-size:.9rem;}

    .compare_box .card {
    border:1px solid #ddd;
    transition: border-color .3s;
  }

  .compare_box .card.in-view {
    border-color:#eb0c12;
  }

}

@media (max-width:600px) {
    .panal_dbin .dbin_box .part {flex:auto; width:100%;}
    .call_sub_banner {background-position:160% bottom !important;}

    .visual_cctv_box {align-items:end; background-size:30rem auto, 100% 100%; background-position:150% 0;}
    .visual_cctv_box .inner {padding:0 2rem 4rem;}
    .visual_cctv_box .inner img {width:15rem;}
    .visual_cctv_box .inner strong {font-size:1.2rem;}

    .cctv_service_wrap {padding:3rem 1rem 4rem;}

    .ft .ft_box .mark {flex-wrap:wrap; gap:.5rem 0;}
    .ft .ft_box .mark li {width:100%;}

}

@media (max-width:550px) {
    .panal_theme {width:95%;}
    .txt_visual_1.inner, .txt_visual_2.inner, .txt_visual_3.inner {width:100%;}
    .panal_theme .itheme_box {gap:1rem;}
    .panal_theme .itheme_box li a span {margin-bottom:.4rem; border-radius:15px; background-size:80%;}
    .top_pup strong {font-size:.85rem;}
    .top_pup .btn_close::before, .top_pup .btn_close::after {width: calc(var(--size) * 0.33);}
    .mm_menu_box a {font-size:.8rem;}
    .txt_visual_1 .li_agreement {right:auto; left:0; width:100%;}

    .quick_midd_menu a {gap:15px;}
    .quick_midd_menu img {height:3.5rem;}
    .quick_midd_menu span {font-size:.8rem;}

    .quick_midd_menu.swiper {padding:2rem 1rem 4rem;}
    .panal_parent .topic, 
    .panal_solution .topic, 
    .panal_solution .topic,
    .panal_compare .hero_banner .topic,
    .panal_bast .topic,
    .panal_promotion .topic,
    .panal_review .topic,
    .panal_real .topic,
    .panal_dbin .topic {font-size:1.6rem;}

    .panal_parent .desc, 
    .panal_solution .desc, 
    .panal_solution .desc,
    .panal_bast .desc,
    .panal_promotion .desc,
    .panal_review .desc,
    .panal_real .desc,
    .panal_dbin .desc {margin-bottom:40px; font-size:.9rem;}
    .panal_compare .hero_banner .subtitle {font-size:.9rem;}

    .panal_solution {padding:4rem 1rem 2rem;}
    .panal_bast {padding:4rem 0 5rem;}
    .panal_compare {padding:0 0 5rem;}
    .panal_solution .solution_benefit {gap:1rem 0;}
    .panal_solution .solution_benefit .col {border-radius:15px;}
    .panal_solution .solution_benefit .col .cont img {height:5rem;}
    .panal_solution .solution_benefit .col .tit {font-size:1rem;}
    .panal_solution .solution_benefit .col .cont p {font-size:.9rem;}
    .btn_link {min-width:80%; font-size:1.2rem;}
    .panal_solution .btn_link {margin-top:4rem;}
    .panal_compare .btn_link, .panal_bast .btn_link {margin-top:3rem;}

    .panal_solution .anpanal.show .solution_info .col {padding:.8rem .5rem .8rem 1rem;}
    .panal_solution .anpanal.show .solution_info .col {font-size:.8rem;}
    .panal_solution .anpanal.show .solution_info .col.co1 {top:auto; left:2%; animation-delay:0s; bottom:7rem;}
    .panal_solution .anpanal.show .solution_info .col.co2 {bottom: -2rem;left:5%;animation-delay:.4s;}
    .panal_solution .anpanal.show .solution_info .col.co3 {top:auto;right:5%;animation-delay:.9s;bottom: -7rem;}
    .panal_solution .anpanal.show .solution_info .col.co4 {bottom: 2.5rem;right:2%;animation-delay:1.4s;}

    .panal_compare .hero_banner img {width:3.5rem;}
    .compare_box .tab-btn, .panal_bast .tab-btn {padding:.8rem;}
    .compare_box .dropdown-trigger span {font-size:.9rem;}
    .compare_box .price-section {padding-bottom:1rem; margin-bottom:1rem;}
    .compare_box .benefit-title {font-size:.9rem;}

    .panal_bast .bast_box .cmp_card .cmp_fee_section {padding:1rem 0; min-height:209px;}

    .panal_promotion .promotion_box .part {padding:0 0 0 1.5rem;}
    .panal_promotion .promotion_box .part .col p {font-size:.8rem; line-height:1.3; letter-spacing:-1px;}

    .btn_event_review img {display:block; width:100%;}
    .panal_review .reviewSwiper {padding:20px 30px 40px !important;}
    .panal_review {padding:4rem 0;}
    .panal_review .inner {padding:0;}
    .panal_real.inner {padding:4rem 1rem;}

    .panal_real .real_box .cont .tit {font-size:1.1rem;}
    .panal_real .real_box .cont .tb_real th,
    .panal_real .real_box .cont .tb_real td {padding:15px 10px; font-size:.8rem;}
    .visual_card_box .sub_top_card {padding:1.2rem;}
    .img_visual_card {right:-6rem; width:19rem;}
    /* .card_body_box .option_group .opt-btn .opt-name {word-break: normal;} */
    .card_body_box .option_group .options {gap:5px; }
    .card_body_box .option_group .opt-btn {width:calc((100% - 10px) / 3);}
    .card_body_box .option_group .option_label, .card_body_box .option_group .opt-btn .opt-name {font-size:.8rem;}

    .plan_object .plan_card {padding:0 2rem;}
    .plan_object .bundle_opt {padding:0 2rem;}
    .plan_object .swiper-button-prev, .plan_object .swiper-button-next {width:2rem; height:2rem;}
    .plan_object .swiper-button-next {right: var(--swiper-navigation-sides-offset, 3%) !important;}
    .plan_object .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 3%) !important}
    .plan_object .swiper-button-prev::after,
    .plan_object .swiper-button-next::after {font-size:14px !important; font-weight:700; color:#bababa;}
    .plan_object .swiper-button-prev,
    .plan_object .swiper-button-next {display:flex !important; align-items:center; justify-content:center; border:1px solid #eb0c12; border-radius:50px; background-color:#fafafa;}
    .plan_object .swiper-button-prev::after,
    .plan_object .swiper-button-next::after {color:#eb0c12;}

    .plan_object .topic, .cctv_point_wrap .topic {font-size:1.3rem;}
    .topic_event {margin-bottom:2rem; font-size:1.3rem;}
    .plan_object .desc {font-size:.9rem;}
    .plan_object .bundle_opt label {font-size:.9rem;}

    .accordion_wrap .acc-title {font-size:1rem;}
    .coalition_wrap.swiper {padding:3rem 0;}
    .coalition_wrap.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: var(--swiper-pagination-bottom, 1rem) !important;}
    .acc-item .acc-body .acc-text li,
    .acc-table thead th,
    .acc-table tbody th, .acc-table tbody td {font-size:.85rem;}

    .call_sub_banner {background-position:190% bottom !important;}
    .call_sub_banner div .tit i {display:block;}
    .call_sub_banner div .tit,
    .call_sub_banner div .tit i,
    .call_sub_banner div .tit em {font-size:1.8rem;}
    .call_sub_banner div .desc {font-size:.9rem;}

    /* .visual_cctv_box .inner img {width:13rem;}
    .visual_cctv_box .inner strong {font-size:1.1rem;} */

    .cctv_point_wrap .cctv_point_box {padding:2rem 0;}
    .cctv_point_wrap .cctv_point_box .col img {width:4.5rem;}

    .best_event_box .swiper-wrapper {gap:1rem;}
    .best_event_box .swiper-wrapper .swiper-slide {width:18rem; height:auto !important;}
    .best_event_box .part {padding:1.5rem 1rem;}
    .best_event_box .part .col strong {font-size:1.3rem;}
    .best_event_box .part .col p {margin:.5rem 0; font-size:.9rem;}
    .best_event_box .part img {width:9rem;}

    .event_meta {padding:1rem; margin-top:0;}
    .event_meta > *,
    .notice_box .event_meta strong {font-size:1rem;}
    #bo_wrap .item {margin-bottom:2rem;}

    #bo_btns a {font-size:1rem;}
    #bo_btns.view_bottom_box {padding:1rem 0;}
    #bo_btns.view_bottom_box .lt {gap:.5rem;}
    #bo_btns.view_bottom_box a, 
    #bo_btns.view_bottom_box button {min-width:79px; min-height:45px; font-size:1rem;} 
    .notice_object li a {flex-wrap:wrap; padding:1rem;}
    .notice_object li a > * {width:100%; text-align:left;}
    .notice_object li .tit,
    .faq_wrap #bo_list > .item > p > b,
    .faq_wrap #bo_list > .item > p.q,
    .faq_wrap #bo_list > .item > .a {font-size:.9rem;}
    .faq_wrap #bo_list .faq_head span {display:block; margin-bottom:5px;}
    .notice_object li .tit .tip, .event_meta .date .tip {margin-right:10px;}


    .bo_paging {padding:0 1rem;}
    .pg_wrap {padding:.8rem;}
    
    .notice_box .contents {padding:2rem 1rem;}
    .notice_box .contents > *,
    .notice_box .contents p > * {font-size:.9rem !important;}
    .notice_object li .tit {margin-bottom:5px;}
    .faq_swiper .swiper-wrapper li {flex:1;}
    .faq_swiper .swiper-wrapper {gap:1%;}
    .faq_swiper .swiper-wrapper li a {font-size:.8rem;}
    .faq_wrap #bo_sch .in_search {width:100%;}

    .faq_wrap #bo_list > .item > p > b {width:13%;}
    .faq_wrap #bo_list .faq_head span {margin-bottom:0;}
    .notice_object li a, 
    .faq_wrap #bo_list > .item > p.q, 
    .faq_wrap #bo_list > .item > .a, 
    .faq_wrap #bo_list .faq_head {padding:1rem;}
    .faq_wrap #bo_list > .item > .a {padding:1rem 1rem 1rem 2.4rem; background-size:.9rem; background-position:1rem 19px;}
    
    .faq_wrap #bo_list > .item > p.q {padding:1rem 3rem 1rem 1rem;}
    
    .notice_object li .tit, 
    .faq_wrap #bo_list > .item > p > b, 
    .faq_wrap #bo_list > .item > p.q, 
    .faq_wrap #bo_list > .item > .a, 
    .faq_wrap #bo_list > .item > .a p b, 
    .faq_wrap #bo_list > .item > .a p, 
    .faq_wrap #bo_list .faq_head span {font-size:.9rem;}

    .sub_dep {padding:0 .7rem;}
    .sub_dep ul {gap:1.5rem; padding:.7rem 0; }
    .sub_dep li a {font-size:1rem;}
    .container.up, header.up + #bo_wrap {padding-top:7.2rem;}

    #bo_privacy .chk_box span {font-size:.9rem;}
    #bo_privacy .con {padding:1rem;}
    #bo_privacy .con > *,
    #bo_privacy .con table th,
    #bo_privacy .con table td {font-size:.9rem;}

    .review_password_box .bo_password .box {padding:4rem 0;}
    .review_password_box .bo_password .box label {margin-bottom:1.5rem; font-size:1rem;}
    .review_password_box .bo_password .desc {margin-top:1.5rem; font-size:.9rem;}

    .plan_rows_wrap .pr-icons {gap:1.5em;}
    .plan_rows_wrap .pr-icon-circle {width:2.8rem; height:2.8rem;}
}

@media (max-width:500px) {
    .panal_bast.inner {padding:4rem 1rem;}
    .menu_box {margin-left:.2rem;}
    header .head_inner .call_btn {font-size:1.6rem;}
    .modal_popup {width:90%; padding:1.5rem;}
    .modal_popup.modal_terms {padding:1.5rem 0;}
    .modal_popup.modal_terms .modal_content {margin-bottom:0; padding:0 1.5rem;}
    .modal_popup.modal_terms .modal_bottom {padding:1.5rem 1.5rem 0;}
    .modal_bottom {padding:1.5rem 0 0;}
    .modal_terms .scroll_box {height:25rem;}
    .modal_content .terms {font-size:1.05rem;}

    .panal_benefit .myCounsel .swiper-slide.benefit_3 .txt_subsidy {margin-top: 1rem;width: 148px;height: 40px;font-size: 1rem;}
    .sub_tab_box ul li {width:33.3%;}
    .sub_tab_box.dep2 ul li {width:50%;}
    .sub_tab_box ul li a {padding:1rem 0; font-size:.95rem; justify-content:center;}
    .tb1 thead th, .tb1 tbody th, .tb1 tbody td {font-size:.9rem;}
    #modalPopupInquiry .modal_bottom a.btn_close {display:block;}
    #modalPopupInquiry {padding:1.5rem 0 1rem;}
    #modalPopupInquiry .modal_bottom {padding:0 1rem;}
    .modal_call_banner {padding:2rem; text-align:left;
         background: url(../img/main/img_call_banner.png) no-repeat 113% bottom / 8.5rem, linear-gradient(140deg, rgba(235, 235, 241, 1) 0%, rgba(240, 245, 249, 1) 100%);
    }

    .contents, .contents.inner {padding-top:3rem; padding-bottom:3rem;}
    header .head_inner {padding: 0 1rem 0 0;}
    nav.menu_nav_box {padding:0 !important;}
    .container.up, header.up + #bo_wrap {padding-top:7.2rem;}
    .head_nav {padding:.8rem 0}
    .head_nav li a {font-size:1rem;}
    .container.up, .container.cmain.up {padding-top:115px;}
    .head_nav .dep {display:none !important; pointer-events:none !important;}

    .panal_solution .solution_benefit .col .tit {font-size:.9rem;}
    .panal_solution .solution_benefit .col .cont p {font-size:.85rem; letter-spacing:-1px;}
    .btn_lin {font-size:1.1rem;}
    .panal_solution .btn_link {margin-top:3rem; padding:1.2rem 0 1.2rem .5rem;}
    .panal_compare .btn_link, .panal_bast .btn_link {margin-top:3rem;  padding:1.2rem 0 1.2rem .5rem;}
    .gridinner {padding:1rem 1rem 0 1rem;}

    .call_sub_banner {background-position:29vw bottom !important;}
    .sub_dep {padding:0 .7rem;}
    .sub_dep ul {gap:1.5rem; padding:.7rem 0; }
    .sub_dep li a {font-size:1rem;}

    .visual_cctv_box {min-height:19rem; background-size:28rem auto, 100% 100%;}
    .visual_cctv_box .inner {padding:0 1rem 3rem;}
    .visual_cctv_box .inner img {width:12rem;}
    .visual_cctv_box .inner strong {font-size:1rem;}

    .cctv_service_wrap .topic {font-size:1.5rem;}
    .cctv_service_wrap .desc {font-size:.9rem;}
    .cctv_service_wrap .service_cont .part .col > div {padding:0;}
    .cctv_point_wrap .cctv_point_box {padding:2rem;}
    .cctv_point_wrap .cctv_point_box .col {display:flex; width:100%; gap:1rem; text-align:left;}
    .cctv_point_wrap .cctv_point_box .col img {margin:0;}

    #bo_btns.btn_sing_box {margin-bottom:2rem;}
    .review_note_box {gap:2rem 1rem; padding:0;}
    #bo_wrap .review_note_box .item {width: calc((100% - 1rem) / 2);}
    .review_note_box .review_info {margin:1rem 0}
    .review_note_box .review_info .review_star, .review_note_box .review_info .review_name {font-size:.9rem;}
    .review_note_box .review_tit {font-size:1rem;}
    .review_note_box .review_desc {font-size:.9rem; -webkit-line-clamp:3}
    .review_note_box .review_tit {margin-bottom:.5rem;}
    .best_event_box.swiper {margin-bottom:2rem;}

    .notice_banner_box strong {font-size:2rem;}
    .notice_banner_box p {font-size:.9rem;}
    .notice_banner_box {min-height: 12rem;}
    .notice_banner_box .inner {padding:1rem 10rem 1rem 1rem; background-size:8rem;}

    .modal_pup_overlay .modal_box {width:90%;}
    .modal_pup_overlay .modal_box .modal_title {font-size:1.3rem;}
    .modal_pup_overlay .modal_box .modal_desc {font-size:1rem;}
    .modal_pup_overlay .modal_box .modal_benefit, .chk_list .required {font-size:.9rem;}
    .modal_pup_overlay .modal_box .mm_info_object .submitBtn {font-size:1.2rem;}
    .mm_info_object .frm_box input {min-width:100%;}
    .modal_pup_overlay .modal_box .modal_benefit {display:block; padding:10px 10px 10px 32px; border-radius:10px; text-indent: -22px;}
    .modal_pup_overlay .modal_box .modal_benefit::before {display:inline-block; margin:-2px 3px 0 0; vertical-align:middle;}
    .agree_allchk, .chk_list {font-size:.9rem;}
    .col .btn_view {font-size:.7rem;}
    
}


@media (max-width:470px) {
    .panal_promotion .promotion_box .part {padding:0 0 1.2rem 1.5rem;}
    .panal_promotion .promotion_box .part img {width:7rem;}
    .price-box {flex-wrap:wrap;}
    .price-box > * {width:100%;}
    .price-panel {gap:5px;}
    .price-notes {padding:.5rem 0;}
    .img_visual_card {right:-6rem;width: 18rem;}
    .plan_object .plan_card {padding:0 1rem;}
    .plan_object .bundle_opt {padding:0 1rem;}
    .plan_object .swiper-button-next {right: var(--swiper-navigation-sides-offset, 0%) !important;}
    .plan_object .swiper-button-prev {left:var(--swiper-navigation-sides-offset, 0%) !important}

    .coalition_wrap .part img {width:7rem;}
    .coalition_wrap .part .col strong {font-size:1.15rem;}
    .coalition_wrap .part .col p {font-size:.9rem;}
    .acc-head {padding:.8rem;}
    
    .call_sub_banner {padding:0 12rem 0 1.5rem; min-height:130px; background-position:26vw bottom !important;}
    .call_sub_banner div .tit i {display:block;}
    .call_sub_banner div .tit,
    .call_sub_banner div .tit i,
    .call_sub_banner div .tit em {font-size:1.6rem;}
    .call_sub_banner div .desc {font-size:.8rem;}
    
    .visual_cctv_box {align-items:end; background-size:25rem auto, 100% 100%; background-position:160% 0;}
    .visual_cctv_box .inner img {width:11rem;}
    .visual_cctv_box .inner strong {font-size:.95rem;}

    .cctv_point_wrap .cctv_point_box {padding:2rem 1.5rem;}

    .best_event_box .swiper-wrapper .swiper-slide {width:15rem; height:auto !important;}
    .best_event_box .part {padding:1.5rem .7rem;}
    .best_event_box .part img {width:8rem;}
    .sub_dep ul {gap:5%;}
    .sub_dep li a {font-size:.95rem;}

    #bo_btns.view_bottom_box {padding:1rem 0;}
    #bo_btns.view_bottom_box .lt {gap:.5rem;}
    #bo_btns.view_bottom_box a, 
    #bo_btns.view_bottom_box button { min-width:70px; min-height:45px; font-size:.9rem;} 

    .notice_object li a {padding:.8rem;}
    .notice_object li .tit,
    .faq_wrap #bo_list > .item > p > b,
    .faq_wrap #bo_list > .item > p.q,
    .faq_wrap #bo_list > .item > .a,
    .faq_wrap #bo_list > .item > .a p b,
    .faq_wrap #bo_list > .item > .a p,
    .faq_wrap #bo_list .faq_head span {font-size:.9rem;}

    .notice_object li a .date {font-size:.9rem;}

}
@media (max-width:390px) {
    .cctv_service_wrap .service_cont {margin-top:2.5rem;}
    .cctv_service_wrap .service_cont .part img {width:80%;}
    .cctv_service_wrap .service_cont .part p {font-size:.95rem;}
    .sub_dep ul {gap:3%;}

}
    
@media (max-width:360px) {

}
@media (max-width:345px) {
    .sub_dep ul {gap:1.9%;}
    .sub_dep li a {font-size:.9rem;}

}