/* ========= 모바일 css ========= */
/* === 메인 슬라이드 ===*/
.main_banner{ 
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.swiper, .p_slideImg{width: 100%; height: 100%;}
.swiper-slide {
    text-align: center; padding: 25px 0px;
    font-size: 18px;
    background: #fff;
    /* 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;
}
/*슬라이드 배경 넣어주기*/
.bg_i_01{background-color: #F3F8FF; cursor: pointer;}
.bg_i_02{background-color: #fff1f3; cursor: pointer;}
.bg_i_03{background-color: #F3F8FF; cursor: pointer;}
.bg_i_04{background-color: #fff1f3; cursor: pointer;}
.bg_i_05{background-color: #fbfada; cursor: pointer;}
.bg_i_06{background-color: #F1F9F9; cursor: pointer;}
.bg_i_07{
    background-color:#dde9f9; cursor:pointer; 
    background-image:url('../img/main/banner_bg10.png'); background-repeat:no-repeat; 
    background-position:center; background-size:cover;
}


.p_bgSlide{display: flex; flex-direction: column;}

/* 메인배너 텍스트 */
.p_Stext{width: 100%; display: flex; flex-direction: column;}
.tit_text01{
    width: 100%; font-size: 2.8em; line-height: 65px;
    text-align: left; 
    font-family: "twayair";
    margin-top: 20px;
}
.mini_txt{font-size: 1.25em !important; color: #313131; text-align: left; font-family: "twayair";}
.t_co_txt01{color: #313131;}
.t_co_txt02{color: #0049eb;}
.t_co_txt03{color: #c7022c;}

.tco_p02{color: #e3136d;}
.tco_p03{color: #feaa2b;}
.tco_p04{color: #007bb4;}

/* 버튼 */
.mt80{margin-top: 80px !important;}
.tit_text02{margin-top: 100px; text-align: left; font-size: 1.0em;}
.tit_text02>p{font-size: 1.15em; color: #494949; margin-bottom: 20px;}
.days_bg{
    font-size: 0.9em !important; color: #0049eb !important;
    font-weight: 600;
}
.app_play{width: 100%; display: flex; gap: 10px; margin-top: 10px;}
.play_but{
    min-width: 115px; max-width: 165px; width: 100%;
    height: 40px;
    border-radius: 5px; background: #fff;
    padding: 10px 6px; box-shadow: 5px 5px 10px #adadad6c;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.75em; font-weight: 500; margin-bottom: 15px;
    transition: all 0.25s;
    cursor: pointer;
}
.play_but:hover{box-shadow: none;}
.plusbut{
    min-width: 240px; width: 100%;
    gap: 25px !important; font-size: 0.9em; 
    background: #191919 !important; color: #fff !important;
}
.but_ck{display: inline-block; width: 22px; margin-right: 5px;}
.but_ck>span{color: #fff;}
.swiper-pagination-bullet{color: #0262C9 !important;}

/* 홍보이미지 */
.p_Simg{width: 100%; margin: 20px auto 0 auto; padding: 0 5px;}

.m_stop{display: none !important;}

/* === 페이업 주요서비스 ===*/
.payup_service{margin: 50px auto;}

.service_pay{order: 1; width: 100%;}
.service_list{display: flex; justify-content: space-between; gap: 2%;}
.service_list>li{width: 23%; cursor: pointer;}
.list_boxBg{width: 100%; display: flex; flex-direction: column-reverse;}
.ser_tit{font-size: 0.55em; text-align: center;}
.ser_icon{width: 55%;  margin: 0 auto 5px auto;}
.ser_txt{display: none;}
.ser_iconbg{opacity: 0;}

/* === 페이업 가입비&수수료 ===*/
.payup_membership{margin: 0 auto 50px auto;}

.content-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8em;
    min-width: 260px; /*padding값때문에 260px*/
    overflow: hidden;
}
.p_tit_n1, .p_bot_tit, .p_cot_con, .p_en_con, .m_cot_con02{display: none;}
.content-table thead tr {
    width: 100%;
    /* background-color: #0262C9; */
    /* color: #ffffff;  */
    border-top: 2px solid #4b4b4b;
    border-bottom: 2px solid #4b4b4b;
    text-align: center;
    font-weight: bold;
}
tr:hover{background: #e9eff271;}
thead>tr:hover{background: none;}
.m_tsi_n1{width: 23% !important;}
.m_tsi_n2{width: 27% !important;}
.m_tsi_n3{width: 50% !important;}
.content-table th, .content-table td {
    padding: 8px 3px;
    text-align: center; 
    vertical-align: middle;
    line-height: 18px;
}
.cotxt_p{display: inline; color: #0262C9; font-weight: 600;}
.td_cotxt{color: #0262C9; font-weight: bold;}
.m_tbody .sm_txt{font-size: 0.78em; color: #666; font-weight: normal !important;}
.sm_txt{color: #8b8b8b !important;}
.sm_line{line-height:15px;}
.content-table tbody tr {border-bottom: 1px solid #c9c9c9;}
/* .content-table tbody tr:nth-of-type(even) {background-color: #FAFAFA;} */
.content-table tbody tr:last-of-type {border-bottom: 2px solid #4b4b4b;}
.content-table tbody tr.active-row {font-weight: bold; color: #0262C9;}

/* === 페이업 고객센터_안내 ===*/
.customer{
    width: 100%; padding: 40px 0;
    margin: 0 auto 50px auto;
    background: #F4F5F8;
    display: flex; justify-content: center;
    flex-direction: column; align-items: flex-start;
}
.cs_cont>h6{font-size: 1.28em; padding-bottom: 30px;}
.bi{display: block; font-size: 1.5em; font-weight: 700; display: flex; padding-bottom: 15px;}
.bi_rcol{color: #F24949;}
.cs_infor{width: 100%; line-height: 22px; font-size: 0.9em;}
.p_inforline{display: none;}

/* === 페이업 공지&자주하는질문 ===*/
.not_oft{margin-bottom: 50px; display: flex; flex-direction: column;}
.main_notice{margin-bottom: 50px;}
.cs_no{
    display: flex; justify-content: space-between; 
    align-items: center; font-size: 0.95em;
    padding: 5px; margin-bottom: 5px;
    border-bottom: 3px solid #707070;
}
.no_cs{font-size: 0.8em;}
.no_cs>li{
    padding: 10px 5px;
    border-bottom: 1px solid #dfdfdf;
}
.no_cs>li:last-child{border-bottom: 0;}
.no_cs>li>a{
    display: block;
    width: 100%; gap: 3%;
    display: flex; justify-content: space-between; align-items: center;
}
.no_left{
    width: 69%; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap;
}
.no_right{width: 28%; color: #838383; font-size: 0.85em; text-align: right;}

/* 첫줄 고정공지 */
.no_alarm{display: flex; align-items: center;}
.material-icons{vertical-align: middle; font-size: 1.25em; color:#F24949; margin-right: 5px;}
.no_tit{color: #F24949; font-weight: 600;}

/* === 페이업 클라이언트 ===*/
.client_brand{width: 100%;}
.list_logo_brand{width: 100%;}
.list_logo{
    width: 100%; display: flex; justify-content: space-between;
    width: min-content; gap: 0.5%;
    animation: 15s linear infinite sliderAnimation;
}
.autoplay{
    width: 150px; vertical-align: middle; padding: 5px;
    /* margin-right: 10px; text-align: center; */
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    overflow: hidden;
}
.list_logo:last-child{margin-right: 0;}
@keyframes sliderAnimation {100% {transform: translateX(-50%);}}


/* === 팝업창 :: 사칭주의 안내 ===*/
/*팝업 박스*/
#popup_layer{display: none;}
.popup_box{
    position: fixed; left: 20px; top: 15px;
    width: 500px; z-index: 9999999;
    box-sizing:border-box; background:#fff; 
    box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
}

/*컨텐츠 영역*/
.popup_box .popup_img{width: 100%;}

/*버튼영역*/
.popup_btn{
    display:table; table-layout: fixed; 
    width:100%; height:50px; 
    background:#000000; 
    word-break: break-word;
}
.popup_btn a{
    position: relative; display: table-cell; 
    height:50px; color:#ffffff; 
    font-size:17px; text-align:center; vertical-align:middle;
    text-decoration:none; background:#063acb;
}
.close_day{border-right: 1px solid #fff;}

/* === 반응형 css ===*/
/* 모바일 */
@media (min-width: 320px) and (max-width: 374px){
    /* === 페이업 가입비&수수료 ===*/
    .m_tbody .sm_txt{font-size: 0.8em;}

    /* === 페이업 공지&자주하는질문 ===*/
    .cs_no{font-size: 1.0em;}
    .no_cs{font-size: 0.85em;}
    .no_left{width: 75%;}
    .no_right{width: 25%;}

    /* bg_i_01 텍스트 행간 조정 */
    .bg_i_01 .tit_text01{margin-top: 10px !important;}

    /* 메인배너 텍스트 */
    .mini_txt{font-size: 1.0em !important;}
    .tit_text01{font-size: 1.6em; line-height: 38px;}

    /* 버튼 */
    .mt80{margin-top: 65px !important;}
    .plusbut{max-width: 100% !important;}
    .tit_text02{margin-top: 70px;}
    .tit_text02>p{font-size: 0.95em; margin-bottom: 20px;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 90%; height: 525px; left: 50%; bottom: 50%; transform:translate(-50%, 13%);}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}
@media (min-width: 375px) and (max-width: 414px){
    /* bg_i_01 텍스트 행간 조정 */
    .bg_i_01 .tit_text01{margin-top: 10px !important;}

    /* 메인배너 텍스트 */
    .p_Stext{padding: 0;}
    .t_notop{margin-top: 0px !important;}
    .tit_text01{font-size: 2.0em; line-height: 45px;}
    .mini_txt{font-size: 1.1em !important;}

    /* 버튼 */
    .mt80{margin-top: 65px !important;}
    .play_but{max-width: 100%; height: 45px; font-size: 0.85em;}
    .tit_text02{margin-top: 70px;}
    .tit_text02>p{font-size: 1.0em; margin-bottom: 20px;}
    .app_play{ gap: 15px;}
    .plusbut{max-width: 100%; font-size: 0.95em;}
    .but_ck{margin-right: 8px;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 0.75em;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 0.85em; margin-top: 2px;}
    .ser_icon{width: 53%;}

    /* === 페이업 가입비&수수료 ===*/
    .content-table{font-size: 0.8em;}
    .content-table th, .content-table td{padding: 10px 3px;}
    .m_tbody .sm_txt{font-size: 0.75em;}
    .m_cot_con{display: none;}
    .m_cot_con02{display: block;}

    /* === 페이업 공지&자주하는질문 ===*/
    .cs_no{font-size: 1.05em;}
    .no_cs{font-size: 0.9em;}
    .no_left{width: 78%;}
    .no_right{width: 22%; font-size: 0.9em;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 93%; height: 525px; left: 50%; bottom: 50%; transform:translate(-50%, 14%);}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}
@media (min-width: 415px) and (max-width: 515px){
    /* bg_i_01 텍스트 행간 조정 */
    .bg_i_01 .tit_text01{margin: 10px!important;}

    /* 메인배너 텍스트 */
    .p_Stext{padding: 0;}
    .t_notop{margin-top: 0px !important;}
    .tit_text01{font-size: 2.2em; margin-top: 35px; line-height: 52px;}
    .mini_txt{font-size: 1.15em !important; margin-top: 10px;}

    /* 버튼 */
    .mt80{margin-top: 70px !important;}
    .play_but{max-width: 100%; height: 50px; font-size: 0.9em;}
    .tit_text02{margin-top: 80px;}
    .tit_text02>p{font-size: 1.05em; margin-bottom: 20px;}
    .days_bg{font-size: 1.0em !important;}
    .app_play{gap: 15px;}
    .plusbut{max-width: 100%; font-size: 0.95em;}
    .but_ck{margin-right: 8px;}

    /* 홍보이미지 */
    .p_Simg{width: 85%;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 0.85em; margin-top: 2px;}
    .ser_icon{width: 53%;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 0.95em; margin-top: 3px;}
    .ser_icon{width: 51%;}

    /* === 페이업 가입비&수수료 ===*/
    .content-table{font-size: 0.9em;}
    .content-table th, .content-table td{padding: 10px 3px;}
    .m_tbody .sm_txt{font-size: 0.78em;}
    .m_cot_con{display: none;}
    .m_cot_con02{display: block;}

    /* === 페이업 고객센터_안내 ===*/
    .cs_cont>h6{font-size: 1.4em;}
    .bi{font-size: 1.65em;}
    .cs_infor{line-height: 25px; font-size: 0.98em;}

    /* === 페이업 공지&자주하는질문 ===*/
    .cs_no{font-size: 1.1em;}
    .no_cs{font-size: 0.95em;}
    .no_cs>li{padding: 13px 5px;}
    .no_left{width: 80%;}
    .no_right{width: 20%; font-size: 0.92em;}

    /* 첫줄 고정공지 */
    .material-icons{font-size: 1.28em; padding-top:1px;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 93%; height: 525px; left: 50%; bottom: 50%; transform:translate(-50%, 13%);}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}
@media (min-width: 516px) and (max-width: 616px){
    /* bg_i_01 텍스트 행간 조정 */
    .bg_i_01 .tit_text01{margin: 10px!important;}

    /* 메인배너 텍스트 */
    .p_Stext{padding: 0;}
    .t_notop{margin-top: 0px !important;}
    .tit_text01{font-size: 2.4em; margin-top: 35px; line-height: 55px;}
    .mini_txt{font-size: 1.15em !important; margin-top: 10px;}

    /* 버튼 */
    .mt80{margin-top: 70px !important;}
    .play_but{max-width: 100%; height: 50px; font-size: 0.95em;}
    .tit_text02{margin-top: 80px;}
    .tit_text02>p{font-size: 1.08em; margin-bottom: 20px;}
    .days_bg{font-size: 1.05em !important;}
    .app_play{gap: 15px; margin-top: 15px;}
    .plusbut{max-width: 100%; font-size: 1.0em;}
    .but_ck{margin-right: 10px;}

    /* 홍보이미지 */
    .p_Simg{width: 80%;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 0.95em; margin-top: 5px;}
    .ser_icon{width: 45%;}

    /* === 페이업 가입비&수수료 ===*/
    .content-table{font-size: 0.9em;}
    .content-table th, .content-table td{padding: 10px 3px;}
    .m_tbody .sm_txt{font-size: 0.78em;}
    .m_cot_con{display: none;}
    .m_cot_con02{display: block;}

    /* === 페이업 고객센터_안내 ===*/
    .cs_cont>h6{font-size: 1.4em;}
    .bi{font-size: 1.65em;}
    .cs_infor{line-height: 25px; font-size: 0.98em;}

    /* === 페이업 공지&자주하는질문 ===*/
    .cs_no{font-size: 1.1em;}
    .no_cs{font-size: 0.95em;}
    .no_cs>li{padding: 13px 5px;}
    .no_left{width: 80%;}
    .no_right{width: 20%; font-size: 0.92em;}

    /* 첫줄 고정공지 */
    .material-icons{font-size: 1.28em; padding-top:1px;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 80%; height: 525px; left: 20px; top: 80px;}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}
@media (min-width: 617px) and (max-width: 711px){
    /* bg_i_01 텍스트 행간 조정 */
    .bg_i_01 .tit_text01{margin: 10px!important;}

    /* 메인배너 텍스트 */
    .p_Stext{padding: 0;}
    .t_notop{margin-top: 0px !important;}
    .tit_text01{font-size: 2.4em; margin-top: 35px; line-height: 55px;}
    .mini_txt{font-size: 1.2em !important; margin-top: 10px;}

    /* 버튼 */
    .mt80{margin-top: 70px !important;}
    .play_but{max-width: 100%; height: 50px; font-size: 0.95em;}
    .tit_text02{margin-top: 80px;}
    .tit_text02>p{font-size: 1.08em; margin-bottom: 20px;}
    .days_bg{font-size: 1.05em !important;}
    .app_play{gap: 20px; margin-top: 15px;}
    .plusbut{max-width: 100%; font-size: 1.0em;}
    .but_ck{margin-right: 10px;}

    /* 홍보이미지 */
    .p_Simg{width: 75%;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 0.95em; margin-top: 7px;}
    .ser_icon{width: 38%;}

    /* === 페이업 가입비&수수료 ===*/
    .content-table{font-size: 0.9em;}
    .content-table th, .content-table td{padding: 10px 3px;}
    .m_tbody .sm_txt{font-size: 0.8em;}
    .m_cot_con{display: none;}
    .m_cot_con02{display: block;}

    /* === 페이업 고객센터_안내 ===*/
    .cs_cont>h6{font-size: 1.4em;}
    .bi{font-size: 1.65em;}
    .cs_infor{line-height: 25px; font-size: 0.98em;}

    /* === 페이업 공지&자주하는질문 ===*/
    .cs_no{font-size: 1.1em;}
    .no_cs{font-size: 0.95em;}
    .no_cs>li{padding: 13px 5px;}
    .no_left{width: 80%;}
    .no_right{width: 20%; font-size: 0.92em;}

    /* 첫줄 고정공지 */
    .material-icons{font-size: 1.28em; padding-top:3px;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 68%; height: 525px; left: 20px; top: 80px;}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}

/* 테블릿 */
@media (min-width: 712px) and (max-width: 800px){
    /* bg_i_01 텍스트 행간 조정 */
    .bg_i_01 .tit_text01{margin: 10px!important;}

    /* === 메인 슬라이드 ===*/
    .swiper-slide{padding: 30px 0px;}

    /* 메인배너 텍스트 */
    .p_Stext{padding: 0; margin-bottom: 20px;}
    .t_notop{margin-top: 2px !important;}
    .tit_text01{font-size: 2.6em; margin-top: 35px; line-height: 60px;}
    .mini_txt{font-size: 1.25em !important; margin-top: 10px;}

    /* 버튼 */
    .mt80{margin-top: 70px !important;}
    .play_but{max-width: 100%; height: 50px; font-size: 0.95em;}
    .tit_text02{margin-top: 80px;}
    .tit_text02>p{font-size: 1.1em; margin-bottom: 20px;}
    .days_bg{font-size: 1.1em !important;}
    .app_play{gap: 20px; margin-top: 15px;}
    .plusbut{max-width: 300px; font-size: 1.0em;}
    .but_ck{margin-right: 10px;}

    /* 홍보이미지 */
    .p_Simg{width: 65%;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 1.0em; margin-top: 7px;}
    .ser_icon{width: 30%;}

    /* === 페이업 가입비&수수료 ===*/
    .content-table{font-size: 1.0em;}
    .m_tit_n1, .m_bot_tit, .m_cot_con, .m_en_con, .m_cot_con02{display: none;}
    .p_tit_n1, .p_bot_tit, .p_cot_con, .p_en_con{display: block;}
    .m_tsi_n1{width: 29% !important;}
    .m_tsi_n2{width: 17% !important;}
    .m_tsi_n3{width: 54% !important;}
    .content-table th, .content-table td{padding: 10px 3px; line-height: 22px;}
    .m_tbody .sm_txt{font-size: 0.85em;}
    
    /* === 페이업 고객센터_안내 ===*/
    .cs_cont>h6{font-size: 1.4em;}
    .bi{font-size: 1.65em;}
    .cs_infor{line-height: 25px; font-size: 0.98em;}
    .m_inforline{display: none;}
    .p_inforline{display: block;}

    /* === 페이업 공지&자주하는질문 ===*/
    .cs_no{font-size: 1.15em;}
    .no_cs{font-size: 0.95em;}
    .no_cs>li{padding: 12px 10px;}
    .no_left{width: 80%;}
    .no_right{width: 20%; font-size: 0.92em;}

    /* 첫줄 고정공지 */
    .material-icons{font-size: 1.29em; padding-top:5px;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 60%; height: 525px; left: 20px; top: 80px;}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}
@media (min-width: 801px) and (max-width: 1024px){
    /* === 메인 슬라이드 ===*/
    .swiper-slide{padding: 40px 20px;}
    .p_bgSlide{flex-direction: row; align-items: center; justify-content: space-between;}

    /* 메인배너 텍스트 */
    .p_Stext{width: 48%; padding: 0;}
    .t_notop{margin-top: 0px !important;}
    .tit_text01{font-size: 2.05em; margin-top: 15px; line-height: 45px;}
    .mini_txt{font-size: 1.3em !important;}

    /* 버튼 */
    .mt80{margin-top: 35px !important;}
    .play_but{max-width: 100%; height: 50px; font-size: 0.95em;}
    .tit_text02{margin-top: 40px;}
    .tit_text02>p{font-size: 1.05em; margin-bottom: 17px;}
    .days_bg{font-size: 1.1em !important;}
    .app_play{gap: 15px; margin-top: 15px;}
    .plusbut{max-width: 240px !important; font-size: 1.0em;}
    .but_ck{margin-right: 10px;}

    /* 홍보이미지 */
    .p_Simg{width: 44%; margin: 0;}

    /* === 페이업 주요서비스 ===*/
    .ser_tit{font-size: 1.05em; margin-top: 7px;}
    .ser_icon{width: 25%;}

    /* === 페이업 가입비&수수료 ===*/
    .content-table{font-size: 1.05em;}
    .m_tit_n1, .m_bot_tit, .m_cot_con, .m_en_con, .m_cot_con02{display: none;}
    .p_tit_n1, .p_bot_tit, .p_cot_con, .p_en_con{display: block;}
    .m_tsi_n1{width: 30% !important;}
    .m_tsi_n2{width: 20% !important;}
    .m_tsi_n3{width: 50% !important;}
    .content-table th, .content-table td{padding: 10px 3px; line-height: 22px;}
    .m_tbody .sm_txt{font-size: 0.8em;}

    /* === 페이업 고객센터_안내 ===*/
    .cs_cont>h6{font-size: 1.4em;}
    .bi{font-size: 1.65em;}
    .cs_infor{line-height: 25px; font-size: 0.98em;}
    .m_inforline{display: none;}
    .p_inforline{display: block;}

    /* === 페이업 공지&자주하는질문 ===*/
    .not_oft{justify-content: space-between; flex-direction: row;}
    .main_notice, .often{width: 47%; margin-bottom: 0;}
    .cs_no{font-size: 1.2em;}
    .no_cs{font-size: 1.0em; line-height: 20px;}
    .no_cs>li{padding: 12px 10px;}
    .no_left{width: 80%;}
    .no_right{width: 20%; font-size: 0.92em;}

    /* 첫줄 고정공지 */
    .material-icons{font-size: 1.29em; padding-top:5px;}

    /* === 팝업창 :: 사칭주의 안내 ===*/
    /*팝업 박스*/
    .popup_box{width: 45%; height: 525px; left: 20px; top: 80px;}
    .popup_btn a{color:#515151; background:#cfcfcf;}
}

/* 데스크탑 일반 */
@media (min-width: 1025px){
    /* === 메인 슬라이드 ===*/
    .swiper-slide{padding: 50px 0px;}
    .p_bgSlide{flex-direction: row; align-items: center; justify-content: space-between;}

    /* 메인배너 텍스트 */
    .p_Stext{width: 48%; padding: 0;}
    .t_notop{margin-top: 0px !important;}
    .mini_txt{font-size: 1.3em !important;}

    /* 버튼 */
    .mt80{margin-top: 85px !important;}
    .play_but{height: 55px; font-size: 0.95em;}
    .days_bg{font-size: 1.3em !important; margin-bottom: 10px;}
    .app_play{gap: 20px; margin-top: 15px;}
    .plusbut{max-width: 240px !important; font-size: 1.1em;}
    .but_ck{margin-right: 10px;}

    /* 홍보이미지 */
    .p_Simg{width: 38%; margin: 0;}

    /* === 페이업 주요서비스 ===*/
    .payup_service{order: 0; height: 430px; margin: 130px auto;}

    .service_pay{order: 0; height: 350px;}
    .service_list{width: 100%; height: 100%; gap: 4%;}
    .service_list>li{height: 100%; background: #F9F9F9; transition: all 0.8s;}
    .service_list>li:hover{box-shadow: 5px 5px 15px rgba(197, 197, 197, 0.651);}

    .list_boxBg{flex-direction: column; align-items: center; padding: 50px 0;}
    .ser_tit{font-size: 1.4em; padding-bottom: 30px; color: #1C316B;}
    .ser_icon{width: 30%; position: relative;}
    .ser_iconbg{transition: all 0.8s;}
    .service_list>li:hover .ser_iconbg{
        display: block; position: absolute;
        width: 35%; height: 35%; background: #83c7ffce;
        border-radius: 50%; opacity: 1; transition: all 0.6s;
    }
    .isbg01{right: 15px; bottom: -8px;}
    .isbg02{right: -5px; bottom: -10px;}
    .isbg03{right: -11px; bottom: 0px;}
    .isbg04{right: -11px; bottom: 0px;}
    .ser_txt{
        display: block; text-align: center; 
        font-size: 1.0em; line-height: 22px;
        padding-top: 50px; color: #4b4b4b;
    }

    /* === 페이업 가입비&수수료 ===*/
    .payup_membership{margin: 0 auto 130px auto;}
    .content-table{font-size: 1.05em;}
    .m_tit_n1, .m_bot_tit, .m_cot_con, .m_en_con, .m_cot_con02{display: none;}
    .p_tit_n1, .p_bot_tit, .p_cot_con, .p_en_con{display: block;}
    .m_tsi_n1{width: 19% !important;}
    .m_tsi_n2{width: 20% !important;}
    .m_tsi_n3{width: 50% !important;}
    .content-table th, .content-table td{padding: 15px 3px; line-height: 22px;}
    .m_tbody .sm_txt{font-size: 0.8em;}

    /* === 페이업 고객센터_안내 ===*/
    .customer{margin: 0 auto 130px auto; padding: 50px 0;}
    .cs_cont>h6{font-size: 1.4em;}
    .bi{font-size: 1.65em;}
    .cs_infor{line-height: 25px; font-size: 1.0em;}
    .m_inforline{display: none;}
    .p_inforline{display: block;}

    /* === 페이업 공지&자주하는질문 ===*/
    .not_oft{justify-content: space-between; flex-direction: row; margin: 0 auto 130px auto;}
    .main_notice, .often{width: 46%; margin-bottom: 0;}
    .cs_no{font-size: 1.2em; margin-bottom: 0px;}
    .no_cs{font-size: 1.0em; line-height: 22px;}
    .no_cs>li{padding: 12px 10px;}
    .no_left{width: 80%;}
    .no_right{width: 20%; font-size: 0.92em;}

    /* 첫줄 고정공지 */
    .material-icons{font-size: 1.29em; padding-top:5px;}

    /* === 페이업 클라이언트 ===*/
    .cen_t{width: 100%; margin-bottom: 50px; text-align: center !important; justify-content: center;}
    @keyframes sliderAnimation {100% {transform: translateX(-33%);}}
}