@media (max-width: 1199px) {
    /* GNB */
    .gnb_wrap{height:60px}
    .gnb_wrap>div{height:60px; padding:0 10px; box-sizing:border-box}
    .gnb_wrap .logo{margin-top:13px; margin-right:40px}
    .gnb_wrap .logo svg{width:140px}
    .gnb_wrap .gnb_menu>div{margin:0 10px; height:60px; line-height:58px}
    .gnb_wrap .gnb_menu>div span{font-size:14px; font-weight:500; color:#fff; transition:all 0.3s ease}
    .gnb_wrap .sub_depth{top:50px}
    .gnb_wrap .gnb_btn{margin-top:10px}
    .gnb_wrap .btn_quick{margin-top:8px}
    

    /* visual obj */
    .mvisual{padding:20px; box-sizing:border-box}
    .mvisual .mvisual_tit{padding-top:150px}
    .mvisual h2{font-size:36px; font-weight:300; color:#fff}
    .mvisual h1{font-size:60px; font-weight:700; color:#fff; line-height:60px}
    .mvisual p{font-size:24px; color:#fff; margin-top:15px}
    .mvisual button.btn{background:transparent; width:160px; border:2px solid #fff; line-height:46px; border-radius:25px; color:#fff; margin-top:30px; transition:all 0.3s ease}
    .mvisual button:hover{background:#fff; color:#444; box-shadow:1px 3px 6px rgba(0,0,0,0.1);}

    .obj_img>div{position:absolute; left:50%}
    .obj_img .obj_1{top:385px; margin-left:-420px; width:492px}
    .obj_img .obj_2{top:87px; margin-left:100px; width:484px}
    .obj_img .obj_3{z-index:1; top:315px; margin-left:-80px; width:509px}

    
    /* main product */
    .fix_motion .fix_wrap .text_box p{padding-left:30px; box-sizing: border-box;}
    .fix_motion .fix_wrap .text_box p.txt04 br:last-child{display:none}


    /* main preview */
    .sec_3>div{padding:0 30px; box-sizing:border-box}
    .sec_3 iframe{display:block; width:746px; height:417px; margin:0 auto}
    .sec_3 .play{left:50%; margin-left:-373px; width:746px; height:417px}
    .sec_3 .play img{width:100%}


    /* main payment */
    .sec_4{padding:0 30px; box-sizing:border-box}
    .sec_4 .pay_box:hover{top:0; box-shadow:0 3px 18px rgba(0,0,0,0.1)}
    .sec_4 .pay_tit h3{font-size:24px}
    .sec_4 .pay_tit p{font-size:16px}


    /* SUB HEAD */
    .svisual{padding:20px; box-sizing:border-box}
    .svisual .sub_tit{padding-top:180px}
    .svisual h2{font-size:36px; font-weight:300; color:#fff}
    .svisual h1{font-size:60px; font-weight:700; color:#fff; line-height:60px}
    .svisual p{font-size:24px; color:#fff}
    .svisual button.btn{background:transparent; width:160px; border:2px solid #fff; line-height:46px; border-radius:25px; color:#fff; margin-top:30px; transition:all 0.3s ease}
    .svisual button:hover{background:#fff; color:#444; box-shadow:1px 3px 6px rgba(0,0,0,0.1);}


    /* company */
    .his_tabs{top:59px}
    .his_bg h2{font-size:30px; line-height:45px; padding-left:30px}
    .his_bg li{font-size:18px; width:15%; margin-bottom:30px}
    .his_bg li:nth-child(2n){width:85%}
    .his_bg li.lnhet{line-height:30px}

    .culture{padding:0 30px; box-sizing:border-box}

    .peple{padding:0 30px; box-sizing:border-box}
    .peple_con img{width:280px}
    .peple_con .peple_abs>div{padding:0 20px}
    .peple_con .peple_panel{margin-top:55px}
    .peple_con .peple_panel>div{padding:0 20px}

    .wplace{padding:0 30px; box-sizing:border-box}
    .place_img img{width:100%}

    .locat{padding:0 30px; box-sizing:border-box}
    .map_con .map_set{height:450px}


    /* Product */
    .prod_intro{padding:0 30px; box-sizing:border-box}
    .prod_intro .intro_b{top:180px; right:30px}
    .prod_intro .circle.cle_2{margin-left:-70px}
    .prod_intro .circle.cle_3{margin-right:-70px}

    .why_wrap{padding:0 30px; box-sizing:border-box}
    .why_con{margin:70px 0}
    .why_con .why_img{width:40%}
    .why_con .why_img img{width:90%}
    .why_con .why_txt{width:55%}

    .slider_wrap{padding:0 30px 130px 30px}
    .slider_panel .spec_txt{width:40%; margin:0}
    .slider_panel .spec_img img{width:80%}
    .spec_navi>a{width:60px; height:60px; line-height:58px}
    .spec_navi>a svg{width:8px}
    .spec_navi .arrow_left{left:-20px}
    .spec_navi .arrow_right{right:-20px}
    .carousel .slider_panel{min-height:100px}
        
    .slider_panel .spec_img .spec_ani_2{width:100%; right:-100px}
    .slider_panel .spec_img .spec_ani_4{right:220px}
    .slider_panel .spec_img .spec_ani_5{right:110px}
    .slider_panel .spec_img .spec_ani_6{right:0}
    .slider_panel .spec_img .spec_ani_7{right:-20px; bottom:-55px}

    .slider_panel .spec_img .ani_squar_1{top:50px; left:50px}
    .slider_panel .spec_img .ani_squar_2{top:250px; left:100px}
    .slider_panel .spec_img .ani_squar_5{top:170px; left:10px}
    .slider_panel .spec_img .ani_squar_6{top:120px; left:180px}
        
    .tabs_btn{bottom:-200px}
    .tabs_btn.tabs2{bottom:-210px}
    .tabs_btn p{line-height:20px}


    /* Security */
    .sect_wrap{padding:0 30px; box-sizing:border-box}


    /* Payment */
    .pay_wrap{padding:0}
    .sub_pay.pay_wrap{padding:0 30px; box-sizing:border-box}
    .pay_panel p.txt_sub{font-size:14px}
    .pay_panel .pay_calc p{font-size:14px}


    /* Partner */
    .tabs_wrap{padding:0 30px; box-sizing:border-box}
    .ptn_wrap{padding:0 30px; box-sizing:border-box}


    /* remote CS */
    .cs_wrap{padding:0 30px; box-sizing:border-box}


    /* Policy */
    .policy_con{padding:0 30px 100px 30px; box-sizing:border-box}


    /* FAQ */
    .faq_wrap{padding:0 30px; box-sizing:border-box}


    /* request */
    .req_wrap{padding:0 30px; box-sizing:border-box}
    .done_wrap{padding:0 30px; box-sizing:border-box}


    /* error */
    .error_wrap{padding:0 30px; box-sizing:border-box}


    /* Footer */
    .footer .foot_btn .logo{margin-left:30px}
    .footer .foot_btn .foot_sns{padding-right:30px; box-sizing:border-box}
    .footer .foot_copy>div{padding:0 30px; box-sizing:border-box}
    

    /* Voucher */
    .vouch_head{height:60px; padding:0 30px; box-sizing:border-box}
    .vouch_head>div{width:100%; padding-top:10px}
    .vouch_head .logo svg{width:140px}
    
    .vou_footer>div{width:100%; padding:0 30px; box-sizing:border-box}
}

@media only screen and (max-width: 1024px) {
    /* GNB hidden */
    .gnb_wrap>div{padding:0 30px}
    .gnb_wrap .gnb_menu{display:none}
    .gnb_wrap .gnb_btn{display:none}
    .gnb_wrap .btn_quick{display:none}
    .gnb_wrap .mobile_btn{display:block}

    .content_wrap>section{margin:100px 0}
    
    /* sub title */
    .sub_title h2{font-size:32px; line-height:43px}
    .sub_title p{font-size:18px}


    /* apple scroll */
    .sec_2 .contit{margin-bottom:0}
    .fix_motion {height: 3000px;} /* 모바일 버전에서 스크롤 거리를 설정함 */

    .fix_motion .fix_wrap .text_box {float:none; position:sticky; position:-webkit-sticky; left:0; top:0; z-index:50; width: 100%; padding-top:100px}
    .fix_motion .fix_wrap .text_box p {position:absolute; left:0; top:100px; width: 100%; max-width:100%; padding:0 20px; font-size:18px; line-height:30px; text-align: center; box-sizing: border-box; opacity: 0; transition:opacity .5s;}
    .fix_motion .fix_wrap .text_box p.active {opacity: 1;}
    .fix_motion .fix_wrap .text_box p.txt02 {margin-top:0px;}
    .fix_motion .fix_wrap .text_box p.txt03 {margin-top:0px;}
    .fix_motion .fix_wrap .text_box p.txt04 {margin-top:0px; margin-bottom:0;}

    .fix_motion .fix_wrap .device_fix {top: calc(100vh - 670px); width:100%}
    .fix_motion .fix_wrap .device_fix img{width:100%}
    .fix_motion .fix_wrap .device_fix .watch_img {width:260px; height:465px; margin:0 auto}
    .fix_motion .fix_wrap .device_fix .watch_img .img_device{left:auto; right:auto; margin:0 auto}
    .fix_motion .fix_wrap .device_fix .watch_img .slide_wrap {top:46px; left:auto; right:auto; width:212px; margin-left:24px}
    .fix_motion .fix_wrap .device_fix .watch_img .slide_wrap .slide {width:1040px}
    .fix_motion .fix_wrap .device_fix .watch_img .slide_wrap .slide figure {width:212px}


    /* Product */
    .prod_intro .circle{width:300px; height:300px}
    .prod_intro .circle h3{font-size:18px}
    .prod_intro .circle li{font-size:14px; line-height:20px}
    .prod_intro .circle.cle_2{margin-left:-50px}
    .prod_intro .circle.cle_3{margin-right:-50px}

    .slider_panel .spec_txt h3{font-size:18px}
    .slider_panel .spec_txt p{font-size:14px; line-height:25px}
    .slider_panel .spec_img img{width:70%}

    .slider_panel > .active,.slider_panel > .next,.slider_panel > .prev {max-height:400px}

    .slider_panel .spec_img .ani_squar_1{top:0}
    .slider_panel .spec_img .ani_squar_2{top:160px}
    .slider_panel .spec_img .ani_squar_2 img{width:100%}
    .slider_panel .spec_img .ani_squar_5{top:100px}
    .slider_panel .spec_img .ani_squar_6{top:60px}



    /* Security */
    .sect_panel{align-items:flex-start}
    .sect_panel .sect_img{width:180px; height:180px}
    .sect_panel .sect_img img{width:50%}
    .sect_panel h3{font-size:18px; margin-bottom:10px}
    .sect_panel p{font-size:14px; line-height:20px}
    /* .sect_panel svg{position:absolute; top:3px; left:-30px} */

    .owasp_wrap p{font-size:18px}
    .owasp_wrap h2{font-size:30px}
    .owasp_wrap img{width:100%}
    .owasp_wrap .sub_title div{width:50%; margin:0 auto}
    .owasp_wrap .owasp_li i{width:40px; height:40px; font-size:14px; line-height:39px}
    .owasp_wrap .owasp_li span{font-size:14px; line-height:20px}


    /* Payment */
    .pay_wrap>h2{font-size:30px; line-height:40px}
    .pay_panel .price h2{font-size:30px}
    .pay_panel .pay_btn button span{display:none}
    .pay_panel p.txt_sub{height:80px}


    /* Partner */
    .tabs_wrap .ptn_tabs li{margin-right:10px}


    /* remote CS */
    .cs_remote>div:first-child{padding-right:100px}
    .cs_remote>div:last-child{padding-left:100px}


    /* FAQ */
    .faq_panel .txt_qa{font-size:16px}
    .faq_panel .txt_hd{font-size:14px}
    .faq_panel a.collapsed .txt_tit{font-size:14px}
    .faq_panel .txt_tit{font-size:14px}


    /* request */
    .done_con{margin-top:50px}


    /* Footer */
    .footer .foot_btn .foot_sns{margin-top:21px; padding-right:30px; box-sizing:border-box}
}

/* iPad Air */
@media (max-width: 820px) {
    /* modal education */
    .modal_edu{width:400px; min-width:auto}
    .modal_edu .modal_th h3{font-size:18px}


    .head_wrap{width:100%; min-height:480px; background-size:cover; overflow:visible}
    .head_wrap.sub_bg{min-height:380px; background-size:cover; overflow:visible}

    /* main visual */
    .mvisual{padding:30px}
    .mvisual .mvisual_tit{padding-top:70px}
    .mvisual h2{font-size:18px}
    .mvisual h1{font-size:30px; line-height:40px}
    .mvisual p{font-size:16px; margin-top:5px}
    .mvisual button.btn{margin-top:20px}

    .obj_img>div{position:absolute; left:50%}
    .obj_img .obj_1{display:none}
    .obj_img .obj_2{display:none}
    .obj_img .obj_3{display:none}
    .obj_img .obj_4{display:block; z-index:1; top:35%; left:22%; right:30px}


    /* title */
    .contit h2{font-size:30px; line-height:40px}
    .contit p{font-size:16px}


    /* payment */
    .sec_4 .pay_box{padding:20px 0; border-radius:20px}
    .sec_4 .pay_tit span{font-size:12px}
    .sec_4 .pay_tit h3{font-size:18px; margin-bottom:10px}
    .sec_4 .pay_tit p{font-size:14px; line-height:20px; margin-bottom:20px; padding-bottom:20px}
    .sec_4 .payment{margin-bottom:10px; height:65px}
    .sec_4 .payment span{font-size:30px}
    .sec_4 .payment i{font-size:12px}
    .sec_4 .pay_box>p{font-size:12px; line-height:18px; margin-bottom:20px}
    .sec_4 .pay_box>p i{font-size:12px}
    .sec_4 .pay_box .pay_btn{padding:0 20px}
    .sec_4 .pay_box button.btn.h-mdm{height:44px; font-size:14px; line-height:42px}


    /* SUB HEAD */
    .svisual{padding:30px}
    .svisual .sub_tit{padding-top:120px}
    .svisual h2{font-size:24px}
    .svisual h1{font-size:40px; line-height:40px}
    .svisual p{font-size:18px; margin-top:5px}

    /* sub title */
    .sub_title h2{font-size:27px; line-height:37px}
    .sub_title p{font-size:16px}

    
    /* company */
    .his_con h2{font-size:24px}
    .his_con .his_point h4{font-size:18px}

    .his_bg h2{font-size:24px; line-height:35px}
    .his_bg li{font-size:16px}

    .map_contact>div{display:block}
    .map_contact h4{margin-bottom:10px}
    .map_contact .map_btn{float:none; margin-top:30px}

    .place_top{width:200px; height:200px; padding-top:80px; font-size:16px}
    
    .cul_con h4{font-size:18px}
    .cul_con p{font-size:14px; padding-right:30px}
    .cul_con .cul_box{width:100px; height:100px}

    .peple_con img{width:220px}
    .peple_con .peple_abs{top:10px}
    .peple_con .peple_abs>div{padding:0 15px}
    .peple_con .peple_panel{margin-top:30px}
    .peple_con .peple_panel>div{padding:0 15px}


    /* Product */
    .spec_wrap{margin-bottom:150px}
    .slider_wrap{margin-bottom:100px; padding-bottom:100px}

    .prod_intro{margin-bottom:300px}
    .prod_intro .circle h3{font-size:16px}
    .prod_intro .circle li{font-size:12px; line-height:18px}
    .prod_intro .intro_b{top:230px}
    .prod_intro .circle{padding:6px}

    .prod_intro .circle.cle_1{border-width:6px}
    .prod_intro .circle.cle_2{border-width:6px; margin-left:-25%}
    .prod_intro .circle.cle_3{border-width:6px; margin-right:-25%}
    .prod_intro .circle.cle_4{border-width:6px}

    .why_con .why_txt .why_tick span{font-size:12px}
    .why_con .why_txt h3{font-size:18px; margin-bottom:15px}
    .why_con .why_txt p{font-size:14px; line-height:25px}

    .tabs_btn{bottom:-150px}
    .tabs_btn.tabs2{bottom:-145px}
    .tabs_btn .indi_title{width:90px; height:90px; line-height:90px;}
    .tabs_btn svg{width:36px; height:36px}
    .tabs_btn p{font-size:12px; line-height:18px}


    /* Payment */
    .pay_panel span.txt_th{font-size:12px}
    .pay_panel h3{font-size:18px}
    .pay_panel p.txt_sub{height:100px; padding:0 15px; box-sizing:border-box}
    .pay_panel p.txt_sub br{display:none}
    
    .pay_panel .pay_btn{padding:20px}
    button.btn.h-mdm{font-size:16px}
    .pay_panel .pay_calc{padding:0 20px 20px 20px}
    .pay_panel .popul .tick{width:60px; height:60px}
    .pay_panel .popul .tick span{font-size:14px; line-height:16px; margin-top:15px}

    
    /* Partner */
    .tabs_wrap{
        width:100%; overflow-x:auto;
        -ms-overflow-style: none; /* IE, Edge */
        scrollbar-width: none; /* Firefox */
    }
    .tabs_wrap::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    .tabs_wrap .ptn_tabs{width:600px}
    .tabs_wrap .ptn_tabs li{margin-right:5px}
    .ptn_wrap>div{margin-bottom:50px}
    .ptn_wrap h3{font-size:18px}
    .ptn_cate li{width:16.66%}
    .tabs_wrap .ptn_tabs button{width:80px; height:80px}
    .tabs_wrap .ptn_tabs span{font-size:12px}


    /* remote CS */
    .cs_panel .cs_wifi img{width:50%}
    .cs_remote>div img{width:40%}
    .cs_remote>div:first-child{padding-right:50px}
    .cs_remote>div:last-child{padding-left:50px}
    .cs_call .call_panel{padding:30px 10px}
    .cs_call .call_panel img{width:30%}


    /* Request */
    .req_con{padding-right:20px}
    .req_panel{padding:20px}
    .req_panel>div{padding-right:20px}
    .req_panel p{font-size:14px}
    .req_con .tac{font-size:16px}
    .contact_wrap{padding-left:20px}
    .req_btn button.btn{max-width:none}


    /* Policy */
    .policy_con .policy_tit h2{font-size:30px}


    /* FAQ */
    .faq_tabs li button{font-size:14px}


    /* Footer */
    .footer .foot_btn .foot_sns ul{display:none}
    .footer .foot_btn .foot_sns button{margin:0; padding:0}
    .footer .foot_btn ul{display:flex}
    .footer .foot_copy>div{display:block}
    .footer .foot_copy ul{display:block}
    .footer .foot_copy li{text-align:center}
    .footer .foot_copy .foot_cs{float:none; text-align:center; margin-bottom:30px}
    .footer .foot_copy .foot_cs .foot_tel{display:inline-block}
}

@media (max-width: 767px) {

    /* payment */
    .sec_4 .pay_wrap{display:block; margin-top:20px}
    .sec_4 .pay_wrap>div{width:100%; margin-bottom:20px}
    .sec_4 .pay_tit p{min-height:auto}

    /* Security */
    .owasp_wrap .owasp_li li{width:25%}
    .owasp_wrap .owasp_li i{width:30px; height:30px; font-size:12px; line-height:29px}


    /* policy */
    .policy_con .call_table{display:block}

    
    /* FAQ */
    .faq_tabs{min-width:500px; }
    .faq_tabs li{margin:0 20px}


    /* product */
    .spec_wrap h3{margin-bottom:10px}
    
    


    .slider_panel .item .item-inner{display:block}
    .slider_panel .spec_txt{width:100%; margin-bottom:20px}
    .slider_panel .spec_img{width:100%; text-align:center}
    .slider_panel > .active, .slider_panel > .next, .slider_panel > .prev{max-height:none}
    .slider_panel .spec_img .spec_ani_1{margin-bottom:30px}
    .slider_panel .spec_img .spec_ani_2{bottom:-50px}
    .slider_panel .spec_img .spec_ani_4{bottom:-40px}
    .slider_panel .spec_img .spec_ani_5{bottom:-40px}
    .slider_panel .spec_img .spec_ani_6{bottom:-40px}
    .slider_panel .spec_img .spec_ani_7{bottom:-85px}

    .slider_panel .spec_img .ani_squar_2 img{width:70%}

    /* company */
    .his_con{padding-bottom:10px}
    .his_con:before{top:10px; left:40px}
    .his_con>div{display:block}
    .his_con>div>div{width:100%}
    .his_con .his_point i{top:8px; right:auto; left:31px}
    .his_con .his_point p{display:none}
    .his_con .his_point h4{display:none}
    .his_con .his_txt{padding-left:60px}
    .his_con .his_point .mt10{margin-top:0}
    .his_con .his_point .mt20{margin-top:0}
    .his_con .his_point .mt30{margin-top:0}
    .his_con .his_point .mt80{margin-top:0}
    
    /* request */
    .input_wrap h4{margin:0}
    .input_wrap>p{display:block; margin:0; margin-bottom:20px}
}

@media (max-width: 640px) {
    /* MODAL */
    .modal_calc{margin-top:-250px; width:90%; border-radius:15px}

    .head_wrap{min-height:380px}
    .head_wrap.sub_bg{min-height:280px}
    /* main visual */
    .mvisual .mvisual_tit{padding-top:40px}
    .mvisual h2{font-size:16px}
    .mvisual h1{font-size:24px; line-height:34px}
    .mvisual p{font-size:14px; width:60%}
    .mvisual button.btn{width:120px; height:44px; font-size:16px; line-height:40px; border-radius:22px; margin-top:20px}
    .obj_img .obj_4{top:30%; left:20%; right:0}

    
    .fix_motion .fix_wrap .device_fix {top: calc(100vh - 500px)}
    .fix_motion .fix_wrap .text_box p{font-size:14px; line-height:25px}
    .fix_motion .fix_wrap .text_box p em{font-size:18px}


    /* SUB HEAD */
    .svisual{padding:30px}
    .svisual .sub_tit{padding-top:80px}

    .his_bg{min-height:300px}
    .svisual h2{font-size:18px}
    .svisual h1{font-size:30px; line-height:40px}
    .svisual p{font-size:14px; margin-top:0}


    /* company */
    .his_bg h2{top:50px; padding-left:0; padding-bottom:50px; text-align:center}
    .his_tabs a.btn{margin:0 15px}
    .his_bg>div{position:relative; left:0; margin-top:200px; padding-left:30px; box-sizing:border-box}
    .his_bg li{font-size:14px}

    .culture{padding:0 20px}
    .culture .sub_title h2{font-size:18px}
    .cul_con{display:block}
    .cul_con h4{font-size:16px}
    .cul_con p{padding:0}
    .cul_con>div{display:flex; width:100%; margin-top:30px}
    .cul_con .cul_box{width:70px; flex-shrink:0; height:70px; padding:15px; border-radius:10px}
    .cul_con .cul_box.cul_bg4{padding-top:20px}

    .peple{padding:0; margin-bottom:50px}
    .peple_con .dp_pc{display:none}
    .peple_con .dp_mo{display:block; position:absolute; top:120px; left:50%; transform:translateX(-50%)}

    .peple_con img{width:180px}
    .peple_con .peple_abs{top:10px}
    .peple_con .peple_abs>div{padding:0 15px}
    .peple_con .peple_panel{margin-top:145px}
    

    /* product */
    .prod_intro .circle{width:260px; height:260px}
    .prod_intro .circle.cle_2{margin-left:-40px}

    .why_con{display:block}
    .why_con .why_img{width:100%; margin-bottom:20px}
    .why_con .why_img img{display:block; width:60%; margin:0 auto}
    .why_con .why_img.dp_mo{display:block}
    .why_con .why_img.dp_pc{display:none}
    .why_con .why_txt{width:100%}


    /* Security */
    .sect_panel .sect_img{display:none}
    .sect_panel{margin-bottom:50px}
        

    /* Payment */
    .pay_panel{display:block; margin-top:30px}
    .pay_panel .price{margin:0}
    .pay_panel>div{width:100%; border:1px solid #e9e9e9; margin-bottom:30px; border-radius:10px; box-shadow:1px 3px 6px rgba(0,0,0,0.1);}
    .mo_spec{display:block; margin-bottom:30px; padding:0 30px; box-sizing:border-box}
    .mo_spec table{border-collapse:collapse; width:100%}
    .mo_spec table td{padding:5px; box-sizing:border-box}
    .mo_spec table td:first-child{text-align:left;}
    .mo_spec table td:first-child.tac{text-align:center}
    .pay_panel p.txt_sub{height:auto; margin-bottom:20px}
    .pay_panel .pay_calc{padding-top:0}
    .pay_panel .pay_calc p{display:none}
    .pay_table{display:none}
    .p_alert{display:none}

    /* Partner */
    .ptn_wrap h3{font-size:16px; font-weight:700}
    .ptn_cate li{width:25%; padding:0 5px}


    /* remote CS */
    .cs_wrap{margin-top:50px}
    .cs_txt{font-size:14px; line-height:23px; margin-top:30px}
    .cs_btn a{width:100%}
    .cs_call{display:block; margin-top:50px}
    .cs_call>div{width:100%}
    .cs_call .call_panel{width:100%; margin-bottom:20px; padding:20px}
    .cs_call .call_panel img{width:auto; margin-bottom:10px}
    .cs_remote>div p{font-size:12px}


    /* Policy */
    .policy_con{padding-bottom:70px}
    .policy_con .policy_tit h2{font-size:24px; margin-bottom:30px}
    .policy_con p{font-size:12px; line-height:22px}
    .policy_con li{font-size:12px; line-height:22px}


    /* FAQ */
    .tabs_wrap{width:100%; margin-top:70px; overflow-x:auto}
    .faq_tabs li{margin:0 15px}
    .faq_wrap .faq_panel{line-height:20px}
    .faq_panel ul{flex-wrap:wrap; padding:20px; box-sizing:border-box}
    .faq_panel .txt_qa{width:auto; text-align:left; padding:0; padding-right:20px}
    .faq_panel .txt_tit{width:100%; padding:5px 0 0 30px; line-height:20px}
    .faq_panel a.collapsed .txt_tit{width:100%}
    .faq_panel .txt_arrow{display:none}
    .faq_panel .faq_view ul{flex-wrap:nowrap; padding:20px}
    .faq_panel .txt_con{padding:0}
    .faq_panel .txt_con ul{padding:0}
    .faq_panel .txt_con ul.deci{margin:0; padding-left:15px}
    .faq_panel .txt_con ul button{width:100%}
    
    
    /* request */
    .req_wrap{margin-top:70px}
    .req_wrap h4{font-size:16px}
    .agree_wrap .agree_box{padding:20px}
    .input_wrap .req_input{display:block}
    .input_wrap .req_input>div{width:100%; margin-bottom:20px}
    .req_btn button.btn{max-width:100%; height:50px; line-height:48px; font-size:18px}
    .cs_panel{padding:20px 10px}

    .req_con .sub_title{text-align:center}
    .req2{display:block}
    .req2>div{width:100%}
    .req_con{padding:0}
    .contact_wrap{padding:0; margin-top:30px}


    .done_con{margin-top:30px}


    /* error */
    .error_wrap{padding-bottom:50px}
    .error_wrap h1{font-size:30px}
    .error_btn button.btn{display:block; width:100%; margin:0}
    .error_btn button.btn.b_back{position:absolute; top:70px}

}


@media (max-width: 414px) {
    /* BASIC modal */
    .modal_wrap{min-width:auto; width:90%}


    /* modal education */
    .modal_edu{width:90%}
    .modal_edu .modal_th .dp_mo{display:block}
    .modal_edu .modal_th{height:120px}
    .modal_edu .modal_th div{top:-40px}
    .modal_edu .modal_th img{width:70%}
    .modal_edu .modal_th h3{padding-top:70px}
    .modal_edu .modal_con{padding:20px}
    .modal_edu .modal_con>div{padding:10px 20px}
    .modal_edu .modal_con li{font-size:14px; width:70px}
    .modal_edu .modal_con a{margin-top:20px}
    .modal_edu .modal_foot button{height:50px; font-size:14px}


    /* MODAL */
    .modal_calc{padding:30px}
    .modal_calc .modal_con p{display:block}
    .modal_calc .modal_con .grey_box{padding:10px}
    .modal_calc .modal_con .grey_box table td{font-size:14px}
    .modal_calc .modal_con .grey_box table td i{font-size:14px}
    .modal_calc .modal_con .modal_btn{padding-top:10px}


    .head_wrap{width:100%; min-height:330px}
    .obj_img .obj_4{top:50%; left:10%; right:0}

    /* scroll top */
.top_btn {
    bottom: 95px;
}

.top_btn > div {
    width: 40px;
    height: 40px;
    gap: 1px;
}

.top_btn p {
    font-size: 12px; /* 모바일에서는 12px 유지 */
    letter-spacing: -.25px; /* 추가 */
}

.top_btn svg {
    width: 14px;
    height: auto;
    fill: #666; /* 기본 색상 맞춤 */
}

.top_btn:hover > div {
    background: #fff;
    border-color: #d0d0d0;
}

.top_btn:hover svg {
    fill: #444; /* 호버 시 색상 */
}

.top_btn:hover p {
    color: #444;
}


    /* title */
    .contit h2{font-size:24px; line-height:30px}
    .contit em{display:block}
    .contit p{font-size:14px; margin-bottom:10px}


    /* main partner */
    .sec_1 .ptn_txt{width:100%; top:280px}
    .sec_1 .obj_mobile{width:100%}
    .sec_1 .obj_mobile img{display:block; width:85%; margin:0 auto}
    .sec_1 .swiper-partner{min-height:150px; bottom:50px}
    .sec_1 .swiper-slide>div{width:100px; height:100px}
    .sec_1 .swiper-slide>div img{width:80%}
    .sec_1 .shape_bg{top:220px; width:500px; height:500px}

    /* sub title */
    .sub_title h2{font-size:24px; line-height:34px}
    .sub_title p{font-size:14px}

    .sub_pay.pay_wrap{padding:0 20px}

    /* company */
    .his_tabs a span{display:none}

    .map_contact a{display:block; margin-bottom:20px}
    .map_contact a:first-child{margin-right:0}
    .map_contact p{font-size:13px; letter-spacing:-1px;}
    .map_con .map_set{height:350px}

    .place_top{display:none}
    .place_img{display:block}
    .place_img>div{width:100%; padding-right:0}
    .place_img>div:nth-child(2){padding-left:0; padding-top:0}
    .place_img img{margin-bottom:20px}

    .peple .sub_title h2{font-size:18px; line-height:25px; margin-bottom:30px}
    .wplace{padding:0 20px}
    .wplace .sub_title h2{font-size:18px; margin-bottom:30px}
    .locat{padding:0 20px}
    .locat .sub_title h2{font-size:18px; margin-bottom:30px; font-weight:700}


    /* product */
    .prod_intro{position:relative; margin-bottom:100px}
    .prod_intro>div{display:block}
    .prod_intro .circle{width:200px; height:200px}
    
    .prod_intro .intro_a>div{width:100%}
    .prod_intro .intro_b{position:absolute; top:70px; right:30px}
    .prod_intro .intro_b>div{width:100%}

    .prod_intro .circle.cle_2{position:relative; top:-30px; margin:0}
    .prod_intro .circle.cle_3{margin:0}
    .prod_intro .circle.cle_4{position:relative; top:-30px; margin:0}

    .why_wrap{padding:0 20px}
    .why_con{margin:50px 0}
    .why_con .why_img img{width:80%}
    .why_con .why_txt .why_tick span{font-size:11px}
    .why_con .why_txt .why_tick svg{width:16px; height:16px}
    .why_con .why_txt h3{font-size:16px}


    .spec_wrap{margin-bottom:100px}
    .slider_wrap{padding-bottom:50px}

    .tabs_btn{bottom:-80px}
    .tabs_btn.tabs2{bottom:-80px}

    .tabs_btn .indi_title{width:50px; height:50px; line-height:48px}
    .tabs_btn svg{width:24px; height:24px}
    .tabs_btn p{display:none}

    .tabs_btn.tabs1 li:nth-child(2){top:0}
    .tabs_btn.tabs1 li:nth-child(3){top:0}
    .tabs_btn.tabs2 li:nth-child(2){top:0}
    .tabs_btn.tabs2 li:nth-child(3){top:0}
    .tabs_btn.tabs2 li:nth-child(4){top:0}
    .tabs_btn.tabs3 li:nth-child(2){top:0}

    .spec_navi{display:none}
    .slider_wrap{padding:0 20px 55px 20px}
    .slider_panel .item .item-inner{padding:20px}
    .slider_panel .spec_img .spec_ani_2{bottom:-30px; right:-50px}
    .slider_panel .spec_img .spec_ani_3{margin:0}
    .slider_panel .spec_img .spec_ani_4{width:40%; right:170px}
    .slider_panel .spec_img .spec_ani_5{width:40%; right:80px}
    .slider_panel .spec_img .spec_ani_6{width:40%; right:-10px}
    .slider_panel .spec_img .spec_ani_7{bottom:-65px; width:50%}

    .slider_panel .spec_img .ani_squar_1{width:40%; left:20px}
    .slider_panel .spec_img .ani_squar_2{width:100%; top:90px; left:30px}
    .slider_panel .spec_img .ani_squar_5{width:20%; top:80px}
    .slider_panel .spec_img .ani_squar_6{width:20%; top:40px; left:130px}
    .slider_panel .spec_txt{padding:0}
    
    #slider-1 .slider_panel > .active, .slider_panel > .next, .slider_panel > .prev{min-height:377px}
    #slider-2 .slider_panel > .active, .slider_panel > .next, .slider_panel > .prev{min-height:347px}
    #slider-3 .slider_panel > .active, .slider_panel > .next, .slider_panel > .prev{min-height:402px}

    /* Security */
    .sect_wrap{padding:0 20px}
    .owasp_wrap .owasp_li li{width:33.33%; padding:5px}
    .owasp_wrap .owasp_li div{height:80px}
    .owasp_wrap .owasp_li span{font-size:12px; line-height:18px}

    
    /* preview */
    .sec_3>div{padding:0 30px; box-sizing:border-box}
    .sec_3 p{font-size:16px}
    .sec_3 iframe{display:block; width:370px; height:200px; margin:0 auto; border-radius:10px}
    .sec_3 .play{left:50%; margin-left:-185px; width:370px; height:207px}
    .sec_3 button.btn{width:100%}

    .sec_4{padding:0 20px}

    /* Payment */
    .pay_toggle{width:100%}

    .pay_wrap>h2{font-size:18px; line-height:25px}
    .pay_panel span.txt_th{font-size:12px}
    .pay_panel .pay_btn{padding:20px}
    .pay_panel .pay_calc{padding:0 20px}
    .pay_panel .mo_spec{padding:20px; margin:0}
    .pay_panel .mo_spec table td{padding:5px 0}
    .modal_calc .modal_con .grey_box table td input{width:50px}

    
    /* Partner */
    .tabs_wrap{padding:0 20px}
    .tabs_wrap .ptn_tabs span{letter-spacing:-1px}
    .ptn_wrap{padding:0 20px}
    .ptn_wrap h3{font-size:16px}
    .ptn_cate li{width:33.33%; padding:0 5px}


    /* request */
    .req_wrap{padding:0 20px}
    .done_wrap{margin-top:50px; padding:0 20px}
    .done_con img{width:80px}
    .done_con h4{font-size:16px}
    .done_con p{font-size:14px}
    
    /* etc */
    .faq_wrap{padding:0 20px}
    .cs_wrap{padding:0 20px}
    .policy_con{padding:0 20px 70px 20px}

    /* error */
    .error_wrap{padding:0 20px}
    .error_wrap h1{font-size:21px}
    .error_wrap p{font-size:13px; line-height:20px}
    .error_img img{width:50%}
    .error_btn button.btn.b_back{top:60px}


    /* Footer */
    .footer .foot_btn .logo{margin-top:20px; margin-left:20px}
    .footer .foot_btn .logo svg{width:130px; height:auto}
    .footer .foot_btn .foot_sns{padding-right:20px; margin-top:24px}
    .footer .foot_btn .foot_sns button{font-size:14px}
    .footer .foot_copy li{line-height:20px}
    .footer .foot_copy li span{font-size:12px; margin-right:10px}
    .footer .foot_copy li span:before{right:-8px}


    /* Voucher */
    .pop_modal.voucher>div{width:90%; box-sizing: border-box;}
    .vouch_head{padding:0 20px}
    .vouch_head .home_btn button.sc-pc{display:none}
    .vouch_head .home_btn button.sc-mo{display:block; font-size:13px; width:40px}
    .voucher_wrap .req_input{padding-top:10px}
    .voucher_wrap .req_input label{display:none}
}

@media (max-width: 360px) {
    .obj_img .obj_4{top:60%; left:10%; right:0}

    .fix_motion .fix_wrap .device_fix{top:300px}

    /* partner */
    .sec_1 .ptn_txt{top:230px}
    .sec_1 .swiper-partner{bottom:50px}
    .sec_1 .ptn_txt button.btn{margin:30px auto 0 auto}
    .sec_1 .shape_bg{top:220px; width:400px; height:400px}

    .tabs_wrap .ptn_tabs{width:530px}
    .tabs_wrap .ptn_tabs li{margin-right:0}
    .tabs_wrap .ptn_tabs button{width:76px; height:76px}


    /* preview */
    .sec_3 iframe{display:block; width:330px; height:180px}
    .sec_3 .play{margin-left:-165px; width:330px; height:180px}

    /* company */
    .peple{overflow:hidden}


    /* product */
    .prod_intro{padding:0 10px; margin-bottom:200px}
    
    .prod_intro .intro_b{top:100px; right:10px}
    .prod_intro .circle.cle_2{top:0; margin-top:0px}
    .prod_intro .circle.cle_4{top:0; margin-top:0px}


    /* Security */
    .owasp_wrap p{font-size:16px}
    .owasp_wrap h2{font-size:24px; line-height:30px}


}

/* Galaxy Fold */
@media (max-width: 280px) {
    .modal_edu .modal_th{height:130px}
    .modal_edu .modal_th div{top:-40px}
    .modal_edu .modal_th h3{padding-top:60px; font-size:16px}
    .modal_edu .modal_con li:nth-child(2n){width:58%}

    /* MODAL */
    .modal_calc{padding:15px}
    .modal_calc .modal_con .grey_box{padding:10px}
    .modal_calc .modal_con .grey_box table td{font-size:14px}
    

    
    .sec_4{padding:0 20px}

    /* partner */
    .sec_1 .ptn_txt{top:250px}
    .sec_1 .ptn_txt .logo svg{width:120px; height:auto}
    .sec_1 .ptn_txt p{margin-top:15px; font-size:12px}
    .sec_1 .swiper-partner{bottom:20px}
    .sec_1 .ptn_txt button.btn{margin-top:20px}
    .sec_1 .shape_bg{top:230px; width:300px; height:300px}


    .tabs_wrap{padding:0 20px}
    .ptn_wrap{padding:0 20px}
    .sect_wrap{padding:0 20px}
    .faq_wrap{padding:0 20px}

    /* company */
    .his_con:before{left:25px}
    .his_con .his_point i{left:16px}
    .his_con li{line-height:26px; font-size:13px}
    .his_con .his_txt{padding-left:45px}

    .culture{padding:0 20px}
    .wplace{padding:0 20px}
    .locat{padding:0 20px}


    .peple_con .dp_mo{top:100px}
    .peple_con img{width:150px}
    .peple_con .peple_abs>div{padding:0 10px}
    .peple_con .peple_panel{margin-top:120px}
    .peple_con .peple_panel>div{padding:0 10px}


    /* product */
    .prod_intro{margin-bottom:100px}
    .prod_intro .intro_a>div{text-align: center;}
    .prod_intro .intro_b{position:relative; top:0; right:0; text-align:center}


    /* Security */
    .owasp_wrap .owasp_li li{width:50%}


    /* Footer */
    .footer .foot_btn>div{height:40px;}
    .footer .foot_btn .logo{float:none; margin-top:10px; margin-left:0; text-align:center;}
    .footer .foot_btn .logo svg{width:130px; height:auto;}
    .footer .foot_btn .foot_sns{padding-right:20px; margin-top:24px;}
    .footer .foot_btn .foot_sns{display:none;}
    .footer .foot_copy>div{padding:0 10px;}
    .footer .foot_copy p{font-size:12px;}
    .footer .foot_copy a{font-size:12px;}
    .footer .foot_copy li{line-height:20px;}
    .footer .foot_copy li span{font-size:12px;}
}