/* home */
main#home .home-wrap {display:flex; justify-content: space-between; gap: 0 5rem; line-height: normal;}
main#home img {-webkit-user-drag: none;}
main#home .article-main {width: 60rem;}
/*main#home .article-main .article-main__wrap {position: sticky; top: 12rem;}*/
main#home .section-title {font-size: 2.2rem; font-weight: bold;}
main#home .grid-section {display:flex; gap: 0 1rem; margin-top: 5rem;}
main#home .grid-section .grid-wrap {display:flex; flex-direction: column; gap:1rem;}
main#home .grid-section .grid-bottom {display:flex; gap: 1rem;}
main#home [class^="grid-item"] {border-radius: 2rem; font-size:1.4rem; font-weight: 600; overflow: hidden; box-shadow: 0 0.3rem 1rem 0 #e8edf5;}
main#home .grid-section .item-wrap {position: relative; display:block; width: 100%; height: 100%;}
main#home .grid-section .attach-img {position: absolute; bottom: 0; right: 0;}

main#home .grid-section .attach-img.kids-img__wrap {bottom: -1rem; right: -1rem; width: 17.2rem; height: 17.2rem; background-color: #fff; border: 0.6rem solid #5088fa7b; border-radius: 50%;}
main#home .grid-section .attach-img.usim {width: 7.2rem;}
main#home .grid-section .attach-img.baro {bottom: -3rem; right: -2rem; width: 10.6rem;}

main#home .grid-item__lg{width:44.8rem; height:28.2rem; padding: 3.5rem; color:#fff; background-color: var(--primary);}
main#home .grid-item__lg b {font-size: 1.8rem; font-weight: normal;}
main#home .grid-item__lg p {display:block; margin: 1rem 0 2rem 0; font-size: 2rem;}
main#home .grid-item__lg .go-btn { padding: .8rem 1.5rem; color:#fff; border: 0.1rem solid #fff; border-radius: 1.5rem; font-size: 1.2rem; font-weight: 500;}
main#home .grid-item__lg img {width:18.7rem;}
main#home .grid-item__md{width: 21.9rem; height: 13.6rem; padding: 2.2rem; background-color: #dbe7ff;}
main#home .grid-item__md b {font-size: 1.4rem;}
main#home .grid-item__md p {display:block; margin-top: 1rem; font-size: 1.2rem; font-weight: normal;}
main#home .grid-item__sm a{display:flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; width: 14.2rem; height: 13.6rem; background-color: #ebebeb;}
main#home .grid-item__sm .sm-icon__img.postpaid{width: 7rem; margin-left: -2rem;}
main#home .grid-item__sm .sm-icon__img.prepay{width: 5.5rem;}
main#home .grid-item__sm .sm-icon__img.internet{width: 5.5rem;}

main#home .special-price__section{margin-top: 4.7rem;}
main#home .special-price__section .section-title{display:flex; align-items: center; gap: 1.5rem; white-space: nowrap;}
main#home .special-price__section .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, -3rem);}
main#home .special-price__section .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, -3rem);}
main#home .special-price__section .swiper-button-prev:after,
main#home .special-price__section .swiper-button-next:after {color:#696969; font-size:2rem; font-weight: 600;}
main#home .special-price__section .content-tabs {display:flex; justify-content: space-between; align-items: center; width: 100%;}
main#home .content-tabs .special-price__list {display:flex; gap: 1.5rem;}
main#home .content-tabs .tab-btn {display: flex; justify-content: center; align-items: center; min-width: 5rem; height: 3.5rem; color:var(--gray_txt); background-color: var(--secondary); border: .1rem solid #f4f4f4; border-radius: 1.75rem; font-size: 1.6rem; cursor:pointer; transition: all .2s ease-in-out;}
main#home .content-tabs .tab-btn.on,
main#home .content-tabs .tab-btn:hover{ color:#fff; background-color: var(--primary); font-weight: 600;}
main#home .content-tabs .tab-btn__more {width: 7.7rem; background-color: #fff; font-weight: 500;}
main#home .content-tabs .tab-btn__more:hover{background-color: #fff; color:var(--gray_txt);}
main#home .slide-wrap {position: relative;}
main#home .special-price__plan{margin-top: 2rem;}
main#home .plan-item {width: 28.8rem; height: 14.7rem; border: 0.1rem solid #f4f4f4; border-radius: 1rem;}
main#home .plan-item a{display: block; padding: 1.8rem;}
main#home .plan-item .badges {display:flex; align-items: center; gap: 0.5rem;}
main#home .plan-item .badge {padding: 0.1rem .6rem; border-radius: .4rem; font-size: 1.2rem;}

main#home .plan-item .plan-title,
main#home .plan-item .plan-title .strong {display:block; width:100%; margin-top: 0.1rem; font-size: 1.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
main#home .plan-item .plan-title {display: block; margin-top: 1rem; font-size: 1.2rem; font-weight: 600;}
main#home .plan-item .rate {display:flex; align-items: center; gap: 1rem; margin-top: 1rem;}
main#home .plan-item .rate-item {position: relative; display:flex; align-items: center; gap: 0.5rem; font-size: 1rem; white-space: nowrap;}
main#home .plan-item .rate-item.sms::before{content: '|'; position: absolute; top: 50%; left: -0.5rem; color:#f4f4f4; transform: translateY(-50%);}
main#home .plan-item .rate-icon {width: 1.3rem;}
main#home .plan-item .price {margin-top: 1.2rem; color:#ff0014; font-size: 1.2rem; vertical-align: sub;}
main#home .plan-item .price span {font-size: 1.6rem; font-weight: bold;}

main#home .article-sub {width: 44.6rem;}
main#home .event-section.pc {display:block;}
main#home .event-section.mo {display:none;}
main#home .event-section .section-title{display:flex; justify-content: space-between; align-items: center;}
main#home .section-title a{color:#696969; font-size: 1.6rem; font-weight: 500;}
main#home .event-list {display:flex; flex-direction: column; gap: 1rem; margin-top: 2.5rem;}
main#home .event-list .event-thumbnail {width: 100%; height: 13.6rem; border-radius: 2rem; box-shadow: 0 0.3rem 1rem 0 #e8edf5; object-fit: cover; vertical-align: top;}
main#home .faq-section {margin-top: 4.7rem;}
main#home .faq-content {display:flex; align-items: center; gap: 1rem; margin-top: 2.7rem;}
main#home .faq-content a{flex: 1; display:flex; align-items:center; gap: 0 1.5rem;  padding: 0 2rem; height: 15rem; border: 1px solid #dedede; border-radius: 2rem; box-shadow: 0 0.3rem 1rem 0 #e8edf5;}

main#home .faq-content b {font-size: 1.8rem; font-weight: bold;}
main#home .faq-content p {margin-top: 1rem; font-size: 1.4rem; line-height: 1.43;}
main#home .faq-content img{width: 4rem;}

/* 리뉴얼 슬라이드 팝업 컨텐츠 STR*/
main#home .modal-blocks{display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.6); z-index: 9999; zoom: 0.7;}
main#home .modal-blocks .modal-blocks__wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 200rem;}
/* 2개 이하일때 중앙정렬 */
main#home .modal-blocks .modal-block__list.center {justify-content: center;}
main#home .modal-blocks .modal-block__item { position: relative; background-color: #fff; border-radius: 2rem; overflow: hidden; width: 100%; height: 100%;}
main#home .modal-blocks .modal-block__item .content-image{width: 100%; vertical-align: bottom;}
main#home .modal-blocks .modal-block__item .close_pop {display:flex; justify-content: space-between; padding: 2rem 3rem; align-items:center;}
main#home .modal-blocks .modal-block__item .close_pop a{display: flex; justify-content: center; color: #333; font-size: 2.8rem;}
main#home .modal-blocks .modal-block__item .close_icon{width:4rem; height:4rem; cursor: pointer; position: absolute; top:2rem; right: 2rem;}
main#home .modal-blocks .modal-block__item .btn{border-radius: 1rem; padding: 2rem 0; font-size: 2.8rem; letter-spacing: -0.84px; width: 28rem; background: #ff5d6a; color: #fff; border: none; cursor:pointer;}
main#home .modal-blocks__wrap #slide-modal__pagination{display:none;}
main#home .modal-blocks__wrap .swiper-button {margin-top: 0; position: absolute; top: 50%; width: 5.6rem; height: 5.6rem; transform: translateY(-50%); color:#fff; opacity: 0.6; transition: opacity .15s ease-in-out; border-radius: 50%; border: 1px solid #fff;}
main#home .modal-blocks__wrap .swiper-button.swiper-button-disabled{display:none !important;}
main#home .modal-blocks__wrap .swiper-button:hover{opacity: 1;}
main#home .modal-blocks__wrap .swiper-button::after{font-size: 2.4rem;}
main#home .modal-blocks__wrap .swiper-button-next {right: -7rem;}
main#home .modal-blocks__wrap .swiper-button-next::after {text-indent: .4rem;}
main#home .modal-blocks__wrap .swiper-button-prev {left: -7rem;}
main#home .modal-blocks__wrap .swiper-button-prev::after {text-indent: -.4rem;}
main#home .modal-blocks__wrap .modal-blocks__all__cancel {position: absolute; top: -8rem; left: 50%; transform: translateX(-50%); display:flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; border: 1px solid #fff; border-radius: 50%; font-size: 2.4rem; transition: all .2s ease-in-out; overflow: hidden; white-space: nowrap; text-indent: -10rem; cursor:pointer;}
main#home .modal-blocks__wrap .modal-blocks__all__cancel:hover{width: 19rem; border-radius: 4rem; justify-content: center; text-indent: 0; gap: 2rem;}
main#home .modal-blocks__wrap .modal-blocks__all__cancel img{width: 3rem; height: 3rem;}
/* 리뉴얼 슬라이드 팝업 컨텐츠 END*/

@media screen and (max-width:1024px){
    main#home .home-wrap  {justify-content: center; flex-wrap: wrap; padding: 0 1.6rem;}
    main#home .article-main {width: 100%;}
    main#home .article-main .article-main__wrap {position: static;}
    main#home section.special-price__section {margin-top:4rem; padding: 0;}
    main#home .event-section.pc {display:none;}
    main#home .event-section.mo {display:block; margin-top: 4rem;}
    main#home .grid-section {justify-content: center; margin-top: 0;}
    main#home .article-sub {width: 100%;}
    main#home .event-list .event-thumbnail{height: auto; }
    main#home .faq-content {margin-top: 2rem;}
    main#home .modal-blocks{zoom: 0.6;}
    main#home .modal-blocks .modal-block__item .close_icon{width:6rem; height:6rem; top:3rem; right: 3rem;}
}

@media screen and (max-width:720px){
    main#home {padding:1.6rem 0 4rem 0;}
    main#home .home-wrap {padding: 0;}
    main#home section {padding: 0 1.6rem;}
    main#home section.special-price__section {margin-top: 4rem; padding: 0;}
    main#home .section-title {font-size: 1.8rem;}
    main#home .section-title a {font-size: 1.6rem;}
    main#home .grid-section {gap: 0.8rem;}
    main#home .grid-section .grid-wrap {gap: 0.8rem;}
    main#home [class^="grid-item"] {border-radius: 1rem; font-size: 1.2rem;}
    main#home .grid-section .grid-bottom {gap: 0.4rem;}
    main#home .grid-item__lg {width: 22.3rem; height: 15.6rem; padding: 2rem;}
    main#home .grid-item__lg b {font-size: 1.2rem;}
    main#home .grid-item__lg p {margin: 0.5rem 0 1rem 0; font-size: 1.4rem;}
    main#home .grid-item__lg .go-btn {padding: 0.6rem 1rem; font-size: 1rem; border-radius: 1.1rem;}
    main#home .grid-item__lg img {width: 9.4rem;}

    main#home .grid-item__md {width: 11rem; height: 7.4rem; padding: 1rem;}
    main#home .grid-item__md b {font-size: 1.1rem;}
    main#home .grid-item__md p {margin-top: 0.4rem; font-size: 0.8rem;}

    main#home .grid-item__sm a {width: 10rem; height: 7.4rem; gap: 0.6rem; padding: 0 1rem; text-align: center;}
    main#home .grid-item__sm .sm-icon__img.postpaid {width: 3.8rem; margin-left: -1rem;}
    main#home .grid-item__sm .sm-icon__img.prepay {width: 3rem;}
    main#home .grid-item__sm .sm-icon__img.internet {width: 3rem;}
    main#home .grid-section .attach-img.usim {width: 4rem;}
    main#home .grid-section .attach-img.baro {width: 4.6rem; bottom: -1rem; right: -0.7rem;}
    main#home .grid-section .attach-img.kids-img__wrap {width: 8.7rem; height: 8.7rem; right: -1rem; bottom: -1rem; border-width:0.3rem;}

    main#home .event-section.mo {margin-top: 4rem;}
    main#home .event-list {gap: 0.8rem; margin-top:1.6rem;}
    main#home .event-list .event-thumbnail {border-radius: 1rem; box-shadow: 0 0.2rem 0.5rem 0 #e8edf5;}

    main#home .special-price__section .section-title {flex-direction: column; align-items: flex-start; gap: 0.7rem; margin-top: 0.7rem; padding: 0 1.6rem;}
    main#home .special-price__section .slide-wrap {padding-left: 3.8rem; padding-right: 1.6rem;}
    main#home .special-price__plan {margin-top: 2.7rem;}
    main#home .special-price__section .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 1.6rem);}
    main#home .special-price__section .swiper-button-next, .swiper-rtl .swiper-button-prev {display:none;}
    main#home .special-price__section .swiper-button-prev:after, main#home .special-price__section .swiper-button-next:after {font-size: 2rem;}
    main#home .plan-item {height: 14.7rem; border:0.1rem solid #f4f4f4; border-radius: 1rem;}
    main#home .plan-item a{ padding: 1.8rem;}
    main#home .plan-item .badges {gap: 0.5rem;}
    main#home .plan-item .badge {padding: 0.1rem 0.6rem; border-radius: 0.4rem; font-size: 1.2rem;}
    main#home .plan-item .plan-title {margin-top: 1rem; font-size: 1.2rem;}
    main#home .plan-item .plan-title .strong {margin-top: 0.1rem; font-size: 1.6rem;}
    main#home .plan-item .rate {gap: 1rem; margin-top: 1rem;}
    main#home .plan-item .rate-item {gap: 0.5rem; font-size: 1rem;}
    main#home .plan-item .rate-icon {width: 1.3rem;}
    main#home .plan-item .price {margin-top: 1.2rem; font-size: 1.2rem;}
    main#home .plan-item .price span {font-size: 1.6rem;}
    main#home .content-tabs .tab-btn {min-width: 5rem; height: 3.5rem; border: 0.1rem solid #f4f4f4; border-radius:17rem; font-size:1.6rem;}
    main#home .content-tabs .tab-btn__more {width: 7.6rem;}
    main#home .faq-section {margin-top: 4rem;}
    main#home .faq-content {margin-top: 1.6rem; }
    main#home .faq-content a {gap: 0 1.5rem; height: 8rem; padding: 1.5rem; border-radius: 1.5rem;}
    main#home .faq-content img {width: 2.8rem;}
    main#home .faq-content b {font-size: 1.4rem;}
    main#home .faq-content p {margin-top: 0.8rem; font-size: 1rem; line-height: 1.4; letter-spacing: -0.01rem;}

    /* 리뉴얼 슬라이드 팝업 컨텐츠 STR */
    main#home .modal-blocks {zoom: 1;}
    main#home .modal-blocks .modal-blocks__wrap {width: 80%;}
    main#home .modal-blocks__wrap {border-radius: 1rem;}
    main#home .modal-blocks .modal-block__list {justify-content: flex-start !important;}
    main#home .modal-blocks .modal-block__item {padding: 0; border-radius: 1rem;}
    main#home .modal-blocks .modal-block__item .close_pop {padding: 1rem 1.5rem;}
    main#home .modal-blocks .modal-block__item .close_pop a {font-size: 1.4rem;}
    main#home .modal-blocks .modal-block__item .close_icon {width:2rem; height:2rem; top:1rem; right:1rem}
    main#home .modal-blocks .modal-block__item .btn {border-radius: 0.5rem; padding: 1rem 0; font-size: 1.4rem; letter-spacing: -0.1rem; width: 14rem;}
    main#home .modal-blocks__wrap #slide-modal__pagination {display:block; bottom: -2.1rem !important;}
    main#home .modal-blocks__wrap .swiper-button {width: 2.5rem; height: 2.5rem; border: 0.1rem solid #fff; display: flex !important;}
    main#home .modal-blocks__wrap .swiper-button::after {font-size: 1.1rem;}
    main#home .modal-blocks__wrap .swiper-button-next {right: -2.9rem;}
    main#home .modal-blocks__wrap .swiper-button-next::after {text-indent: 0.2rem;}
    main#home .modal-blocks__wrap .swiper-button-prev {left: -2.9rem;}
    main#home .modal-blocks__wrap .swiper-button-prev::after {text-indent: -0.2rem;}
    main#home .modal-blocks__wrap .swiper-pagination-bullet {width: 1rem; height: 1rem;}
    main#home .modal-blocks__wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #3370ff;}
    main#home .modal-blocks__wrap .modal-blocks__all__cancel {top: -4rem; left: unset; right: 0; transform: translateX(0); width: 9rem; border-radius: 2rem; gap: 1rem; height: 3rem; border: 0.1rem solid #fff; font-size: 1.2rem; text-indent: 0;}
    main#home .modal-blocks__wrap .modal-blocks__all__cancel:hover {width: 9rem; border-radius: 2rem; gap: 1rem; text-indent: 0;}
    main#home .modal-blocks__wrap .modal-blocks__all__cancel img {width: 1.5rem; height: 1.5rem;}

    /* 리뉴얼 슬라이드 팝업 컨텐츠 END*/
}

/* home END*/


/* inquiry (배송조회) SRT*/

/* 조회 페이지 */
main#inquiry {padding: 3rem; color:var(--black); font-size: 1.6rem;}
main#inquiry .title{display:flex; justify-content: space-between; align-items: center; font-size: 2.8rem; font-weight: bold; line-height: 1.36;}
main#inquiry .title span {color:#888; font-size: 1.4rem; font-weight: normal;}
main#inquiry .title b{color:var(--black);}
main#inquiry .sub_title{margin-top: 2rem;}
main#inquiry .content{display:flex; flex-direction: column; gap: 3rem; margin: 10rem auto; max-width: 83rem; width: 100%;}
main#inquiry .content-item {display:flex; flex-direction: column; gap: 1rem;}
main#inquiry .content-item label{font-weight: 600;}
main#inquiry .content-item input {width: 100%;}
main#inquiry .btn-input__box {position: relative; display: flex; align-items: center; gap: 1rem;}
main#inquiry .gogo-btn {width: 11.7rem; flex-shrink: 0; color: #7a86a1; background-color:#d2d5de;}
main#inquiry .gogo-btn.on{background: var(--black); color:#fff;             }
main#inquiry .gogo-btn.off{pointer-events: none;}
main#inquiry .send_chk {position:absolute; top:50%; right: 14rem; color:#888; font-size:1.4rem; transform: translateY(-50%);}
main#inquiry .agree-content{gap:0; padding: 3rem; background-color: #f8f9fc; color: #888; border: 0.1rem solid #eff1f7; border-radius: 2rem; font-size: 1.4rem; line-height: 1.71;}
main#inquiry .agree-content label {color: var(--black); font-weight: 500;}
main#inquiry .agree-content ol {margin-top: 2rem;}
main#inquiry .agree-content p {margin-top: 1rem;}
main#inquiry .usim-img {width: 100%; max-width: 40rem; margin: 0 auto;}
main#inquiry .inquiry_btn{width: 100%; max-width: 20rem; margin: 5rem auto 0; background-color: #7a86a1; color:#fff; text-align: center; border:none; }
main#inquiry .inquiry_btn.on{background-color: var(--primary) !important;}

/* 리스트 페이지 */
main#inquiry.inquiry-list .view-list{display:flex; flex-direction: column; gap: 3rem; width: 100%;}
main#inquiry.inquiry-list .view-list__item {width: 100%; border: 0.1rem solid #eff1f7; border-radius: 2rem;}
main#inquiry.inquiry-list .list-status {display:flex; justify-content: space-between; align-items: center; padding: 2rem 4rem; border-bottom: 0.1rem solid #eff1f7;}
main#inquiry.inquiry-list .status {color:#ff4f4f; font-weight: 600;}
main#inquiry.inquiry-list .status.agree {color:var(--primary);}
main#inquiry.inquiry-list .logos {display:flex; align-items: center; gap: 1.6rem;}
main#inquiry.inquiry-list .badge {width: auto; padding: 0 0.8rem; border-radius: 0.4rem; font-size: 1.2rem; font-weight: 500; line-height: 1.83;}
main#inquiry.inquiry-list .logo-img {width: 9.2rem;}
main#inquiry.inquiry-list .list-info {position: relative; display:flex; justify-content: space-between; align-items: center; padding: 2rem 4rem;}
main#inquiry.inquiry-list .plan-info {width: 47rem; padding-right: 4rem; border-right: 0.1rem solid #eff1f7; }
main#inquiry.inquiry-list .plan-info__wrap {display:flex; justify-content: space-between; align-items: center; gap: 0 2.6rem;}
main#inquiry.inquiry-list .plan-info__rate p {font-size: 2.2rem; font-weight: 600; line-height: 1.45;}
main#inquiry.inquiry-list .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#inquiry.inquiry-list .plan-info__rate .service-item {position:relative; display:flex; align-items: center; gap: 0.6rem;}
main#inquiry.inquiry-list .plan-info__rate .service-item.wrapper:first-of-type {width: 100%;}
main#inquiry.inquiry-list .plan-info__rate .service-item:not(:first-of-type)::before{content: ""; position: absolute; top: 50%; left: -1rem; width: 0.1rem; height: 1.4rem; background-color: #eff1f7; transform: translateY(-50%);}
main#inquiry.inquiry-list .plan-info__rate .service-item.wrapper::before{display:none;}
main#inquiry.inquiry-list .plan-info__rate .service-item.wrapper:last-of-type::before{display:block;}
main#inquiry.inquiry-list .plan-info__rate .service-icon {width: 2.2rem;}

main#inquiry.inquiry-list .plan-info__price b{color:var(--primary); font-size: 2.2rem; font-weight: bold; line-height: 1.45; white-space: nowrap;}
main#inquiry.inquiry-list .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#inquiry.inquiry-list .action-btn {width: 100%; margin-top: 2rem; background-color: var(--primary); color:#fff;}
main#inquiry.inquiry-list .order-info {width: 24rem;}
main#inquiry.inquiry-list .order-info ul {display:flex; flex-direction: column; gap:0.8rem;}
main#inquiry.inquiry-list .order-info li {display:flex; justify-content: space-between; align-items: center; gap: 1rem; color:#888; line-height: 1.63;}
main#inquiry.inquiry-list .order-info b {color:var(--black);}

/* 유심 페이지 */
main#inquiry.inquiry-usim .content {gap: 0; width: 40rem;}
main#inquiry.inquiry-usim .content-usim {margin-top: 5rem;}
main#inquiry.inquiry-usim .input-wrap {display:flex; align-items: center; gap: 1rem;}
main#inquiry.inquiry-usim #action-btn{width: 100%; max-width: unset; margin: 5rem 0 0 0; background-color: #7a86a1; color:#fff; text-align: center; border:none; }

/* 안면인증 페이지 */
main#inquiry.inquiry-face__auth .content {gap: 0; width: 40rem;}
main#inquiry.inquiry-face__auth .content .gogo-select {width: 100%;}
main#inquiry.inquiry-face__auth .info-text {margin-top: 5rem; font-size: 1.8rem; font-weight: 600; line-height: 1.56;}
main#inquiry.inquiry-face__auth .content-face__auth {margin-top: 3rem;}
main#inquiry.inquiry-face__auth #action-btn{width: 100%; max-width: unset; margin: 5rem 0 0 0; background-color: #7a86a1; color:#fff; text-align: center; border:none; }
main#inquiry.inquiry-face__auth .hide {display: none;}
main#inquiry .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#inquiry .gogo-modal .modal-contents .qr_area {width:100%; padding:5rem; text-align:center;}

/* 셀프개통 페이지 */
main#inquiry.self .select-list {display:flex; flex-direction: column; gap: 1rem;}
main#inquiry.self .select-list p {color:#888; font-size: 1.4rem; line-height: 1.71;}
main#inquiry.self select,
main#inquiry.self input[type="text"]{width: 100%; color:var(--black);}
main#inquiry.self .notice-content{margin-top: 2rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; font-size: 1.4rem;}
main#inquiry.self .notice-content .notice-title {color:#1c4198; font-size: 1.5rem; font-weight: bold;}
main#inquiry.self .notice-list.off {display: none;}
main#inquiry.self .notice-list__item {margin-bottom: 1rem; color:#888; line-height: 1.71;}
main#inquiry.self .notice-list__item:last-of-type {margin-bottom: 0;}
main#inquiry.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#inquiry.self .ars-tel span {font-weight: 600;}
main#inquiry.self .err-msg {color:var(--primary); font-size: 1.6rem; font-weight: 600; line-height: 1.63;}
main#inquiry.self .notice-list hr {margin: 2rem 0; border: 0.1rem solid #e8ecf5;}
main#inquiry.self .time-text {margin-top: 1rem; font-size: 1.5rem; line-height: 1.67;}
main#inquiry.self .time-text b {font-weight: 600;}
main#inquiry.self .time-text p {margin-top: 0.4rem;}
main#inquiry.self .inquiry_btn {margin-top: 3rem;}
main#inquiry.self .gogo-btn {min-width: 11.7rem; width: auto;}
main#inquiry.self .agree_btn {background-color: var(--black); color:#fff;}
main#inquiry.self .agree_btn.on {background-color: var(--primary);}
main#inquiry.self .agree_btn.complete {background-color: #1c4198; pointer-events: none;}
main#inquiry.self .check-icon {width: 2.4rem; margin-right: 0.4rem;}
main#inquiry.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#inquiry.self .self-modal .modal-contents {display:flex; flex-direction: column; gap: 1rem; font-size: 1.6rem; font-weight: 500;}
main#inquiry.self .self-modal .cancel-btn {min-width: unset; width: 90%; margin: 0 auto 2rem;}
main#inquiry.self .cv-spinner {margin-top: 0.8rem; font-size: 1.6rem; color:#fff;}


main#inquiry.inquiry-end .content {gap: 6rem;}
main#inquiry.inquiry-end .success-top {text-align: center;}
main#inquiry.inquiry-end .success-top img {width: 7rem;}
main#inquiry.inquiry-end .success-top b {display: block; margin-top: 3rem; font-size: 2.8rem; line-height: 1.36; font-weight: bold;}
main#inquiry.inquiry-end .success-top p {margin-top: 2rem; color:#131313;}
main#inquiry.inquiry-end .plan-info__wrap {display:flex; justify-content: space-between;}
main#inquiry.inquiry-end .plan-info__rate p {font-size: 2.2rem; font-weight: bold; line-height: 1.45; word-break: keep-all;}
main#inquiry.inquiry-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#inquiry.inquiry-end .plan-info__rate .service-item {position:relative; display:flex; align-items: center; gap: 0.6rem;}
main#inquiry.inquiry-end .plan-info__rate .service-item:first-of-type {width: 100%;}
main#inquiry.inquiry-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#inquiry.inquiry-end .plan-info__rate .service-icon {width: 2.2rem;}

main#inquiry.inquiry-end .plan-info__price b{color:var(--primary); font-size: 2.2rem; font-weight: bold; line-height: 1.45; white-space: nowrap;}
main#inquiry.inquiry-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#inquiry.inquiry-end .order-info{margin-top: 3rem; padding: 2rem; background-color: #f8f9fc; border-radius: 2rem; }
main#inquiry.inquiry-end ul {display:flex; flex-direction: column; gap: 1rem; width: 100%;}
main#inquiry.inquiry-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#inquiry.inquiry-end span {color:#888;}
main#inquiry.inquiry-end .btn-wrap {display:flex; justify-content: center; align-items: center; gap: 2rem;}
main#inquiry.inquiry-end .btn-wrap .gogo-btn {width: 20rem; height: 5rem; background-color: var(--primary);}
main#inquiry.inquiry-end .btn-wrap .view-paper {background-color: #fff; border-color:var(--primary); color:var(--primary); border: 0.2rem solid var(--primary);}
main#inquiry.inquiry-end .banner { max-width: 83rem; margin-top: 3rem;}
main#inquiry.inquiry-end .banner img {width: 100%; border-radius: 2rem;}



@media screen and (max-width: 1024px){
    /* 리스트 페이지 */

    main#inquiry.inquiry-list .list-status{padding: 2rem;}
    main#inquiry.inquiry-list .logo-img {width: 9.2rem;}
    main#inquiry.inquiry-list .status {font-size: 1.5rem;}
    main#inquiry.inquiry-list .list-info {position: relative; flex-direction: column; padding: 2rem;}
    main#inquiry.inquiry-list .plan-info {width: 100%; padding-right: 0; padding-bottom: 2rem; border-right: none; border-bottom: 0.1rem solid #eff1f7;}
    main#inquiry.inquiry-list .plan-info__wrap {flex-direction: column; align-items: flex-start; gap: 2rem;}
    main#inquiry.inquiry-list .plan-info__rate p {font-size: 2rem;}
    main#inquiry.inquiry-list .plan-info__price b {font-size: 2rem; white-space: normal;}
    main#inquiry.inquiry-list .plan-info__price p {white-space: normal;}
    main#inquiry.inquiry-list .order-info {width: 100%; padding-top: 2rem; padding-bottom: 7rem; font-size: 1.5rem;}
    main#inquiry.inquiry-list .order-info ul {gap: 0.2rem;}
    main#inquiry.inquiry-list .action-btn {position: absolute; bottom: 2rem; width: calc(100% - 4rem);}
}

@media screen and (min-width: 720px) and (max-width:1024px) {
    main#inquiry.inquiry-list .plan-info__rate .service-item {width: auto !important;}
    main#inquiry.inquiry-list .plan-info__rate .service-item:not(:first-of-type)::before{display: block !important;}
}

@media screen and (max-width:720px) {
    main#inquiry {padding:2rem 1.5rem;}
    main#inquiry .title{display:none;}
    main#inquiry .sub_title {margin-top: 0; font-size: 1.5rem; line-height: 1.67;}
    main#inquiry .content {margin: 3rem 0 0 0; gap: 1.5rem;}
    main#inquiry .agree-content {margin-top: 1.5rem; padding: 1.5rem; border-radius: 1rem;}
    main#inquiry .agree-content ol {margin-top: 1rem;}
    main#inquiry .inquiry_btn {max-width: unset; margin: 1.5rem 0 0 0;}

    /*  유심페이지  */
    main#inquiry.inquiry-usim .content {width: 100%;}
    main#inquiry.inquiry-usim .content-usim {margin-top: 3rem;}

    /*  안면인증 페이지  */
    main#inquiry.inquiry-face__auth .content {width: 100%;}
    main#inquiry.inquiry-face__auth .info-text{margin-top: 3rem;}
    main#inquiry .gogo-modal .modal-qr-code{width: 90%;}
    main#inquiry .gogo-modal .modal-contents .qr_area {padding: 0;}

    /*  셀프개통 페이지  */
    main#inquiry.self .content{gap: 3rem;}
    main#inquiry.self .notice-content {margin-top: 0; padding: 1.5rem;}
    main#inquiry.self .notice-list__item { margin-bottom: 0.4rem;}
    main#inquiry.self .ars-tel {margin: 1.6rem 0;}
    main#inquiry.self .inquiry_btn {margin-top: 0;}
    main#inquiry.self .self-modal .modal-move-tel {width: 90%}

    /*  셀프개통 완료 페이지  */
    main#inquiry.inquiry-end .content {gap: 3rem;}
    main#inquiry.inquiry-end .success-top img {width: 6rem;}
    main#inquiry.inquiry-end .success-top b {margin-top: 2rem; font-size: 2.2rem; line-height: 1.36; font-weight: bold;}
    main#inquiry.inquiry-end .success-top p {display:none;}
    main#inquiry.inquiry-end .plan-info__wrap {display:flex; flex-direction: column; justify-content: flex-start; gap: 2rem;}
    main#inquiry.inquiry-end .plan-info__rate p {font-size: 2rem;}
    main#inquiry.inquiry-end .plan-info__rate .service-icon {width: 2.2rem;}

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

    main#inquiry.inquiry-end .order-info{border-radius: 1.5rem; }
    main#inquiry.inquiry-end li {font-size: 1.5rem;}
    main#inquiry.inquiry-end .btn-wrap {gap: 1rem;}
    main#inquiry.inquiry-end .btn-wrap .gogo-btn {flex: 1; width: auto;}

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


/* inquiry (배송조회) END*/


/* event 페이지 SRT*/

/* 이벤트 리스트 페이지 */
main#event {max-width: 114rem; padding: 4rem 0 8rem 0;}
main#event h2 {font-size: 3rem; font-weight: bold;}
main#event .tab_menu {display: flex; justify-content:space-between; margin-top: 3rem;}
main#event .tab_menu > li {width:50%;}
main#event .tab_menu > li > a {display:block; padding:1.4rem 0; color:#8e959c; text-align:center; border-bottom:0.1rem solid #8e959c; font-size:2rem;  font-weight: bold;}
main#event .tab_menu > li > a.active {color:#333; border-bottom:0.2rem solid #333;}
main#event .event-list {display:flex; flex-wrap:wrap; gap: 3rem; margin-top: 5rem;}
main#event .event-list .event-content {position: relative; width: 36rem; border-radius:1rem; box-shadow:0 0.5rem 1rem 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden; cursor:pointer;}
main#event .event-list .event-content .event-thumnail {position:relative; width:100%;}
main#event .event-list .event-content.end-event::after {content: '종료된 이벤트입니다.'; position: absolute; top: 0; left: 0; display:flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); color:#fff; font-size: 2rem; font-weight: 600;}
main#event .event-list .event-content img {width: 100%;}
main#event .event-list .event-content .event-text {padding:1.6rem;}
main#event .event-list .event-content .event-text .event-title {color:#333; font-size:1.8rem; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
main#event .event-list .event-content .event-text .event-dday {position:absolute; top:1.4rem; right:1.4rem; display:flex; justify-content: center; align-items: center; padding: 0.4rem 1rem; font-size:1.4rem; color:#fff; border-radius:0.4rem; background:#ff5d6a;}
main#event .event-list .event-content .event-text .event-dday.end {background:#888;}
main#event .event-list .event-content .event-text .event-date {margin-top:1rem; font-size:1.4rem; color:#888;}
main#event .event-list .event-content-none {padding-bottom:1.6rem; font-size:2rem; font-weight:normal; color:#333; text-align:center;}
main#event .event-list .event-content-none .m_none {width:12rem; margin-top:10rem;}

/* 이벤트 뷰 페이지*/
main#event-view {position:relative; max-width: 83rem; margin: 0 auto; padding:13rem 1.5rem 10rem 1.5rem; background:#fff;}
main#event-view .main-title {position:relative; font-size:3rem; font-weight:700; color:#333; text-align:center;}
main#event-view .event .event-title {font-size:3.2rem; font-weight:700; color:#333; word-break: keep-all;}
main#event-view .event .event-date {margin-top:1rem; margin-bottom:5rem; font-size:2rem; color:#c3c3c3;}
main#event-view .event .event-date .event-dday {display:flex; align-items: center; font-size:2.2rem; font-weight:400; color:#fff; text-align:center; border-radius:1rem; background:#ff5d6a;}
main#event-view .event .event-date .event-dday.end {background:#888;}
main#event-view .event .event-content img {max-width:100%; vertical-align: top; height: auto;}
main#event-view .event-list__btn {margin-top: 5rem; width: 100%; font-size: 2rem;}

/* event 페이지 END*/

@media screen and (max-width:1024px) {
    main#event {padding: 4rem 1.5rem;}
    main#event .event-list .event-content {width: calc(50% - 1.5rem);}
}

@media screen and (max-width:720px) {
    /* 이벤트 리스트 페이지 */
    main#event {padding-top: 2rem;}
    main#event h2 {font-size: 2rem;}
    main#event .tab_menu {margin-top: 2rem;}
    main#event .tab_menu > li > a {padding: 0.8rem; font-size: 1.6rem}
    main#event .event-list {flex-direction: column; align-items: flex-start; gap: 2rem; margin-top: 3rem;}
    main#event .event-list .event-content {width: 100%;}
    main#event .event-list .event-content .event-text .event-title {font-size: 1.6rem;}
    main#event .event-list .event-content .event-text .event-date {margin-top: 0.6rem; font-size: 1.2rem;}


    /* 이벤트 뷰 페이지 */
    main#event-view {padding:8rem 1.5rem;}
    main#event-view .main-title,
    main#event-view .event .event-title {font-size:2.2rem;}
    main#event-view .event .event-date {margin-top:1rem; margin-bottom:2.6rem; font-size:1.4rem;}
    main#event-view .event .event-date .event-dday {font-size:1.4rem;}
    main#event-view .event-list__btn {margin-top: 3rem; width: 100%; font-size: 1.6rem;}
}