/* 240201 Home main renewal */
@media screen and (max-width: 1180px){
    .main_sect .pc{display: none;}
    .main_b2c_card_res, .res{display: block;}
    .main_b2c_card_res{ padding: 30px 0 0;}
    .main_b2c_card_wrap .main_txt_wrap {margin-bottom: 0;height: auto;}
    .mains-container.swiper{z-index: 0;}
    .mains-container .swiper-wrapper > li{display: inline-block; width: 430px; height: 360px; transform: scale(0.9); transition: all 0.3s; border-radius: 15px;}
    .main_b2c_card_res .mains-container li::before{content: "";display: inline-block;width: 36px;height: 36px;background: url(../images/renewal/b2c_arrow.svg);background-size: cover;position: absolute;top: 30px;right: 30px;}
    .main_b2c_card_res .mains-container li.b2c_card_mobilcard{background: url(../images/renewal/mobilcard_tab.png) center no-repeat; background-size: cover;}
    .main_b2c_card_res .mains-container li.b2c_card_mobile{background: url(../images/renewal/kgmobile_tab.png) center no-repeat; background-size: cover;}
    .main_b2c_card_res .mains-container li.b2c_card_live{background: url(../images/renewal/mobillive_tab.png) center no-repeat; background-size: cover;}
    .main_b2c_card_res .mains-container li.b2c_card_pg{background: url(../images/renewal/pg_tab.png) center no-repeat; background-size: cover;}

    .main_b2c_card_res .mains-container  li a{display: inline-block; width:100%; height:100%;padding: 30px 30px 40px; position: relative;word-break: keep-all;overflow: hidden;}
    .main_b2c_card_res .b2c_cate{display: inline-block; position: relative;font-size: 13px;font-weight: 500;line-height: 17px;color: #fff;}
    .main_b2c_card_res .b2c_cate::after {content: "";display: inline-block;position: absolute;left: 0;bottom: -10px;width: 20px;height: 3px;background: #fff;}
    .main_b2c_card_res h2{color: #FEA903; font-weight: 700; font-size: 28px; line-height: 32px; letter-spacing: 0.04rem; display: inline-block; position: relative; text-decoration-line: underline; text-decoration-color: #FEA903; text-decoration-thickness: 3px; text-underline-position : under;}
    .mains-container .swiper-wrapper {align-items: center;}
    .main_b2c_card_res .b2c_serv_cont{display: flex;flex-direction: column;justify-content: flex-end;margin-top: 44px;height: 232px;}
    .main_b2c_card_res .serv_text_wrap h3{color: #fff;font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 18px;} 
    .main_b2c_card_res .serv_text_wrap p{color: #fff;font-size: 17px;line-height: 26px;font-weight: 300;}

    /* 현재 활성화된 슬라이드 스타일 */
    .mains-container .swiper-wrapper > li.swiper-slide-active,
    .mains-container .swiper-wrapper > li.swiper-slide-duplicate-active { transform: scale(1); box-shadow: 0px 4px 15px rgb(0, 0, 0, 0.35); transition: all 0.3s;} 
    .mains-container .swiper-wrapper > li.swiper-slide-active .b2c_serv_cont{height: 235px; margin-top: 44px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h3 {font-size: 24px;line-height: 32px;margin-bottom: 14px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active p{font-size: 18px;line-height: 27px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h2{font-size: 32px; line-height: 42px;}
    .mains-container.swiper{padding: 25px 0;}
    .main_notices .notice_list ul {flex-wrap: nowrap;}

    /* 신규서비스-분할결제 */
    .b2c_card_share.res{margin-top: 10px;}
    .b2c_card_share.res .serv_card_txt h4{font-size: 32px;line-height: 46px;font-weight: 700;color: #333;letter-spacing: -0.04em;margin-bottom: 31px;}
    .b2c_card_share.res .serv_card_wrap{border-radius: 15px; overflow: hidden;position: relative; }
    .b2c_card_share.res .serv_card_wrap::after{content: ""; background: url(../images/renewal/share_img_m.png) no-repeat; background-size: cover; display: inline-block; width: 150px; height: 150px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
    .b2c_card_share.res .serv_card_wrap a{padding:36px 30px; display: inline-block; width: 100%;height:100%; background: #f1f4fd ; color:#1429A0;}
    .b2c_card_share.res .serv_card_wrap a p{font-size: 22px; font-weight: 500; line-height: 1.5; margin-bottom: 14px;word-break:keep-all; }
    .b2c_card_share.res .serv_card_wrap a h4{font-size: 32px; font-weight: 700; line-height: 1.5;word-break:keep-all;text-decoration-line: underline; text-decoration-color: #1429A0; text-decoration-thickness: 3px; text-underline-position: under;}
    

    /* esg경영 */
    .b2c_card_esg{margin-top: 50px; margin-bottom: 80px;}
    .b2c_card_esg .serv_card_wrap{display: inline-block; width: 100%; background: url(../images/renewal/esg_tab.png) no-repeat; background-size: cover; border-radius: 15px; position: relative;}
    .b2c_card_esg .serv_card_wrap::after{content: ""; background: url(../images/renewal/esg_more_btn.svg) no-repeat; background-size: cover; display: inline-block; width: 35px; height: 35px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
    .b2c_card_esg .serv_card_wrap a{display: inline-block; width: 100%; height: 100%; padding: 36px 30px;}
    .b2c_card_esg .serv_card_wrap p{font-size: 22px; font-weight: 500; line-height: 34px; margin-bottom: 14px; color: #fff; display: inline-block; width: 90%;}
    .b2c_card_esg .serv_card_wrap h4{font-size: 32px; font-weight: 700; line-height: 46px; color: #fff;position: relative; display: block; text-decoration-line: underline; text-decoration-color: #fff; text-decoration-thickness: 3px; text-underline-position : under;}
    
    /* 내가 찾는 서비스 */
    .b2c_card_menu.res h4{font-size: 32px;line-height: 46px;font-weight: 700;color: #333;letter-spacing: -0.04em;margin-bottom: 31px;}
    .b2c_card_menu.res ul.serv_list {display: flex;border-radius: 15px;border: 1px solid #E4E4E4; box-shadow: 0px 2px 6px rgb(0, 0, 0, 0.08);}
    .b2c_card_menu li {width: 25%;display: inline-block;position: relative;}
    .b2c_card_menu li:not(:last-child)::after{content: ""; display: inline-block; background: #E4E4E4; width:1px; height: 90%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    .b2c_card_menu li:nth-child(even){background: #F9F9F9;}
    .b2c_card_menu li:last-child {border-radius: 0 15px 15px 0;}
    .b2c_card_menu li a {padding: 20px;display: inline-block;width: 100%;height: 100%;}
    .b2c_card_menu li a img {width: 50px; margin-bottom: 15px;}
    .b2c_card_menu .serv_list_txt strong {font-size: 22px;color: #333;line-height: 30px;font-weight: 700; margin-bottom: 8px; display: inline-block;}
    .b2c_card_menu .serv_list_txt p {font-size: 18px;color: #898989;line-height: 25px;word-break: keep-all; letter-spacing: -0.065em;font-weight: 400; width: 80%;}

    /* 모빌리언스 PG서비스를 바로 사용해보세요! 배너 */
    /* 20250114 수정 */
    .main_pg_bn2, .main_partner, .main_notices {margin-bottom: 120px;}     
    .main_pg_bn {padding: 25px 20px; }
    .main_pg_bn1 {margin-top: 80px;}
    .main_pg_bn2 {margin-top: 20px;}
    .main_pg_bn2 .thumbs-wrap{width:300px;}
    /* 20250114 수정 */
    .main_pg_bn .pg_bn_txt {margin-bottom: 26px;}
    .main_pg_bn p {font-size: 22px;margin-bottom: 2px; line-height: 36px;}
    .main_pg_bn span {font-size: 18px;line-height: 32px;}
    .main_pg_bn .bn_btn a span {font-size: 18px;}
    .main_pg_bn .bn_btn a {padding: 12px 14px;min-width: 180px;}
    .main_pg_bn .bn_btn a:first-of-type {margin-right: 10px;}

    /* 함께하는 파트너사 */
    .main_partner h2, .main_notices h2 {font-size: 32px;}
    .main_partner .main_business__list {gap: 0.5rem 0.5rem;}

    /* next mobilians 추가 */
    .next_mobil{ padding: 90px 0px 30px; margin-bottom:0; }
    .next_mobil p.tit{font-size: 32px; margin-bottom: 31px;}
    .swiper.eventSwiper .swiper-slide p{font-size: 20px; line-height:32px;}
    
        /* 회사소개 250812 수정 */
    .about_kg .kg_info .txt h3 br.br1, .about_kg .kg_info .txt h3 br.br3{display: none;}
}
/* 250814 1135 분기점 추가 */
@media screen and (max-width: 1135px){
    .subpage_tit, .subpage_tit.esg{height:340px;}
    .subpage_tit .txt_wrap, .subpage_tit.esg .txt_wrap{padding-top: 125px;}
    .subpage_tit.term {height: 230px;}
    .subpage_tit.term .txt_wrap {padding-top: 75px;}

    .certi_box ul{width:100%;}
    /* .certi_box ul li{width:calc((50% - 8px));} 20260227-1 주석처리 */
}
@media screen and (max-width: 1024px){
    .main_notices .notice_list ul{min-width: 1135px;}
    .main_notices .notice_list::before{content: ""; display: inline-block; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); /* 240221 �닔�젙 */
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); height: 100%; width: 80px;z-index: 2;}
}
/* next mobilians 추가 */
@media screen and (max-width: 960px){
    .swiper.eventSwiper .swiper-slide{width:45%;}
    .service_info .flowbtn_wrap{background-position: 90px;} /* 20260821추가 */
}
@media screen and (max-width: 859px){
    .main_b2c_card_res .mains-container li::before{top: 25px;right: 25px;}
    .main_b2c_card_res .mains-container  li a{padding: 25px 25px 40px; }
    .main_b2c_card_res .b2c_serv_cont{height: 251px;}
    
    /* 현재 활성화된 슬라이드 스타일 */
    .mains-container .swiper-wrapper > li{width: 340px; height: 380px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active .b2c_serv_cont{height: 255px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h3{font-size: 22px;margin-bottom: 10px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active p{font-size: 16px;line-height: 24px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h2{font-size: 30px; line-height: 42px;}
    .b2c_card_menu .serv_list_txt p{width: 100%;}

}
@media screen and (max-width: 768px){
    .main_b2c_card_wrap h1 {font-size: 32px;line-height: 44px;}
    .main_pg_bn1, .main_partner, .main_notices {margin-top: 49px; margin-bottom: 0;} /* 20250114 �닔�젙 */
    .mains-container .swiper-wrapper > li{width: 320px;height: 360px;position: relative;}
    .main_b2c_card_res .mains-container li::before{width: 29px; height: 29px;}
    .main_b2c_card_res .mains-container li.b2c_card_mobilcard{background: url(../images/renewal/mobilcard_mob.png) center no-repeat;}
    .main_b2c_card_res .mains-container li.b2c_card_mobile{background: url(../images/renewal/kgmobile_mob.png) center no-repeat;}
    .main_b2c_card_res .mains-container li.b2c_card_live{background: url(../images/renewal/mobillive_mob.png) center no-repeat;}
    .main_b2c_card_res .mains-container li.b2c_card_pg{background: url(../images/renewal/pg_mob.png) center no-repeat;}
    .main_b2c_card_res .b2c_serv_cont{margin-top: 40px; height: 237px;}
    .main_b2c_card_res .serv_text_wrap h3{font-size: 18px;} 
    .main_b2c_card_res .serv_text_wrap p{font-size: 16px;}
    .main_b2c_card_res h2{font-size: 24px;}
    .main_b2c_card_res .serv_text_wrap h3{color: #fff;font-size: 20px; font-weight: 400; line-height: 26px; margin-bottom: 12px;} 
    .main_b2c_card_res .serv_text_wrap p{color: #fff;font-size: 17px;line-height: 24px;}
    /* 현재 활성화된 슬라이드 스타일 */
    .mains-container .swiper-wrapper > li.swiper-slide-active .b2c_serv_cont{height: 235px; margin-top: 43px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h3{font-size: 20px; line-height: 26px;margin-bottom: 10px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active p{line-height: 24px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h2{font-size: 26px; line-height: 36px;}

    /* 모빌리언스 PG서비스를 바로 사용해보세요! 배너 */
    /* 20250114 수정 */
     .main_pg_bn2{margin-bottom: 60px;}
    .main_pg_bn2 .thumbs-wrap{width:200px;}
    .main_pg_bn2 .thumbs-wrap a img.icon {width:44px; margin-left:-22px; margin-top: -16px;}
     /* 20250114 수정 */

    .main_pg_bn {padding: 23px 30px;}
    .main_pg_bn span {font-size: 15px;line-height: 24px;}
    .main_pg_bn .pg_bn_txt {margin-bottom: 20px; margin-right: 8px;}
    .main_pg_bn p {font-size: 18px;line-height: 26px;margin-bottom: 4px;}
    .main_pg_bn .bn_btn a {padding: 9px 13px;min-width: 137px;}
    .main_pg_bn .bn_btn a:first-of-type {margin-right: 6px;}
    .main_pg_bn .bn_btn a span {font-size: 15px;line-height: 24px;}

    /* 신규서비스-분할결제 */
    .b2c_card_share.res .serv_card_wrap::after{width: 110px; height: 110px;}
    .b2c_card_share.res .serv_card_txt h4{font-size: 22px;line-height: 32px;margin-bottom: 13px;}
    .b2c_card_share.res .serv_card_wrap a{padding:26px 29px; }
    .b2c_card_share.res .serv_card_wrap a p{font-size: 16px; line-height: 1.5; }
    .b2c_card_share.res .serv_card_wrap a h4{font-size: 22px; line-height: 1.5;}

    /* esg경영 */
    .b2c_card_esg{margin-top: 24px; margin-bottom: 45px;}
    .b2c_card_esg .serv_card_wrap::after{width: 26px; height: 26px;}
    .b2c_card_esg .serv_card_wrap a{padding: 26px 29px;}
    .b2c_card_esg .serv_card_wrap p{font-size: 16px;line-height: 24px; margin-bottom: 7px;}
    .b2c_card_esg .serv_card_wrap h4{font-size: 22px;line-height: 32px;}

    /* 내가 찾는 서비스 */
    .b2c_card_menu.res h4{font-size: 22px;line-height: 32px;margin-bottom: 13px;}
    .b2c_card_menu li a {padding: 20px;}
    .b2c_card_menu li a img {width: 32px;margin-bottom: 15px;}
    .b2c_card_menu .serv_list_txt strong {font-size: 16px;line-height: 22px; margin-bottom: 6px;}
    .b2c_card_menu .serv_list_txt p {font-size: 13px;line-height: 18px; }

    /* 공지사항 */
    .main_partner h2, .main_notices h2{font-size: 22px; line-height: 32px;margin-bottom: 13px;}
    .notice_list{position: relative;}
    .main_notices .btn_more{font-size: 13px; line-height: 18px;}
    .main_notices .notice_list ul {min-width: 820px;}
    .main_notices .notice_list ul li {padding: 10px 16px;min-height: 180px;}
    .main_notices .notice_list ul li::after {width: 12px;height: 12px;bottom: 10px;background-size: cover;}
    .main_notices .notice_list ul li .date{font-size: 11px; line-height: 17px;}
    .main_notices .notice_list ul li:hover .date::after {width: 60px;}
    .main_notices .notice_list ul li .tit{font-size: 16px; line-height: 24px;margin-bottom: 30px;min-height: 72px;} /* 240221 �닔�젙 */


    /* next mobilians 추가 */
    .next_mobil{ padding: 45px 0px 20px; margin-bottom:0; }
    .next_mobil p.tit{font-size: 22px; line-height: 32px; margin-bottom: 13px;}
    .swiper.eventSwiper .swiper-slide p{font-size: 16px; line-height:24px; padding-top:14px;}

    #gd-modal-overlay .gd-video-wrapper .video iframe,
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{ width:640px; height: 360px; margin-left: -320px; }
    #gd-modal-overlay .gd-video-wrapper .video iframe{margin-top: -180px;}
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{margin-top: -240px;}
    
    /* 20250918 */
    .ir_qna .txt_wrap{margin-top: -19px;}
    .ir_qna .txt_wrap .ask_btn{font-size: 12px;
        padding: 5px 16px;
        transform: translateY(9px);
    }
    .ir_ask .txt_wrap h3{padding-bottom: 10px !important;}
    .ir_ask .txt_wrap .subtit{line-height: 22px !important;}
}

/* next mobilians 추가 */
@media screen and (max-width: 640px){
    #gd-modal-overlay .gd-video-wrapper .video iframe,
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{ width:540px; height: 304px; margin-left: -270px; }
    #gd-modal-overlay .gd-video-wrapper .video iframe{margin-top: -152px;}
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{margin-top: -212px;}
}

@media screen and (max-width: 576px){
    /* esg 경영 */
    .b2c_card_esg .serv_card_wrap p {width: 80%; word-break: keep-all;}

    /* 내가 찾는 서비스  */
    .b2c_card_menu.res ul.serv_list {flex-direction: column;}
    .b2c_card_menu.res h4 {font-size: 22px;line-height: 32px;margin-bottom: 13px;}
    .b2c_card_menu li {width: 100%;}
    .b2c_card_menu li:not(:last-child)::after{width: 90%;height: 1px;left: 50%;bottom: 0;transform: translateX(-50%);top: auto;right: auto;}
    .b2c_card_menu li a {padding: 20px;}
    .b2c_card_menu li a img {width: 42px;margin-bottom: 0;margin-right: 15px;vertical-align: middle;}
    .b2c_card_menu .serv_list_txt {display: inline-block;vertical-align: middle;}
    .b2c_card_menu .serv_list_txt strong {font-size: 18px;line-height: 34px;margin-bottom: 0;}
    .b2c_card_menu .serv_list_txt p {font-size: 15px;line-height: 21px;}
    .b2c_card_menu li:last-child {border-radius: 0 0px 15px 15px;}
    
    /* 모빌리언스 PG서비스를 바로 사용해보세요! 배너 */
    /* 20250114 수정 */
    .main_pg_bn {padding: 22px 17px;border: 1px solid #EAEAEA; box-shadow: 0px 2px 6px rgb(0, 0, 0, 0.08);}
    .main_pg_bn1 {background: url(../images/renewal/pg_bn_mob.png) no-repeat; background-size: 260px;background-position-x: right;background-position-y: bottom;}
    .main_pg_bn2 {display: flex; flex-direction:column; align-items:flex-start ; background: none;}
    .main_pg_bn2 span br{display: none;}
    .main_pg_bn2 .thumbs-wrap{margin-top: 22px; margin-bottom: 45px; width:100%; }
    .main_pg_bn2 .thumbs-wrap a img.icon {width:70px; margin-left:-35px; margin-top: -27px;}

    .main_pg_bn, .main_partner, .main_notices{margin-top: 40px;}
    .main_pg_bn1 .pg_bn_txt {margin-bottom: 164px;}
    .main_pg_bn p {font-size: 20px;line-height: 28px;margin-bottom: 8px; word-break: keep-all;}
    .main_pg_bn1 p {width: 230px;}
    .main_pg_bn span {font-size: 15px;line-height: 20px; display: block;}
    .main_pg_bn .bn_btn {display: inline-block;position: absolute;left: 0;bottom: 0;background: #fff;width: 100%;border-radius: 0 0 15px 15px;border-top: 1px solid #eaeaea;}
    .main_pg_bn .bn_btn a {padding: 14px 0;text-align: center;color: #333;display: inline-block;float: left;}
    .main_pg_bn1 .bn_btn a {width: 50%;}
    .main_pg_bn2 .bn_btn a {width: 100%;}
    .main_pg_bn1 .bn_btn a:first-of-type{margin-right: 0; position: relative;}
    .main_pg_bn1 .bn_btn a:first-of-type::after{content: ""; display: inline-block; width: 1px; height: 60%; background: #EAEAEA; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    .main_pg_bn .bn_btn a span {line-height: 20px;display: inline-block;}

    .main_pg_bn2 .pg_bn_txt {margin-bottom: 0px;}
    /* 20250114 수정 */


    /* 함께하는 파트너사 */
    .main_partner .main_business__list {display: grid;grid-template-columns: repeat(4, 1fr); gap: 0.5rem 0.5rem; text-align: center;}
    .main_partner .main_business__list_item:nth-child(n+13){display: none;}
    .main_partner .main_business__list .main_business__list_item img {width: 90%;display: inline-block;}

    /* 공지사항 */
    .main_notices .btn_more::after {width: 8px;height: 14px;background-size: cover;}

    /* next mobilians 異붽� */
    .swiper.eventSwiper .swiper-slide{width:60%;}
    .swiper.eventSwiper .swiper-slide p{font-size: 18px; line-height:28px;}

    /* 250812 수정 */
    .text_download .service_down {width: 100%; margin-top: 10px; font-size: 14px;}
    .text_download .service_down_btn {width: 100%;}

}
 /* next mobilians 추가 */
@media screen and (max-width: 540px){
    #gd-modal-overlay .gd-video-wrapper .video iframe,
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{ width:480px; height: 270px; margin-left: -240px; }
    #gd-modal-overlay .gd-video-wrapper .video iframe{margin-top: -135px;}
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{margin-top: -185px;}
}
 /* next mobilians 추가 */
 @media screen and (max-width: 480px){
    .swiper.eventSwiper .swiper-slide{width:82%;}
    .swiper.eventSwiper .swiper-slide p{font-size: 16px; line-height:24px;}

    #gd-modal-overlay .gd-video-wrapper .video iframe,
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{ width:360px; height: 203px; margin-left: -180px; }
    #gd-modal-overlay .gd-video-wrapper .video iframe{margin-top: -101px;}
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo{margin-top: -151px;}
    #gd-modal-overlay .gd-video-wrapper .video .closeVideo img {width:36px;}
}

@media screen and (max-width: 420px){
    /* 신규서비스-분할결제 */
    .b2c_card_share.res .serv_card_wrap::after{width: 95px; height: 95px;top:auto; bottom:15px; transform: none;}
    
    
}
@media screen and (max-width: 375px){
    .mains-container.swiper {padding: 15px 0;}
    .main_b2c_card_res {padding: 25px 0 0;}
    .main_b2c_card_wrap h1 {font-size: 28px;line-height: 38px;}
    .mains-container .swiper-wrapper > li {transform: scale(0.93);}

    
    .main_b2c_card_res .b2c_serv_cont{margin-top: 34px;height: 213px;}
    .main_b2c_card_res .serv_text_wrap h3{font-size: 17px;line-height: 27px; margin-bottom: 10px;} 
    .main_b2c_card_res .serv_text_wrap p{font-size: 14px;line-height: 21px;}
    .mains-container .swiper-wrapper > li {width: 270px;height: 330px;transform: scale(0.90);}

    /* 현재 활성화된 슬라이드 스타일 */
    .mains-container .swiper-wrapper > li.swiper-slide-active .b2c_serv_cont {height: 219px;margin-top: 34px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active .b2c_serv_cont {height: 219px;margin-top: 34px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h2 {font-size: 26px;line-height: 36px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active h3 {font-size: 18px;line-height: 26px;margin-bottom: 12px;}
    .mains-container .swiper-wrapper > li.swiper-slide-active p {font-size: 14px; line-height: 20px;}

    /* 신규서비스-분할결제 */
    .b2c_card_share.res .serv_card_wrap::after {right:17px;}
    .b2c_card_share.res .serv_card_wrap a{padding: 28px 17px;}
    .b2c_card_share.res .serv_card_wrap a p{font-size: 15px;}

    /* esg경영 */
    .b2c_card_esg .serv_card_wrap::after{width: 23px; height: 23px; right: 17px;}
    .b2c_card_esg .serv_card_wrap a{padding: 28px 17px;}
    .b2c_card_esg .serv_card_wrap p{font-size: 15px; line-height: 24px; margin-bottom: 10px; width: 70%;word-break: keep-all;}
    .b2c_card_esg {margin-top: 15px; margin-bottom: 40px; }

    /* 내가 찾는 서비스 */
    .main_pg_bn {background-size: 246px;}

    /* 함께하는 파트너사 */
    .main_partner .main_business__list {grid-template-columns: repeat(3, 1fr); gap: 0.3rem 0.3rem;}
    .main_partner .main_business__list_item:nth-child(n+13){display: none;}

    /* 공지사항 */
    .main_notices .notice_list ul li {min-height: 170px;}
    .main_notices .notice_list ul li .tit {font-size: 15px;margin-bottom: 30px;}
    .main_notices .notice_list ul li .date {font-size: 13px;}
    .main_notices .notice_list ul li:hover .date::after {width: 68px;}
    .main_notices .btn_more{padding-right: 15px;}

    /* next mobilians 추가 */
    .swiper.eventSwiper .swiper-slide p{font-size: 15px; line-height:23px; padding-top: 12px;}
}
@media screen and (max-width: 360px){
    /* 신규서비스-분할결제 */
    .b2c_card_share.res .serv_card_wrap::after{width:80px; height:80px;}
    .b2c_card_share.res .serv_card_wrap a h4{width:70%;}

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

    .b2c_card_menu .serv_list_txt {width: 60%;}

}
@media screen and (max-width: 325px){
    .mains-container .swiper-wrapper > li.swiper-slide-active h3 {margin-bottom: 8px;}
    .main_b2c_card_wrap h1 {font-size: 24px;line-height: 32px;}
    .main_b2c_card_res .mains-container li a {padding: 30px 20px;}
   
    .main_pg_bn1 {background: url(../images/renewal/pg_bn_mob.png) right bottom no-repeat;background-size: 214px;background-position-y: 98px;} /* 20250114 �닔�젙 */
    .main_pg_bn p {width: 90%;}
    .main_pg_bn .bn_btn a {padding: 10px 0; min-width: 50%;}
    .main_pg_bn .bn_btn a span {line-height: 20px;width: 58%;clear: both;}
    .b2c_card_menu li a {padding: 17px;}
    .b2c_card_menu li a img {width: 38px;}
    .b2c_card_menu .serv_list_txt strong {line-height: 30px;}
}
@media screen and (max-width: 320px){
    
    .b2c_card_share.res .serv_card_wrap::after{ background: url(../images/renewal/newsvc_more_btn.svg) no-repeat;width: 23px; height: 23px;top: 50%; bottom:auto; transform: translateY(-50%);}
    
}
/* @media screen and (max-width: 275px){
    
    .b2c_card_share.res .serv_card_wrap::after{ display: none;}
    
} */
/* 240201 Home main renewal end*/


/* 240102 ESG */
@media screen and (max-width: 1420px) {
    .header .gnb {
        width: 750px;/* 20260821 수정 */
    }
    .header .gnb>li {
        width: 120px;
    }
}
/* 240102 ESG */

@media screen and (max-width: 1367px) {
    .main_slide .card-swiper {
        width: 1170px;
    }

    .main_subvis .img_wrap {
        width: 100%;
        max-width: inherit;
        height: 400px;
        background-size: contain;
    }

    .ft .company .rights_snsban .icon_wrap {
        float: left;
        padding: 8px 0px; /* 20260227 수정 */
        width: 100%;
    }
}


@media screen and (max-width: 1250px) {
    .main_slide {
        margin-top: 120px;
    }

    .main_slide .card-swiper {
        width: 1000px;
    }

    .main_slide .card-swiper .box {
        margin-left: 0;
        margin-right: 0;
    }

    .main_notices .txt_wrap {
        width: calc(50% - 367px);
    }

    .main_notices .swiper {
        width: calc(50% + 367px);
    }
}

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

    /* main */
    .main_vis {
        height: 690px;
    }

    .main_vis .txt_wrap {
    	/* padding-left: 50px; */  /* 230720 수정 */
    }

    .main_vis .txt_wrap h2 {
        font-size: 50px;
        padding-bottom: 20px;
    }

    .main_vis .txt_wrap p {
        font-size: 16px;
    }

    .main_subvis .img_wrap {
        max-width: inherit;
        height: 350px;
        background-size: contain;
    }

    .main_vis .txt_wrap .btn_wrap {
        padding-top: 30px;
    }

    .main_vis .txt_wrap .btn_wrap a {
        font-size: 15px;
    }

    .main_subvis {
        padding-top: 100px;
    }

    .main_subvis .txt_wrap h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .main_subvis .txt_wrap p {
        font-size: 16px;
    }

    .main_subvis .txt_wrap .btn_wrap a {
        font-size: 15px;
    }


    .main_slide .txt-area {
        padding-left: 50px;
    }

    .main_slide .txt-area strong {
        font-size: 35px;
        line-height: 50px;
    }

    .main_slide .txt-area p {
        font-size: 16px;
        margin-top: 15px;
    }

    .main_slide .card-swiper .box {
        height: 430px;
    }

    .main_slide .card-swiper .box p.txt strong {
        font-size: 35px;
    }

    .main_slide .card-swiper .box p.txt span {
        font-size: 17px;
    }

    .main_slide .card-swiper .box p.exp {
        font-size: 16px;
    }

    .main_slide .card-swiper .control {
        left: 50px;
    }

    .main_support {
        margin-top: 130px;
        padding: 45px 0;
    }

    .main_support .txt_wrap p {
        font-size: 32px;
        line-height: 45px;
    }

    .main_support .txt_wrap a {
        font-size: 15px;
    }

    /* main notice slide */
    .main_notices {
        padding: 100px 0 20px 0;
    }

    .main_notices .txt_wrap {
        width: 100%;
        text-align: left;
        padding: 0 50px;
        margin-bottom: 40px;
    }

    .main_notices .txt_wrap h2 {
        font-size: 35px;
    }

    .main_notices .swiper {
        width: 100%;
        padding: 0 50px;
    }

    .main_notices .swiper-wrapper {
        height: 270px;
    }

    .main_notices .swiper-slide h3 {
        font-size: 22px;
        font-weight: 400;
        line-height: 34px;
    }

    .main_notices .swiper-slide .noti_wrap {
        font-size: 14px;
    }

    /* footer */
    footer .ft {
        margin-top: 100px;
    }

}


/* 240102 ESG */
@media screen and (max-width: 1135px) {
    /* menu - header */
    .header .gnb {
        display: none;
    }

    .header .m_menu {
        visibility: visible;
        width: 25px;
        height: 25px;
        right: 20px;
        background: url(../images/menu.svg) no-repeat;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        background-size: 78%;
        background-position: center;
    }

    .header .m_gnb_wrap .m_gnb .sub {
        height: 0;
        overflow: hidden;
    }

    .header .gnb_admin a.adminlink {
        display: none;
    }

    .header .gnb_admin a.open-search {
        margin-left: 0;
        margin-right: 35px;
    }

    .header .gnb_admin a.open-search::before {
        display: none;
    }

    /*푸터*/
    .ft .sitemap>ul>li {
        font-size: 15px;
    }

    .ft .company .kg_info {
        width: 75%;
    }

    .ft .company .siteconnect {
        width: 25%;
    }



    /*서브메뉴-헤더*/
    .header .m_gnb_wrap {
        visibility: visible;
        right: -100%;
        top: 0;
        width: 70%;
        height: 100%;
        background: #fff;
        position: fixed;
        color: #222;
        overflow-y: auto;
        padding: 70px 0 0 0;
    }

    .header .m_gnb_wrap.on {
        right: 0;
        box-shadow: -368px 0px 0px 500px #0000004f
    }

    .header .m_gnb_wrap .close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: url(../images/close.svg) no-repeat center right;
        background-size: 20px;

    }

    .header .m_gnb_wrap .admin {
        display: block;
        margin: 25px 20px 50px 20px;
        width: calc(100% - 42px);
        border: 1px solid #e0e0e0;
        line-height: 40px;
        border-radius: 5px;
        text-align: center;
        font-size: 15px;
        background: #6729b8;
        color: #fff;
    }

    .header .m_gnb_wrap .m_gnb>li {
        line-height: 50px;
        font-size: 16px;
        color: #555555;
    }

    .header .m_gnb_wrap .m_gnb>li>a {
        display: block;
        position: relative;
        padding-left: 25px;
    }

    .header .m_gnb_wrap .m_gnb .sub {
        height: 0;
        overflow: hidden;
        background: #f7f7f7;
    }

    .header .m_gnb_wrap .m_gnb .sub li {
        font-size: 14px;
        line-height: 36px;
        color: #6e6e73;
    }

    .header .m_gnb_wrap .m_gnb .sub li>a {
        display: block;
        visibility: hidden;
        padding-left: 35px;
        transition: .3s;
    }

    .header .m_gnb_wrap .m_gnb .sub.show li>a {
        visibility: visible;
    }

    .header .m_gnb_wrap .m_gnb .sub li:first-child {
        padding-top: 10px;
    }

    .header .m_gnb_wrap .m_gnb .sub li:last-child {
        padding-bottom: 10px;
    }

    .header .m_gnb_wrap .m_gnb .dept1.viewm::before {
        content: "";
        width: 13px;
        height: 1px;
        background: rgb(163, 163, 163);
        position: absolute;
        top: 25px;
        right: 26px;
        transition: .3s;
        transform: rotate(90deg);
    }

    .header .m_gnb_wrap .m_gnb .dept1.viewm::after {
        content: "";
        width: 13px;
        height: 1px;
        background: rgb(163, 163, 163);
        position: absolute;
        top: 25px;
        right: 26px;
    }

    .header .m_gnb_wrap .m_gnb .dept1.viewm.rot::before {
        transform: rotate(180deg);
    }

    .header .m_gnb_wrap .m_gnb .sub .dep2,
    .sub_header .m_gnb_wrap .m_gnb .sub .dep2 {
        position: relative;
    }

    .header .m_gnb_wrap .m_gnb .sub .dep2::before {
        content: "";
        width: 7px;
        height: 7px;
        border: solid rgb(207, 207, 207);
        border-width: 0 2px 2px 0;
        position: absolute;
        top: 19px;
        right: 15px;
        transform: translateY(-50%);
        transform: rotate(45deg);
    }

    .header .m_gnb_wrap .m_gnb .sub .dep2.plus::before {
        transform: rotate(225deg);
        top: 23px;
    }

}
/* 240102 ESG */


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

    /* go to top button */
    /* .float_top:hover { background-color: rgb(77 79 84 / 100%); } */

    /* menu - header */
    .header .gnb {
        display: none;
    }

    .header .m_menu {
        visibility: visible;
        width: 25px;
        height: 25px;
        right: 20px;
        background: url(../images/menu.svg) no-repeat;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        background-size: 78%;
        background-position: center;
    }

    .header .m_gnb_wrap .m_gnb .sub {
        height: 0;
        overflow: hidden;
    }

    .header .gnb_admin a.adminlink {
        display: none;
    }

    .header .gnb_admin a.open-search {
        margin-left: 0;
        margin-right: 35px;
    }

    .header .gnb_admin a.open-search::before {
        display: none;
    }

    /*푸터*/
    .ft .sitemap>ul>li {
        font-size: 15px;
    }

    .ft .company .kg_info {
        width: 75%;
    }

    .ft .company .siteconnect {
        width: 25%;
    }



    /*서브메뉴-헤더*/
    .header .m_gnb_wrap {
        visibility: visible;
        right: -100%;
        top: 0;
        width: 70%;
        height: 100%;
        background: #fff;
        position: fixed;
        color: #222;
        overflow-y: auto;
        padding: 70px 0 0 0;
    }

    .header .m_gnb_wrap.on {
        right: 0;
        box-shadow: -368px 0px 0px 500px #0000004f
    }

    .header .m_gnb_wrap .close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: url(../images/close.svg) no-repeat center right;
        background-size: 20px;

    }

    .header .m_gnb_wrap .admin {
        display: block;
        margin: 25px 20px 50px 20px;
        width: calc(100% - 42px);
        border: 1px solid #e0e0e0;
        line-height: 50px;
        border-radius: 8px;
        text-align: center;
        font-size: 15px;
        background: #6729b8;
        color: #fff;
    }

    .header .m_gnb_wrap .m_gnb>li {
        line-height: 50px;
        font-size: 16px;
        color: #555555;
    }

    .header .m_gnb_wrap .m_gnb>li>a {
        display: block;
        position: relative;
        padding-left: 25px;
    }

    .header .m_gnb_wrap .m_gnb .sub {
        height: 0;
        overflow: hidden;
        background: #f7f7f7;
    }

    .header .m_gnb_wrap .m_gnb .sub li {
        font-size: 14px;
        line-height: 36px;
        color: #6e6e73;
    }

    .header .m_gnb_wrap .m_gnb .sub li>a {
        display: block;
        visibility: hidden;
        padding-left: 35px;
        transition: .3s;
    }

    .header .m_gnb_wrap .m_gnb .sub.show li>a {
        visibility: visible;
    }

    .header .m_gnb_wrap .m_gnb .sub li:first-child {
        padding-top: 10px;
    }

    .header .m_gnb_wrap .m_gnb .sub li:last-child {
        padding-bottom: 10px;
    }

    .header .m_gnb_wrap .m_gnb .dept1.viewm::before {
        content: "";
        width: 13px;
        height: 1px;
        background: rgb(163, 163, 163);
        position: absolute;
        top: 25px;
        right: 26px;
        transition: .3s;
        transform: rotate(90deg);
    }

    .header .m_gnb_wrap .m_gnb .dept1.viewm::after {
        content: "";
        width: 13px;
        height: 1px;
        background: rgb(163, 163, 163);
        position: absolute;
        top: 25px;
        right: 26px;
    }

    .header .m_gnb_wrap .m_gnb .dept1.viewm.rot::before {
        transform: rotate(180deg);
    }

    .header .m_gnb_wrap .m_gnb .sub .dep2,
    .sub_header .m_gnb_wrap .m_gnb .sub .dep2 {
        position: relative;
    }

    .header .m_gnb_wrap .m_gnb .sub .dep2::before {
        content: "";
        width: 7px;
        height: 7px;
        border: solid rgb(207, 207, 207);
        border-width: 0 2px 2px 0;
        position: absolute;
        top: 19px;
        right: 15px;
        transform: translateY(-50%);
        transform: rotate(45deg);
    }

    .header .m_gnb_wrap .m_gnb .sub .dep2.plus::before {
        transform: rotate(225deg);
        top: 23px;
    }

    .main_subvis .img_wrap {
        height: 290px;
    }

    /* main payment slide */
    .main_slide {
        margin-top: 60px;
    }

    .main_slide .txt-area {
        position: relative;
        width: auto;
        padding-left: 50px;
        padding-bottom: 50px;
        background-color: transparent;
    }

    .main_slide .txt-area strong br:nth-child(2) {
        display: none;
    }

    .main_slide .txt-area p br {
        display: none;
    }

    .main_slide .card-swiper {
        width: 550px;
        margin-left: 50px;
    }

    .main_slide .card-swiper .swiper-slide {
        padding-left: 0;
    }

    .main_slide .card-swiper .swiper-slide .box {
        transform: none !important;
        padding: 40px;
        height: 310px;
        margin-right: 15px;
    }

    .main_slide .card-swiper .box p.txt strong {
        font-size: 30px;
    }

    .main_slide .card-swiper .box p.txt span {
        font-size: 15px;
        padding-bottom: 15px;
    }

    .main_slide .card-swiper .box p.exp {
        font-size: 16px;
        width: 60%;
        word-break: keep-all;
        margin-top: 0;
    }

    .main_slide .card-swiper .box p.exp br {
        display: none;
    }

    .main_slide .card-swiper .control {
        display: none;
    }

    .main_support {
        margin-top: 110px;
    }

    .main_notices {
        padding: 90px 0 0 0;
    }

    /* subpage - tech support, customer center landing */
    .landing_wrap .landing_box {
        padding: 0 30px;
    }

    .landing_wrap .landing_box .txt_wrap {
        padding-left: 0;
        height: 420px;
    }

    .landing_wrap .landing_box .txt_wrap .txt strong {
        font-size: 30px;
    }

    .landing_wrap .landing_box .img_wrap .img {
        height: 420px;
    }

    .landing_wrap .landing_box:nth-child(2n) .txt_wrap {
        padding-left: 40px;
    }

    .subpage_tit.term {
        height: 230px;
    }
 
	.subpage_tit.term .txt_wrap {padding-top: 77px;}   /* 250814 추가 */
    .subpage_tit.term .txt_wrap h2 {
        font-size: 38px;
    }

    .subpage_tit .txt_wrap p {
        font-size: 16px;
        margin-top: 15px;
    }

    /* subpage - result table */
    .result_wrap .result_table {
        overflow-x: auto;
    }

    .result_wrap .result_table .cashreceipt {
        min-width: 920px;
    }

    .result_wrap .result_table .paidlist {
        min-width: 920px;
    }

    .result_wrap .result_table .unpaidlist {
        min-width: 910px;
    }

    .result_wrap .result_table .escrowjoin {
        min-width: 890px;
    }

    .result_wrap .result_table .errorcode {
        min-width: 550px;
    }

    .result_wrap .result_table .escrowpurchase {
        min-width: 800px;
    }

    /* 공지사항 이미지 가로 크기 조정 2022-09-20 */
    .article_wrap .article_body .body_wrap img {
        width: 100%!important;
    }
    
    /* 공지사항 게시판 무이자할부 이미지 사이즈 */
    .article_wrap .article_body .body_wrap p img {
        width: 100%!important;
        height: auto!important;
        max-width: 700px;
    }

    /* 20230517 연혁 추가 */
    .history_nav {width: 270px;}
    .history_con {width:calc(100% - 270px) ;}
    /* 20230517 연혁 추가 */
    
    /* 240102 ESG */
    .esg_msg {
        padding-top: 70px;
    }
    .esg_msg p.esgtit {
        font-size: 30px;
    }
    .esg_msg p.esgsub {
        font-size: 18px;
        margin-top: 5px;
    }
    .esg_nav .esg_tabnav {
        padding: 30px 0;
    }
    .esg_nav .esg_tabnav li {
        padding-left: 35px;
        padding-right: 35px;
    }
    .esg_nav .esg_tabnav li:first-child {
        padding-left: 0;
    }
    .esg_nav .esg_tabnav li:last-child {
        padding-right: 0;
    }
    .esg_nav .esg_tabnav li a .img {
        width: 70px;height: 70px;
    }
    .esg_nav .esg_tabnav li a .txt {
        padding-left: 20px;
    }
    .esg_nav .esg_tabnav li a .txt .navtit {
        font-size: 22px;
        margin-bottom: 3px;
    }
    .subpage_tit.esg .txt_wrap .sub {
        font-size: 16px;
        margin-top: 15px;
    }
     /* 250812 수정 */
    .text_download {flex-direction: column;align-items: flex-start;}
}



@media screen and (max-width: 973px) {
    .ft .sitemap>ul>li {
        width: calc((100% - 100px) / 6);
        margin-right: 20px;
        font-size: 15px;
    }
}

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

    /* search */
    .header .gnb_admin .search-area .top {
        height: 285px;
    }

    .header .gnb_admin .search-area .top h3 {
        font-size: 30px;
        letter-spacing: -1.5px;
        font-weight: 700;
    }

    .header .gnb_admin .search-area .top .srch_wrap {
        padding: 10px;
        width: 85%;
        overflow: hidden;
        margin-top: 10px;
    }

    .header .gnb_admin .search-area .top .srch_wrap a {
        width: 40px;
        height: 30px;
        margin-top: 0;
        float: left;
        background-size: 55%;
    }

    .header .gnb_admin .search-area .top .srch_wrap input {
        height: 30px;
        float: left;
        width: calc(100% - 54px);
        font-size: 16px;
    }

    .header .gnb_admin .search-area .top ul {
        display: block;
        margin-top: 20px;
    }

    .header .gnb_admin .search-area .top ul li {
        display: inline-block;
        padding: 0;
        margin-right: 7px;
        line-height: 40px;
        margin-bottom: 5px;
    }

    .header .gnb_admin .search-area .top ul li:last-child {
        margin-right: 0;
    }

    .header .gnb_admin .search-area .top ul li a {
        border: 1px solid #ffffff5c;
        border-radius: 700px;
        font-size: 15px;
        padding: 8px 15px;
        line-height: inherit;
    }

    .header .gnb_admin .search-area .top ul li a::after {
        display: none;
    }
    /* 20221124 서비스소개 신규 컨텐츠 추가  */
    .service_info .pay_line .pay_info.newserv .servbox ul {flex-wrap: wrap;}
    .service_info .pay_line .pay_info.newserv .servbox ul li,.service_info .pay_line .pay_info.newserv .servbox.flow ul li {width: calc((100% - 30px) / 2);margin-bottom: 40px;} /* 20260723 선정산 추가 */
    .service_info .pay_line .pay_info.newserv .servbox ul li:nth-child(2n),.service_info .pay_line .pay_info.newserv .servbox.flow ul li:nth-child(2n) {margin-right: 0;} /* 20260723 선정산 추가 */
    
     /* 20240112 ESG */
    .terms_body .esglabel_wrap .label {width: calc((100% - 40px) / 2);}
    /* 20240112 ESG */
}

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

    /* main visual */
.main_vis {
    /* background-image: url(../images/mobilmain_tab.jpg); */
    background-image: url(../images/mobilmain_new_tab.png);
    background-color: #1F2029;  /* 230724 수정 */
    background-position: center top; /* 230724 수정 */
    height: 850px;
    background-size: 840px;
}

    .main_vis .txt_wrap {
        padding-left: 0;
        text-align: center;
        width: 100%;
        position: initial;
        padding-top: 490px;
        transform: initial;
        top: initial;
    }

    .main_vis .txt_wrap h2 {
        font-size: 40px;
        padding-bottom: 10px;
    }

    .main_vis .txt_wrap h2 br {
        display: none;
    }

    .main_subvis .img_wrap {
        height: 240px;
    }

    .main_slide .txt-area {
        padding-top: 50px;
    }

    /* footer */
    footer .ft {
        margin-top: 70px;
    }

    .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 .loc {
        font-size: 13px;
        line-height: 22px;
        padding-top: 15px;
    }

    .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 #eaeaea;
        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;
    }

	/*250814 주석처리*/
    /* .ft .company .ftline {
        display: none;
    } */

    .ft .company .rights_snsban {
        font-size: 12px;
        padding-top: 15px;
    }

    .ft .company .rights_snsban .icon_wrap .sns_icn a {
        width: 25px;
        height: 25px;
    }

    .ft .company .rights_snsban .icon_wrap .sns_icn a:first-child {
        margin-left: 0;
    }
    /* 250814 주석처리
    .ft .company .certi>div img{
        width:65px;
    }
*/
    
    /* subpage title */
    .subpage_tit {
        height: 270px;
        background-position: 60% 37%;
        background-size: 1400px;
    }

    .subpage_tit .txt_wrap {
        padding-top: 100px;
    }

    .subpage_tit .txt_wrap h2 {
        font-size: 40px;
    }

    .subpage_tit.serapply .txt_wrap p {
        margin-top: 10px; /* 250812 수정 */
    }

    .tech_pay>.txt_wrap {
        padding-bottom: 40px;
    }

    /* input form */
    .tech_pay .form_wrap .input_group .col .line .data input.mchttxt {
        /*width: 200px;*/
    }

    .tech_pay .form_wrap .input_group .col .line .period_btn {
        padding-left: 0;
        margin-top: -9px;
    }

    .tech_pay .form_wrap .input_group .col .line .data.col2 input {
        width: 270px;
    }

    /* about us */


    .noti_tit.stockinfo .txt_wrap {
        padding-top: 70px;
    }

    /* 240104 ESG */
    .subpage_tit.esg {
        height: 270px;
        background-position: 65% 37%; /* 240221 수정 */
        background-size: cover;
    }
    .subpage_tit.esg .txt_wrap {
        padding-top: 100px;
    }
    .subpage_tit.esg .txt_wrap h2 {
        font-size: 40px;
    }
    /* 240104 ESG */

    /* 240201 수정 */
.subpage_tit.serapply{
    background-position: 57% 37%;
    background-size: cover;
}
.subpage_tit.service_pay{
    background-position: 57% 37%;
    background-size: cover; 
}
.subpage_tit.tech{
    background-position: 62% 37%;
    background-size: cover;
}
.subpage_tit.cservice{
    background-position: 73% 37%;
    background-size: cover;
}
    /* 240201 수정 end */

    /* 240321 서비스소개 서비스 focusing navi */
    .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; }/* 240325 */ 
    
    /* 20250918 주주현황 */
    .noti_tit.gvnc .txt_wrap.exec{padding-bottom: 16px;}
    
    /* 20251021 추가 */
    .modal_popup.servDetailModal .modal_contents{ width: calc(100% - 40px);}
    
    .certi_box ul li{width:calc((50% - 8px));} /* 20260227-1 추가 */
}


/* mobile */

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

    /* 240321 서비스소개 서비스 focusing navi */
    .service_focus .serv_tabfocus {padding: 10px 20px;}
    .service_focus::after{content: "";display: inline-block;width: 60px;height: 100%;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);top: 0;right: 0;position: absolute;z-index: 1;}
    .service_focus.service_focus2::before, .service_focus.service_focus2::after{display: none;}

    /*to-top btn*/
    .float_top {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
        background-size: 55px;
    }

	/* 20231004 */
    /*to-kakao btn*/
    .float_kakao {
        width: 50px;
        height: 50px;
        bottom: 15px;
        right: 15px;
        background-size: 55px;
    }

    .float_kakao.scldown{
        bottom: 72px;
    }
    /* end 20231004 */

    /*header*/
    .header .gnb_admin .search-area .top {
        height: 270px;
    }

    .header .gnb_admin .search-area .top h3 {
        font-size: 22px;
    }

    .header .gnb_admin .search-area .top .srch_wrap input {
        font-size: 14px;
    }

    .header .gnb_admin .search-area .top .srch_wrap a {
        background-size: 45%;
    }

    .header .gnb_admin .search-area .top ul li {
        margin-right: 5px;
        margin-bottom: 8px;
        line-height: 35px;
    }

    .header .gnb_admin .search-area .top ul li a {
        font-size: 13px;
        padding: 7px 13px;
    }

    .hdtop_banner {
        /* background-image: url(../images/hdtop_bn_mob.jpg); */
        background-size: cover;
    }
    /* 240404 */
    .hdtop_banner.share_banner{
		background-image: url(../images/renewal/share_bn_mob.png);
	}
     /* 240314 */
	.hdtop_banner.url_banner{
		background-image: url(../images/renewal/url_bn_mob.png);
	}
     /* 240218 */
	.hdtop_banner.applepay_banner{
		background-image: url(../images/renewal/apple_pay_mob.png);
	}
    /* 20221201 */
	.hdtop_banner.mobilcard_banner{
		background-image: url(../images/2026/hdtop_main_bn_mob.png); /* 240201 수정 */
	}
 	/* 20221201 */
	.hdtop_banner.kgmobile_banner{
		/* 20230109 */
		/* background-image: url(../images/hdtop_bn2_mob.png); */
		/* background-image: url(../images/hdtop_bn3_mob.png); */
		/* background-image: url(../images/hdtop_bn3_new_mo.png); 240201 추가*/
        background-image: url(../images/renewal/hdtop_main_new_mo.png); /* 240201 추가 */
	}
    /* 20230830 */
    .hdtop_banner.kforum_banner {
        background-image: url(../images/kforum_mob.jpg);
    }
    
    /* 20231211 */
    .hdtop_banner.samsung_card_banner {
        background-image: url(../images/samsung_card_mob.jpg);
    }
	
	
    /*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;
    }


    /* main visual, subvisual */
    .main_vis {
        /* background-image: url(../images/mobilmainmob.jpg); */
        background-image: url(../images/mobilmain_new_mob.png);
        background-size: 410px;
        background-position: center top;
        height: 750px;
    }

    .main_vis .txt_wrap {
        padding-left: 0;
        text-align: center;
        position: inherit;
        transform: inherit;
        padding-top: 365px;
    }

    .main_vis .txt_wrap h2 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: -1.5px;
        padding-bottom: 15px;
    }

    .main_vis .txt_wrap h2 br {
        display: block;
    }

    .main_vis .txt_wrap p {
        font-size: 15px;
        line-height: 24px;
    }

    .main_vis .txt_wrap .btn_wrap a {
        font-size: 15px;
        letter-spacing: -.5px;
        width: calc((100% - 50px) / 2);
        padding: 0;
        line-height: 45px;
    }

    .main_vis .txt_wrap .btn_wrap a:first-child {
        margin-right: 5px;
    }

    .main_subvis {
        padding-top: 60px;
    }

    .main_subvis .txt_wrap h2 {
        font-size: 22px;
        line-height: 33px;
        letter-spacing: -1.5px;
        padding-bottom: 15px;
    }

    .main_subvis .txt_wrap h2 br,
    .main_subvis .txt_wrap h2 br:first-child {
        display: block;
    }

    .main_subvis .txt_wrap p {
        font-size: 15px;
        line-height: 24px;
    }

    .main_subvis .txt_wrap p br {
        display: block;
    }

    .main_subvis .txt_wrap .btn_wrap a {
        font-size: 15px;
        letter-spacing: -.5px;
        padding: 0;
        line-height: 45px;
        width: calc((100% - 50px) / 2);
    }

    .main_subvis .txt_wrap .btn_wrap a:first-child {
        margin-right: 5px;
    }

    .main_subvis .img_wrap {
        background-image: url(../images/main_subvismob.png);
    }

    /* main - mainslide */
    .main_slide .txt-area {
        padding-left: 30px;
        padding-bottom: 40px;
        padding-top: 20px;
    }

    .main_slide .txt-area strong {
        font-size: 22px;
        line-height: 33px;
        letter-spacing: -1.5px;
        word-break: keep-all;
    }

    .main_slide .txt-area p {
        font-size: 15px;
        line-height: 24px;
    }

    .main_slide .txt-area p br {
        display: block;
    }

    .main_slide .card-swiper {
        width: 270px;
    }

    .main_slide .card-swiper .swiper-slide .box {
        padding: 30px 20px 0 20px;
        margin-right: 10px;
        background-size: 130%;
        height: 200px;
    }

    .main_slide .card-swiper .box p.txt strong {
        font-size: 20px;
        font-weight: 500;
    }

    .main_slide .card-swiper .box p.txt span {
        font-size: 12px;
        letter-spacing: 2px;
        padding: 13px 0 13px 0;
    }

    .main_slide .card-swiper .box p.exp {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        display: none;
    }

    /* main - support */
    .main_support {
        margin-top: 70px;
        padding: 35px 0;
    }

    .main_support .txt_wrap p {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -1px;
        font-weight: 400;
    }

    .main_support .txt_wrap a {
        font-size: 13px;
        letter-spacing: -.5px;
        padding: 11px 20px 12px 20px;
        margin-top: 15px;
    }

    /* main - notice slide */
    .main_notices {
        padding: 60px 0 0 0;
    }

    .main_notices .txt_wrap {
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .main_notices .txt_wrap h2 {
        font-size: 22px;
    }

    .main_notices .swiper {
        padding: 0 30px;
    }

    .main_notices .swiper-slide {
        width: 150px;
        margin-right: 5px;
    }

    .main_notices .swiper-slide p.noti_tit {
        font-size: 10px;
        font-weight: 400;
        border: 1px solid #6729b8;
        margin-bottom: 7px;
        letter-spacing: -.7px;
        padding: 3px 6px;
    }

    .main_notices .swiper-slide h3 {
        font-size: 15px;
        line-height: 23px;
        letter-spacing: -.7px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .main_notices .swiper-slide a {
        padding: 25px 15px 0 15px;
    }

    .main_notices .swiper-wrapper {
        height: 210px;
    }

    .main_notices .swiper-slide .noti_wrap {
        font-size: 12px;
        line-height: 18px;
        bottom: 25px;
    }

    .main_notices .swiper-slide .noti_wrap p:first-child::after {
        display: none;
    }

    .main_notices .swiper-slide .noti_wrap p:nth-child(2) {
        display: none;
    }


    /* subpage header */
    .subpage_tit {
        height: 190px;
        background-size: cover;
    }

    .subpage_tit .txt_wrap {
        padding-top: 66px; /* 250812 수정 */
    }

    .subpage_tit .txt_wrap h2 {
        font-size: 26px;
        letter-spacing: -2px;
        font-weight: 500;
    }

    .subpage_tit .txt_wrap p {
        font-size: 13px;
        letter-spacing: 3px;
        margin-top: 8px; /* 250812 수정 */
    }

    .tech_pay>.txt_wrap {
        padding-top: 30px;
        padding-bottom: 25px;
    }

    .tech_pay>.txt_wrap h3 {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .tech_pay>.txt_wrap .subtit {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 24px;
    }

    .tech_pay .txt_wrap .bullet_wrap {
        font-size: 12px;
        padding: 15px 0;
        margin-top: 5px;
    }

    .tech_pay .txt_wrap .bullet_wrap p {
        padding-left: 22px;
        padding-right: 15px;
        padding-bottom: 2px;
    }

    .tech_pay .txt_wrap .bullet_wrap p::before {
        left: 11px;
    }

    /* service introduce */
    .service_info .pay_line .pay_info {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .service_info .pay_line .pay_info:nth-child(odd) {
        padding-right: 0;
    }

    .service_info .pay_line .pay_info:nth-child(2n) {
        padding-left: 0;
    }

    .service_info .pay_line .pay_info h3 {
        font-size: 18px;
        padding-bottom: 8px;
        letter-spacing: -1px;
        font-weight: 500;
    }

    .service_info .pay_line .pay_info h3::before {
        top: -30px;
    }

    /*  20221124  font-size, line-height 수정 */
    .service_info .pay_line .pay_info>p {
        font-size: 15px;
    }

	/* 20221124 css 주석처리 */
/*     .service_info .pay_line:last-child .pay_info:last-child {
        display: none;
    } */

    .service_info .pay_line:first-child .pay_info h3::before {
        display: block;
    }

    .service_info .pay_line:first-child .pay_info:first-child {
        padding-top: 15px;
    }

    .service_info .pay_line:first-child .pay_info:first-child h3::before {
        display: none;
    }

    .service_info .pay_line .pay_info .sub_info {
        padding: 20px;
        margin-top: 20px;
    }

    .service_info .pay_line .pay_info .sub_info strong {
        font-weight: 500;
        margin-bottom: 10px;
        letter-spacing: -.5px;
    }

	/*  20221124  letter-spacing, line-height 삭제 */
    .service_info .pay_line .pay_info .sub_info p {
        font-size: 14px;
    }

    .service_info .pay_line .pay_info .badge_wrap {
        padding-top: 15px;
    }

    .service_info .pay_line .pay_info .badge_wrap ul li {
        font-size: 13px;
    }

	/* 20221124 서비스 소개 신규 컨텐츠 추가 */
    .service_nav .serv_tabnav li {height: 50px;font-size: 15px;}
    .service_nav .serv_tabnav li a {line-height: 50px;margin-right: 15px;}
    .service_nav .serv_tabnav li:nth-child(5) a::after{font-size: 10px;right:-29px}/* 20260723 선정산서비스 New */
    .service_nav .serv_tabnav li:last-child a {margin-right: 0;}
    .service_info .pay_line .pay_info.newserv .servbox {padding-top: 40px;}
    .service_info .pay_line .pay_info.newserv .servbox ul li {width: calc((100% - 25px) / 2);margin-right: 25px;}
    .service_info .pay_line .pay_info.newserv .servbox ul li > strong {font-size: 15px;}
    .service_info .pay_line .pay_info.newserv .servbox ul li > p {font-size: 14px;margin-top: 5px;}
    .service_info .pay_line .pay_info.newserv .servbox ul li img {height: 60px;margin-bottom: 15px;}
    .service_info .pay_line .pay_info.newserv .servlink {font-size: 14px;margin-top: 10px;}
    .service_info .pay_line .pay_info.newserv .servlink::after {top: 6px;}
    
    /* 20260821 수정*/
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap {padding:28px; margin-top: 20px;}
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .left img{width:40px;}
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .left .tit{font-size: 15px; line-height: 1.4}
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .left .sub{font-size: 14px; line-height: 1.5;}
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .blogRight a{font-size: 14px; padding:12px;}
    /* 20260821 수정 끝*/

    /* 20260821 추가*/
    .service_info .flowbtn_wrap {padding:32px 28px; margin-top: 30px;}
    .service_info .flowbtn_wrap .flowbtn_txt p.flowbtn_tit {font-size: 16px;padding-bottom:8px; font-weight: 500;}
    .service_info .flowbtn_wrap .flowbtn_txt p.flowbtn_sub{ font-size: 14px; line-height: 1.5; }
    .service_info .flowbtn_wrap .flowbtn_txt p.flowbtn_sub br{display: block;}
    .service_info .flowbtn_wrap .flowbtn a{ font-size:13px; padding:16px; }
    /* 20260821 추가 끝*/
    
    /* subpage - tech support, customer center landing */
    .landing_wrap .landing_box {
        padding: 0;
        padding-bottom: 40px;
        margin-bottom: 0;
    }

    .landing_wrap .landing_box .txt_wrap {
        width: 100%;
        height: auto;
    }

    .landing_wrap .landing_box:nth-child(2n) .txt_wrap {
        padding-left: 0;
    }

    .landing_wrap .landing_box .txt_wrap .txt {
        position: inherit;
        top: inherit;
        transform: inherit;
        padding: 60px 40px 50px 40px;
    }

    .landing_wrap .landing_box .txt_wrap .txt strong {
        font-size: 28px;
    }

    .landing_wrap .landing_box .txt_wrap .txt p {
        margin-bottom: 20px;
    }

    .landing_wrap .landing_box .txt_wrap .txt p br {
        display: none;
    }

    .landing_wrap .landing_box .img_wrap {
        width: 100%;
        padding: 0 20px;
    }

    .landing_wrap .landing_box .img_wrap .img {
        height: auto;
    }

    /* Subpage - input form */
    .tech_pay .form_wrap .input_group {
        font-size: 14px;
        letter-spacing: -.5px;
        line-height: 18px;
        padding: 12px 0;
        border-bottom: 1px solid #e0e0e0;
    }
    
    .tech_pay.servReg .form_wrap .input_group{border-bottom: none;}/* 20251027 추가 */

    .tech_pay .form_wrap .input_group .col .line {
        padding: 9px 0;
        border-bottom: 0;
    }

    .tech_pay .form_wrap .input_group .col .line .tit {
        width: 100%;
        padding-bottom: 8px;
        padding-left: 0;
    }

    .tech_pay .form_wrap .input_group .col .line .data {
        width: 100%;
    }

    .tech_pay .form_wrap .input_group .col .line .data select {
        font-size: 14px;
        padding-left: 10px;
        width: 100%;
        height: 47px;
    }

    .tech_pay .form_wrap .input_group .col .line .data.col2 select {
        width: 35%;
    }

    .tech_pay .form_wrap .input_group .col .line .data a.cellp {
        font-size: 14px;
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
	.tech_pay .form_wrap .input_group .col .line .data a.cellp:last-child {
        margin-top: 20px;
    }
    .tech_pay .form_wrap .input_group .data input {
        width: calc(100% - 22px);
        font-size: 15px;
        padding: 10px;
    }
    
    .tech_pay.servReg .form_wrap .input_group .data textarea {margin-top:10px;} /*20251027 수정 */
    .tech_pay .form_wrap .input_group .data input::placeholder,
    .tech_pay .form_wrap .input_group .data textarea::placeholder {
        font-size: 14px;
        letter-spacing: normal;
    }

    .tech_pay .form_wrap .input_group .data.alert p.errmsg {
        font-size: 13px;
        margin-top: 8px;
        margin-bottom: 0px;
    }
    
    .tech_pay.servReg .form_wrap .input_group .data.alert p.errmsg{margin-top: -6px; margin-bottom: 5px;} /* 20251027 추가 */

    .form_wrap .policy_agree .agree_btn.alert p.errmsg {
        font-size: 13px;
        padding: 8px 0 0 35px;
    }

    .tech_pay .form_wrap .input_group .data p.inputinfo {
        margin-top: 10px;
        margin-bottom: 0px;
        font-size: 13px;
    }

    .tech_pay .form_wrap .input_group .data p.inputinfo::before {
        opacity: .5;
    }

    .tech_pay .form_wrap .input_group .col .line .data.col2 input {
        width: calc(65% - 35px);
    }

	    /* 20221114 추가 */
    .tech_pay .form_wrap .input_group .col .line .data.iptbtn {overflow: hidden;}
    .tech_pay .form_wrap .input_group .col .line .data.iptbtn input {float: left; width: calc(100% - 147px);}
    .tech_pay .form_wrap .input_group .col .line .data.iptbtn button {float: left; font-size: 14px;padding: 10px 0;width: 115px;}
    .modal_popup .modal_contents.mini,.modal_popup.regCompleteModal .modal_contents.mini {width: 90%;} /* 20251021수정 */
    .modal_popup .modal_contents .data .membercheckmd {padding: 0 0 15px 0;}
    .modal_popup .modal_contents .data .membercheckmd p {font-size: 16px;}
    .modal_popup .modal_contents .data .membercheckmd p.sub {font-size: 14px;}
    .modal_popup .modal_contents .data .membercheckmd p br {display: block;}
    /* 20221114 추가 */

    .form_wrap .btn_wrap .radio_container {
        /*
 height: 30px; 
 padding-top: 5px; 
*/
        height: auto;
        padding-top: 0;
    }

    .form_wrap .radio_container label {
        line-height: 25px;
    }

    .form_wrap .radio_container label::before {
        top: 8px;
    }

    .form_wrap .radio_container label::after {
        top: 8px;
    }

    .tech_pay .form_wrap .input_group .col .line .data .calen {
        width: 100%;
    }

    .tech_pay .form_wrap .input_group .data.cardno input {
        width: calc((100% - 135px) / 4);
    }

    .tech_pay .form_wrap .input_group .data .calen input.col2calen {
        width: calc((100% - 73px) / 2);
    }
	.tech_pay .form_wrap .input_group .data .calen .calView input.col2calen {
        width: calc((100% - 73px) / 2);
    } 
    .tech_pay .form_wrap .input_group .col .line .period_btn {
        width: 100%;
        padding-top: 10px;
        overflow: hidden;
        padding-left: 0;
        margin-top: 0;
    }

    .tech_pay .form_wrap .input_group .col .line .period_btn a.timebtn {
        margin-right: 3px;
        float: left;
        width: calc((100% - 12px) / 5);
        text-align: center;
        font-size: 14px;
        padding: 0;
        line-height: 40px;
    }
	.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn {
        margin-right: 3px;
        float: left;
        width: calc((100% - 12px) / 5);
        text-align: center;
        font-size: 14px;
        padding: 0;
        line-height: 40px;
    }
    .tech_pay .form_wrap .input_group .col .line .period_btn a.timebtn:nth-child(5) {
        margin-right: 0px;
    }
	.tech_pay .form_wrap .input_group .col .line .period_btn button.timebtn:nth-child(5) {
        margin-right: 0px;
    }
    .tech_pay .form_wrap .input_group .col .line .data div.mcht {
        width: 140px;
    }
    .tech_pay .form_wrap .input_group .col .line .data div.mcht img {
        object-fit: contain;
    }
    .tech_pay .form_wrap .input_group .col .line .data .mcht2 {
        padding-top: 0;
        margin-bottom: 10px;
    }

    .tech_pay .form_wrap .input_group .col .line .data a.capt {
        margin-left: 5px;
        width: calc(100% - 145px);
        text-align: center;
        font-size: 14px;
        padding: 0;
        line-height: 45px;
    }

    .tech_pay .form_wrap .input_group .col .line .data.cell-col3 select {
        width: 100%;
        margin-bottom: 10px;
    }

    .tech_pay .form_wrap .input_group .col .line .data.cell-col3 div:first-child>input {
        width: calc(60% - 22px);
        margin-left: 0;
    }

    .tech_pay .form_wrap .input_group .col .line .data.cell-col3 a {
        width: calc(40% - 10px);
        padding: 0;
        text-align: center;
        line-height: 47px;
        font-size: 14px;
    }

    .tech_pay .form_wrap .input_group .col .line .data.cell-col3 .vericode {
        margin-top: 10px;
    }

    .tech_pay .form_wrap .input_group .col .line .data.cell-col3 .vericode input {
        width: calc(60% - 22px);
    }

    .tech_pay .form_wrap .input_group .col .line .data .paidcheck {
        margin-top: 10px;
    }
    .tech_pay .form_wrap .input_group .col .line .data .emlipt input {
        width: calc((100% - 194px) / 2);
    }
    .tech_pay .form_wrap .input_group .col .line .data .emlipt .eml_at {
        width: 20px;font-size: 13px;
    }
    .tech_pay .form_wrap .input_group .col .line .data .emlipt select {
        width: 120px;
    }

    /* 신규 서비스 신청 - 추가정보 입력 영역 추가 20230328 */
    .tech_pay .form_wrap .input_group_tit {margin-bottom: 10px;}
    .tech_pay .form_wrap .input_group_tit > h4 {margin-top: 50px;font-size: 16px;}
    .tech_pay .form_wrap .input_group_tit > p {margin-top: 3px;margin-bottom: 3px;font-size: 14px;}
    /* 신규 서비스 신청 - 추가정보 입력 영역 추가 20230328 */


    .form_wrap .policy_agree {
        padding-top: 30px;
    }

    .form_wrap .policy_agree .agree_btn label {
        font-size: 14px;
    }

    .form_wrap .policy_agree .policy_wrap {
        margin-top: 20px;
    }

    .form_wrap .policy_agree .policy_wrap .policy_txt {
        margin-bottom: 25px;
        padding: 20px;
    }

    .form_wrap .policy_agree .policy_wrap .policy_txt strong {
        font-size: 14px;
    }

    .form_wrap .policy_agree .policy_wrap .info_wrap p {
        font-size: 12px;
        line-height: 19px;
        padding-left: 18px;
        word-break: keep-all;
    }

    .form_wrap .policy_agree .policy_wrap .info_wrap p::before {
        width: 12px;
        height: 12px;
        top: 4px;
    }

    .form_wrap .policy_agree .agree_btn label::before {
        top: -5px;/* 20251027 수정 */
    }

    .form_wrap .policy_agree .agree_btn label::after {
        top: 3px;/* 20251027 수정 */
    }

    .tech_pay .form_wrap .complete_btn {
        padding-top: 25px;
    }

    .tech_pay .form_wrap .complete_btn button {
        width: 100%;
        line-height: 55px;
        font-size: 15px;
        letter-spacing: -0.05em;
    }

    /* escrow input form */
    .tech_pay .escrow_join {
        padding: 12px 0;
    }

    .tech_pay .escrow_join .col .line .tit {
        width: 100%;
        padding-left: 0;
        font-size: 14px;
        letter-spacing: -.5px;
        line-height: 18px;
    }

    .tech_pay .escrow_join .col .line .data {
        width: 100%;
    }

    .tech_pay .escrow_join .col .line .data input {
        padding: 10px;
        width: calc(100% - 22px);
    }

    .tech_pay .escrow_join .col .line .data input::placeholder {
        font-size: 14px;
    }

    .tech_pay .escrow_join .col .line .btn {
        width: 100%;
    }

    .tech_pay .escrow_join .col .line .btn a {
        margin-left: 0;
        margin-top: 0;
        padding: 0;
        text-align: center;
        line-height: 45px;
        font-size: 15px;
        letter-spacing: .5px;
    }
    .escrow_btn {
        margin-left: 0;
        margin-top: 0;
        padding: 0;
        width: 100%;
        font-size: 15px;
        line-height: 55px;
    }

    /* clean mobil */
    .tech_pay .txt_wrap .cleannum {
        padding: 15px 25px;
    }

    .tech_pay .txt_wrap .cleannum br {
        display: block;
    }

    .tech_pay .txt_wrap .cleannum span {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 6px;
    }

    .tech_pay .txt_wrap .cleannum span:nth-child(4),
    .tech_pay .txt_wrap .cleannum span:nth-child(5) {
        margin-bottom: 0;
    }

    .tech_pay .form_wrap .input_group .col .line .data.fullw input {
        width: calc(100% - 22px);
    }

    .tech_pay .form_wrap .input_group.cleanm .data textarea {
        width: calc(100% - 22px);
        margin: 0;
        padding: 10px;
    }

    /* FAQ */
    .faq_search {
        padding-top: 40px;
    }

    .faq_search h3 {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 500;
    }

    .faq_search .srch_wrap {
        width: 100%;
        padding: 8px 10px 8px 20px;
        margin-bottom: 35px;
    }

    .faq_search .srch_wrap.outc {
        margin-bottom: 20px;/* 20230403 */
    }

    .faq_search .srch_wrap input {
        font-size: 14px;
        height: 30px;
        width: calc(100% - 45px);
    }

    .faq_search .srch_wrap input::placeholder {
        font-size: 14px;
    }

    .faq_search .srch_wrap a {
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .faqview_tab {
        margin-bottom: 15px;
    }

    .faqview_tab ul li {
        line-height: 40px;
        font-size: 14px;
        padding: 0 10px;

    }


    .faq_wrap .faq_nav {
        margin-bottom: 15px;
    }

    .faq_wrap .faq_nav li {
        line-height: 40px;
        font-size: 14px;
        padding: 0 10px;
    }

    .faqsection .faq>a {
        line-height: 22px;
        padding: 20px 0 18px 0;
    }

    .faqsection .faq .fqdep {
        padding: 15px 10px;
    }

    .faqsection .faq .fqdep .qmark {
        width: inherit;
        padding-left: 0;
        line-height: 23px;
        font-size: 15px;
    }

    .faqsection .faq .fqdep .fq_cate {
        width: inherit;
        padding-left: 10px;
        line-height: 23px;
        font-size: 15px;
    }

    .faqsection .faq .fqdep .tit {
        display: block;
        padding: 5px 0 0 0;
        line-height: 23px;
        font-size: 15px;
        width: 100%;
    }

    .faqsection .faq .fqlist {
        padding: 20px;
    }

    .faqsection .faq .fqlist .answ {
        line-height: 25px;
        word-break: keep-all;
        font-size: 14px;
        letter-spacing: -.5px;
        letter-spacing: -.5px;
    }

    .faqsection .faq .fqlist .answ_more {
        font-size: 13px;
    }

    .faqsection .faq .fqlist .answ_more a::after {
        width: 10px;
        height: 10px;
        top: 13px;
    }

    .faqview_wrap .view_tit {
        padding: 15px 10px;
    }

    .faqview_wrap .view_tit span.qmark {
        font-size: 16px;
    }

    .faqview_wrap .view_tit span.fq_cate {
        font-size: 15px;
    }

    .faqview_wrap .view_tit p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 6px;
    }

    .faqview_wrap .answer_wrap {
        padding: 20px;
        font-size: 14px;
        line-height: 23px;
        word-break: keep-all
    }

    .faqview_wrap .back_btn {
        padding-top: 35px;

    }

    .faqview_wrap .back_btn a {
        padding: 11px 25px 13px 25px;
        font-size: 15px;

    }

    /* notice */
    .noti_tit .txt_wrap {
        padding-top: 30px;
    }

    .noti_tit .txt_wrap h3 {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 0;
    }

    .noti_tit .stockpie {
        height: auto;
        margin-bottom: 25px;
    }

    .partners .txt_wrap {
        padding: 70px 0 30px 0;
    }

    .partners .txt_wrap h3 {
        font-size: 20px;
        font-weight: normal;
    }

    .about_kg {
        padding-top: 30px;
    }

    .about_kg .kg_info .txt {
        width: 100%;
        padding-right: 0;
        padding-top: 10px;
    }

    /* 20260327 사명 변경 작업 내용 시작 */
     .about_kg .kg_info .txt h3 { /* 250812 수정 */
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        padding-bottom: 10px;
        width: 100%;
    }
    .about_kg .kg_info .txt h3 br {
        display: block;
    }
    .about_kg .kg_info .txt>p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .about_kg .kg_info .txt>p.subtit {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .about_kg .kg_info .img {
        width: 100%;
        height: 120px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-image: url(../images/kgbuildmob_2508.png);  /* 250820 수정 */
    }
    /* 20260327 사명 변경 작업 내용 종료 */

    .kgboard_wrap colgroup {
        display: none;
    }

    .kgboard_wrap table thead {
        display: none;
    }

    .kgboard_wrap table tbody tr {
        display: block;
        padding: 12px 0;
    }

    .kgboard_wrap table tbody tr td {
        display: block;
        width: 100%;
        text-align: left;
        height: auto;
        padding: 3px 0;
        font-size: 15px;
    }

    .kgboard_wrap table tbody tr td a {
        line-height: inherit;
    }

    .kgboard_wrap table tbody tr td:nth-child(1),
    .kgboard_wrap:not(.irboard_wrap) table tbody tr td:nth-child(2),  /* 20250916 수정*/
    .kgboard_wrap table tbody tr td:nth-child(5) {
        display: none;
    }

    .kgboard_wrap:not(.irboard_wrap) table tbody tr td:nth-child(4),/* 20250916 수정*/
    .irboard_wrap table tbody tr td:nth-child(3)/* 20250916 수정*/
     {
        font-size: 13px;
        color: #959595;
    }

    .librarytb_wrap colgroup {
        display: none;
    }

    .librarytb_wrap table thead {
        display: none;
    }

    .librarytb_wrap table tbody tr {
        display: block;
        padding: 15px 0;
    }

    .librarytb_wrap table tbody tr td:first-child {
        display: none;
    }

    .librarytb_wrap table tbody tr td {
        display: block;
        width: 100%;
        overflow: hidden;
        text-align: left;
        height: auto;
        padding: 5px 0;
        font-size: 14px;
    }

    .librarytb_wrap table tbody tr td::before {
        content: attr(data-label);
        width: 60px;
        float: left;
        text-align: right;
        font-size: 14px;
        color: #959595;
    }

    .librarytb_wrap table tbody tr td div {
        width: calc(100% - 60px);
        float: left;
        padding-left: 10px;
    }

    .librarytb_wrap table tbody tr td .tit {
        padding-left: 10px;
    }

    .librarytb_wrap table tbody tr td a {
        width: 75px;
        height: 23px;
        padding-right: 8px;
        line-height: 21px;
        font-size: 12px;
    }

    .librarytb_wrap table tbody tr td a::before {
        width: 9px;
        top: 0;
        left: 10px;
        height: 21px;
    }

    /* article */
    .article_wrap .tit {
        padding: 14px 0 20px 0;
    }

    .article_wrap .tit h3 {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .article_wrap .tit span {
        font-size: 14px;
        color: #666;
    }

    .article_wrap .tit .subtit::after {
        top: 3px;
    }

    .article_wrap .article_body .body_wrap {
        padding: 30px 0 60px 0;
        width: 100%;
        overflow-x: scroll;
        font-size: 14px;
    }
    
    .article_wrap .article_body .add_file {
        padding: 20px 15px 15px 15px;
    }

    .article_wrap .article_body .add_file p {
        font-size: 15px;
    }

    .article_wrap .article_body .add_file ul li {
        font-size: 14px;
    }

    .article_wrap .btn_wrap {
        padding-top: 35px;
    }

    .article_wrap .btn_wrap a {
        padding: 11px 25px 13px 25px;
        font-size: 15px;
    }

    /* pagination */
    .board_pagination {
        margin-top: 30px;
    }

    /* result table*/
    .result_wrap .result_table {
        margin-top: 50px;
    }

    .result_wrap .result_table table th {
        font-size: 14px;
    }

    .result_wrap .result_table table td {
        font-size: 14px;
        padding: 10px;
    }

    .result_wrap .result_table table td a.recshow {
        padding: 5px 15px;
    }

    .result_wrap .result_info p {
        font-size: 14px;
    }

    .result_wrap .resultbtn {
        padding-top: 35px;
    }

    .result_wrap .resultbtn.printbtn button,
    .result_wrap .resultbtn.emailbtn button {
        width: 100%;
        line-height: 45px;
        font-size: 14px;
        letter-spacing: -.5px;
    }


    /* term */
    .subpage_tit.term {
        height: 150px;
    }

    .subpage_tit.term .txt_wrap {
        padding-top: 46px; /* 250812 수정 */
    }

    .subpage_tit.term .txt_wrap h2 {
        font-size: 26px;
    }

    .term_select {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .term_select select {
        background-position: 95% 50%;
        font-size: 15px;
        border: 1px solid #e0e0e0;
        height: 50px;
    }

    .terms_wrap .terms_body .term_tablebox.scrolltb {
        overflow-x: auto;
    }

    .terms_wrap .terms_body .term_tablebox.scrolltb table {
        min-width: 800px;
    }

    .terms_wrap .terms_tit h3 {
        font-size: 20px;
        font-weight: 500;
        float: initial;
    }

    .terms_wrap .terms_history {
        float: initial;
        margin-top: 10px;
    }

    .terms_wrap .terms_history select {
        width: calc(100% - 85px);
    }

    .terms_wrap .terms_body p.t_txt_top {
        font-size: 15px;
        line-height: 25px;
    }

    .terms_wrap .terms_body p.bt1 {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: -15px;
    }

    .terms_wrap .terms_body p.mt1 {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .terms_wrap .terms_body p.aste {
        font-size: 14px;
        line-height: 25px;
        padding-left: 20px;
    }

    .terms_wrap .terms_body p.aste::before {
        left: 0;
    }

    .terms_wrap .terms_body ul {
        font-size: 15px;
    }

    .terms_wrap .terms_body li.m_num span.num {
        top: 5px;
        text-align: left;
    }

    .terms_wrap.perinfo .terms_body li.m_num span.num {
        top: 3px;
    }

    .terms_wrap .terms_body li.m_num>p {
        line-height: 23px;
        padding-left: 20px;
    }

    .terms_wrap .terms_body p.t_txt {
        font-size: 15px;
        line-height: 25px;
    }

    .terms_wrap .terms_body li.s_num>p {
        font-size: 14px;
        line-height: 25px;
        padding-left: 20px;
    }

    .terms_wrap .terms_body li.s_num ul li p {
        font-size: 14px;
        padding-left: 20px;
        line-height: 23px;
    }

    .terms_wrap .terms_body .term_tablebox {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .terms_wrap .terms_body .term_tablebox td {
        font-size: 14px;
        padding: 10px;
    }

    .terms_wrap .terms_body .term_ps {
        padding: 10px 20px 15px 20px;
        margin-top: 30px;
    }

    .terms_wrap .terms_body .term_ps .pstit {
        font-size: 15px;
        line-height: 30px;
    }

    .terms_wrap .terms_body .term_ps p {
        font-size: 14px;
        line-height: 22px;
        padding-left: 24px;
    }

    .terms_wrap .terms_body .term_ps p::before {
        width: 15px;
        height: 15px;
        top: 5px;
    }
    
    /* 20251021추가 */
    .modal_popup.servDetailModal .modal_contents .section .table .col1{font-size: 14px;}
    .modal_popup.servDetailModal .modal_contents .section .table .chip-wrap{ gap:4px;}
    .modal_popup.servDetailModal .modal_contents .section .table .chip-wrap li{ padding:4px 6px; font-size: 13px;}
    .modal_popup.servDetailModal .modal_contents .section .table ul.info{gap:10px;}
    .modal_popup.servDetailModal .modal_contents .section .table ul.info li .strong{font-size: 13px;}
    .modal_popup.servDetailModal .modal_contents .section .table ul.info li .normal{font-size: 13px;}
    .modal_popup.regCompleteModal .modal_contents h3{font-size: 16px; padding-bottom: 10px;}
    .modal_popup.regCompleteModal .modal_contents.mini .data p br {display: block;}

    /* modal popup 220808 */
    .modal_popup .modal_contents {
        width: 90%;
    }

    .modal_popup .modal_contents .tit {
        padding-bottom: 10px;
    }

    .modal_popup .modal_contents .tit h2 {
        font-size: 18px;
    }

    .modal_popup .modal_contents .data p {
        font-size: 14px;
        line-height: 22px;
    }

    .modal_popup .modal_contents .data p br {
        display: none;
    }

    .modal_popup .modal_contents .data input {
        font-size: 14px;
        height: 45px;
    }

    .modal_popup .modal_contents .data .modalError {
        font-size: 13px;
    }

    .modal_popup .modal_contents .emailSend {
        font-size: 14px;
        line-height: 45px;
    }

    /* 휴대폰본인인증 모달 추가 2022-09-19 */
    .verifyBtn {
        font-size: 14px;
        margin-top: 10px;
    }
    .modal_popup.verifyModal .modal_contents {
        width: 90%;
    }
    .modal_popup .modal_contents .data {
        max-height: 410px;
        overflow-y: scroll;
    }
    .modal_popup .modal_contents .data .subexp {
        margin: 10px 0 20px 0;
    }
    .modal_popup .modal_contents .data .subexp p {
        font-size: 14px;
    }
    .modal_popup .modal_contents .data .closeBtn2 {
        width: 100px;
        line-height: 45px;
        font-size: 15px;
    }
    .modal_popup .modal_contents .data .verifyTable table {
        font-size: 13px;
    }
    .verifyTable table thead tr th {
        padding: 5px;
    }
    .verifyTable table tbody td {
        padding: 10px 5px;
    }

    /* 2022-09-15 추가 */
    .payment_cmplt {
        width: 100%;
        margin: initial;
        padding-top: 40px;
    }

    .payment_cmplt .tit h3 {
        font-size: 20px;
    }

    .payment_cmplt .tit .sub {
        padding: 10px 10px 10px 25px;
        margin-top: 15px;
    }

    .payment_cmplt .tit .sub p {
        font-size: 13px;
        line-height: 21px;
        padding-left: 5px;
    }

    .payment_cmplt .tit .sub p::before {
        width: 3px;
        height: 3px;
        left: -6px;
        top: 10px;
    }

    .payment_cmplt .detail {
        font-size: 14px;
        margin-top: 20px;
    }

    .payment_cmplt .detail .line {
        height: 45px;
        padding: 15px 0px 15px 110px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .payment_cmplt .detail .line span {
        left: 5px;
    }
    .payment_cmplt .btn {
        padding-top: 30px;
    }
    .payment_cmplt .btn a {
        line-height: 50px;
        font-size: 14px;
    }

/* 2022-09-15 추가 */

    /* 20230517 회사소개 연혁 추가 */
    .history_nav {width: 100%;}
    .history_nav .history_tab {overflow: hidden;}
    .history_nav .history_tab li {float: left;width: calc(100% / 3);font-size: 14px;line-height: 1.5;margin-right: 0;padding: 15px 5px;text-align: center;}
    .history_nav .history_tab li.on {font-size: 14px;}
    .history_nav .history_tab li a {padding-left: 0;}
    .history_con {width: 100%;padding: 15px 0 15px 12px;}
    .history_con .his_detail .his_year {padding:8px 0 8px 17px ;}
    .history_con .his_detail .his_year .year_txt {width: 100%;font-size: 16px;font-weight: 500;padding-top: 0;padding-bottom: 8px;}
    .history_con .his_detail .his_year .year_txt::before {width: 7px;height: 7px;left: -21px;top: 6px;}
    .history_con .his_detail .his_year .month_detail {width: 100%;}
    .history_con .his_detail .his_year .month_detail ul li {font-size: 15px;line-height: 1.6;padding-bottom: 5px;}
    .history_con .his_detail .his_year .month_detail ul li span {padding-right: 12px;}
    /* 20230517 회사소개 연혁 추가 */

	/* 240102 ESG */
    .subpage_tit.esg {
        height: 190px;
        background-size: cover;
    }
    .subpage_tit.esg .txt_wrap {
         padding-top: 66px; /* 250812 수정 */
    }
    .subpage_tit.esg .txt_wrap h2 {
        font-size: 26px;
        letter-spacing: -1px;
        font-weight: 500;
    }
    .subpage_tit.esg .txt_wrap .sub {
        font-size: 13px;
        letter-spacing: 3px;
        margin-top: 8px;/* 250812 수정 */
    }
    .esg_msg {
        padding-top: 40px;
    }
    .esg_msg p.esgtit {
        font-size: 20px;
        line-height: 30px;
    }
    .esg_msg p.esgtit::before {
        width: 25px;
        left: -35px;
        background-size: contain;
    }
    .esg_msg p.esgtit::after {
        width: 25px;
        right: -35px;
        background-size: contain;
    }
    .esg_msg p.esgtit br {
        display: block;
    }
    .esg_msg p.esgsub {
        font-size: 16px;
        margin-top: 10px;
        word-break: keep-all;
    }
    .esg_nav .esg_tabnav {
        padding: 20px 10px;
        margin-top: 25px;
        margin-bottom: 40px;
    }
    .esg_nav .esg_tabnav li {
        padding-left: 0;
        padding-right: 0;
        width: calc((100% - 20px)/3);
    }
    .esg_nav .esg_tabnav li::before {
        left: 0;
        height: 40px;
        top: 20px;
    }
    .esg_nav .esg_tabnav li a {
        flex-direction: column;
    }
    .esg_nav .esg_tabnav li a .txt {
        padding-left: 0;
        text-align: center;
    }
    .esg_nav .esg_tabnav li a .txt .navtit {
        font-size: 15px;
        line-height: 18px;
        padding-top: 12px;
        margin-bottom: 0;
    }
    .esg_nav .esg_tabnav li a .txt .navsub {
        display: none;
    }
    .esg_nav .esg_tabnav li a .img {
        width: 50px;
        height: 50px;
        padding: 5px;
    }
    .esg_board .kgboard_wrap table tbody tr td:nth-child(2) {
        display: block;
        margin-bottom: 3px;
    }
    .esg_board .kgboard_wrap table tbody tr td a {
        white-space: initial;
        line-height: 1.55;
    }
    .esg_board .kgboard_wrap table tbody tr td:nth-child(3) {
        font-size: 13px;
        padding: 3px 0;
        color: #999;
    }
    
    .esgcontents .txt_wrap {
        padding-top: 30px;
    }
    
    .esgcontents .txt_wrap h3 {
    	font-size: 18px;
        font-weight: 500;
        padding-bottom: 0;
    }
    /* 240102 ESG */
    
     /* 20240112 ESG */
    .terms_body .esglabel_wrap .label {width:calc((100% - 20px) / 2); margin: 5px;}
    .terms_body .esglabel_wrap .label a {padding: 15px;}
    .terms_body .esglabel_wrap .label .tit {font-size: 16px;line-height: 1.5;}
    .terms_body .esglabel_wrap .label .sub {font-size: 15px;}
    .terms_body .esglabel_wrap .label img {height: 50px;}
    /* 20240112 ESG */
    
    /* 240201 수정 */
    .subpage_tit.esg {
        height: 190px;
        background-size: cover;
    }
    .subpage_tit.esg .txt_wrap {
        padding-top: 70px;
    }
    .subpage_tit.esg .txt_wrap h2 {
        font-size: 26px;
        letter-spacing: -1px;
        font-weight: 500;
    }
    .subpage_tit.esg .txt_wrap .sub {
        font-size: 13px;
        letter-spacing: 3px;
        margin-top: 12px;
    }
     /* 250812 수정(추가) */
    .faq_wrap .faq_nav {margin-bottom: 8px;}
    .faq_wrap .faq_nav li {margin: 0;width: calc(100% / 3); padding: 0;}
    .faq_wrap .faq_con .faq_cate2 {margin: 0 -20px;width: calc(100% + 40px);overflow-x: auto;padding: 10px 20px 20px 20px;}
    .faq_wrap .faq_con .faqsection::before {content:'';position: absolute;width: 20px;height: 36px;left: -20px;top: 10px;background: linear-gradient(90deg, #fff, transparent);}
    .faq_wrap .faq_con .faqsection::after {content:'';position: absolute;width: 20px;height: 36px;right: -20px;top: 10px;background: linear-gradient(280deg, #fff, transparent);}
    .faq_wrap .faq_con .faq_cate2::-webkit-scrollbar {height: 0px;}
    .faq_wrap .faq_con .faq_cate2 ul {width: max-content;}
    .faq_wrap .faq_con .faq_cate2 li button {font-size: 12.8px;padding: 9px 12px;}
    .faq_wrap .faq .faq-btn {padding: 15px 5px;font-size: 14px;}
    .faq_wrap .faq .faq-btn .tit {flex-direction: column;}
    .faq_wrap .faq .faq-btn .tit::after {/* width: 20px; *//* height: 20px; *//* right: -20px; *//* bottom: 0px; */display: none;/* top: unset; */}
    .faq_wrap .faq .faq-btn .tit .category {font-size: 13px;}
    .faq_wrap .faq .faq-btn .tit .category span {padding-right: 5px;}
    .faq_wrap .faq .faq-btn .tit .faq-tit {padding-left: 0;padding-top: 5px;line-height: 1.4;}
    .faq_wrap .faq .answ .answ-wrap {font-size: 14px;padding: 0px 5px 20px 5px;color: #777;background: #fff;border-top: 0;}
    /* 250812 수정(추가) 끝 */
    
    /* 250814추가 */
    .certi_box ul li{padding:12px 16px; font-size: 16px; line-height: 1.4;}
    .certi_box ul li img{width:50px;}
    
    /* 20250916 IR페이지 추가 */
        .investTap_wrap{width: calc(100% - 40px) !important; margin:40px auto 40px;}/* 20250919 수정 */
    .investTap_wrap ul li{padding:20px 10px;}
    .investTap_wrap ul li a{font-size: 18px;}
    
     /* 20250924 수정 */
    .ir_ask .form_wrap .policy_agree .agree_btn {height:20px;}
    .ir_ask .form_wrap .policy_agree .agree_btn.alert {height:42px;}
    .ir_ask .form_wrap .input_group .data.alert p.errmsg.check { transform:translateY(-10px); }
    
     /* 20250925 수정 */
    .irCon_wrap.faq_wrap .faq .faq-btn .tit{flex-direction: row;}
    .irCon_wrap.faq_wrap .faq .faq-btn .tit .faq-tit{padding-top: 0;}
    
     /* 20260821 추가 */
    .tech_pay .moreserve_hr{margin-top: 40px;}
    .tech_pay .moreServ_wrap ul li{width: calc((100% - 32px) / 3); margin-right: 16px; padding: 20px;}
    .tech_pay .moreServ_wrap ul li img{height:60px; margin-bottom: 14px;}
    .tech_pay .moreServ_wrap ul li p.tit{font-size: 16px; font-weight: 500;}
    .tech_pay .moreServ_wrap ul li p.sub{font-size: 14px; margin-top: 0;}
    .tech_pay .moreServ_wrap ul li a.btn{padding:10px; font-size: 14px; margin-top: 16px;}
    
     /* 20260427 미납내역 조회 팝업 반응형 추가 */
    .modal_popup.creditInfoModal .modal_contents .modalBody .body-tit{
        font-size:14px;
        line-height: 1.5;
    }
    .modal_popup.creditInfoModal .modal_contents .modalBody div{
        font-size:14px;
        padding-top: 10px;
    }
    /* 20260427 미납내역 조회 팝업 반응형 추가 끝*/
}

/* 20260821 추가 및 수정 */
@media screen and (max-width: 635px) {
    .service_info .flowbtn_wrap{
        /* flex-direction: column; */
        text-align: left;
        gap: 16px;
        /* align-items:flex-start; */
        border-radius: 16px;
        flex-wrap: wrap;
    }
    .service_info .flowbtn_wrap .flowbtn a{padding:13px}

    .service_info .pay_line .pay_info.newserv .flowBlog_wrap{gap:5px; padding:28px; margin-top: 0px; border-radius: 16px;flex-wrap: wrap;}
    /* .service_info .pay_line .pay_info.newserv .flowBlog_wrap .left img{display: none;} */
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .blogRight{display: none;}
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .arrowBtn{display: block; margin-left:auto}
    
}
/* 20260821 추가 및 수정 끝*/

@media screen and (max-width: 600px) {
    .header .gnb_admin .search-area .top {
        height: 300px;
    }
}

@media screen and (max-width: 570px) {
	    .form_wrap .radio_container label a {
        display: none;
    }
    .verifyBtn2 {
        display: block;
    }

}


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

    /* sugpage - customer center - escrow purchase popup */
    .popup-wrap {
        width: calc(100% - 20px);
        padding: 20px;
        margin: 10px;
    }

    .popup-wrap .popup-header {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .popup-wrap .popup-header h1 {
        font-size: 22px;
    }

    .popup-wrap .popup-main .detail-msg strong {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .popup-wrap .popup-main .detail-msg.alert p.errmsg {
        font-size: 13px;
    }

    .popup-wrap .popup-main .detail-msg .radio-wrap label {
        font-size: 14px;
        padding-right: 20px;
    }

    .popup-wrap .popup-main .detail-msg .radio-wrap label::before {
        width: 20px;
        height: 20px;
    }

    .popup-wrap .popup-main .detail-msg .radio-wrap label::after {
        top: 1px;
        width: 22px;
        height: 22px;
    }

    .popup-wrap .popup-main .detail-msg .radio-wrap input[type="radio"]:checked+label::after {
        background-size: 10px;
    }


    .popup-wrap .popup-main .detail-info .line {
        font-size: 14px;
    }

    .popup-wrap .popup-main .detail-info .line .data.alert p.errmsg {
        font-size: 13px;
    }

    .popup-wrap .popup-main .detail-info.popup2 {
        margin-bottom: 20px;
    }

    .popup-wrap .popup-main .detail-info.popup2 .line:first-child {
        margin-bottom: 10px;
    }

    .popup-wrap .popup-main .detail-info.popup2 .line .tit {
        line-height: 25px;
        width: 100%;
    }

    .popup-wrap .popup-main .detail-info.popup2 .line .data {
        width: 100%;
        white-space: initial;
    }

    .popup-wrap .popup-main .detail-info.popup2 .line .data input {
        font-size: 14px;
    }

    .popup-wrap .popup-main .detail-info.popup2 .line .data select {
        font-size: 14px;
    }

    .popup-wrap .popup-btn {
        padding-top: 20px;
    }

    .popup-wrap .popup-btn.popup2 {
        padding-top: 10px;
    }

    .popup-wrap .popup-btn .cmplt {
        font-size: 14px;
    }
    /* 250814 추가 */
    .certi_box ul {gap:12px;}
    .certi_box ul li{font-size: 14px; font-weight: 500;}
    .certi_box ul li img{width: 38px;} /* 20260227-1 수정 */
    
     /* 20250916 IR페이지 추가 */
    .investTap_wrap{margin:40px auto 20px;}
    .investTap_wrap ul li{padding:18px 8px;}
    .investTap_wrap ul li a{font-size: 16px;}
    
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .left img{display: none;}/* 20260723 추가*/
}

@media screen and (max-width: 500px) {
	/* 챙�◈졗��씵뮼�탐�쑦�혶쨈 챙�▦녍モ�슿� 챠흸혶챙�붴�� 20230607 */
	.modal_popup.applepopup .modal_contents {width: calc(100% - 60px);}
	.modal_popup .modal_contents .apple-btnwrap button {font-size: 14px;line-height: 45px;}
		
    .main_vis .txt_wrap {
        padding-top: 370px;
    }

    .main_vis .txt_wrap .btn_wrap a {
        width: 85%;
    }

    .main_vis .txt_wrap .btn_wrap a:first-child {
        margin-bottom: 8px;
        margin-right: 0;
    }

    .main_subvis .txt_wrap .btn_wrap a {
        width: 85%;
    }

    .main_subvis .txt_wrap .btn_wrap a:first-child {
        margin-bottom: 8px;
        margin-right: 0;
    }

    /* subpage input radio, check btn */
    .form_wrap .btn_wrap .radio_container {
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        overflow: hidden;
    }

    .form_wrap .radio_container label {
        width: calc(100% / 4);
        border-right: 1px solid #e0e0e0;
        line-height: 42px;
        text-align: center;
        display: inline-block;
        padding: 0;
    }

    .form_wrap .radio_container.split5 label {
        width: calc(100% / 5);
    }

    .form_wrap .radio_container.split2 label {
        width: calc(100% / 2);
    }
    
     .form_wrap .radio_container.split2 label {
        width:100%; /* 20251021 수정 */
    }
    
    .form_wrap .radio_container.split1 label {
        width: calc(100%);
    }
    
    .form_wrap .radio_container label.last-child {/* 20251021 수정 */
        border-right: 0;
    }

    .form_wrap .radio_container label::before {
        z-index: -2;
        border: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        margin: 0;
        margin-left: 0;
        border-radius: 0;
        top: 0;
        background-image: none;
    }

    .form_wrap .radio_container label::after {
        z-index: -1;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        margin: 0;
        border-radius: 0;

    }

    .form_wrap .radio_container input[type="radio"]:checked+label {
        color: #fff;
    }

    .form_wrap .radio_container input[type="radio"]:checked+label::after {
        background-color: #744ac5;
        border: 0;
    }

    .form_wrap .radio_container input[type="checkbox"]:checked+label {
        color: #fff;
        width:100% /* 20251021 추가 */
    }

    .form_wrap .radio_container input[type="checkbox"]:checked+label::after {
        background-color: #744ac5;
        border: 0;
    }


    /* 2022-09-21 서비스신청하기 체크박스 스타일 추가 */
    .form_wrap .radio_container.ckbx label::before {
        border-radius: 0;
        border:initial;
    }
    .form_wrap .radio_container.ckbx label::after {
        border-radius: initial;
    }
    .form_wrap .radio_container.ckbx input[type="checkbox"]:checked+label::after {
        background-image: none;
    }
    .tech_pay.servReg .form_wrap .input_group .data.alert p.errmsg{margin-top: 8px;} /* 20251027추가 */
    
    /* subpage about us*/
    .noti_tit .table_wrap table tbody th {
        font-size: 14px;
    }

    .noti_tit .table_wrap table tbody td {
        font-size: 14px;
        padding: 10px 5px;
    }

    .partners {
        padding-bottom: 0;
    }

    .partners .partners-slide-wrap .partners-slideshow {
        height: 60px;
    }

    .partners-slideshow .slide-content {
        height: 60px;
    }

    .partners-slideshow .slide-content2 {
        height: 60px;
    }
    
    /* 20230607 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;}
    /* 20230607 apple pay popup */
    
    /* 20240112 ESG */
    .terms_body .esglabel_wrap .label {width: 100%; margin: 0;margin-bottom: 15px;}
    .terms_body .esg_h2 {padding: 15px 0;margin-top: 50px;margin-bottom: 25px;}
    .terms_body .esg_h2 .txt {align-items: flex-start;}
    .terms_body .esg_h2 .txt {font-size: 18px;}
    .terms_body .esg_h2 .txt p {font-size: 18px;padding-top: 0;padding-bottom: 0;word-break: keep-all;}
    .terms_body .esg_h2 .labelimg {flex-wrap: wrap;justify-content: flex-end;padding-left: 20px;}
    .terms_body .esg_h2 .labelimg img {height: 35px;}
    /* 20240112 ESG */
    
    /* 20251021 추가 */
    .tech_pay.servReg .form_wrap .radio_container>div{float:left; width:50%;}
    .tech_pay.servReg .form_wrap .radio_container .input_group .data input{width:50%;}
    .tech_pay.servReg .form_wrap .radio_container span{display: none;}
    .tech_pay.servReg .form_wrap .input_group .data .sub_info{display: block;}
    .modal_popup.servDetailModal .modal_contents{width:100%; height:100%; border-radius: 0;}
    .modal_popup.servDetailModal .modal_contents .sec-wrap{height:calc(100% - 50px); padding-bottom: 20px; margin-top: 50px;}
    .modal_popup.servDetailModal .modal_contents .tit {padding-bottom: 12px;}
    .modal_popup.servDetailModal .modal_contents .tit h3 {font-size:18px; padding-right: 5px;}
    .modal_popup.servDetailModal .modal_contents .section{padding:16px 20px;}
    .modal_popup.servDetailModal .modal_contents .section .table .line{flex-direction: column;align-items:flex-start;}
    .modal_popup.servDetailModal .modal_contents .section .table .col{padding:15px 0;}
    .modal_popup.servDetailModal .modal_contents .section .table .col1{padding-bottom: 0px;}
    .modal_popup.servDetailModal .modal_contents .section:last-child{margin-top: 0;}
    .modal_popup.servDetailModal .modal_contents .closeBtn {top:15px;}
    
     /* 20260821 추가 */
    .tech_pay .moreServ_wrap ul{flex-direction: column; gap: 20px;}
    .tech_pay .moreServ_wrap ul li{width:100%; padding:24px 20px;}
    .tech_pay .moreServ_wrap ul li a.btn{margin-top: 16px;}
}

 /* 20260821 추가 */
@media screen and (max-width: 466px) {
    .service_info .flowbtn_wrap .flowbtn{width:100%; text-align: center;}
    .service_info .flowbtn_wrap .flowbtn a{width:100%;}
}

@media screen and (max-width: 430px) {
    .landing_sc ul li {
        font-size: 15px;/*20230403*/
        height: 65px;/*20230403*/
    }

    .landing_sc ul li a {
        /*line-height: 50px;*//*20230403*/
    }

    .landing_sc ul li a:hover {
        background-color: initial;/*20230403*/
    }

    .landing_sc ul li::after {
        height: 15px;
    }

    .landing_wrap {
        padding-top: 10px;
    }

    .landing_wrap .landing_box {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    .landing_wrap .landing_box:nth-child(2n) {
        margin-bottom: 0;
    }

    .landing_wrap .landing_box .txt_wrap .txt {
        padding: 40px 20px 35px 25px;
    }

    .landing_wrap .landing_box .txt_wrap .txt strong {
        font-size: 20px;
    }

    .landing_wrap .landing_box .txt_wrap .txt p {
        font-size: 15px;
        line-height: 25px;
    }

    .landing_wrap .landing_box .txt_wrap .txt a {
        font-size: 14px;
    }

    .landing_wrap .landing_box .img_wrap {
        padding: 0 10px;
    }
    /* 250814 추가 */
     .certi_box ul{gap: 12px 5px; /* 20251104 수정 */
        text-align: center;
        margin-top: 12px;
    }
    .certi_box ul li{
        font-size: 12px;
        flex-direction: column;
        width: 23%; /* 20251104 수정 */
        border: none;
        background-color: transparent;
        gap: 8px;
        padding: 0px; /* 250902 수정 */
    }
    .certi_box ul li br{display: block;} /* 250902 추가 */
    
    /* 20250916 IR페이지 추가 */
    .investTap_wrap ul li a{font-size: 15px;}
    
    .service_info .flowbtn_wrap .flowbtn{width:100%; text-align: center;}  /* 20260821 추가 */
}

@media screen and (max-width: 375px) {
    .main_vis {
        background-size: 370px;
    }

    .main_vis .txt_wrap {
        padding-top: 340px;
    }

    .tech_pay .txt_wrap .cleannum span {
        font-size: 13px;
    }

    .tech_pay .txt_wrap .cleannum span:nth-child(5) {
        margin-left: 0;
    }
}

@media screen and (max-width: 360px) {
    .header .gnb_admin .search-area .top {
        height: 290px;
    }

    .header .gnb_admin .search-area .top ul li {
        margin-bottom: 10px;
        line-height: 28px;
    }

    .header .gnb_admin .search-area .top ul li a {
        font-size: 12px;
        padding: 5px 8px;
    }
    
    /* 240102 ESG */
    .esg_nav .esg_tabnav {
        padding: 20px 5px;
    }
    .esg_nav .esg_tabnav li {
        width: calc((100% - 10px)/3);
    }
    /* 240102 ESG */
    
    .service_info .flowbtn_wrap{padding:25px 20px;} /* 20260821 추가 */
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap{padding:25px 20px 12px;} /* 20260821 수정 */
    .service_info .pay_line .pay_info.newserv .flowBlog_wrap .left .br{display: none;} /* 20260821 수정 */
}