#contents h2{padding: 50px 0; font-size: 38px; font-weight: bold; text-align: center; border-bottom: 1px solid #e5e5e5; margin-bottom: 60px}
#contents h3{text-align: center; font-size: 26px; margin-bottom: 30px; font-family: 'NanumSquareNeo-Bold';}
#contents h3.left{text-align: left; font-size: 26px;}
#contents .title_info{text-align:center; padding-top: 15px;}
#contents .panel_body h4{font-size: 18px; padding-bottom: 15px; }
#contents .panel_body h5{font-size: 16px; padding: 0 0 15px 10px; }

/* 크레디탑 소개 */
#contents #about{width: 100%; margin-top: -60px; position: relative;}
#contents .about_visual{position: relative; min-height: 850px; background: #e2ebfa url(../images/about/about_bg.png) no-repeat 50% 50%; ; }
#contents .about_visual h3{padding: 220px 0 0 0;font-size: 22px; margin-bottom: 0;}
#contents .about_visual h4{text-align: center; font-size: 120px; color: #1f304a; padding: 10px 0; font-family:'NanumSquareNeo-Heavy';z-index: 2; position: relative; font-weight: bold;}
#contents .about_visual h5{text-align: center; font-size: 120px; color: #258acb; font-family:'NanumSquareNeo-Heavy';z-index: 4; position: relative;  font-weight: 700;}
#contents .mobile{position: absolute; left: 0; top: 65%; z-index:1; }
#contents .card{position: absolute; right: 9%; top: 30%; z-index:3; }
#contents .about_list{padding: 90px 0; display: flex; width: 100%; align-items: center;flex-direction:  row; }
#contents .about_list .about_con{line-height: 1.6; text-align: left; width: 40%;}
#contents .about_list .about_img{text-align: right; width: 60%; }
#contents .about_list .about_con h4{font-size: 60px; line-height: 1.1; padding: 30px 0;}
#contents .about_list .about_con h4 span{color: #d52027;font-weight: bold;}
#contents .about_list:nth-child(even) {flex-direction: row-reverse;}
#contents .about_list:nth-child(even) .about_con{text-align:right;}
#contents .about_list:nth-child(2) .about_con{ width: 50%;}
#contents .about_list:nth-child(2) .about_img{width:50%;}
#contents .about_list:nth-child(3) .about_con{ width: 50%;}
#contents .about_list:nth-child(3) .about_img{width:50%;}

/* 결제방식 */
#contents #pay{width: 100%; margin-top: -60px; position: relative;}
#contents .pay01::before{content:""; position:absolute; width: 100%;height: 600px; background: #e2ebfa ; top:0;}
#contents .payment01{height: 800px; padding: 100px 0; margin-bottom: 100px;}
#contents .payment01 h3{font-size:22px; color:#1b1b1b; text-align: left; margin: 0;}
#contents .payment01 h4{font-size: 76px; padding: 20px 0 ; color: #1f304a; font-weight: bold;}
#contents .payment01 h5{font-size: 18px; padding-bottom: 60px; color: #1f304a; text-transform: uppercase;}
#contents .payment01.pay01 p{width: 40%; line-height: 1.8;}
#contents .payment01.pay01 p span{font-weight: bold; }
#contents .payment01.pay01 .img{position: absolute; top: 50px; right: -200px;}

/* 가상계좌 */
#contents .sugi02 h3, #contents .sugi03 h3, #contents .sms h3, #contents .cyber h3, #contents .device h3{font-size: 56px; text-align: center;color: #1f304a; }
#contents .sugi02 h3 span, #contents .sugi03 h3 span, #contents .sms h3 span , #contents .cyber h3 span, #contents .device h3 span{color: #d52027;}
#contents .sugi02 h4, #contents .sugi03 h4, #contents .sms h4, #contents .cyber h4, #contents .device h4{font-size: 18px; text-align: center;color: #1b1b1b;}
.sugi02{width: 100%;  padding: 100rem 0 }
.sugi02 .sugi02_list{position:relative; padding: 60px 0 10px; width:100%; margin: 0 auto}
.sugi02 .sugi02_list ul{overflow:hidden; }
.sugi02 .sugi02_list li{width:260px; height: 380px; float:left; box-sizing:border-box; text-align:center; margin: 0 30px ; position: relative; z-index: 1; padding-top: 60px; }
.sugi02 .sugi02_list li:after{content: ' '; display:inline-block; position: absolute; left: 0; top: 0;background: #fff;box-shadow:4px 7px 13px 0 rgba(0,0,0,0.11); border-radius: 50%; width: 260px; height: 260px; z-index:-1;}
.sugi02 .sugi02_list li:nth-child(4n){margin-right: 0;}
.sugi02 .sugi02_list li p{font-size:18px;font-weight:500; padding-top: 80px;} 
.sugi02 .sugi02_list li p span{font-weight: bold; color: #d52027; display:inline-block;padding: 10px 0; font-size:21px;} 
.sugi02 .sugi02_list li img{width: 120px; height: 134px;}

.process_sms{width: 100%; background: #F2F6FF; height: auto; padding: 30rem;  margin: 60rem 0; border-radius: 20rem; display:inline-block;}
.process_sms .dept{float: left;position: relative;width: 33.3%;text-align: center; font-size: 18px;  padding: 50px; line-height: 1.6;}
#pay .process_sms .dept img{display: block;margin: 0 auto 15px;}
#pay .process_sms .dept strong{font-weight: bold; font-size:18px; padding-bottom: 10px; display:inline-block; text-align:center; color:#3E5176 }
#pay .process_sms .dept strong:before{display: inline-block;margin-right: 10px;font-size: 20px; font-weight:500;}
#pay .process_sms .dept:not(:last-child):after{
    content: ' ';display: block;position: absolute;top: 25%;right: 0;font-size: 24px;
    font-family: 'bk-font';content: '\e909';}
#pay .process_sms .dept:nth-of-type(1) strong:before{content: '①'; }
#pay .process_sms .dept:nth-of-type(2) strong:before{content: '②'; }
#pay .process_sms .dept:nth-of-type(3) strong:before{content: '③'; }
#pay .process_sms .dept:nth-of-type(4) strong:before{content: '④'; }
#pay .process_sms .dept:nth-of-type(5) strong:before{content: '⑤'; }
#pay .process_sms .dept:nth-of-type(6) strong:before{content: '⑥'; }
.process_sms.cyber_list {background: #fff; padding:  0;}
.process_sms.cyber_list .dept{width:20%; padding: 50px 20px;}
#pay .process_sms.cyber_list .dept img{display: block;margin: 0 auto 15px; width: 100%;}
#pay .process_sms.cyber_list .dept:not(:last-child):after{right: -10px; top: 50%;} 
.sugi02.black_list{padding: 100rem 0  0rem 0;}
.black_list_img img{width: 100%;}
.cyber_process{background: #F2F6FF; width: 100%; height: auto; padding: 60rem;  margin: 60rem 0; border-radius: 20rem; display:inline-block;}
.cyber_process img{width: 100%;}
.sugi03{width: 100%; padding: 100rem 0 30px 0;background:#f6f6f6;}
.sugi03 .sugi03_list{position:relative; padding: 60px 0; width:100%; margin: 0 auto; display:flex; }
.sugi03 .sugi03_list li{width: calc(100% / 7 - 30px); margin: 0 35rem 50px 0; text-align:center;float:left; box-sizing:border-box; text-align:center; position: relative; z-index: 1; padding-top: 50px;}
.sugi03 .sugi03_list li:after{content: ' '; display:inline-block; position: absolute; left: 0; top: 0;background: #fff; border-radius: 10px; border: 1px solid #ddd; width: 100%;  height: 160px; z-index:-1; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.02);}
.sugi03 .sugi03_list li:nth-child(7n){margin-right: 0;}
.sugi03 .sugi03_list li p{font-size: 18rem;padding-top:50px; padding-bottom:15px}

#contents .pay02::before{background: #eae7e1 }
#contents .pay03::before{background: #eae7e1; height: 550px; }
#contents .pay05::before{background: #e1e4ea }
#contents .payment01.pay03{height: 600px; padding: 100px 0; }
#contents .payment01.pay01.pay03 .img{top: -50px; right:-350px;}
#contents .payment01.pay01.pay04 .img{right: 0px;}
.sms{width: 100%;  padding: 100rem 0 90rem 0;}
.sms .sms_list{position:relative; padding: 60px 0 0; width:100%; margin: 0 auto}
.sms .sms_list ul{overflow:hidden; }
.sms .sms_list li{width:190px; height: 350px; float:left; box-sizing:border-box; text-align:center; margin: 0 12px ; position: relative; z-index: 1; padding-top: 45px; }
.sms .sms_list li:after{content: ' '; display:inline-block; position: absolute; left: 0; top: 0;background: #fff;box-shadow:4px 7px 13px 0 rgba(0,0,0,0.11); border-radius: 50%; width: 190px; height: 190px; z-index:-1;}
.sms .sms_list li:nth-child(6n){margin-right: 0;}
.sms .sms_list li p{font-size:18px;font-weight:500; padding-top: 60px;} 
.sms .sms_list li p span{font-weight: bold; color: #d52027; padding: 10px 0; display:inline-block; font-size: 21px; width: 100%;} 
.sms .sms_list li img{width: 90px; height: 101px;}


/* 간편결제 */
.process_sms.process2 .dept{width: 20%;padding: 30px 10px;}
.process_sms.process3 .dept{width: 16.6%;padding: 30px 10px;}
#contents .payment01.pay01.pay05{height: 650px;}
#contents .payment01.pay01.pay05 .img{top: -50px; right:-350px;}

/* 단말기 결제 */
.device{width: 100%;  padding: 100rem 0 90rem 0;}
.device .device_list{position:relative; padding: 60px 0 0; width:100%; margin: 0 auto}
.device .device_list ul{overflow:hidden; }
.device .device_list li{width: 232px; height: 350px; float:left; box-sizing:border-box; text-align:center; margin: 0 12px ; position: relative; z-index: 1; padding-top: 45px; }
.device .device_list li:after{content: ' '; display:inline-block; position: absolute; left: 0; top: 0;background: #fff;box-shadow:4px 7px 13px 0 rgba(0,0,0,0.11); border-radius: 50%; width: 232px; height: 232px; z-index:-1;}
.device .device_list li:nth-child(6n){margin-right: 0;}
.device .device_list li p{font-size:16px;font-weight:500; padding-top: 60px;} 
.device .device_list li p span{font-weight: bold; color: #d52027; padding: 10px 0; display:inline-block; font-size: 18px; width: 100%;} 



/* 이용안내 */
.tip_alram{position: relative;padding-left: 24px; background: url('../images/common/icon_bell.svg') no-repeat left 5px;background-size: 30px 30px;line-height: 30px; padding: 6px 0 6px 40px;}
.guide_view{padding: 50px 0;}
.guide_list{float:left; width: 23.5%; text-align:center; margin-right:2%;}
.guide_list:last-child{margin-right: 0;}
#contents .guide_list h3{border: 1px solid #c2c2c2; color: #333; font-weight: bold; height: 50px; line-height:50px; font-size: 18px; margin-bottom: 5px; border-radius: 5px 5px 0 0; }
.guide_con{padding: 180px 30px 40px; background: #f5f5f5; border-radius: 0 0 5px 5px; min-height: 360px;border: 1px solid #c2c2c2; }
.guide_con .title{font-weight:500; padding-bottom: 20px;}
.guide_list:nth-of-type(1) .guide_con{background: #f5f5f5 url(../images/guide/guide_view02.png) no-repeat 50% 50px;}
.guide_list:nth-of-type(2) .guide_con{background:  url(../images/guide/guide_view03.png) no-repeat 50% 50px;}
.guide_list:nth-of-type(3) .guide_con{background: #f5f5f5  url(../images/guide/guide_view04.png) no-repeat 50% 50px;}
.guide_list:nth-of-type(4) .guide_con{background:  url(../images/guide/guide_view01.png) no-repeat 50% 50px;}
.guide_list .btn_area{padding: 20px 0;}
.guide_list .btn_area .button {
    width: 100%; height: 50px;line-height: 48px;
    background: #41464e; border:1px solid #25282d; 
    border-radius:5px;text-align:left;padding-left: 50px;  
}
.guide_list .btn_area .button:hover,
.guide_list .btn_area .button:focus{color: #333 !important;}
.guide_list .btn_area .button:before{background:#fff; }
.guide_list .btn_area .button:hover:before,
.guide_list .btn_area .button:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px); z-index:1;}
.guide_list .btn_area .button:after{
    content: ' '; display: block; position: absolute; top:0px; right: 50px;color: #fff;
    font-family: 'bk-font';font-size: 16px; content: '\e909';
}
.guide_list .btn_area .button:focus:after, .guide_list .btn_area .button:hover:after{color: #25282d; z-index:3;}
#guide .panel, #reseller .panel {margin-top: 40px;margin-bottom:80px; }
#guide .panel:before, #guide .panel:after, #reseller .panel:before, #reseller .panel:after, table:after {content: ' ';display: table; }
#guide .panel:after, #reseller .panel:after {clear: both; }
#guide .panel *[class*="panel_"], #reseller .panel *[class*="panel_"] {float: left; }
#guide .panel .panel_head, #reseller .panel .panel_head {width: 20%; }
#guide .panel .panel_body, #reseller .panel .panel_body {width: 80%; }
#guide .panel .panel_head h3, #reseller .panel .panel_head h3 {font-size: 26px;text-align:left;}
.panel_head h3 small{padding-left: 10px; font-size: 14px; font-weight: normal; font-family: 'NanumSquareNeo-Medium';}
.panel_list_wrap {border-top: 2px solid #333;  width: 100%; margin-bottom: 20px; }
.panel_list_wrap:after{ clear:both;content:'';display:block;}
.panel_list_wrap .panel_list{width: 100%;  position: relative; display:flex; }
.panel_list_wrap .panel_list:after{ clear:both;content:'';display:block;}
.panel_list_wrap .panel_title {float:left; width: 20%; background: #f5f5f5; text-align:center; font-weight:500; position: relative;height:auto;display:flex; align-items:center; justify-content: center; border-bottom: 1px solid #cfcfcf;}
.panel_list_wrap .panel_cont{float:left; width: 80%;}
.panel_list_wrap .panel_cont.cont_all{width: 100%;}
.panel_list_wrap .panel_cont .list_group_wrap{width: 100%; display:table; }
.panel_list_wrap .panel_cont .list_group_wrap .list_group{display: table-cell; text-align:center; }
.panel_list_wrap .panel_cont .list_group_wrap .list_group strong{font-weight: bold;line-height:30px; border-bottom: 1px solid #cfcfcf; width: 100%; display: inline-block; padding: 15px; background: #f5f5f5;}
.panel_list_wrap .panel_cont .list_group_wrap .list_group .per{ font-size: 16px; font-weight: 400; padding: 15px 10px; border-bottom: 1px solid #cfcfcf; min-height: 54px;}
.panel_list_wrap .panel_cont .list_group_wrap .list_group .per.line{ height: 50px; line-height:50px; padding: 0;}
.panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2{display: flex; text-align:center; }
.panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span{padding: 15px; border-bottom: 1px solid #cfcfcf;}
.panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span.con{ width: 70%; text-align: left;}
.panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span.type{width: 15%; }
.panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span{width: 5%; }
.panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span.bite{width: 10%; text-align: right; }

/* arrow line */
.arrow-line { position: relative;display: inline-block; padding-right: 20px;margin-right: 20px; }
.arrow-line:before, .arrow-line:after {display: inline-block;content: ' '; position: absolute;top: 50%; }
.arrow-line:before {left: 0; width: 100%; height: 1px; background: #666666;}
.arrow-line:after { right: 0; padding: 4px;border-width: 0 1px 1px 0;border-style: solid;border-color: #666666;transform: translate(0, -50%) rotate(-45deg); }

/* 보증보험 */
.panel_body .circle{display:flex; align-items:center;}
.panel_body .circle li{width:30%; margin: 0 5% 20px 0;border: 1px solid #777; text-align:center; border-radius: 20px; padding: 30px; min-height: 200px ;  }
.panel_body .circle li strong{display:inline-block; width: 100%; font-size: 40px; font-weight:500; color: #ee3736; padding-bottom: 20px;}
.panel_body .circle li:last-child{margin-right: 0;}
.step{border-bottom: 1px solid #cfcfcf; display: inline-block; width: 100%;}
.step .dept{float: left;position: relative;width: 25%;text-align: center; font-size: 18px;  padding: 50px 0;}
#guide .step .dept img{display: block;margin: 0 auto 15px;}
#guide .step .dept strong:before{display: inline-block;margin-right: 10px;font-size: 20px; font-weight:500;}
#guide .step .dept:not(:last-child):after, #reseller .step .dept:not(:last-child):after {
    content: ' ';display: block;position: absolute;
    top: 45%;right: 0;font-size: 24px;
    font-family: 'bk-font';content: '\e909';}
#guide .step .dept:nth-of-type(1) strong:before{content: '1'; }
#guide .step .dept:nth-of-type(2) strong:before{content: '2'; }
#guide .step .dept:nth-of-type(3) strong:before{content: '3'; }
#guide .step .dept:nth-of-type(4) strong:before{content: '4'; }

/* sms */ 
.guide-area li{float:left; width: 33.3%;}
#contents .popConts > h3{font-weight: 700; color: #333; text-align: left; font-size: 18px}
#contents .popConts > h4{margin:50px 0 20px 0; font-size:17px; font-weight: 700; font-size: 18px;}
#contents .popConts > p {margin-bottom: 15px; line-height: 1.6;}
.popConts ul>li{margin-bottom: 15px; line-height: 1.6;}
.popConts ul>li p{ padding-left: 40px;}
.popConts ul>li>ul{margin-top: 10px;}
.popConts ul>li>ul>li { padding-left: 40px; margin-bottom: 8px; }
.popConts ul.dot>li{position: relative; padding-left:48px;margin-bottom: 8px; }
.popConts ul.dot li:before{content: '';display: block;position: relative;top: 13px;left: -8px;width: 2px;height: 2px;background: #0f172a;z-index: 1;}
.popConts ul.dot ul li:before{display:none;}
.popConts ul.dot ul li{font-size: 15px; padding-left: 40px;}
.popConts ul.ex li{padding-left: 40px;}
.popConts .link{color:#1b74ef; text-decoration: underline; font-weight: 500;}
.underline{text-decoration: underline;}

 /* **************************************** *
* 12000px
* **************************************** */
@media screen and (max-width: 1200px) {
    #contents .payment01 {height: auto; /* display:inline-block; */ background: #e2ebfa; }
    #contents .pay01::before {background:none;}
    #contents .payment01 h4 {font-size:72px}
    #contents .payment01.pay01 .img {right:0; top: 50px; width: 50%;}
    #contents .payment01.pay01.pay03 .img {right:-50px; top: 50px; width: 50%;}
    #contents .payment01.pay01 .img img{width:100%;}
    .sugi02 {padding: 100rem 0 80rem 0;}
    .sugi02 .sugi02_list {padding-bottom:0;}
    .sugi02 .sugi02_list li{width:200px; height: auto;padding: 50px 0 50px ; }
    .sugi02 .sugi02_list li:after{width: 200px; height: 200px; }   
    .sugi02 .sugi02_list li p{padding-top: 60px;} 
    .sugi02 .sugi02_list li img{width: 90px; height: 101px;}
    
    #contents .payment01.pay03{height: auto; /* display:inline-block; */ background: #eae7e1; }
    .sms {padding: 100rem 0 80rem 0;}
    .sms .sms_list {padding-bottom:0;}
    .sms .sms_list li{height: auto;padding: 50px 0 50px ;  margin: 0 60px;}
    .sms .sms_list li img{width: 90px; height: 101px;}
    .sugi03 .sugi03_list li{padding-top: 30px; margin: 0 35px 35px 0;}
    .sugi03 .sugi03_list li img{height:60px;}
    .sugi03 .sugi03_list li:after{height: 120px;}
    .device .device_list li img {
        width: 90px;
        height: 101px;
    }
}
 /* **************************************** *
* 10240px
* **************************************** */
@media screen and (max-width: 1024px) {
    #contents .about_list .about_con, #contents .about_list .about_img{width: 50%;}
    #contents .about_list .about_img img{width: 100%; }
   
    .sugi02 .sugi02_list li{margin: 0 20px; }
    .sugi03 .sugi03_list li img{height:50px;}
    .sugi03 .sugi03_list li:after{height: 110px;}
    #guide .panel .panel_head, #reseller .panel .panel_head, #guide .panel .panel_body, #reseller .panel .panel_body{
        width: 100%; }
    .panel_list_wrap .panel_list{display:block;}
    .panel_list_wrap .panel_title{width: 100%; clear:both; height: 50px;line-height:50px; border-bottom: 1px solid #cfcfcf;}
    .panel_list_wrap .panel_cont{width: 100%; clear:both; display:flex;}    
    .panel_list_wrap.api_wrap  .panel_list{width: 100%;  position: relative; display:flex; }
    .panel_list_wrap.api_wrap .panel_title {float:left; width: 20%; height:auto;}
    .panel_list_wrap.api_wrap .panel_cont{float:left; width: 80%;} 
    .guide_list .btn_area .button{padding:0; text-align: center;}
    .guide_list .btn_area .button:after {display:none;}

}
@media all and ( max-width:860px ){ 
    #contents .about_list .about_con h4{font-size:36px;}
    #contents .card{width: 30%; right: 0%;}
    #contents .mobile{width: 50%; top:90%;}
    #contents .mobile img, #contents .card img{width: 100%;}
    #contents .payment01 h4 {font-size:60px;} 
    #contents .payment01.pay03{height: 700px; }
    #contents .pay03::before{height: 550px;}
    .sugi02 .sugi02_list li{width:160px; margin: 0 10px; padding: 30px 0 50px ; }  
    .sugi02 .sugi02_list li:after{width: 160px; height: 160px; }  
    .sugi02 .sugi02_list li p {padding-top: 40px;}
    .sms .sms_list li{width:160px; margin: 0 40px; padding: 30px 0 50px ; min-height: 330px; }  
    .sms .sms_list li:nth-child(4n){clear:both;}  
    .sms .sms_list li:after{width: 160px; height: 160px; }  
    .sms .sms_list li p {padding-top: 40px;}
    .sms .sms_list li:nth-child(3n) { margin-right: 0; }

    .sugi03 .sugi03_list li{width: calc(100% / 5 - 30px);}
    .sugi03 .sugi03_list li:nth-child(7n){margin-right: 35px;}
    .sugi03 .sugi03_list li:nth-child(5n){margin-right: 0px;}

    .device .device_list li{width:160px; margin: 0 40px; padding: 30px 0 50px ; height: 300px; }  
    .device .device_list li:after{width: 160px; height: 160px; }  
    .device .device_list li p {padding-top: 40px;}
    .device .device_list li:nth-child(3n) { margin-right: 0; }
    .guide_list{float:left; width: 48%; text-align:center; margin-right:4%; margin-bottom: 50px;}
    .guide_list:nth-child(even){margin-right: 0;}    
}
@media all and ( max-width:768px ){
	#visual .sub_tit p.tit1 strong {font-size: 30px;}
    #contents .payment01 {height: 850px;}
    #contents .payment01.pay01 p{width: 100%; }
    #contents .payment01.pay01 .img {position: relative; left: 50%; margin-left: -25%; top: 30px; width: 100%;}
    #contents .payment01.pay01.pay03 .img {position: relative; left: 50%; margin-left: -25%; top: 0px; width: 100%;}
    #contents .payment01.pay01.pay04 {height: 850px;}
    #contents .payment01.pay01.pay04 .img {right:0; margin-left: 0; top: 0;}
    #contents .payment01.pay01.pay04 .img img{width:60%;}
    .process_sms .dept{float: left; position: relative; width: 50%;text-align: center;font-size: 18px;  padding: 30px 0; min-height: 320px;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group {display: table; width: 100%;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group strong{width: 50%; float:left; padding: 0; height: 50px; line-height: 50px;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group.one_line strong{width: 100%; clear:both;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group strong small{display:none;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group .per{width: 50%; float:left; padding: 0; height: 50px; line-height: 50px;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group.one_line .per{width: 100%; clear:both; height: auto; line-height: 21px; padding: 15px ;}
	.panel_list_wrap .panel_cont.cont_all .list_group_wrap .list_group strong{width: 25%; font-size: 13px; min-height: 54px; }
	.panel_list_wrap .panel_cont.cont_all .list_group_wrap .list_group .per{width: 25%; font-size: 13px;}
	.panel_list_wrap .panel_cont.cont_all .list_group_wrap .list_group .per.range{width: 35%; }
	.panel_list_wrap .panel_cont.cont_all .list_group_wrap .list_group .per.rate{width: 20%; }
    .panel_list_wrap .panel_cont.cont_all .list_group_wrap .list_group .per.rate .ico-discount{display:none; }
	.panel_list_wrap .panel_cont .list_group_wrap .list_group .per.text-orange { width: 20%;border-bottom: 1px solid #cfcfcf; border-top: none;}
	.panel_list_wrap .panel_cont .list_group_wrap .list_group .per.line:last-child {border-bottom: 1px solid #cfcfcf;}
	.panel_list_wrap .panel_cont.cont_all .list_group_wrap .list_group .per.line {width: 18.75%;}
   
	.panel_body .circle{display:inline-block; width: 100%;}
	.panel_body .circle li{width:100%; clear:both;}
    .process_sms.cyber_list .dept{ width: 50%;}
	.step .dept{float: left; position: relative; width: 50%;text-align: center;font-size: 18px;  padding: 50px 0;}
	
}
/* **************************************** *
* 540px
* **************************************** */
@media screen and  (max-width: 540px){
    #contents .payment01 {margin-bottom:50px;}
    #contents .about_visual {min-height: 340px; background-size:  80% 80%; margin-bottom: 50px;}
    #contents .about_visual h3{padding: 50px 0 0 0;}
    #contents .about_visual h4, #contents .about_visual h5{font-size: 60px;}
    #contents .about_list{display: inline-block; padding: 30px 0;}
    #contents .about_list .about_con, #contents .about_list:nth-child(2) .about_con,  #contents .about_list:nth-child(3) .about_con{width:100%; text-align: center;}
    #contents .about_list .about_img, #contents .about_list:nth-child(2) .about_img, #contents .about_list:nth-child(3) .about_img{width:100%; text-align: center;}
    #contents .payment01 {height: 750px;padding: 50px 0;}
    #contents .payment01.pay01.pay02 {height:610px;}
    #contents .payment01.pay03{height: auto;}
    #contents .payment01 h4 {font-size:36px;}
    #contents .sugi02 h3, #contents .sugi03 h3, #contents .sms h3,  #contents .sugi03 h3, #contents .device h3{font-size: 36px;  }
    .sms, .device {padding: 50rem 0;}
    
    .sugi02 {padding: 50rem 0;}
    .sugi02.black_list{padding: 50rem 0  0rem 0;}
    .sugi03 .sugi03_list li { width: calc(100% / 3 - 12px); margin: 0 18px 20px 0;}
    .sugi03 .sugi03_list li:nth-child(3n){margin-right:0;}
    .sugi03 .sugi03_list li:nth-child(5n), .sugi03 .sugi03_list li:nth-child(7n){margin-right: 18px;}
    .sugi02 .sugi02_list li p , .sugi03 .sugi03_list li p,  .sugi02 .sugi02_list li p span{font-size: 14px;}
    #contents .payment01.pay03{padding: 60px 0 0; }

    #contents .payment01.pay01.pay03 .img {position: relative; left: 50%; margin-left: -25%; top: 30px; width: 100%;}
    #contents .payment01.pay01.pay04 {height: 600px;}
    #contents .payment01.pay01.pay04 .img {position: relative;width: 100%; top: 30px;}
    #contents .payment01.pay01.pay05 {height: 550px;}
    #contents .payment01.pay01.pay05 .img{top: 0;}
    .sms .sms_list li:nth-child(4n){clear:none; float:left;}  
    .sms .sms_list li p, .sms .sms_list li p span{font-size: 16px;}
    
    .process_sms .dept{clear: both; width: 100%; font-size:14px; min-height:  auto; padding: 30px 0;}
    .process_sms.process2 .dept, .process_sms.process3 .dept {clear:none;width: 50%; float:left; padding: 10px 0; min-height: 200px;}
    #pay .process_sms .dept strong {font-size: 14px;}
    #pay .process_sms .dept img{margin : 0 atuo 5px;}
    .process_sms.cyber_list .dept{clear: both; width: 100%; }
    .cyber_process {padding: 30rem;}
    .guide_list{clear:both; width: 100%; margin-right: 0;}
    .guide_con {min-height: auto;     padding: 150px 30px 20px;}
    .guide_list:nth-of-type(1) .guide_con,
    .guide_list:nth-of-type(2) .guide_con,
    .guide_list:nth-of-type(3) .guide_con,
    .guide_list:nth-of-type(4) .guide_con{background-size: 80px 71px}
    .panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span.con{ width: 50%; }
    .panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span.type{width: 22%; }
    .panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span{width: 8%; }
    .panel_list_wrap .panel_cont .list_group_wrap .list_group.list_group2 span.bite{width:20%;  }
}
/* **************************************** *
* 414px
* **************************************** */
@media screen and  (max-width: 414px){
    .sms .sms_list li{width:150px; margin: 0 5px;}  
    .sms .sms_list li:after{width: 150px; height: 150px; } 
    .sms .sms_list li:nth-child(3n) { margin-right: 5px; }
    #pay .process_sms .dept:not(:last-child):after{display:none;}

    .sugi02 .sugi02_list li{width:150px; margin: 0 5px; padding: 30px 0 50px ;  }  
    .sugi02 .sugi02_list li:after{width: 150px; height: 150px; } 
    .device .device_list li{width:150px; margin: 0 5px;}  
    .device .device_list li:after{width: 150px; height: 150px; } 
    .device .device_list li:nth-child(3n) { margin-right: 5px; }
}