/* 공통 레이아웃 STR*/
body {background-color: #f8f9fc;}
main {width: 100%; max-width: 83rem; margin: 16rem auto 10rem; padding: 0;}
main .main-wrap {background-color: #fff; border-radius: 4rem; overflow: hidden; box-shadow: 0 0.4rem 10rem 0 rgba(32, 52, 99, 0.1);}
main .main-title {display:flex; justify-content: space-between; align-items: center; gap: 0 1rem; padding: 3rem 4rem; color:#fff; background-color: var(--primary); font-size:2.8rem; font-weight: bold; line-height: 1.36;}
main .main-title b {display:block; width: 23rem;}
main .main-title span {font-size: 1.8rem; font-weight: 500; word-break: keep-all;}
main .main-content {padding: 4rem;}
main .main-content h2{margin-bottom: 6rem; font-size:2.8rem; font-weight: bold; line-height: 1.36;}
main .main-content .main-sub__title{margin-top: 2rem; font-size: 1.6rem; font-weight: normal; line-height: 1.63;}
main .btn-box {display:flex; justify-content: center; align-items: center; gap: 3rem; margin-top: 6rem;}
main .gogo-btn {width: 20rem; background-color: #7a86a1; color:#fff;}
main .gogo-btn.next {pointer-events: none;}
main .gogo-btn.on,
main .gogo-btn.outline {pointer-events: initial;}
main .badge {display:flex; justify-content: center; align-items: center; width: 4.2rem; font-size: 1.2rem; font-weight: 500; border-radius: 0.4rem; line-height: 1.83;}
main input[type="radio"] {display:none;}
main .list {display:flex; flex-direction: column; gap: 2rem;}
main .select-label {position: relative; display: block; padding: 3rem; background-image: url("/img/renewal/common/check-circle-off.svg"); background-size: 2.4rem; background-position: right 3rem center; background-repeat: no-repeat; border: 0.1rem solid #eff1f7; border-radius: 2rem; cursor: pointer; transition: background.15s ease-in-out;}
main .select-label b {color:#131313; font-size: 2rem; font-weight: bold; line-height: 1.5;}
main .select-label span {display: block; margin-top: 1rem; color:#888; line-height: 1.63;}
main input[type="radio"]:checked + .select-label {background-image: url("/img/renewal/common/check-circle-on.svg"); background-color: #f8f9fc;}
main .select-label:hover{background-color: #f8f9fc;}
main .gogo-input:read-only,
main .gogo-input:disabled,
main .gogo-select[disabled],
main .gogo-select[readonly]{background-color: #eff1f7; color:#7a86a1;}


.gogo-modal__wrap {position: fixed; top: 50%; left: 50%; width: 90%; max-width: 60rem; background-color: #fff; border-radius: 2rem; transform: translate(-50%, -50%);}
.gogo-modal__wrap .modal-title {position: sticky; top: 0;}
.gogo-modal__wrap .modal-contents {overflow: auto; max-height: 70rem; font-size: 1.6rem;}
.gogo-modal__wrap .modal-contents::-webkit-scrollbar{display: none;}
.gogo-modal__wrap .cont_wrap {white-space: pre-line; line-height: 1.71;}
.gogo-modal__wrap b {font-weight: bold;}
.gogo-modal__wrap .title {font-size: 1.8rem; }
.gogo-modal__wrap .gogo-btn {margin: 3rem auto 0;}

@media screen and (max-width:1024px) {
    main {padding:0 1.5rem;}
}

@media screen and (max-width:720px) {
    main {margin:6.5rem auto 3rem;}
    main .main-wrap {border-radius: 2rem;}
    main .main-title{padding: 1rem 1.5rem; font-size: 1.8rem; font-weight: 600; line-height: 1.56;}
    main .main-title b {display:none;}
    main .main-title span {font-size: 1.4rem;}
    main .main-content{padding: 3rem 1.5rem;}
    main .main-content h2{margin-bottom: 3rem; font-size:2.2rem; line-height: 1.45;}
    main .main-content .main-sub__title{margin-top: 1rem; font-size: 1.5rem;}
    main .btn-box {margin-top: 3rem;}
    main .gogo-btn.prev {display: none;}
    main .list {gap: 1rem;}
    main .select-label {padding: 1.5rem; border-radius: 1.5rem; background-position: right 1.5rem center;}
    main .select-label b {font-size: 1.6rem;}
    main .select-label span {margin-top: 0.5rem; font-size: 1.2rem;}
    .gogo-modal__wrap {border-radius: 1.5rem;}
    .gogo-modal__wrap .modal-contents {font-size: 1.4rem;}
    .gogo-modal__wrap .title {font-size: 1.6rem;}
    .gogo-modal__wrap .gogo-btn {margin: 2rem auto 0;}
}
/* 공통 레이아웃 END*/

/* index 요금제 페이지 STR */
main#plan_info .logos {display: flex; gap: 1.4rem; align-items: center;}
main#plan_info .logo-img {width: 9.2rem;}
main#plan_info .plan-info__wrap {display:flex; justify-content: space-between; margin-top: 2rem;}
main#plan_info .plan-info__rate p {font-size: 2.2rem; font-weight: bold; line-height: 1.45; word-break: keep-all;}
main#plan_info .plan-info__rate .plan-info__service {display:flex; align-items: center; gap: 0.4rem 2rem; flex-wrap: wrap; margin-top: 1rem; color:#7a86a1; font-size: 1.4rem; line-height: 1.71;}
main#plan_info .plan-info__rate .service-item {position:relative; display:flex; align-items: center; gap: 0.6rem;}
main#plan_info .plan-info__rate .service-item:first-of-type {width: 100%;}
main#plan_info .plan-info__rate .service-item:last-of-type::before{content: ""; position: absolute; top: 50%; left: -1rem; width: 0.1rem; height: 1.4rem; background-color: #eff1f7; transform: translateY(-50%);}
main#plan_info .plan-info__rate .service-icon {width: 2.2rem;}

main#plan_info .plan-info__price b{color:var(--primary); font-size: 2.2rem; font-weight: bold; line-height: 1.45; white-space: nowrap;}
main#plan_info .plan-info__price p {margin-top: 0.4rem; color:#888; font-size: 1.4rem; line-height: 1.71; text-align: right; white-space: nowrap;}

main#plan_info .check-section {margin-top:4rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; color:#1c4198;}
main#plan_info .check-section .check-title {font-size: 1.5rem; font-weight: 600; line-height: 1.67;}
main#plan_info .check-section ul {display:flex; flex-direction: column; gap: 0.4rem; margin-top: 1rem; font-size: 1.4rem;}
main#plan_info .check-section ul li {padding-left: 1rem; list-style: '-'; list-style-position: outside; line-height: 1.71;}
main#plan_info .check-section ul span {color:#3370ff;}

main#plan_info .notice-section {margin-top:4rem; padding: 2rem; border: 0.1rem solid #eff1f7; border-radius: 2rem; color:var(--black);}
main#plan_info .notice-section .notice-title {font-size: 1.8rem; font-weight: bold; line-height: 1.56;}
main#plan_info .notice-section .notice-title__sub {margin-top: 1rem; font-size: 1.5rem; font-weight: 600; line-height: 1.67;}
main#plan_info .notice-section ul {display:flex; flex-direction: column; gap: 1rem; margin-top: 1rem; font-size: 1.4rem;}
main#plan_info .notice-section ul li {margin-left: 1rem; list-style: auto; list-style-position: outside; color:#888; line-height: 1.71;}

@media screen and (max-width:720px) {
    main#plan_info .plan-info__wrap {flex-direction: column; gap: 1.5rem; margin-top: 1.5rem;}
    main#plan_info .plan-info__rate p {font-size: 2rem;}

    main#plan_info .check-section {margin-top: 1.5rem; padding: 1.5rem;}
    main#plan_info .notice-section {margin-top: 3rem; padding: 2rem;}
}
/* index 요금제 페이지 END */

/* agree 동의 페이지 STR */
main#agree .term-check input[type="checkbox"] {display: none;}
main#agree .term-check label {display:flex; justify-content: space-between; align-items: center; font-size: 1.6rem;}
main#agree .term-check .term_gray {color:#888;}
main#agree .term-check .policy_check {margin-top: 2.2rem;}
main#agree .term-check .arrow {display: flex; padding-left: 3rem;}
main#agree .term-check__top {padding-bottom: 2.8rem; border-bottom: 0.1rem solid #eff1f7;}
main#agree .term-check__top label {font-size: 1.8rem; font-weight: 500;}

main#agree .hidden_list {display:none; padding-left: 2rem;}
main#agree .hidden_list li {display:flex; align-items: center; gap: 1rem;}
main#agree .hidden_list .view-term {padding: 0.2rem 0.6rem; border: 0.1rem solid #888; border-radius: 0.4rem;}

main#agree .gogo-modal__wrap {position: fixed; top: 50%; left: 50%; width: 90%; max-width: 60rem; background-color: #fff; border-radius: 2rem; transform: translate(-50%, -50%);}
main#agree .gogo-modal__wrap .modal-title {position: sticky; top: 0;}
main#agree .gogo-modal__wrap .modal-contents {overflow: auto; max-height: 70rem;}
main#agree .gogo-modal__wrap .modal-contents::-webkit-scrollbar{display: none;}

@media screen and (max-width:720px){
    main#agree .term-check label {font-size: 1.2rem; background-size: 2rem;}
    main#agree .term-check .policy_check {margin-top: 1.4rem;}
    main#agree .term-check__top {padding-bottom: 2rem;}
    main#agree .term-check__top label {font-size: 1.5rem;}
    main#agree .term-check .arrow {padding-left: 1rem;}
    main#agree .arrow img {width: 2.4rem;}

    main#agree .gogo-modal__wrap {border-radius: 1rem;}
    main#agree .gogo-modal__wrap .modal-contents {max-height: 44rem; padding: 1.2rem; font-size: 1.4rem;}
}

/* agree 동의 페이지 END */

/* customer 고객 유형 선택 페이지 STR */
main#customer .select-label b {color:#131313; font-size: 2rem; font-weight: bold; line-height: 1.5;}
main#customer .select-label span {display: block; margin-top: 1rem; color:#888; line-height: 1.63;}

@media screen and (max-width:720px){
    main#customer .select-label b {font-size: 1.6rem;}
    main#customer .select-label span {margin-top: 0.5rem; font-size: 1.2rem;}

}
/* customer 고객 유형 선택 페이지 END */

/* require 고객유형별 준비물 페이지 STR */
main#require #require_list {display:flex; flex-direction: column; gap: 2rem;}
main#require #require_list .list_item {display:flex; align-items: center; gap: 3rem; padding: 3rem; background-color: #f8f9fc; border-radius: 2rem;}
main#require .item-img {display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; background-color: #dfe7fa; border-radius: 50%;}
main#require .item-img img{width: 3.4rem;}

main#require .item_title {color:#131313; font-size: 2rem; font-weight: bold; line-height: 1.5;}
main#require .item_explain {display: block; margin-top: 1rem; color:#888; line-height: 1.63;}

@media screen and (max-width:720px){
    main#require #require_list {gap: 1rem;}
    main#require #require_list .list_item {padding: 1.5rem; gap: 1.5rem; border-radius: 1.5rem;}
    main#require .item-img {width: 5rem; height: 5rem;}
    main#require .item-img img{width: 2.8rem;}

    main#require .item_title {font-size: 1.6rem;}
    main#require .item_explain {margin-top: 0.5rem; font-size: 1.2rem;}

}
/* require 고객유형별 준비물 페이지 END */

/* join_type 가입유형 페이지 STR */
main#join_type #select_check p {margin-top: 1rem; color:#888; font-size: 1.4rem;}

@media screen and (max-width:720px){
    main#join_type #select_check p {font-size: 1.2rem;}
}
/* join_type 가입유형 페이지 END */

/* usim_type 유심유무 페이지 STR */
main#usim_type .notice {margin-top: 2rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem; line-height: 1.71;}
main#usim_type .notice .bold {margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600; line-height: 1.67;}
main#usim_type .notice ul {display:flex; flex-direction: column; gap: 0.5rem;}
main#usim_type .notice li {list-style-type: '- '; list-style-position: outside; margin-left: 1rem;}
main#usim_type .notice .line {margin: 2rem 0; width: 100%; height: 0.1rem; background-color: #e8ecf5;}
main#usim_type .notice b {font-size: 1.6rem; font-weight: bold;}

@media screen and (max-width:720px){
    main#usim_type .notice {padding: 1.5rem; border-radius: 1.5rem; font-size: 1.2rem;}
    main#usim_type .notice li {margin-left: 0.8rem;}
    main#usim_type .notice b {font-size: 1.4rem; font-weight: 600;}
    main#usim_type .notice .line {margin: 1.5rem 0;}
}
/* usim_type 유심유무 페이지 END */

/* subscriber_info 가입자 정보 STR */
main#subscriber_info .info_cont {display:flex; flex-direction: column; gap:3rem;}
main#subscriber_info .info_cont h4 {margin-bottom: 1rem; font-weight: 600;}
main#subscriber_info .info_cont .gogo-input {width: 100%;}
main#subscriber_info .info_cont .gogo-input:read-only {color:#7a86a1; background-color: #eff1f7;}
main#subscriber_info .dial-input__wrap {display:flex; align-items: center; gap: 1rem;}
main#subscriber_info .dial {color:#888;}
main#subscriber_info .cert-message {margin-top: 1rem; font-size: 1.5rem; line-height: 1.67;}
main#subscriber_info .common-notice {margin-top: 1rem; color:#888; font-size: 1.4rem; line-height: 1.71;}
main#subscriber_info .fore-notice {margin-top: 3rem; padding: 2rem; color:#1c4198; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem; line-height: 1.71;}
main#subscriber_info .fore-notice .bold {margin-bottom: 1rem; font-size: 1.5rem; font-weight: 600; line-height: 1.67;}
main#subscriber_info .fore-notice ul {display:flex; flex-direction: column; gap: 0.5rem;}
main#subscriber_info .fore-notice li {list-style-type: '- '; list-style-position: outside; margin-left: 1rem;}

main#subscriber_info .gogo-modal__wrap {position: fixed; top: 50%; left: 50%; width: 90%; max-width: 60rem; background-color: #fff; border-radius: 2rem; transform: translate(-50%, -50%);}
main#subscriber_info .gogo-modal__wrap .modal-title {position: sticky; top: 0;}
main#subscriber_info .gogo-modal__wrap .modal-contents {overflow: auto; max-height: 70rem; font-size: 1.6rem;}
main#subscriber_info .gogo-modal__wrap .modal-contents::-webkit-scrollbar{display: none;}
main#subscriber_info .gogo-modal__wrap .cont_wrap {white-space: pre-line; line-height: 1.71;}
main#subscriber_info .gogo-modal__wrap b {font-weight: bold;}
main#subscriber_info .gogo-modal__wrap .title {font-size: 1.8rem; }
main#subscriber_info .gogo-modal__wrap .gogo-btn {margin: 3rem auto 0;}

@media screen and (max-width:720px){
    main#subscriber_info .cert-message {font-size: 1.4rem;}
    main#subscriber_info .fore-notice {padding: 1.5rem; border-radius: 1.5rem; font-size: 1.2rem;}
    main#subscriber_info .fore-notice li {margin-left: 0.8rem;}

    main#subscriber_info .gogo-modal__wrap {border-radius: 1.5rem;}
    main#subscriber_info .gogo-modal__wrap .modal-contents {max-height: 44rem; font-size: 1.4rem;}
    main#subscriber_info .gogo-modal__wrap .title {font-size: 1.6rem;}
    main#subscriber_info .gogo-modal__wrap .gogo-btn {margin: 2rem auto 0;}
}
/* subscriber_info 가입자 정보 END */

/* simple_cert 본인 인증 페이지 STR */
main#simple_cert h2 {margin-bottom: 0;}
main#simple_cert .minor-notice {margin-top: 2rem;}
main#simple_cert .cert_cont {display:flex; align-items: center; gap: 2rem; margin-top: 6rem;}
main#simple_cert .cont_half {flex: 1; padding: 3rem; height: 25rem; border-radius: 2rem; border: 0.1rem solid #eff1f7; cursor:pointer;}
main#simple_cert .cont_half b {font-size: 2rem; font-weight: bold; line-height: 1.5;}
main#simple_cert .cert_icon {display:flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 3rem;}
main#simple_cert .cert_icon img {width: 6rem; height: 6rem;}

@media screen and (max-width:720px){
    main#simple_cert .minor-notice {margin-top: 1rem;}
    main#simple_cert .cert_cont {flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 3rem;}
    main#simple_cert .cont_half {width: 100%; padding: 1.5rem; height: auto; border-radius: 1.5rem;}
    main#simple_cert .cont_half b {font-size: 1.6rem;}
    main#simple_cert .cert_icon {margin-top: 2rem; max-width: 80%;}
    main#simple_cert .cert_icon img {width: 4rem; height: 4rem;}
}


/*simple_cert 본인 인증 페이지 END */

/* identify 신분증 정보 페이지 STR */
main#identify .choice_btn {width: 100%;}
main#identify .identify_tab {margin-top: 6rem;}
main#identify .identify_tab .img_box{width: 100%; max-width: 40rem; margin: 0 auto;}
main#identify .identify_tab img {width: 100%;}
main#identify .input_box {display: flex; flex-direction: column; gap: 1rem; margin-top: 6rem; font-weight: 600; line-height: 1.63;}
main#identify .input_box .gogo-input {width: 100%;}
main#identify .input_box .num-in {display: flex; align-items: center; gap: 1rem;}
main#identify .input_box .dial {color:#888;}

@media screen and (max-width:720px) {
    main#identify .identify_tab,
    main#identify .input_box {margin-top: 3rem;}
    main#identify #driver_number1 {width: 7.5rem; font-size: 1.2rem; background-position : right 1rem center;}
    main#identify #driver_number1.on {background-image: none;}
    main#identify .driver_card .driver-num {padding: 1.2rem 0; text-align: center;}
    main#identify .driver_card #driver_number3 {width: 7.5rem;}
    main#identify .mt1 {margin-top: 1rem;}
    main#identify .btn-box {margin-top: 6rem;}
}

/* identify 신분증 정보 페이지 END */


/* face_auth 안면 인증 페이지 STR */
main#face_auth .hide {display: none;}
main#face_auth #identify_form {display:flex; flex-direction: column; gap: 6rem;}
main#face_auth .img_box {width: 100%; max-width: 40rem; margin: 0 auto}
main#face_auth .img_box img {width: 100%}
main#face_auth .info-text {font-size: 1.8rem; font-weight: 600; line-height: 1.56;}
main#face_auth .info-text span {font-size: 1.6rem; font-weight: normal; line-height: 1.63;}
main#face_auth .input_box {margin-top: 3rem;}
main#face_auth .input_box h4 {font-size: 1.6rem; font-weight: 600;}
main#face_auth .gogo-select {margin-top: 1rem; width: 100%;}
main#face_auth .gogo-btn {margin: 6rem auto 0;}
main#face_auth .gogo-modal .modal-qr-code {position:absolute; top:50%; left:50%; width:60rem; padding:0; border-radius:1rem; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;}
main#face_auth .gogo-modal .qr_area {width:100%; padding:5rem; text-align:center;}

@media screen and (max-width:720px) {
    main#face_auth #identify_form {gap: 3rem;}
    main#face_auth .input_box {margin-top: 1.5rem;}
    main#face_auth .info-text span {font-size: 1.5rem;}
    main#face_auth .gogo-btn {margin: 3rem auto 0;}
    main#face_auth .gogo-modal .modal-qr-code {width: 90%;}
}


/* face_auth 안면 인증 페이지 END */

/* file_cert 파일 첨부 페이지 STR */
main#file_cert #list {display:flex; flex-direction: column; gap: 2rem;}
main#file_cert #list .list_item {position: relative; display:flex; align-items: center; gap: 3rem; padding: 3rem; background-image: url('/img/renewal/common/silver-ic-check-line.svg'); background-size: 6rem; background-repeat: no-repeat; background-position: right 3rem center; background-color: #f8f9fc; border-radius: 2rem;}
main#file_cert .item-img {display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; background-color: #dfe7fa; border-radius: 50%;}
main#file_cert .item-img img{width: 3.4rem;}
main#file_cert .item_title {color:#131313; font-size: 2rem; font-weight: bold; line-height: 1.5;}
main#file_cert .item_explain {display: block; margin-top: 1rem; color:#888; line-height: 1.63;}

main#file_cert .input_box {display: flex; flex-direction: column; gap: 1rem; margin-top: 6rem;}
main#file_cert .input_box .gogo-btn{width: 11.7rem; background-color: #333; pointer-events: initial;}
main#file_cert .input_box .gogo-input {width:100%; color:#888; background-color: #fff;}
main#file_cert .input_box .gogo-input.on {color:#333;}
main#file_cert .input_box .num_in {display:flex; align-items: center; gap: 1rem; }
main#file_cert .input_box h4 {font-weight: 600; line-height: 1.63;}


@media screen and (max-width:720px){
    main#file_cert #list {gap: 1rem;}
    main#file_cert #list .list_item {padding: 1.5rem; gap: 1.5rem; background-image: none; border-radius: 1.5rem;}
    main#file_cert .item-img {width: 5rem; height: 5rem;}
    main#file_cert .item-img img{width: 2.8rem;}
    main#file_cert .item_title {font-size: 1.6rem;}
    main#file_cert .item_explain {margin-top: 0.5rem; font-size: 1.2rem;}

    main#file_cert .input_box {margin-top: 3rem;}
}

/* file_cert 파일 첨부 페이지 END */

/* address_info 주소 작성 페이지 STR */
main#address_info .info_cont {display:flex; flex-direction: column; gap: 1rem;}
main#address_info .input_box h4 {font-weight: 600; line-height: 1.63;}
main#address_info .input_box .gogo-btn {width: 12rem; background-color: #333; color:#fff; white-space: nowrap; pointer-events: initial;}
main#address_info .input_box .num_in {display:flex; align-items: center; gap: 1rem; }
main#address_info .input_box .gogo-input,
main#address_info .input_box .gogo-select{width: 100%;}
main#address_info .email-label {margin-top: 2rem;}

/* address_info 주소 작성 페이지 END */

/* move_tel 번호이동 셀프개통 페이지 STR */
main#move_tel .choice_btn {width: 100%;}
main#move_tel .grey-notice {margin-top: 1rem;}
main#move_tel .grey-text {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#move_tel .grey-text span{color:#131313; font-weight: 600;}
main#move_tel .input_box {display:flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
main#move_tel .input_box h4 {font-weight: 600; line-height: 1.63;}
main#move_tel .input_box .num_in {display:flex; align-items: center; gap: 1rem; }
main#move_tel .select-list {display:flex; flex-direction: column; gap: 1rem;}
main#move_tel .select-list p {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#move_tel select,
main#move_tel .gogo-input{width: 100%; color:var(--black);}
main#move_tel .content-item{margin-top: 6rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem;}
main#move_tel .content-item .notice-title {color:#1c4198; font-size: 1.5rem; font-weight: bold;}
main#move_tel .notice-list {margin-top: 1rem;}
main#move_tel .notice-list__item {margin-bottom: 0.4rem; color:#888; line-height: 1.71;}
main#move_tel .notice-list__item:last-of-type {margin-bottom: 0;}
main#move_tel .ars-tel {display: flex; justify-content: center; align-items: center; margin: 2rem 0; background-color: #fff; padding: 2rem; border-radius: 1.2rem; font-size: 2rem; font-weight: 500;}
main#move_tel .ars-tel span {font-weight: 600;}
main#move_tel .err-msg {color:var(--primary); font-size: 1.6rem; font-weight: 600; line-height: 1.63;}
main#move_tel .err-msg span {color:var(--black); font-weight: normal;}
main#move_tel .procedure-box {display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 2rem; background-color: #fff; padding: 2rem; border-radius: 1.2rem; font-size: 1.5rem; font-weight: 500;}
main#move_tel .procedure-box img {width: 2.4rem;}
main#move_tel .notice-list hr {margin: 2rem 0; border: 0.1rem solid #e8ecf5;}
main#move_tel .time-text {margin-top: 1rem; font-size: 1.5rem; line-height: 1.67;}
main#move_tel .time-text b {font-weight: 600;}
main#move_tel .time-text p {margin-top: 0.4rem;}
main#move_tel .agree_btn {flex-shrink: 0; width: 11.5rem; background-color: var(--black); color:#fff; white-space: nowrap;}
main#move_tel .agree_btn.on {background-color: var(--primary);}
main#move_tel .agree_btn.complete {width: 14.5rem; background-color: #1c4198; pointer-events: none;}
main#move_tel .check-icon {width: 2.4rem; margin-right: 0.4rem;}
main#move_tel .self-modal .modal-move-tel{position:absolute; top:50%; left:50%; width:60rem; padding:0; border-radius:1rem; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;}
main#move_tel .self-modal .modal-contents {display:flex; flex-direction: column; gap: 1rem; font-size: 1.6rem; font-weight: 500;}
main#move_tel .self-modal .btn-box {margin-top: 3rem;}
main#move_tel .self-modal .gogo-btn {width: 100%;}
main#move_tel .cv-spinner {margin-top: 0.8rem; font-size: 1.6rem; color:#fff;}

@media screen and (max-width:720px) {
    main#move_tel .content-item {margin-top: 3rem; padding: 1.5rem;}
    main#move_tel .notice-list__item { margin-bottom: 0.4rem;}
    main#move_tel .err-msg,
    main#move_tel .time-text p{font-size: 1.4rem;}
    main#move_tel .ars-tel {margin: 1.6rem 0;}
    main#move_tel .procedure-box {gap: 0.4rem; padding: 1.2rem; border-radius: 0.8rem; font-size: 1.2rem;}
    main#move_tel .procedure-box img {width: 2.4rem;}
    main#move_tel .self-modal .modal-move-tel {width: 90%}
}

/* move_tel 번호이동 셀프개통 페이지 END */

/* usim_num 유심번호 작성 페이지 STR */
main#usim_num form {margin-top: 6rem;}
main#usim_num .img_box {width: 100%; max-width: 40rem; margin: 0 auto;}
main#usim_num .img_box img {width: 100%;}
main#usim_num .input_box {display:flex; flex-direction: column; gap: 1rem;}
main#usim_num .input_box h4 {font-weight: 600; line-height: 1.63;}
main#usim_num .input_box .num_in {display:flex; align-items: center; gap: 1rem; }
main#usim_num .input_box .gogo-input{width: 100%;}
main#usim_num .input_box p {color:#888; font-size: 1.4rem;}

@media screen and (max-width:720px) {
    main#usim_num form {margin-top: 3rem;}
}
/* usim_num 유심번호 작성 페이지 END */

/* cost_select 요금 청구서 선택 페이지 STR */
main#cost_select #select_check p {margin-top: 1rem; color:#888; font-size: 1.4rem; line-height: 1.71;}
/* cost_select 요금 청구서 선택 페이지 END */

/* cost 요금 납부 방법 선택 페이지 STR */
main#cost .choice_btn {width: 100%;}
main#cost .grey-notice {margin-top: 1rem;}
main#cost .grey-text {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#cost .grey-notice .check_false{margin-bottom: 1rem; color:#ff4f4f; font-size: 1.5rem; line-height: 1.67;}
main#cost .dial {color:#888;}
main#cost .input_box {display:flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
main#cost .input_box h3 {font-size: 1.8rem; font-weight: 600; line-height: 1.63;}
main#cost .input_box h4 {font-weight: 600; line-height: 1.63;}
main#cost .input_box .num_in {display:flex; align-items: center; gap: 1rem; width: 100%;}
main#cost .select-list {display:flex; flex-direction: column; gap: 1rem;}
main#cost .select-list p {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#cost select,
main#cost .gogo-input{width: 100%; color:var(--black);}
main#cost .agree_btn {flex-shrink: 0; width: 11.5rem; background-color: var(--black); color:#fff; white-space: nowrap;}
main#cost .agree_btn.complete {width: 13rem; background-color: #1c4198; pointer-events: none;}
main#cost .check-icon {width: 2.4rem; margin-right: 0.4rem;}
main#cost .modal-self-info .modal-move-tel{position:absolute; top:50%; left:50%; width:60rem; padding:0; border-radius:1rem; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;}
main#cost .modal-self-info .modal-contents {display:flex; flex-direction: column; gap: 1rem; font-size: 1.6rem; font-weight: 500;}
main#cost .modal-self-info .btn-box {margin-top: 3rem;}
main#cost .modal-self-info .gogo-btn {width: 100%;}
main#cost .cv-spinner {margin-top: 0.8rem; font-size: 1.6rem; color:#fff;}

@media screen and (max-width:720px) {
    main#cost .sm {padding: 1.2rem 1rem; background-position: right 1rem center; font-size: 1.2rem;}
    main#cost .grey-notice .check_false{font-size: 1.4rem;}
    main#cost .modal-self-info .modal-move-tel {width: 90%}
}
/* cost 요금 납부 방법 선택 페이지 END */


/* new_join 신규가입 희망 번호 입력 페이지 END */
main#new_join .info_cont {display:flex; flex-direction: column; gap: 2rem;}
main#new_join .input_box {display:flex; flex-direction: column; gap: 1rem;}
main#new_join .input_box h4 {font-weight: 600; line-height: 1.63;}
main#new_join .input_box p {color:#888; font-size: 1.4rem;}
main#new_join .input_box .gogo-input{width: 100%;}
/* new_join 신규가입 희망 번호 입력 페이지 END */

/* delivery 유심카드 배송지 정보 입력 페이지 STR */
main#delivery .info_cont {display:flex; flex-direction: column; gap: 3rem; margin-top: 3rem;}
main#delivery .same_info_label{font-weight: 600;}
main#delivery .input_box {display:flex; flex-direction: column; gap: 1rem;}
main#delivery .input_box h4 {font-weight: 600; line-height: 1.63;}
main#delivery .input_box .num_in {display:flex; align-items: center; gap: 1rem; }
main#delivery .input_box .b_btn_style {background-color: #333; color:#fff;}
main#delivery .input_box p {color:#888; font-size: 1.4rem;}
main#delivery .input_box .gogo-input{width: 100%;}

@media screen and (max-width:720px){
    main#delivery .same_info_label{font-size: 1.5rem;}
}
/* delivery 유심카드 배송지 정보 입력 페이지 END */

/* esim1 eSIM 모델 선택 페이지 STR */
main#esim1 .choice_btn {width: 100%;}
main#esim1 .info_cont {display:flex; flex-direction: column; gap: 3rem; margin-top: 3rem;}
main#esim1 .input_box {display:flex; flex-direction: column; gap: 1rem;}
main#esim1 .input_box h4 {font-weight: 600; line-height: 1.63;}
/* esim1 eSIM 모델 선택 페이지 END */

/* esim2 eSIM 모델 선택2 페이지 STR */
main#esim2 .info_cont {display:flex; flex-direction: column; gap: 3rem; margin-top: 3rem;}
main#esim2 .input_box {display:flex; flex-direction: column; gap: 1rem;}
main#esim2 .input_box h4 {font-weight: 600; line-height: 1.63;}
main#esim2 .device_info {display:flex; justify-content: space-between; align-items: center; padding: 1.2rem 1.5rem; background-color: #f8f9fc; border-radius: 0.8rem; font-weight: 500; line-height: 1.63; cursor:pointer;}
main#esim2 .device_info_2 {margin: 1rem 0;}
main#esim2 .self-modal .modal-move-tel{position:absolute; top:50%; left:50%; width:60rem; padding:0; border-radius:1rem; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;}
main#esim2 .self-modal .modal-contents {display:flex; flex-direction: column; gap: 1rem; font-size: 1.6rem; font-weight: 500;}
main#esim2 .self-modal .btn-box {margin-top: 3rem;}
main#esim2 .self-modal .gogo-btn {width: 100%;}
main#esim2 .device-modal .modal-contents {position: fixed; top: 50%; left: 50%; width: 90%; max-width: 42rem; padding: 0; transform: translate(-50%, -50%);}
main#esim2 .device-modal .contents-wrap {position: relative;}
main#esim2 .device-modal .modal-close {position: absolute; top: 1.8rem; right: 1.8rem; width: 3.5rem; height: 3.5rem; cursor: pointer; z-index: 2;}
main#esim2 .device-modal .swiper-slide img {width: 100%;}
main#esim2 .cv-spinner {margin-top: 0.8rem; font-size: 1.6rem; color:#fff;}
main#esim2 .grey-text {color:#888; font-size: 1.4rem; line-height: 1.71;}

@media screen and (max-width:720px) {
    main#esim2 .device_info {font-size: 1.5rem;}
    main#esim2 .self-modal .modal-move-tel {width: 90%}
    main#esim2 .device-modal .modal-close {top: 1rem; right: 1rem; }
}
/* esim2 eSIM 모델 선택2 페이지 END */

/* esim_device eSIM 지원기기 안내 페이지 STR */
main#esim_device .device-box {position:relative; border-bottom: 0.1rem solid #eff1f7;}
main#esim_device .device-box:first-of-type {border-top: 0.1rem solid #eff1f7;}
main#esim_device .device-box img {width: 2.4rem;}
main#esim_device .device-box__cont {display:flex; justify-content: space-between; align-items: center; padding: 2rem 0;  cursor:pointer;}
main#esim_device .content {display:flex; align-items: center; gap: 2rem; font-size: 1.8rem; font-weight: 600;}
main#esim_device .img-box {display: flex; justify-content: center; align-items: center; width: 5rem; height: 5rem; border-radius: 50%; background-color: #f8f9fc;}
main#esim_device .arrow {transform: rotate(90deg); transition: transform .2s ease-in-out;}
main#esim_device .arrow.on {transform: rotate(-90deg);}
main#esim_device ul {display:flex; flex-direction: column; gap: 0.4rem; padding-bottom: 2rem; line-height: 1.63; list-style: disc; list-style-position: inside;}

@media screen and (max-width:720px) {
    main#esim_device .content {font-size: 1.5rem; }
    main#esim_device ul {font-size: 1.4rem;}
}
/* esim_device eSIM 지원기기 안내 페이지 END */

/* wire_counsel 패스앤 슈팅 STR */
main#wire_counsel .choice_btn {width: 100%;}
main#wire_counsel .content-item{margin-top: 3rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem;}
main#wire_counsel .content-item .notice-title {color:#1c4198; font-size: 1.5rem; font-weight: bold;}
main#wire_counsel .notice-list {margin-top: 1rem;}
main#wire_counsel .notice-list__item {margin-bottom: 0.4rem; color:#131313; line-height: 1.71;}
main#wire_counsel .notice-list__item span{color: red; font-size: 1.5rem; font-weight: bold;}
main#wire_counsel .notice-list__item:last-of-type {margin-bottom: 0;}
main#wire_counsel .notice_box {flex: 1; padding: 3rem; border: 1px solid #e3e3e3; border-radius: 1rem;}
main#wire_counsel .notice_box .notice_text p{font-size: 1.6rem; font-weight: 600; color: #333;}
main#wire_counsel .notice_box .notice_text .notice_list{white-space: pre-line; word-break: keep-all;}
main#wire_counsel .notice_box table {width: 100%; margin: 1rem 0;}
main#wire_counsel .notice_box .centered td {text-align: center; vertical-align: middle;}
main#wire_counsel .agree-wrap {margin-top: 3rem;}
main#wire_counsel .toggle_title {display: flex; justify-content: space-between; align-items: center;}
main#wire_counsel .type {color:#888; font-size: 1.4rem;}
main#wire_counsel .notice_check {text-align: right; margin-top: 3rem;}
main#wire_counsel h3 {margin-bottom: 2rem; font-size: 2.4rem; font-weight: bold; cursor:pointer;}
main#wire_counsel .arrow {width: 2.4rem; transform: rotateZ(90deg); transition: transform .2s ease-in-out;}
main#wire_counsel .arrow.on {transform: rotateZ(-90deg);}
main#wire_counsel input[type="radio"] + label {margin-top: 1rem; color: #333333; font-size: 1.4rem; cursor: pointer;  padding: 1rem 0 1rem 3.6rem; background-repeat: no-repeat; background-image: url('/img/renewal/common/check-circle-off.svg'); background-position: left center; transition: background .15s ease-in-out;}
main#wire_counsel input[type="radio"] + label:last-of-type {margin-left: 2rem;}
main#wire_counsel input[type="radio"]:checked + label { background-image: url('/img/renewal/common/check-circle-on.svg'); }

@media screen and (max-width:720px){
    main#wire_counsel .content-item {margin-top: 3rem; padding: 1.5rem;}
    main#wire_counsel .notice-list__item { margin-bottom: 0.4rem;}
    main#wire_counsel h3 {font-size: 1.8rem; font-weight: 600;}
    main#wire_counsel .notice_box {padding: 1.5rem;}
    main#wire_counsel .notice_box .notice_text p{font-size: 1.4rem;}
    main#wire_counsel .notice_check {margin-top: 2rem; padding-bottom: 1rem;}
    main#wire_counsel input[type="radio"] + label {margin-top: 2rem; padding: 1rem 0 1rem 3rem;}
    main#wire_counsel input[type="radio"] + label:last-of-type {margin-left: 1rem;}
}

/* wire_counsel 패스앤 슈팅 END */

/* sk_self SK 셀프개통 페이지 STR */
main#sk_self .choice_btn {width: 100%;}
main#sk_self .grey-notice {margin-top: 1rem;}
main#sk_self .grey-text {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#sk_self .grey-text span{color:#131313; font-weight: 600;}
main#sk_self .input_box {display:flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
main#sk_self .input_box h4 {font-weight: 600; line-height: 1.63;}
main#sk_self .input_box .num_in {display:flex; align-items: center; gap: 1rem; }
main#sk_self .select-list {display:flex; flex-direction: column; gap: 1rem;}
main#sk_self .select-list p {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#sk_self select,
main#sk_self .gogo-input{width: 100%; color:var(--black);}
main#sk_self .content-item{margin-top: 6rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem;}
main#sk_self .content-item .notice-title {color:#1c4198; font-size: 1.5rem; font-weight: bold;}
main#sk_self .notice-list {margin-top: 1rem;}
main#sk_self .notice-list__item {margin-bottom: 0.4rem; color:#888; line-height: 1.71;}
main#sk_self .notice-list__item:last-of-type {margin-bottom: 0;}
main#sk_self .ars-tel {display: flex; justify-content: center; align-items: center; margin: 2rem 0; background-color: #fff; padding: 2rem; border-radius: 1.2rem; font-size: 2rem; font-weight: 500;}
main#sk_self .ars-tel span {font-weight: 600;}
main#sk_self .err-msg {color:var(--primary); font-size: 1.6rem; font-weight: 600; line-height: 1.63;}
main#sk_self .err-msg span {color:var(--black); font-weight: normal;}
main#sk_self .procedure-box {display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 2rem; background-color: #fff; padding: 2rem; border-radius: 1.2rem; font-size: 1.5rem; font-weight: 500;}
main#sk_self .procedure-box img {width: 2.4rem;}
main#sk_self .notice-list hr {margin: 2rem 0; border: 0.1rem solid #e8ecf5;}
main#sk_self .time-text {margin-top: 1rem; font-size: 1.5rem; line-height: 1.67;}
main#sk_self .time-text b {font-weight: 600;}
main#sk_self .time-text p {margin-top: 0.4rem;}
main#sk_self .agree_btn {flex-shrink: 0; width: 11.5rem; background-color: var(--black); color:#fff; white-space: nowrap;}
main#sk_self .agree_btn.on {background-color: var(--primary);}
main#sk_self .agree_btn.complete {width: 14.5rem; background-color: #1c4198; pointer-events: none;}
main#sk_self .check-icon {width: 2.4rem; margin-right: 0.4rem;}
main#sk_self .self-modal .modal-move-tel{position:absolute; top:50%; left:50%; width:60rem; padding:0; border-radius:1rem; background:#fff; transform:translate(-50%, -50%); overflow:hidden; z-index:999;}
main#sk_self .self-modal .modal-contents {display:flex; flex-direction: column; gap: 1rem; font-size: 1.6rem; font-weight: 500;}
main#sk_self .self-modal .btn-box {margin-top: 3rem;}
main#sk_self .self-modal .gogo-btn {width: 100%;}
main#sk_self .cv-spinner {margin-top: 0.8rem; font-size: 1.6rem; color:#fff;}
main#sk_self .hope_check {flex-shrink: 0; width: 11.5rem; background-color: #333; color:#fff;}
main#sk_self .hope_check.on {background-color: var(--primary);}
main#sk_self .hope_check.complete {width: 14.5rem; background-color: #1c4198; pointer-events: none;}
main#sk_self .search-number_info {display:none; margin-top: 2rem; padding: 2rem; border-radius: 2rem; background-color: #f8f9fc;}
main#sk_self .search-number_info b span {font-weight: 600;}
main#sk_self .search-number_list {display:flex; align-items: center; gap: 1rem 2rem; flex-wrap: wrap; margin-top:2rem; padding-top: 2rem; border-top: 1px solid #e8ecf5;}
main#sk_self .gogo-radio:checked +label:before {font-size: 1.5rem;}
main#sk_self .new-msg {margin-top: 6rem; font-size: 1.5rem; line-height: 1.67; text-align: center;}

@media screen and (max-width:720px) {
    main#sk_self .content-item {margin-top: 3rem; padding: 1.5rem;}
    main#sk_self .notice-list__item { margin-bottom: 0.4rem;}
    main#sk_self .err-msg,
    main#sk_self .time-text p{font-size: 1.4rem;}
    main#sk_self .ars-tel {margin: 1.6rem 0;}
    main#sk_self .procedure-box {gap: 0.4rem; padding: 1.2rem; border-radius: 0.8rem; font-size: 1.2rem;}
    main#sk_self .procedure-box img {width: 2.4rem;}
    main#sk_self .self-modal .modal-move-tel {width: 90%}
    main#sk_self .new-msg {margin-top: 3rem;}
}


/* sk_self SK 셀프개통 페이지 END */

/* auto_charge_choice 선불 자동충전 여부 페이지 STR */
main#auto_charge_choice .grey-text {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#auto_charge_choice .grey-text span{color:#131313; font-weight: 600;}
main#auto_charge_choice .grey-notice .check_false{margin-bottom: 1rem; color:#ff4f4f; font-size: 1.5rem; line-height: 1.67;}
main#auto_charge_choice .input_box {display:flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
main#auto_charge_choice .input_box h4 {font-weight: 600; line-height: 1.63;}
main#auto_charge_choice .input_box .gogo-input{width: 100%;}
main#auto_charge_choice .input_box .num_in {display:flex; align-items: center; gap: 1rem;}
main#auto_charge_choice .agree_btn {flex-shrink: 0; width: 11.5rem; background-color: var(--black); color:#fff; white-space: nowrap;}
main#auto_charge_choice .agree_btn.complete {width: 14.5rem; background-color: #1c4198; pointer-events: none;}
main#auto_charge_choice .check-icon {width: 2.4rem; margin-right: 0.4rem;}
main#auto_charge_choice .info-table{ margin: 3rem 0; width:100%; font-size: 1.4rem; line-height: 1.71; text-align:center;}
main#auto_charge_choice .info-table td{padding:0.8rem 0;}
main#auto_charge_choice .info-table .table_tr_1 td{background-color: #f1f1f1; font-weight: 600;}
main#auto_charge_choice .info-table .table_tr_2{border-bottom:0.1rem solid #e3e3e3;}
main#auto_charge_choice .info-table .table_tr_1 td:nth-child(1),
main#auto_charge_choice .info-table .table_tr_1 td:nth-child(2){border-right:0.1rem solid #e3e3e3;}
main#auto_charge_choice .info-table .table_tr_2 td:nth-child(1),
main#auto_charge_choice .info-table .table_tr_2 td:nth-child(2){border-right:0.1rem solid #e3e3e3;}

@media screen and (max-width:720px){
    main#auto_charge_choice .info-table{ margin: 2rem 0;  font-size: 1.2rem;}
    main#auto_charge_choice .check-circle + label {font-size: 1.5rem;}
}
/* auto_charge_choice 선불 자동충전 여부 페이지 END */

/* auto_charge_sign 선불 자동충전 여부 페이지 STR */

main#auto_charge_sign .sign-info {display:flex; flex-direction: column; gap: 6rem;}
main#auto_charge_sign .sign_text {display:flex; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; font-size: 2rem; font-weight: bold;}
main#auto_charge_sign .sign_text button {padding: 0.4rem 1.2rem; background-color: #fff; border: 0.1rem solid #eff1f7; border-radius: 0.4rem; font-size: 1.4rem; font-weight: 500; line-height: 1.71; cursor:pointer;}
main#auto_charge_sign .canvasModal,
main#auto_charge_sign .canvasContainer,
main#auto_charge_sign canvas {width: 100%; height: 20rem; background-color: #f8f9fc; border-radius: 2rem;}
@media screen and (max-width:720px){
    main#auto_charge_sign .sign-info {gap: 2rem;}
    main#auto_charge_sign .sign_text {font-size: 1.6rem;}
    main#auto_charge_sign .canvasModal,
    main#auto_charge_sign .canvasContainer,
    main#auto_charge_sign canvas{width: 100%; height: 16rem; border-radius: 1.5rem;}
}
/* auto_charge_sign 선불 자동충전 여부 페이지 END */

/* refund 선불 환불 계좌 정보 입력 페이지 STR */
main#refund #bank_check_info {font-size: 1.8rem;}
main#refund .grey-text {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#refund .grey-text span{color:#131313; font-weight: 600;}
main#refund .grey-notice .check_false{margin-bottom: 1rem; color:#ff4f4f; font-size: 1.5rem; line-height: 1.67;}
main#refund .input_box {display:flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
main#refund .input_box h4 {font-weight: 600; line-height: 1.63;}
main#refund .input_box .gogo-input{width: 100%;}
main#refund .input_box .num_in {display:flex; align-items: center; gap: 1rem;}
main#refund .agree_btn {flex-shrink: 0; width: 11.5rem; background-color: var(--black); color:#fff; white-space: nowrap;}
main#refund .agree_btn.complete {width: 14.5rem; background-color: #1c4198; pointer-events: none;}
main#refund .check-icon {width: 2.4rem; margin-right: 0.4rem;}

main#refund .content-item{margin-top: 6rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem;}
main#refund .content-item .notice-title {color:#1c4198; font-size: 1.5rem; font-weight: bold;}
main#refund .notice-list {margin-top: 1rem;}
main#refund .notice-list__item {margin-bottom: 0.4rem; color:#888; line-height: 1.71;}
main#refund .notice-list__item:last-of-type {margin-bottom: 0;}

@media screen and (max-width:720px){
    main#refund #bank_check_info {font-size: 1.6rem;}
    main#refund .content-item {margin-top: 3rem; padding: 1.5rem;}
    main#refund .notice-list__item { margin-bottom: 0.4rem;}
}
/* refund 선불 환불 계좌 정보 입력 페이지 END */

/* prepay 충전 금액 선택 페이지 STR */
main#prepay .input_box {display:flex; flex-direction: column; gap: 1rem; margin-top: 3rem;}
main#prepay .input_box h4 {font-weight: 600; line-height: 1.63;}
main#prepay .input_box .gogo-input{width: 100%;}
main#prepay .grey-text {margin-top: 1rem; color:#888; font-size: 1.4rem; line-height: 1.71;}
main#prepay .prepay_amount {margin-top: 3rem; padding: 2rem; border-radius: 2rem; background-color: #f8f9fc; }
main#prepay .prepay_amount .amount_text{display:flex; justify-content: space-between; align-items: center; font-weight: 600;}
main#prepay .prepay_amount hr {margin: 2rem 0; border: 0.1rem solid #e8ecf5;}
main#prepay .prepay_amount .amount_final_won{font-size: 2rem; font-weight: bold;}
main#prepay .cert_cont {display:flex; align-items: center; gap: 2rem; margin-top: 6rem;}
main#prepay .cont_half {flex: 1; padding: 3rem; height: 18rem; border-radius: 2rem; border: 0.1rem solid #eff1f7; cursor:pointer;}
main#prepay .cont_half b {font-size: 2rem; font-weight: bold; line-height: 1.5;}
main#prepay .cert_icon {display:flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 3rem;}
main#prepay .cert_icon img {width: 6rem; height: 6rem;}

@media screen and (max-width:720px){
    main#prepay .prepay_amount .amount_final_won{font-size: 1.8rem;}

    main#prepay .cert_cont {gap: 1rem; margin-top: 3rem;}
    main#prepay .cont_half {width: 100%; padding: 1.5rem; height: auto; border-radius: 1.5rem;}
    main#prepay .cont_half b {font-size: 1.6rem;}
    main#prepay .cert_icon {margin-top: 2rem; max-width: 80%;}
    main#prepay .cert_icon img {width: 4rem; height: 4rem;}

}
/* prepay 충전 금액 선택 페이지 END */

/* end 가입 신청 완료 페이지 STR */

main#end .main-content {max-width: 54rem; margin: 0 auto;}
main#end .success-top {margin-bottom: 6rem; text-align: center;}
main#end .success-top img {width: 7rem;}
main#end .success-top b {display: block; margin-top: 3rem; font-size: 2.8rem; line-height: 1.36; font-weight: bold;}
main#end .success-top p {margin-top: 2rem; color:#131313;}
main#end .plan-info__wrap {display:flex; justify-content: space-between;}
main#end .plan-info__rate p {font-size: 2.2rem; font-weight: bold; line-height: 1.45; word-break: keep-all;}
main#end .plan-info__rate .plan-info__service {display:flex; align-items: center; gap: 0.4rem 2rem; flex-wrap: wrap; margin-top: 1rem; color:#7a86a1; font-size: 1.4rem; line-height: 1.71;}
main#end .plan-info__rate .service-item {position:relative; display:flex; align-items: center; gap: 0.6rem;}
main#end .plan-info__rate .service-item:first-of-type {width: 100%;}
main#end .plan-info__rate .service-item:last-of-type::before{content: ""; position: absolute; top: 50%; left: -1rem; width: 0.1rem; height: 1.4rem; background-color: #eff1f7; transform: translateY(-50%);}
main#end .plan-info__rate .service-icon {width: 2.2rem;}

main#end .plan-info__price b{color:var(--primary); font-size: 2.2rem; font-weight: bold; line-height: 1.45; white-space: nowrap;}
main#end .plan-info__price p {margin-top: 0.4rem; color:#888; font-size: 1.4rem; line-height: 1.71; text-align: right; white-space: nowrap;}

main#end .ontel_recommend {margin-bottom: 3rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.8rem; font-weight: bold; line-height: 1.71;}
main#end .ontel_recommend span {color:var(--primary);}

main#end .order-info{margin-top: 3rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; }
main#end ul {display:flex; flex-direction: column; gap: 1rem; width: 100%;}
main#end li {display:flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 0.1rem solid #e8ecf5; font-size: 1.6rem; line-height: 1.63;}
main#end li.refund {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem; border:none; }
main#end .refund-info {display:flex; flex-direction: column; gap: 1rem; padding: 1.4rem 2rem; width: 100%; background-color: #fff; border-radius: 1rem;}
main#end .refund-info .refund-info__item {display:flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 0.1rem solid #e8ecf5; font-size: 1.4rem; line-height: 1.71;}
main#end .refund-info .refund-info__item:last-of-type {padding-bottom: 0; border-bottom: none;}
main#end .order-info span {color:#888;}

main#end .prepaid-text {margin-top: 3rem; color:var(--primary); font-size: 1.8rem; font-weight: 600; text-align: center;}

main#end .content-item{margin-top: 6rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem;}
main#end .content-item .notice-title {color:#1c4198; font-size: 1.5rem; font-weight: bold;}
main#end .content-item hr {margin: 2rem 0; border: 0.1rem solid #e8ecf5;}
main#end .time-text {margin-top: 1rem; font-size: 1.5rem; line-height: 1.67;}
main#end .time-text b {font-weight: 600;}
main#end .time-text p {margin-top: 0.4rem;}

main#end .banner { margin-top: 6rem;}
main#end .banner img {width: 100%; border-radius: 2rem;}

@media screen and (max-width:720px){
    main#end .success-top {margin-bottom: 3rem;}
    main#end .success-top img {width: 6rem;}
    main#end .success-top b {margin-top: 2rem; font-size: 2.2rem; line-height: 1.36; font-weight: bold;}
    main#end .success-top p {display:none;}
    main#end .plan-info__wrap {display:flex; flex-direction: column; justify-content: flex-start; gap: 2rem;}
    main#end .plan-info__rate p {font-size: 2rem;}
    main#end .plan-info__rate .service-icon {width: 2.2rem;}

    main#end .plan-info__price b{font-size: 2rem;}
    main#end .plan-info__price p {margin-top: 0.2rem;}

    main#end .ontel_recommend {border-radius: 1.5rem;}

    main#end .order-info{border-radius: 1.5rem; }
    main#end li {font-size: 1.5rem;}

    main#end .content-item {margin-top: 3rem; padding: 1.5rem;}
    main#end .time-text p{font-size: 1.4rem;}

    main#end .banner img {border-radius: 1.5rem;}
}

/* end 가입 신청 완료 페이지 END */