/* ========= 모바일 css ========= */
/* === 간편결제 장점 ===*/
.ka_p_mer{display: none;}
.ka_m_mer{width: 100%; margin-bottom: 50px;}

/* === PC목업 화면===*/
.ka_scrbg{width: 100%; background: #F4F5F8; padding: 40px 0; margin-bottom: 50px;}
.ka_mp_sr{width: 100%;}

/* === 모바일 목업화면[슬라이드] ===*/
.ka_mob{position: relative;}
.swiper{width: 100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: rgba(255, 255, 255, 0); */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative; padding-top: 40px;
}
.bg_circle{
    position: absolute;
    width: 95%;
    left: 50%; top: 0%;
    transform: translate(-50%);
}

.p_psid_on{width: 100%;}
.p_bg_sl{width: 60%; margin: 0 auto 45px auto;}
.p_bg_sltxt{display: none;}
.but_right{right: 0px !important;}
.but_left{left: 0px !important;}
.but_right::after, .but_left::after{content: ""; font-size: 1.5em !important;}

.page_num{display: flex; justify-content: center; bottom: 20px !important;}
.page_num>span{width: 5% !important; font-size: 0.85em;}

/* 버튼 */
.two_but{margin-top: 50px;}

/* === 반응형 css ===*/
/* 모바일 */
@media (min-width: 320px) and (max-width: 374px){
    /* === PC목업 화면===*/
    .ka_scrbg{padding: 45px 0;}
}
@media (min-width: 375px) and (max-width: 414px){
    /* === PC목업 화면===*/
    .ka_scrbg{padding: 45px 0;}
}
@media (min-width: 415px) and (max-width: 515px){
    /* === PC목업 화면===*/
    .ka_scrbg{padding: 45px 0;}
}
@media (min-width: 516px) and (max-width: 616px){
    /* === 간편결제 장점 ===*/
    .ka_m_mer{width: 90%; margin: 0 auto 50px auto;}

    /* === PC목업 화면===*/
    .ka_scrbg{padding: 50px 0;}
}
@media (min-width: 617px) and (max-width: 711px){
    /* === 간편결제 장점 ===*/
    .ka_m_mer{width: 80%; margin: 0 auto 50px auto;}

    /* === PC목업 화면===*/
    .ka_scrbg{padding: 55px 0;}
}

/* 테블릿 */
@media (min-width: 712px) and (max-width: 800px){
    /* === 간편결제 장점 ===*/
    .ka_m_mer{display: none;}
    .ka_p_mer{display: block; width: 100%; margin-bottom: 50px;}

    /* === PC목업 화면===*/
    .ka_scrbg{padding: 55px 0;}
}
@media (min-width: 801px) and (max-width: 1024px){
    /* === 간편결제 장점 ===*/
    .ka_m_mer{display: none;}
    .ka_p_mer{display: block; width: 70%; margin: 0 auto 50px auto;}

    /* === PC목업 화면===*/
    .ka_scrbg{padding: 55px 0;}
}

/* 데스크탑 일반 */
@media (min-width: 1025px){
    /* === 간편결제 장점 ===*/
    .ka_m_mer{display: none;}
    .ka_p_mer{display: block; width: 60%; margin: 0 auto 130px auto;}

    /* === PC목업 화면===*/
    .ka_scrbg{padding: 60px 0; margin-bottom: 130px;}

    /* 버튼 */
    .two_but{margin-top: 130px;}
}