@charset "utf-8";
#wrap .contents{ padding-top: 24px; margin: 0 auto; }

#wrap #topBanner{display: none; position: relative; width: 1000px; margin: 0 auto; overflow: hidden; }
#wrap #topBanner .btnMoreView{position: absolute; top: 31px; right: 20px; }
#wrap #topBanner .dateCheck{position: absolute; top: 73px; right: 45px; color: #fff; font-size: 10px;}
#wrap #topBanner .btnClsoe{position: absolute; top: 70px; right: 19px; }

.boxCol{ position: relative; }
.boxCol  > div{ float: left; }
.boxCol:after{ content: ''; display: block; clear: both; }
.topSection{padding: 0 10px; margin-bottom: 20px;}
.topSection > div{height: 388px; border: 1px solid #d6d6d6; margin-left: 10px; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px;}
.topSection > div .bx-viewport{ overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; }
.topSection > .leftCol{ width: 167px; margin-left: 0; border: 0 none; height: 390px;}
.topSection > .centerCol{ width: 620px; }
.topSection > .rightCol{ width: 167px; }

.topSection .slideBaneSmall{ position: relative;  overflow: hidden;}
.topSection .slideBaneSmall .bx-pager{ position: absolute; bottom: 0; left: 0;}
.topSection .slideBaneSmall .bx-wrapper  img{ height: 390px; }
.topSection .slideBaneSmall .bx-wrapper .bx-pager.bx-default-pager a{ width: 7px; height: 7px; margin: 0 3px; background-color: #d7d7d7;}
.topSection .slideBaneSmall .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #929292;}
.topSection .slideBaneBig .bx-pager{ position: absolute; top: 0; right: 19px;  width: auto;}
.topSection .slideBaneBig .bx-wrapper .bx-pager.bx-default-pager a{ width: 7px; height: 7px; margin: 0 3px; background-color: #989898;}
.topSection .slideBaneBig .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #6d6d6d;}

.topSection .myMobile li{border-top: 1px solid #d6d6d6;}

.bannerLabel{ margin-bottom: 26px; }

.slideMobile { position: relative; height: 172px; padding: 0 72px;  margin:0 9px 33px; border: 1px solid #d6d6d6; border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden; background-color: #f9f9f9;}
.slideMobile ul li:after{ content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 94px; background-color: #e8e8e8; margin-top: -48px;}
.slideMobile ul li:first-child:after{display: none;}
.slideMobile ul li a{position: relative; display: block; width: 190px; height: 132px; padding:40px 0 0 19px; }
.slideMobile ul li a>span{display: block; letter-spacing: -1px;}
.slideMobile ul li .img{ position: absolute; top: 30px; left:130px; }
.slideMobile ul li .img img{ /*height: 110px;*/ }
.slideMobile ul li .tit{margin-bottom: 5px; font-size: 15px; line-height: 17px; font-weight: bold; letter-spacing: -1px;}
.slideMobile ul li .key{margin-bottom: 13px; font-size: 9px; line-height: 11px; color: #555555; }
.slideMobile ul li .price > strong{font-size: 14px;}
.slideMobile ul li .price > span{ font-size: 11px; color: #666666; }
.slideMobile ul li .data{display: inline-block;    padding-left: 9px;  background: url(../images/main/bg_mobile_list_price01.gif) no-repeat 0 0; }
.slideMobile ul li .data span{vertical-align: top; min-width: 65px; display: inline-block; padding-right: 13px; background: url(../images/main/bg_mobile_list_price02.gif) no-repeat right 0; height: 19px; line-height: 16px; font-size: 10px; color: #f42334; font-weight: bold;}
.slideMobile ul li .usim .img{ top: 45px; }
.slideMobile ul li .usim .tit {margin-bottom: 2px;}
.slideMobile ul li .usim .key {margin-bottom: 3px;}
.slideMobile .bx-wrapper .bx-controls-direction a{ position: absolute; top: 75px; width: 34px; height: 59px; background: url(../images/main/btn_mobile_list_arrow.png) no-repeat 0 0; }
.slideMobile .bx-wrapper .bx-controls-direction a.bx-prev{ left: -50px; }
.slideMobile .bx-wrapper .bx-controls-direction a.bx-next{ right: -50px; background-position: -34px 0 ;}

.btnSection { position: relative; margin:0 9px 11px; border: 1px solid #d6d6d6; border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden;}
.btnSection > div > a{position: relative; display: block; width: 326px; height: 137px; border-left:  1px solid #d6d6d6; }
.btnSection > div > a:after{ content: ''; position: absolute; top: 15px; right: 15px; width: 16px; height: 16px; background: url(../images/main/sprite_btn_mroe_plus.png) no-repeat 0 0; }
.btnSection > div > a:hover{ background-color: #d4ebf5; }
.btnSection > div > a:hover:after{ background-position: 0 -16px; }
.btnSection > div:first-child > a{  border-left: 0 none; }
.btnSection .ico{ position: absolute; top: 21px; left: 19px; }
.btnSection dl{ padding: 52px 0 0 120px; }
.btnSection dt{margin-bottom: 2px; font-family: dotum; font-size: 11px; line-height: 13px; color: #8c8c8c;}
.btnSection dd{font-size: 30px; line-height: 32px;color: #514f4f; letter-spacing: -2px;}
.bottomSection{ position: relative; padding: 0 20px ; overflow: hidden;}
.bottomSection .boxCscenter{ float: left; padding-top: 28px; }
.bottomSection .boxCscenter .tit{position: absolute; top: 0; left: 19px; font-size: 20px; line-height: 22px; }
.bottomSection .boxCscenter > div{float: left; margin-right: 10px; width: 138px; border:  1px solid #d6d6d6; border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; -moz-border-radius: 8px; overflow: hidden;}
.bottomSection .boxCscenter a{position: relative; display: block; padding:20px 0 0 18px; height: 63px; color: #555555; font-size: 20px; line-height: 22px; letter-spacing: -2px; word-spacing: -2px;}
.bottomSection .boxCscenter a:after{ content: ''; position: absolute; top: 9px; right: 9px; width: 6px; height: 11px; background: url(../images/main/bu_arrow_csbtn.gif) no-repeat 0 0;}
.bottomSection .notice{position: relative; float: right; width: 310px;}
.bottomSection .notice .btnMore{ position: absolute; top: 10px; right: 0; }
.bottomSection .notice .btnMore a{ font-size: 11px; line-height: 13px; color: #999999; }
.bottomSection .notice .tit{padding-bottom: 6px; border-bottom: 1px solid #d7d7d7; font-size: 20px; font-size: 20px; line-height: 22px; color: #666666;}
.bottomSection .notice ul{ height: 84px; padding-top: 6px; }
.bottomSection .notice li{position: relative; font-family: dotum; color: #666; line-height: 21px;}
.bottomSection .notice li a{ color: #666; }
.bottomSection .notice li a:hover{ text-decoration: underline; }
.bottomSection .notice li .date{ position: absolute; top: 0; right: 0; }

.main_visual {overflow:hidden;}
.visual {overflow: hidden;position: relative;width: 100%;padding: 47px 0 50px 0;}
.m_vis{width:100%;margin:30px auto 0 auto;overflow: visible !important;position:relative;}
.m_vis ul{}
.m_vis ul:after{display:block;content:'';clear:both;}
.m_vis li a {display:block;width:1600px;margin:0 auto;}
.m_vis li a img {margin:0 auto;}

.main_pagination {width:280px;position: absolute;margin: 0 auto;height: 50px;position: absolute;bottom:40px;left: calc(50% - 590px);z-index: 1000;}

.main_pagination .swiper-button-next {background-image: url(../images/common/btn_next_main_banner.svg); background-size: 42px 42px; width: 42px; height: 42px; right: 48px;}
.main_pagination .swiper-button-prev {background-image: url(../images/common/btn_prev_main_banner.svg); background-size: 42px 42px; width: 42px; height: 42px}

.main_pagination .swiper-pagination-fraction {align-content: center; bottom:-6px; font-size:23px; border-radius:25px;display:inline; width:88px; height:40px ;left:93px; background: rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color:#D1D1D1; bottom: 5.5px}
.main_pagination .white span {color:#fff;}
.main_pagination .white .swiper-pagination-fraction {border:1px solid #fff;color:#fff;}

.main_pagination .swiper-pagination-fraction .swiper-pagination-current{ color: #FFFFFF; margin-right: 2px}
.main_pagination .swiper-pagination-fraction .swiper-pagination-total{ color:#D1D1D1; margin-left: 2px}

.shake_money {margin:40px auto 40px auto;    max-width: 1600px;}
.shake_money ul {display:flex;justify-content: center;}
.shake_money ul li {width:20%;display: flex;justify-content: center;flex-direction: column;}
.shake_money ul li a {margin: 0 auto;width:100px;height:100px;border:1px solid #eee;border-radius:100px;display:flex;justify-content: center;align-items: center;}
.shake_money ul li a:hover{border:2px solid #723680;box-shadow: 0px 3px 6px #00000029;}
.shake_money ul li a img {width:100%;}
.shake_money .modu{width: 100%}
.shake_money ul li p {margin-top:10px;text-align:center;font-size: large;}

.recommend {background:#F2F5FB;}
.m-recomm{padding: 60px 0;max-width:1600px;margin:0 auto;overflow: hidden;}
.m-recomm .head{display: flex; justify-content:center; align-items: center;    align-items: center;}
.m-recomm .head h2{display: block; font-size: 48px; font-weight: 700; color: #111; line-height: 1;text-align:center;}
.m-recomm .head h2 p {font-size:24px;color:#828282;font-weight:400;margin-top:20px;}
.m-recomm .head .ctr{display: flex;}
.m-recomm .head .ctr div{margin: 0; margin-left: 10px;}
.m-recomm .head .ctr .swiper-button-prev{position: static; top: auto; left: auto; width: 60px; height: 60px; border: 1px solid #666; border-radius: 10px; background: url(../images/common/ico_arw01_left.png) center no-repeat; text-indent: -9999em; transform: none; box-sizing: border-box;}
.m-recomm .head .ctr .swiper-button-prev::after{display: none;}
.m-recomm .head .ctr .swiper-button-next{position: static; top: auto; right: auto; width: 60px; height: 60px; border: 1px solid #666; border-radius: 10px; background: url(../images/common/ico_arw01_right.png) center no-repeat; text-indent: -9999em; transform: none; box-sizing: border-box;}
.m-recomm .head .ctr .swiper-button-next::after{display: none;}
.m-recomm .cont{margin-top: 40px;}
.m-recomm .slide{position: relative;}
.m-recomm .swiper-slide{width: 100%; padding-bottom: 15px; box-sizing: border-box;display:flex;max-width: 520px;}
.m-recomm .payplan-recomm-item:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);}
.swiper-pagination.fee {display:none;}

.reco_hp {background:#F2F5FB;}
.reco_hp p {max-width:1600px;margin:0 auto;}
.reco_hp p img.mo {display:none;}

/* payplan-recomm-item */
.payplan-recomm-item{position: relative; width: 524px; height: 615px;border: 1px solid #ddd; border-radius: 20px; background: #fff; text-align: center; box-sizing: border-box; transition: all 0.3s ease; box-sizing: border-box;}
.payplan-recomm-item .top{display: flex; justify-content: space-between; align-items: center; padding: 30px 30px 30px 30px; }
.payplan-recomm-item .top .opt{display: flex;}
.payplan-recomm-item .top .opt li{display: flex; align-items: center; height: 24px; padding: 0 10px; margin-left: 5px; border: 1px solid #b3b3b3; border-radius: 15px; font-size: 13px; font-family: Pretendard; color: #8a8a8a; box-sizing: border-box;}
.payplan-recomm-item .top .opt li:first-child{margin-left: 0;}
.payplan-recomm-item .top .opt li.primary{ border-color: #949494;color: #949494;}
.payplan-recomm-item .top .opt li.second{ border-color: #082FFC;background: #fff;color: #082FFC;}
.payplan-recomm-item .top .opt li.otherLife { border-color: #E23D17; background: #E23D17; color: #ffffff;}
.payplan-recomm-item .top .opt li.other{  border-color: #0003a3;background: #0003a3;color: #ffffff;}
.payplan-recomm-item .top .opt li.inetComb { border-color: #0003a3; background: #6700D4; color: #ffffff;}
.payplan-recomm-item .top .btn-more{position: relative; padding-right: 11px; font-size: 15px; color: #666;}
.payplan-recomm-item .top .btn-more::before{position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #a9a9a9; content: "";}
.payplan-recomm-item .top .btn-more::after{position: absolute; top: 50%; right: 0; width: 7px; height: 12px; background: url(../images/common/ico_arw02_right.png) right center / 100% auto no-repeat; transform: translateY(-50%); content: ""; }
.payplan-recomm-item .tit{display: -webkit-box;margin-top: 33px; font-size: 34px; font-weight: 700; color: #222; line-height: 34px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.payplan-recomm-item .graph{position: relative; margin: 20px 0 15px; text-align: center;}
.payplan-recomm-item .graph canvas{width: 176px !important; height: 176px !important; margin: 0 auto; transform: rotate(180deg);}
.payplan-recomm-item .graph figcaption{display: flex; position: absolute; top: 50%; left: 50%; align-items: center; justify-content: center; width: 118px; height: 118px; border-radius: 100%; transform: translate(-50%, -50%); background: #fff; z-index: 10;}
.payplan-recomm-item .graph figcaption .icon{height: 30px; background: url(../images/common/ico_data_arw.png) center / 27px auto no-repeat;}
.payplan-recomm-item .graph figcaption .txt{margin-top: 10px; font-size: 18px; font-weight: 700; color: #222; line-height: 20px;}
.payplan-recomm-item .data{font-size: 14px; font-weight: 700; color: #333;}
.payplan-recomm-item .provide{display:flex; margin-top:45px;width:calc(100% - 60px);background:#F2F5FB;padding:25px 30px;justify-content: center;}
.payplan-recomm-item .provide li{width:33.3%;font-size: 16px; font-weight: 700; color: #222; line-height: 24px;}
.payplan-recomm-item .provide li p {display:block;margin-top:30px;letter-spacing: -1px;}
.payplan-recomm-item .provide li:first-child{margin-left: 0;}
.payplan-recomm-item .provide li:last-child{margin-right: 0;}
.payplan-recomm-item .provide li.call{padding:30px 15px 10px 15px; background: url(../images/common/ico_call.png) center top / 65px auto no-repeat;}
.payplan-recomm-item .provide li.sms{padding: 30px 15px 10px 15px; background: url(../images/common/ico_sms.png) center top / 65px auto no-repeat;}
.payplan-recomm-item .provide li.video{padding:30px 15px 10px 15px; background: url(../images/common/ico_video.png) center top / 65px auto no-repeat;}
.payplan-recomm-item .price{padding-top: 15px; margin-top: 18px;}
.payplan-recomm-item .price del{display: block; font-size: 20px; color: #999;}
.payplan-recomm-item .price strong{display: block;font-size: 42px; font-weight: 800; color: #ff4d50;}
.payplan-recomm-item .price strong span{font-size: 24px; font-weight: 700;}
.payplan-recomm-item .btn{position: absolute; bottom: 40px; left: 50%; width: 78.947%; transform: translateX(-50%);}
.payplan-recomm-item.sz2{width: 100%; height: auto;}
.payplan-recomm-item.sz2 .tit{margin-top: 0;}
.payplan-recomm-item.sz2 .price{padding-top: 5px;}

.payplan-recomm-item .btn{position: absolute; bottom: 40px; left: 50%; width:calc(100% - 60px);transform: translateX(-50%);}
.btn-type1{display: inline-block; width: 100%; height: 54px; padding: 0 35px; border: 1px solid #111; border-radius: 5px; background: #111; font-size: 18px; font-weight: 700; color: #fff; line-height: 52px; text-align: center; transition: all 0.3s ease; box-sizing: border-box;}
.btn-type1.scd{border-color: #666; background: #fff; color: #333;}
.btn-type1.effect:hover {background:#FE5252;color: #fff;border:1px solid #fff;}


.m_phone_list .m_phone_both:before{content: '';display: block;position: absolute;top: 50px;left: 90px;z-index: 1;height: 117px;}
.m_phone_both {}
.m_phone_list {display: grid;  grid-template-columns: repeat(3, 1fr);gap:10px;}
.m_phone_box{width:100%;height:340px;margin-bottom:20px;padding-bottom:40px;box-sizing:border-box;background:#fff;border-radius:20px;border:1px solid #ddd;text-align: center;}
.m_phone_box .top{display: flex; justify-content: space-between; align-items: center; padding: 30px 30px 30px 30px; }
.m_phone_box .top .opt{display: flex;}
.m_phone_box .top .opt li{display: flex; align-items: center; height: 24px; padding: 0 10px; margin-left: 5px; border: 1px solid #b3b3b3; border-radius: 15px; font-size: 13px; font-weight: 700; color: #8a8a8a; box-sizing: border-box;}
.m_phone_box .top .opt li:first-child{margin-left: 0;}
.m_phone_box .top .opt{display: flex;}
.m_phone_box .top .opt li.primary{border-color: #f45f61; color: #f45f61;}
.m_phone_box .top .opt li.second{ border-color: #082FFC;background: #fff;color: #082FFC;}
.m_phone_box .top .opt li.otherLife { border-color: #E23D17; background: #E23D17; color: #ffffff;}
.m_phone_box .m_phone_info{font-size:0;text-align: left;}
.m_phone_box .m_phone_info h6{font-size:13px;color:#009ef5;font-weight:400;margin-bottom:10px;display: inline-block;padding: 1px 6px;border: 1px solid #009ef5;border-radius: 3px;}
.m_phone_box .m_phone_info h5{font-size:32px;color:#000;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m_phone_box .m_phone_info p{font-size:16px;color:#828282;font-weight:400;margin-top:10px;}
.m_phone_box .m_phone_info p.price{color:#FE5252;line-height: 38px;margin-top: 12px;}
.m_phone_box .m_phone_info p.price span {font-weight:500;font-size:22px;}
.m_phone_box .m_phone_info p strong{font-weight:600;display:block;font-size: 44px;}
.m_phone_box .m_phone_info p strong em {font-style:normal;font-size:24px;}
.m_phone_con {display:flex;align-items:flex-start;justify-content: space-between;padding:0 40px 0 30px;}


.main_bottom {padding:30px 0 50px 0;width:100%;}
.main_bot_in {max-width:1600px;margin:0 auto;display:flex;}
.customer_area {flex:2;}
.cus_tit {font-size:34px;color:#333;font-weight:700;float:left; margin-right: 40px;}
.cus_tit p.time {font-size:20px;color:#717171;font-weight:400;}
.cus_menu {display: flex;justify-content: space-evenly;padding: 20px 0;}

.cus_menu li{font-size: 16px; font-weight: 700; color: #222; line-height: 24px;text-align:center;}
.cus_menu li a {display:inline-block;padding:80px 35px 20px 35px;position:relative;}
.cus_menu li:first-child a:after {content: none;}
.cus_menu li a:after {content:'';height:100px;width:2px;background:#eee;position:absolute;left: -30%;top:0;}
.cus_menu li:first-child{margin-left: 0;}
.cus_menu li:last-child{margin-right: 0;}
.cus_menu li.cus_ico01{background: url(../images/main/ico_cus01.png) center 0% / 80px auto no-repeat;}
.cus_menu li.cus_ico02{background: url(../images/main/ico_cus02.png) center 0% / 80px auto no-repeat;}
.cus_menu li.cus_ico03{background: url(../images/main/ico_cus03.png) center 0% / 80px auto no-repeat;}
.cus_menu li.cus_ico04{background:url(../images/main/ico_cus04.svg) center 0% / 50px auto no-repeat;}
.notice_area {display: flex;flex-direction: row;}
.notice_area h3 {font-size:34px;}
.notice_area ul {margin-left:50px;}
.notice_area ul li {padding-left:20px;background: url(../images/main/bul_noti.png) left 50% / 10px no-repeat;}
.notice_area ul li a {font-size:20px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 340px;display: block;padding-right: 20px;margin-top:12px;}

.m_vis li img.mo {display:none;}



/* 레이어팝업 - zindex: 100/101 */
.layer_pop {display:none;}
.layer_bg {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(51,51,51,0.4); z-index:100;}
.layer_content {position:absolute; left:50%; min-width:350px; max-width:calc(100% - 40px); margin-bottom:50px; transform:translateX(-50%); box-shadow:0 0 15px rgba(0,0,0,0.3); z-index:101;}
.layer_pop.fixed.main_layer.on {display:block;}

/* 중앙고정 */
.layer_pop.fixed .layer_content {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%);border-radius:10px;text-align: left;line-height: 1.75;}
.layer_pop.fixed .layer_content .pop_close {position:absolute;right:0;top:-34px;}
.layer_pop.fixed .layer_content .pop_close img {width:26px;height:26px;}

.layer_pop.fixed .layer_content .layer_body {overflow:auto;}
.layer_pop.fixed .layer_content .layer_footer {cursor:pointer;text-align: center;padding:10px 0px;background:#000;border-top:1px solid #A3D4FF;overflow: auto;max-height: 440px;border-radius: 0 0 10px 10px;}
.layer_pop.fixed .layer_content .layer_footer span {color:#fff;font-size:16px;}


/*메인배너 start/stop */
.startstop {position:absolute;z-index:9999;left:252px;top:4px}
.startstop button {display:block; background: url('../images/common/btn_play_main_banner.svg') no-repeat 0 0;  background-size: 42px 42px; width: 42px; height: 42px}
.startstop button.on {background: url('../images/common/btn_pause_main_banner.svg') no-repeat 0 0;  background-size: 42px 42px; width: 42px; height: 42px}


/* 메인 앱 다운로드 팝업 */
.app_down_pop .layer_content {
    background-color: #F6F6F6;
}
.app_down_pop_body{
    background-color: #F6F6F6;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 29px;
}
.app_down_pop_body .title{
    font-size: 29px;
    font-weight: 700;
}
.app_down_pop_body .body{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 66px;
    text-align: center;
}

@media screen and  (max-width: 1400px) and (min-width: 769px) {
    .m_phone_list {grid-template-columns: repeat(1, 1fr);}
    .m_vis li a {width:100%;}
    .m_vis li img.pc {display:none}
    .m_vis li img.mo {display:block;width:100%;}
    .swiper-pagination.fee {display:block;}
}

/* --------------- 모바일 ---------------- */
@media screen and (max-width:768px) {
.shake_money {display:block;}
.main_pagination {width: 100%;top:auto;bottom: 19px;left: 20px;height: 28px;line-height: 18px;}
.main_pagination .swiper-pagination-fraction  {top:0;left:0;bottom:0; height:38px; font-size: 19px;}
 #wrap .contents {padding:0;}
.m_vis li a {width:100%;}
.m_vis li img.pc {display:none}
.m_vis li img.mo {display:block;width:100%;}
.swiper-pagination.fee {display:block;}
.reco_hp p img.mo {width:100%;display:block;}
.reco_hp p img.pc {display:none;}

.visual {padding:0;}
.m_vis {margin:0;}
.m-recomm {padding:0px 10px 40px 10px}
.m-recomm .cont {margin-top:20px;}
.myFree li.swiper-slide {width:100%;justify-content: center;}
.m-recomm .head {padding:50px 0 20px;}
.m-recomm .head h2 {font-size:28px;}
.m-recomm .head h2 p {font-size:18px;}
.m_phone_con {padding:0 20px 0 20px}

.m_phone_box .m_phone_info {margin-right:5%;}
.m_phone_box .m_phone_info h5 {font-size:21px}
.m_phone_box .m_phone_info p {font-size:14px;}
.m_phone_box .m_phone_info p strong {font-size:24px;}
.m_phone_box .top {padding: 20px 20px 20px 20px;}
.m_phone_list {display:flex;flex-direction: column;}
.m_phone_list .m_phone_both {width:100%;}
.m_phone_box {width:100%;margin-bottom:0;height:auto;padding-bottom:20px;}
.main_bot_in {flex-direction: column-reverse;}
.main_bottom {padding: 30px 20px 50px 20px;}
.notice_area {flex-direction: column;}
.notice_area ul{margin-left:0px;}
.cus_tit {font-size:26px;float:none; margin-top: 20px; margin-top: 40px;}
.cus_tit h3 {font-size:24px;}
.cus_tit h3 p {display:inline;margin:0 10px;font-size:20px;}
.cus_menu li a:after {content:none;font-size:24px;}
.notice_area h3 {font-size:26px;}
.notice_area ul li a {font-size:16px;}
.cus_tit p.time {font-size: 13px;letter-spacing:-1px;}
.m_phone_thumb img {width:100%;}
    .payplan-recomm-item .top {padding: 20px 30px 10px 30px;}
    .payplan-recomm-item .tit {margin-top: 13px;font-size: 24px;}
    .payplan-recomm-item .provide {margin-top:25px;padding: 25px 10px;width: calc(100% - 20px);}
    .payplan-recomm-item .provide li {font-size:13px;letter-spacing:-1px;}
    .payplan-recomm-item .price {margin-top:0;}
    .payplan-recomm-item .price strong {font-size:32px;}
    .payplan-recomm-item {height:505px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {display:none;}
    .cus_menu {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .cus_menu li:first-child:nth-last-child(3),
    .cus_menu li:first-child:nth-last-child(3) ~ li {
        width: 31%;
    }

    .cus_menu li:first-child:nth-last-child(4),
    .cus_menu li:first-child:nth-last-child(4) ~ li {
        width: 45%;
        margin-bottom: 15px;
    }

    .cus_menu li a {width:100%;padding:80px 10px 20px 10px;position: relative;border: 1px solid #ddd;border-radius: 20px;font-size:70%; width: calc(100% - 30px);}
    .cus_menu li:first-child a {margin-left:-10px;}
    .cus_menu li.cus_ico01 {background:url(../images/main/ico_cus01.png) center 25% / 50px auto no-repeat;}
    .cus_menu li.cus_ico02{background:url(../images/main/ico_cus02.png) center 25% / 50px auto no-repeat;}
    .cus_menu li.cus_ico03{background:url(../images/main/ico_cus03.png) center 25% / 50px auto no-repeat;}
    .cus_menu li.cus_ico04{background:url(../images/main/ico_cus04.svg) center 25% / 30px auto no-repeat;}

    .startstop {left:70px;top:0px;display:none;}

    .app_down_pop_body .title{font-size: 25px;}

    .shake_money ul li a {width:64px;height:64px;}
    .shake_money ul li a img {width:36px;}
    .shake_money .modu{width: 40px}
    .shake_money ul li p {margin-top:10px;text-align:center;font-size: 12px;}

}


@media all and (max-width:580px){

}

@media all and (max-width:470px) {
}

@media all and (max-width:344px) {
    .shake_money ul li p {font-size:75%;}
}