/*2023-09-05 230905_요금제 5차_ver카드*/
.article-price { padding: 0 !important;}
.pcontainer {width: 1150px;padding: 0 15px;margin: 0 auto;}
.pcontainer:before {content: "";display: table;}
.pcontainer:after {content: "";display: table;clear: both;}
.pay_wrap {background-color: #eaeaf1;}
.pay_guide {padding: 90px 0;}
.pg_redtit {color: #0056ff;font-weight: 600;font-size: 20px;margin-bottom: 15px;}
.pg_tit {color: #343639;font-weight: 700;font-size: 35px;margin-bottom: 50px;line-height: 1.3;word-break: keep-all;}
.pg_tit.nomar {margin-bottom: 10px;}
.pay_tab {margin: 0 -10px 40px -10px;}
.pay_tab:before {content: "";display: table;}
.pay_tab:after {content: "";display: table;clear: both;}
.pay_tab .item {float: left;width: 33.33333333%;padding: 0 10px;}
.pay_tab .link {display: block;background-color: #f6f6f9;border-radius: 30px;padding: 15px 40px;height: 280px;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;border: 2px solid #f6f6f9;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.pay_tab .link > div {width: 100%;}
.pay_tab .link .pt_tit {font-size: 35px;color: #343639;font-weight: 700;margin-bottom: 20px;}
.pay_tab .link .pt_txt {letter-spacing: -1px;font-size: 16px;color: #262626;font-weight: 400;margin-bottom: 15px;line-height: 1.3;word-break: keep-all;}
.pay_tab .link .pt_btn a {font-size: 20px;color: #fff;font-weight: 500;width: 100%;height: 60px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;background-color: #343639;border-radius: 10px;}

.pay_tab .item.on .link {border-color: #343639;-webkit-box-shadow: 0 0px 5px rgb(0 0 0 / 30%);box-shadow: 0 0px 5px rgb(0 0 0 / 30%);}
.pay_tab .link.red .pt_tit {color: #0056ff;}
.pay_tab .link.red .pt_btn a {background-color: #0056ff;}

.pay_tab_cont {margin: 0 -10px;}
.pay_tab_cont:before {content: "";display: table;}
.pay_tab_cont:after {content: "";display: table;clear: both;}
.pay_tab_cont .item {float: left;width: 33.33333333%;padding: 0 10px;}
.pay_tab_cont .item.item1 {width: 66.66666667%;}
.pay_tab_cont .item.item2 {width: 33.33333333%;}
.ptc_box {height: 335px;border-radius: 25px;background-color: transparent;padding: 45px 55px;position: relative;}
.ptc_box:before {content: "";display: none;width: 109px;height: 21px;background: url('../images/priceinfo/bl_arrow.png') no-repeat 0 0;position: absolute;left: 130px;top: -21px;}

.ptc_box_row {margin: 0 -5px;}
.ptc_box_row:before {content: "";display: table;}
.ptc_box_row:after {content: "";display: table;clear: both;}
.ptc_box_row .col {float: left;padding: 0 5px;}
.ptc_box_row .col1 {width: 26%;}
.ptc_box_row .col2 {width: 34%;}
.ptc_box_row .col3 {width: 40%;}
.ptc_box_row .col4 {width: 100%;}
.ptc_tit {font-size: 16px;color: #262626;font-weight: 700;margin-bottom: 5px;}
.ptc_txt {font-size: 16px;color: #262626;font-weight: 400;padding-left: 20px;position: relative;}
.ptc_txt:before {display: block;position: absolute;left: 0;top: 8px;content: "";background: url('../images/priceinfo/ico_dman.png') no-repeat 0 0;width: 16px;height: 12px;}
.ptc_list li {font-size: 16px;color: #262626;font-weight: 400;padding-left: 20px;position: relative;padding: 3px 0 3px 20px;}
.ptc_list li:before {display: block;position: absolute;left: 0;top: 11px;content: "";background: url('../images/priceinfo/ico_gv.png') no-repeat 0 0;width: 13px;height: 11px;}
.ptc_item.mar {margin-bottom: 25px;}
.pay_tab_cont .item.on .ptc_list li:before {background-image: url('../images/priceinfo/ico_rv.png');}

.pay_tab_cont .item.on .ptc_box {background-color: #fff;}
.pay_tab_cont .item.on .ptc_box:before {display: block;}

.pay_tab_cont.ptc1 .ptc_box:before {left: 510px;}
.pay_guide_view .pgv_ex {font-size: 20px;color: #a9a9a9;font-weight: 700;margin-bottom: 15px;text-align: right;}
.pgv_list {margin: 0 -7px;}
.pgv_list:before {content: "";display: table;}
.pgv_list:after {content: "";display: table;clear: both;}
.pgv_list .item {float: left;width: 50%;padding: 0 7px;margin-bottom: 14px;}
.pgv_box {background-color: #fff;border-radius: 15px;padding: 0 50px;}
.pgv_box_in {padding-left: 170px;position: relative;height: 140px;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;}
.pgv_cnt {position: absolute;left: 0;top: 50%;margin-top: -25px;}
.pgv_cnt span {width: 125px;height: 50px;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;font-size: 25px;color: #fff;font-weight: 700;background-color: #a9a9a9;border-radius: 80px;}
.pgv_cnt.red span {background-color: #0056ff;}
.pgv_dan {font-size: 16px;color: #0056ff;font-weight: 500;}
.pgv_line {position: relative;}
.pgv_line span:after {content: "";display: block;width: 100%;height: 2px;background-color: #0056ff;position: absolute;left: 0;top: 16px;}
.pgv_line span {position: relative;display: inline-block;font-size: 22px;color: #a9a9a9;font-weight: 500;margin-bottom: 10px;}
.pgv_price {-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;}
.pgv_price .per {margin-right: 15px;width: 76px;height: 48px;background-color: #0056ff;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;font-size: 20px;color: #fff;font-weight: 600;border-radius: 5px;}
.pgv_pr {font-size: 25px;color: #a9a9a9;font-weight: 500;}
.pgv_pr strong {font-size: 35px;color: #262626;font-weight: 700;}

.pgv_btn {margin: 0 -7px;}
.pgv_btn:before {content: "";display: table;}
.pgv_btn:after {content: "";display: table;clear: both;}
.pgv_btn .item {float: left;width: 50%;padding: 0 7px;margin-bottom: 14px;}
.pgv_pay {margin-top: 45px;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 60px;font-size: 20px;color: #fff;font-weight: 600;border-radius: 10px;background-color: #0056ff;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.pgv_pay:hover {-webkit-box-shadow: 0 1px 15px rgb(0 0 0 / 20%);box-shadow: 0 1px 15px rgb(0 0 0 / 20%);}
.pgv_pay.re {border: 2px solid #0056ff;color: #0056ff;background-color: transparent;}
.pgv_txt {margin-top: 35px;}
.pgv_txt ul li {position: relative;font-size: 20px;color: #343639;font-weight: 500;line-height: 1.3;padding: 3px 0 3px 10px;}
.pgv_txt ul li:before {content: "";display: block;width: 3px;height: 3px;border-radius: 50%;background-color: #343639;position: absolute;left: 0;top: 15px;}
.pay_down_wrap .pg_redtit {margin-bottom: 25px;}
.pay_down {margin: 0 -7px;}
.pay_down:before {content: "";display: table;}
.pay_down:after {content: "";display: table;clear: both;}
.pay_down .item {float: left;width: 50%;padding: 0 7px;}

.pdi_box {padding: 50px;border: 1px solid #ddd;border-radius: 25px;}
.pdi_tit {font-size: 30px;color: #343639;font-weight: 600;margin-bottom: 10px;}
.pdi_txt {font-size: 20px;color: #343639;font-weight: 400;margin-bottom: 25px;line-height: 1.3;word-break: keep-all;}
.pdi_link a {display: inline-block;padding-right: 25px;position: relative;font-size: 20px;color: #0056ff;font-weight: 600;}
.pdi_link a:hover {text-decoration: underline;}
.pdi_link a:after {content: "";display: block;width: 15px;height: 14px;background: url('../images/priceinfo/ico_rarrow.png') no-repeat 0 0;position: absolute;right: 0;top: 8px;}
.pay_down .item.item1 .pdi_box {background-color: #ececf3;}
.pay_down .item.item2 .pdi_box {background-color: #fff1f3;}
.pay_start_wrap {padding: 100px 0;background-color: #1d1c22;}
.psw_tit {font-size: 36px;color: #fff;font-weight: 600;margin-bottom: 30px;text-align: center;}
.psw_btn {-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.psw_btn .mar {margin-right: 30px;}
.psw_btn a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;background-color: #343639;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 290px;height: 60px;border-radius: 10px;font-size: 20px;color: #fff;font-weight: 600;}
.psw_btn a.red {background-color: #0056ff;}
.psw_btn a:hover {-webkit-box-shadow: 0 1px 15px rgb(0 0 0 / 20%);box-shadow: 0 1px 15px rgb(0 0 0 / 20%);}
.pay_tab_cont_xs {display: none;}

@media (max-width: 1199px) {
   .pcontainer {width: 970px;}
   .pay_tab .link {padding: 15px 20px;height: 240px;}
   .ptc_box:before {left: 101px;}
   .pay_tab .link .pt_tit {font-size: 30px;}
   .pay_tab_cont.ptc1 .ptc_box:before {left: 416px;}
   .pg_tit {font-size: 30px;margin-bottom: 30px;}
   .ptc_box {padding: 20px;height: 290px;}
   .ptc_box_row .col1 {width: 20%;}
   .ptc_box_row .col2 {width: 34%;}
   .ptc_box_row .col3 {width: 46%;}
   .pay_guide {padding: 50px 0;}
   .pay_down_wrap {padding: 50px 0;}
   .pgv_box {padding: 0 30px;}
   .pgv_cnt span {width: 100px;font-size: 20px;}
   .pgv_box_in {padding-left: 120px;}
   .pdi_box {padding: 25px;}
}
@media (max-width: 991px) {
   .pcontainer {width: 750px;}
   .pg_redtit {font-size: 15px;margin-bottom: 10px;}
   .pg_tit {font-size: 25px;margin-bottom: 15px;}
   .pay_tab .link .pt_tit {font-size: 25px;margin-bottom: 10px;}
   .pay_tab .link {padding: 15px;}
   .pay_tab .link .pt_txt {font-size: 13px;}
   .pay_tab .link .pt_btn a {height: 40px;font-size: 15px;}
   .pay_tab {margin-left: -5px;margin-right: -5px;}
   .pay_tab .item {padding: 0 5px;}
   .pay_tab .link {height: 200px;}
   .ptc_box {padding: 10px;height: 245px;border-radius: 10px;}
   .ptc_tit {font-size: 14px;}
   .ptc_list li {font-size: 13px;}
   .ptc_list li:before {top: 7px;}
   .ptc_box:before {left: 58px;}
   .pay_tab_cont.ptc1 .ptc_box:before {left: 307px;}
   .pay_guide_view .pgv_ex {font-size: 15px;margin-bottom: 10px;}
   .pgv_box_in {padding-left: 0;display: block;height: auto;}
   .pgv_cnt {position: relative;left: auto;top: auto;margin-top: 0;}
   .pgv_cnt span {width: 100%;font-size: 18px;height: 40px;border-radius: 5px;margin-bottom: 10px;}
   .pgv_box {padding: 15px 25px;}
   .pgv_price .per {width: 60px;height: 40px;font-size: 15px;}
   .pgv_pr strong {font-size: 28px;}
   .pgv_pr {font-size: 18px;}
   .pgv_pay {margin-top: 20px;}
   .pgv_txt ul li {font-size: 18px;}
   .pay_down_wrap .pg_redtit {margin-bottom: 15px;}
   .pdi_tit {font-size: 25px;}
   .pdi_txt {font-size: 15px;}
   .pdi_txt br {display: none;}
   .pdi_link a {font-size: 15px;}
   .pay_start_wrap {padding: 50px 0;}
   .psw_tit {font-size: 25px;margin-bottom: 20px;}
   .psw_btn a {width: 200px;height: 40px;font-size: 15px;}
}
@media (max-width: 767px) {
   #price-section-04{padding: 0 !important;}
   .pcontainer {width: 100%;}
   .pg_tit {font-size: 18px;}
   .pay_tab .link {padding: 15px;border-radius: 15px}
   .pay_tab .link .pt_tit {font-size: 18px;}
   .pay_tab .item {width: 100%;margin-bottom: 15px;}
   .ptc_box_row .col {margin-bottom: 20px;}
   .ptc_box_row .col1,
   .ptc_box_row .col2,
   .ptc_box_row .col3 {width: 100%;}
   .ptc_box {height: auto;padding: 15px;}
   .pay_tab .link {height: auto;}
   .pay_tab .item .link {margin-bottom: 30px;}
   .pay_tab_cont .item.item1,
   .pay_tab_cont .item.item2 {width: 100%;}
   .ptc_box:before {left: 50%;margin-left: -54px;}
   .pay_tab_cont_pc {display: none;}
   .pay_tab_cont_xs {display: block;}
   .pay_tab .item .link {border-color: #343639;-webkit-box-shadow: 0 0px 5px rgb(0 0 0 / 30%);box-shadow: 0 0px 5px rgb(0 0 0 / 30%);}
   .pay_tab {margin-bottom: 0;}
   .pay_guide {padding: 25px 0;}
   .pay_guide_view .pgv_ex {font-size: 13px;}
   .pgv_list .item {width: 100%;}
   .pgv_pay {margin-top: 10px;font-size: 15px;height: 50px;}
   .pgv_txt {margin-top: 15px;}
   .pgv_txt ul li {font-size: 15px;}
   .pgv_txt ul li:before {top: 11px;}
   .pay_down .item {width: 100%;margin-bottom: 20px;}
   .psw_btn a {width: 130px;}
   .psw_btn .mar {margin-right: 15px;}
   .psw_tit {font-size: 20px;margin-bottom: 15px;}
   .pg_tit br {display: none;}
   .pay_tab .link .pt_txt {font-size: 15px;}
   .ptc_list li {font-size: 15px;}
   .ptc_tit {font-size: 15px;}
}