@media screen and (max-width: 1420px) {
    .header .gnb { width: 650px;}
    .header_wrap .nav .gnb .mn_l1 { width: 120px; }
}

@media screen and (max-width: 1367px) {
    .main .inner, #ourService > div{padding:0 40px;} /* 250818 수정 */

    .inquiry-wrap{width:1180px;} /* 250818 수정 */
    .inquiry-wrap .inner{padding:0 60px;}
     
    .ft .company .rights_snsban{flex-direction:column;gap:20px;}
    .ft .company .law{flex-wrap: wrap; gap: 10px;}
    .ft .company .rights_snsban .icon_wrap .sns_icn a:first-child{margin-left: 0;}
    /* .ft .company .certi{text-align: left;} 250814 주석 처리 */
    .ft .company .certi>div:first-child{margin-left: 0;}
}
@media screen and (max-width: 1274px) { /* 250818 수정 */
   .inquiry-wrap{width:calc(100% - 80px);} 
}

@media screen and (max-width: 1250px) {

    .main_notice .txt_wrap {
        width: calc(50% - 367px);
    }

    .main_notice .swiper {
        width: calc(50% + 367px);
    }
}

@media screen and (max-width: 1180px) {
     .main .inner, #ourService > div{padding:0 20px;}/* 250818 추가 */
    .inquiry-wrap{width:calc(100% - 40px);} /* 250818 추가 */
    .inquiry-wrap .inner {padding:0 36px;} /* 250818 추가 */
    
    .main .inner h2, .main_service h2  {font-size: 32px;}/* 250812 수정 */

    /* 메인 */
    main .mainImg{ height: 600px; min-height: 600px;}
    main .mainImg .inner{padding-top: 0px;}
    main .mainImg h1 {font-size: 40px; text-align: center;}
    main .mainImg p {font-size: 22px; text-align: center;}
    main .mainImg .main-btn {justify-content:center;}

    /* 뉴스 */
    .main_news{padding:120px 0;}    
    .main_news>div.text-slide{width:40%;}
    .main_news>div.wrap_thumb_layout{width:60%;}


    /* 공지사항 */
    .main_notice{padding-top: 90px;}

    /* 신사업 */
    .new_service{margin-top: 90px;}

    /* 함께하는 파트너사 */
    .main_partners{margin-top: 90px;}
    .main_partners .main_business__list {gap: 0.5rem 0.5rem;} /* 250818 추가 */
    
    /* main notice slide */
    .main_notice {
        padding: 100px 0 20px 0;
    }

    .main_notice .txt_wrap {
        width: 100%;
        text-align: left;
        padding: 0 50px;
        margin-bottom: 40px;
    }

    .main_notice .txt_wrap h2 {
        font-size: 35px;
    }

    .main_notice .swiper {
        width: 100%;
        padding: 0 50px;
    }

    .main_notice .swiper-wrapper {
        height: 270px;
    }

    .main_notice .swiper-slide h3 {
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
    }

    .main_notice .swiper-slide .noti_wrap {
        font-size: 14px;
    }

    /* footer */
    footer .ft {
        margin-top: 100px;
    }

}

@media screen and (max-width: 1135px) {
    /* menu - header */
    .header_wrap{display: none;}
    .m_header_wrap{display: block;}
    

    /*footer*/
    .ft .sitemap>ul>li {
        font-size: 15px;
    }

    .ft .company .kg_info {
        width: 75%;
    }

    .ft .company .siteconnect {
        width: 25%;
    }

    main{margin-top: 0px;}

}
@media screen and (max-width: 1060px) {
    .inquiry-wrap .main_inquiry .inquiry-box {gap:20px;}
    .inquiry-wrap .main_inquiry .inquiry-box .box {width:300px; height:280px;}
}


@media screen and (max-width: 1024px) {
    #ourService {padding:150px 0 200px ; }
    #ourService .service-list .list-item.last{display: none;}
    /* .service-list .list-item.slick-current .item-inner{width:360px;}
    .service-list .list-item div.on .img-wrap{height:250px;}*/
    .service-list .list-item div.on .tit{font-size: 22px;} 
    
    .inquiry-wrap{padding:60px 0;background-position-y:90px;}
    .inquiry-wrap .main_inquiry {flex-direction: column;}
    .inquiry-wrap .main_inquiry .inquiry-box {margin-top: 30px;}
    .inquiry-wrap .main_inquiry .inquiry-box .box {width:50%; height:auto; padding: 20px 30px 24px;}
    .inquiry-wrap .main_inquiry .inquiry-box p br{display: none;}
    .inquiry-wrap .main_inquiry .inquiry-box>div span{margin-top: 10px;}

    
    /* news */
    
    .main_news {padding: 80px 0;}
    .text-slide .swiper-slide .tit-container{padding-top: 16px;}
    .text-slide .swiper-slide .tit-container .tit{font-size: 22px;}
    .text-slide .swiper-pagination{bottom:20px !important;}
    .gallery-thumbs .swiper-pagination{display: block;}

    .main_notice{padding-top: 60px;}

    

    /* 신사업 */
    .new_service img.pc {display: none;} 
    .new_service img.tab {display: block;} 

    
    .video-js .vjs-big-play-button{width:75px !important; height:75px !important;}
    

    .header .gnb {
        display: none;
    }


    .header .m_gnb_wrap .m_gnb .sub {
        height: 0;
        overflow: hidden;
    }

    .header .gnb_admin a.adminlink {
        display: none;
    }

    /*footer*/

    .ft .company .kg_info {
        width: 75%;
    }

    .ft .company .siteconnect {
        width: 25%;
    }



}



@media screen and (max-width: 973px) {
    .main_news>div.text-slide, .main_news>div.wrap_thumb_layout {width:50%;}
    .text-slide .swiper-pagination{ bottom: 0px !important;}
    
    .ft .sitemap>ul>li {
        width: calc((100% - 100px) / 6);
        margin-right: 20px;
        font-size: 15px;
    }
}

@media screen and (max-width: 960px) {
    /* news */
    .main_news{flex-direction: column;padding:70px 0 24px;}
    .main_news>div{width: 100%;}
    .main_news .swiper-wrapper.pc{display: none;}
    .main_news .swiper-pagination.pc{display: none;}
    .main_news .wrap_thumb_layout.pc{display: none;}
    .m_news{display: block;}
    .m_news .txt-wrap .tit{font-size: 22px;}
    
    .video-js .vjs-big-play-button{width:90px !important; height:90px !important;}
}

@media screen and (max-width: 842px) {

    /* footer */
    footer .ft {
        margin-top: 70px;
    }

    .ft .company .company-wrap{
        display: block;
    }
    .ft .sitemap {
        display: none;
    }

    .ft .sitemap_mob {
        display: block;
    }

    .ft .company {
        padding-bottom: 50px;
        padding-top: 0px;
    }

    .ft .company .kg_info h1 a {
        width: 100px;
        height: 38px;
    }

    .ft .company .kg_info {
        width: 100%;
    }

    .ft .company .kg_info .center{
        font-size: 15px;
    }
    .ft .company .kg_info .loc {
        font-size: 13px;
        line-height: 22px;
        padding-top: 8px;
    }

    .ft .company .kg_info .law {
        font-size: 13px;
    }

    .ft .company .siteconnect {
        width: 100%;
        overflow: hidden;
        margin-bottom: 25px;
        margin-top: 5px;
    }

    .ft .company .siteconnect select {
        width: calc((100% - 10px) / 2);
        float: left;
        font-size: 13px;
        border: 0;
        border-bottom: 1px solid #e7e7e7;
        padding: 5px 0;
    }

    .ft .company .siteconnect select:last-child {
        margin-right: 0;
    }

    .ft .company .siteconnect .scline {
        border: 0;
        border-bottom: 1px solid rgba(231,231,231,0.3);
        border-radius: 0;
        padding: 5px 0;
        margin-bottom: 0;
    }

    .ft .company .siteconnect .scline:last-child {
        border-bottom: 0;
    }

    .ft .company .siteconnect .scline select {
        padding: 10px 0;
        font-size: 14px;
        background-position: 97% 50%;
    }

    .ft .company .siteconnect .scline a.scmove {
        font-size: 13px;
        line-height: 40px;
    }
    .ft .company .ftline {
        margin:20px 0 15px/* 250814 수정 */
    }

    .ft .company .rights_snsban {
        font-size: 13px;
        padding-top: 20px;/* 250814 수정 */
    }

    .ft .company .rights_snsban .icon_wrap .sns_icn a {
        width: 25px;
        height: 25px;
    }
    .ft .company .certi>div img{
        width:45px;
        height:45px; /* 250814 수정 */
    }



    .service_focus {margin-top: 0; position: relative;}
    .service_focus .serv_tabfocus {padding: 15px 20px 10px 20px;}
    .service_focus .serv_tabfocus li {font-size: 14px;padding: 10px 8px;}
    .service_focus .serv_tabfocus li:not(:last-child) {margin-right: 4px;}
    .service_nav {box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 10px -10px;z-index: 3;position: relative;} 

    .header .gnb_menu {z-index: 10; }

}

@media screen and (max-width: 795px){
    .serviceList-wrap .left-box{width:39%;}
}

@media screen and (max-width: 768px){
    .m_header_wrap .header_logo a{width:130px} /*250812 수정*/

    /*.main .inner, #ourService > div{padding:0 40px;} 250818 주석처리 */

    .main .inner h2, .main_service h2{font-size: 26px; line-height:36px;}/*250812 수정*/
    .main .inner p.tag, .main_service p.tag{margin-bottom: 0;}/*250812 수정*/

    main .mainImg {height:450px; min-height: 450px;}
    main .mainImg h1 {font-size: 32px;}
    main .mainImg p {font-size: 20px; margin-top: 15px; margin-bottom: 30px;}
    
    /* our sevice */
    #ourService{display: none;}
    #m_ourService{display: block;}
    #m_ourService .inner {padding: 70px 20px 24px;}
    #m_ourService .m_service_swiper{padding-bottom: 80px;}

    /* 내가 찾는 서비스 */
    .inquiry-wrap .main_inquiry .inquiry-box h3{font-size: 20px; padding:15px 0 8px;}
    .inquiry-wrap .main_inquiry .inquiry-box p{font-size: 16px;}
    .inquiry-wrap .main_inquiry .inquiry-box>div span a{font-size: 15px;}
    .view_btn{margin-top: 20px;padding-left: 42px; line-height: 32px;}
    .view_btn:before{width: 32px; height: 32px; background-size:32px 32px;}
    
    /* news */
    .m_news .swiper-slide{width:80%;}
    .m_news .txt-wrap .tit{font-size: 20px;}


    /* 공지사항 */
    .main_notice{padding-top: 50px;}
    .notice_list{position: relative;}
    .main_notice .tit-wrap{margin-bottom: 20px;}
    
    /* 신사업 */
    .new_service{margin-top: 70px;}

    /* 파트너사 */
    .main_partners{margin-top: 70px;}

    
    /*to-top btn*/
    .float_top {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
        background-size: 55px;
    }

    /*to-kakao btn*/
    .float_kakao {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
        background-size: 55px;
    }

    .float_kakao.scldown{
        bottom: 72px;
    }

    /*header*/

    .hdtop_banner {
        background-size: cover;
    }
	.hdtop_banner.beware_banner{
		background-image: url(../images/2025/hdtop_beware_bn_mob.png);
	}
	.hdtop_banner.mobilcard_banner{
		background-image: url(../images/2025/hdtop_main_bn_mob.png);
	}
	.hdtop_banner.kgmobile_banner{
        background-image: url(../images/2025/hdtop_main_new_mo.png);
	}
	
	
    /*subheader-gnb*/
    .header h1 .logo_area,
    .sub_header h1 .logo_area {
        background-position: center;
        background-size: 100%;
        width: 130px;
        height: 22px;
    }

    /* footer */
    .ft .company .siteconnect .scline select {
        background-position: 95% 50%;
        width: calc(100% - 50px);
        line-height: 20px;
    }

    .ft .company .siteconnect .scline a.scmove {
        width: 50px;
    }


}

@media screen and (max-width:684px){
    .inquiry-wrap .inner {padding: 0 36px;}
    .inquiry-wrap .main_inquiry .inquiry-box{flex-direction: column; gap: 8px;}
    .inquiry-wrap .main_inquiry .inquiry-box .box {width:100%;flex-direction: row;}
    .view_btn{margin-top: 0;}
    .view_btn:before{right:0; left:inherit; background:url(../images/2025/btn_goSvc.svg); width:36px; height:36px; background-size: 36px 36px; }
    .view_btn:hover:before{right:0; left:inherit; background:url(../images/2025/btn_goSvc.svg); width:36px; height:36px; background-size: 36px 36px; }/*  250814 추가 */
    .view_btn span.txt{display: none;}
    
    /* 250814 추가  */
    .ft .company .kg_info .loc2{flex-direction: column;gap: 36px;}
    .ft .company .certi {gap: 24px;} 
}

@media screen and (max-width: 640px){
    /* .main .inner, #ourService > div{padding:0 20px;} 250818 주석처리*/
    main .mainImg h1 .br{display: block;}
    
}

@media screen and (max-width: 600px) {

     /* 신사업 */
    .new_service img{margin-bottom: 20px;}
    .new_service img.tab {display: none;} 
    .new_service img.mo {display: block;} 

    .video-js .vjs-big-play-button{width:75px !important; height:75px !important;}
}

@media screen and (max-width: 576px){
    /* 함께하는 파트너사 */
    .main_partners .main_business__list {display: grid;grid-template-columns: repeat(4, 1fr); gap: 0.5rem 0.5rem; text-align: center;}
    .main_partners .main_business__list_item:nth-child(n+13){display: none;}
    .main_partners .main_business__list .main_business__list_item img {width: 90%;display: inline-block;}

}


@media screen and (max-width: 520px) {
    main .mainImg .main-btn div a{font-size: 18px;}
}
@media screen and (max-width: 500px) {
    main .mainImg{
        height: 460px;
        min-height: 460px;
        width: calc(100% - 42px);
        margin: 20px auto 0;
        border-radius: 16px;
    }
    main .mainImg .main-btn{flex-direction: column;}
    main .mainImg .main-btn>div{width:70%; margin:0 auto;}
    main .mainImg .main-btn div a{padding: 8px 10px;}
    main .mainImg .main-btn div a::after{display: inline-block;margin-left:8px;}
    main .mainImg .inner{padding:0;}
    #m_ourService .m_service_swiper .swiper-slide{position:relative; width:370px;}

    .main_news>div.text-slide{width:100%;}

	/* apple pay popup */
	.modal_popup.applepopup .modal_contents {width: calc(100% - 60px);}
	.modal_popup .modal_contents .apple-btnwrap button {font-size: 14px;line-height: 45px;}
		
    
}

@media screen and (max-width: 430px) {
    

    .main .inner h2, .main_service h2{font-size: 22px; line-height: 1.5;} /*250812 수정*/
    .main .inner p.tag, .main_service p.tag {font-size: 16px; line-height:1;margin-bottom: 8px; } /*250812 수정*/
    
    
    main .mainImg h1{font-size:26px}
    main .mainImg p{font-size: 18px;}

    /* our service */
    #m_ourService .m_service_swiper .swiper-slide{ width:340px;}
    #m_ourService .inner{padding:60px 20px 20px;}
    #m_ourService .m_service_swiper{padding-bottom: 60px;}
    #m_ourService .m_service_swiper .swiper-slide{ width:320px;}
    #m_ourService .m_service_swiper .swiper-slide.swiper-slide-active div.on .img-wrap{height:230px;}
    #m_ourService .m_service_swiper .swiper-slide.swiper-slide-active div.on .text-wrap{padding:20px 16px;}
    #m_ourService .m_service_swiper .swiper-slide.swiper-slide-active div.on .tit{font-size: 16px; letter-spacing: -0.5px;}
    #m_ourService .m_service_swiper .swiper-slide.swiper-slide-active div.on .svc{font-size: 15px;}
    #m_ourService .m_service_swiper .swiper-slide.swiper-slide-active div.on .tag-wrap{padding-top: 0;}

    /* 내가 찾는 서비스 */
    .inquiry-wrap{padding: 40px 0; margin: 60px auto 0; background-position-y:70px;}
    .inquiry-wrap .inner{padding: 0 20px;}
    .inquiry-wrap .main_inquiry .inquiry-box .box{padding:24px;}
    .inquiry-wrap .main_inquiry .inquiry-box h3{font-size: 16px; padding: 5px 0 8px;}
    .inquiry-wrap .main_inquiry .inquiry-box p{font-size: 15px;}
    .inquiry-wrap .main_inquiry .inquiry-box>div span.add{margin-top: 5px;}
    .inquiry-wrap .main_inquiry .inquiry-box>div span a{font-size: 14px;}
   
    /* news */ 
    .main_news {padding:60px 0 20px;}
    .m_news .txt-wrap{padding-top: 16px;}
    .m_news .txt-wrap .tit{font-size: 16px;}
    .m_news .swiper-slide>div.img-wrap{border-radius: 10px;}
    .m_news .txt-wrap .src{font-size: 15px; font-weight:400;}
    .video-js .vjs-big-play-button{width:60px !important;}



    /* 공지사항 */
    .main_notice{padding-top: 60px;}
    .main_notice .btn_more{font-size: 16px;}
    .main_notice .tit-wrap {margin-bottom: 20px;}
    .main_notice .notice_list ul li{padding:12px 10px;}
    .main_notice .notice_list ul li .tit {font-size: 16px; line-height: 30px; }
    .main_notice .notice_list ul li .date {font-size: 14px; line-height: 30px;}
    
    /* 신사업 */
    .new_service{margin-top: 60px;}
    .new_service img {margin-bottom: 16px;}

    .main_partners{margin-top: 60px;}

}

@media screen and (max-width: 412px) {
    /* .main .inner, #ourService > div {padding:0 20px;} 250818 주석처리 */
    

    /* 함께하는 파트너사 */
    .main_partners .main_business__list {grid-template-columns: repeat(3, 1fr); gap: 0.3rem 0.3rem;}
    .main_partners .main_business__list_item:nth-child(n+13){display: none;}
     
     /* 250814추가 */
     .ft .company .certi{gap:8px; justify-content:flex-start; flex-wrap: wrap;} /* 250903 수정 *//* certi 너비수정 */
     .ft .company .certi>div{width:18%} /* certi 너비수정 */
     .ft .company .certi>div span br.isms_br{ display: block;}/* 250903 추가  */

}

@media screen and (max-width: 375px) {
    main .mainImg .inner{padding:0 16px;}
    main .mainImg h1{font-size: 25px;}
    main .mainImg p{font-size: 17px;}
    main .mainImg .main-btn div a{font-size: 17px;}

     /* 공지사항 */
    .main_notice .notice_list ul li .tit {font-size: 15px;}
    .main_notice .notice_list ul li .date {font-size: 13px;}
    .main_notice .notice_list ul li:hover .date::after {width: 68px;}
    .main_notice .btn_more{padding-right: 15px;}
    
    .ft .company .certi>div{width:55px;}/* certi 너비수정 */

}
@media screen and (max-width: 360px) {
    main .mainImg {height:400px; min-height: 400px;}
    main .mainImg h1{font-size: 24px;}
    main .mainImg p{font-size: 16px;}
    main .mainImg .main-btn div a{font-size: 16px;}

    #m_ourService .m_service_swiper .swiper-slide{width:300px}

}
@media screen and (max-width: 328px) {
    main .mainImg .main-btn div a::after{display: none;}
}