/* 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;}
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: 9.4rem;}
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; margin-top: 1rem;}
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; background-color: #000; color:#fff; border-radius: .4rem; font-size: 1.2rem;}
main#home .plan-item .badge.kt {background-color: #dd142d;}
main#home .plan-item .badge.sk {background-color: #3617ce;}
main#home .plan-item .badge.lg {background-color: #4a1971;}

main#home .plan-item .badge.lte {background-color: #d1d1dd;}
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%; border-radius: 2rem;}
main#home .event-list .event-thumbnail {width: 100%; border-radius: 2rem; box-shadow: 0 0.3rem 1rem 0 #e8edf5;}
main#home .faq-section {margin-top: 4rem;}
main#home .faq-content {margin-top: 2.5rem; }
main#home .faq-content a{display:flex; align-items:center; gap: 0 3.8rem;  padding: 0 2.8rem; height: 12.2rem; border: 1px solid #dedede; border-radius: 2rem; box-shadow: 0 0.3rem 1rem 0 #e8edf5;}

main#home .faq-content b {font-size: 2.2rem; font-weight: bold;}
main#home .faq-content p {margin-top: 1rem; font-size: 1.6rem;}
main#home .faq-content img{width: 7rem;}

/* 리뉴얼 슬라이드 팝업 컨텐츠 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;}
    main#home .article-sub {width: 100%;}

    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:3.2rem 0 8rem 0;}
    main#home .home-wrap {padding: 0;}
    main#home section {padding: 0 3.2rem;}
    main#home section.special-price__section {margin-top: 8rem; padding: 0;}
    main#home .section-title {font-size: 3.6rem;}
    main#home .section-title a {font-size: 3.2rem;}
    main#home .grid-section {gap: 1.6rem;}
    main#home .grid-section .grid-wrap {gap: 1.6rem;}
    main#home [class^="grid-item"] {border-radius: 2rem; font-size: 2.4rem;}
    main#home .grid-section .grid-bottom {gap: 0.8rem;}
    main#home .grid-item__lg {width: 44.6rem; height: 31.2rem; padding: 4rem;}
    main#home .grid-item__lg b {font-size: 2.4rem;}
    main#home .grid-item__lg p {margin: 1rem 0 2rem 0; font-size: 2.8rem;}
    main#home .grid-item__lg .go-btn {padding: 1.2rem 2rem; font-size: 2rem; border-radius: 2.3rem;}
    main#home .grid-item__lg img {width: 18.7rem;}

    main#home .grid-item__md {width: 22rem; height: 14.8rem; padding: 2rem;}
    main#home .grid-item__md b {font-size: 2.2rem;}
    main#home .grid-item__md p {margin-top: 0.8rem; font-size: 1.6rem;}

    main#home .grid-item__sm a {width: 20rem; height: 14.8rem; gap: 1.2rem; padding: 0 2rem; text-align: center;}
    main#home .grid-item__sm .sm-icon__img.postpaid {width: 7.6rem; margin-left: -2rem;}
    main#home .grid-item__sm .sm-icon__img.prepay {width: 6rem;}
    main#home .grid-item__sm .sm-icon__img.internet {width: 6rem;}
    main#home .grid-section .attach-img.usim {width: 8rem;}
    main#home .grid-section .attach-img.baro {width: 9.2rem; bottom: -2rem; right: -1.4rem;}
    main#home .grid-section .attach-img.kids-img__wrap {width: 17.4rem; height: 17.4rem; right: -2rem; bottom: -2rem;}

    main#home .event-section.mo {margin-top: 8rem;}
    main#home .event-list {gap: 1.6rem;}

    main#home .special-price__section .section-title,
    main#home .special-price__section .content-tabs {margin-top: 1.4rem; padding: 0 3.2rem;}
    main#home .special-price__section .section-title,
    main#home .special-price__section .content-tabs {margin-top: 2.8rem;}
    main#home .special-price__section .slide-wrap {padding-left: 7.6rem; padding-right: 3.2rem;}
    main#home .special-price__plan {margin-top: 5.4rem;}
    main#home .special-price__section .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 3.2rem);}
    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: 4rem;}
    main#home .plan-item {height: 29.4rem; border:0.2rem solid #f4f4f4; border-radius: 2rem;}
    main#home .plan-item a{ padding: 3.6rem;}
    main#home .plan-item .badges {gap: 1rem;}
    main#home .plan-item .badge {padding: 0.2rem 1.2rem; border-radius: 0.8rem; font-size: 2.4rem;}
    main#home .plan-item .plan-title {margin-top: 2rem; font-size: 2.4rem;}
    main#home .plan-item .plan-title .strong {margin-top: 0.2rem; font-size: 3.2rem;}
    main#home .plan-item .rate {gap: 2rem; margin-top: 2rem;}
    main#home .plan-item .rate-item {gap: 1rem; font-size: 2rem;}
    main#home .plan-item .rate-icon {width: 2.6rem;}
    main#home .plan-item .price {margin-top: 2.4rem; font-size: 2.4rem;}
    main#home .plan-item .price span {font-size: 3.2rem;}
    main#home .content-tabs .tab-btn {min-width: 10rem; height: 7rem; border: 0.2rem solid #f4f4f4; border-radius:3.5rem; font-size:3.2rem;}
    main#home .content-tabs .tab-btn__more {width: 15.4rem;}
    main#home .faq-section {margin-top: 8rem;}
    main#home .faq-content a {margin-top: 3.2rem; gap: 0 4.4rem; height: 16rem; padding: 2.8rem; border-radius: 3rem;}
    main#home .faq-content img {width: 10rem;}
    main#home .faq-content b {font-size: 3.6rem;}
    main#home .faq-content p {margin-top: 1.4rem; font-size: 2.8rem;}

    /* 리뉴얼 슬라이드 팝업 컨텐츠 STR */
    main#home .modal-blocks {zoom: 1;}
    main#home .modal-blocks .modal-blocks__wrap {width: 80%;}
    main#home .modal-blocks__wrap {border-radius: 2rem;}
    main#home .modal-blocks .modal-block__list {justify-content: flex-start !important;}
    main#home .modal-blocks .modal-block__item {padding: 0; border-radius: 2rem;}
    main#home .modal-blocks .modal-block__item .close_pop {padding: 2rem 3rem;}
    main#home .modal-blocks .modal-block__item .close_pop a {font-size: 2.8rem;}
    main#home .modal-blocks .modal-block__item .close_icon {width:4rem; height:4rem; 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.1rem; width: 28rem;}
    main#home .modal-blocks__wrap #slide-modal__pagination {display:block; bottom: -4.3rem !important;}
    main#home .modal-blocks__wrap .swiper-button {width: 5rem; height: 5rem; border: 0.1rem solid #fff; display: flex !important;}
    main#home .modal-blocks__wrap .swiper-button::after {font-size: 2.1rem;}
    main#home .modal-blocks__wrap .swiper-button-next {right: -5.9rem;}
    main#home .modal-blocks__wrap .swiper-button-next::after {text-indent: 0.4rem;}
    main#home .modal-blocks__wrap .swiper-button-prev {left: -5.9rem;}
    main#home .modal-blocks__wrap .swiper-button-prev::after {text-indent: -0.4rem;}
    main#home .modal-blocks__wrap .swiper-pagination-bullet {width: 2rem; height: 2rem;}
    main#home .modal-blocks__wrap .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #3370ff;}
    main#home .modal-blocks__wrap .modal-blocks__all__cancel {top: -8rem; left: unset; right: 0; transform: translateX(0); width: 18rem; border-radius: 4rem; gap: 2rem; height: 6rem; border: 0.1rem solid #fff; font-size: 2.4rem; text-indent: 0;}
    main#home .modal-blocks__wrap .modal-blocks__all__cancel:hover {width: 18rem; border-radius: 4rem; gap: 2rem; text-indent: 0;}
    main#home .modal-blocks__wrap .modal-blocks__all__cancel img {width: 3rem; height: 3rem;}

    /* 리뉴얼 슬라이드 팝업 컨텐츠 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 .sub_title{margin-top: 2rem;}
main#inquiry .content{display:flex; flex-direction: column; gap: 3rem; margin: 10rem auto 0; max-width: 60rem; width: 100%;}
main#inquiry .content-item {display:flex; flex-direction: column; gap: 1rem;}
main#inquiry .content-item input {width: 100%;}
main#inquiry .btn-input__box {display: flex; align-items: center; gap: 1rem;}
main#inquiry .gogo-btn.on{background: var(--black);}
main#inquiry .gogo-btn.off{pointer-events: none;}
main#inquiry .inquiry_btn{margin-top:5rem; width: 100%; text-align: center; border:none; }
main#inquiry .inquiry_btn.on{background-color: var(--primary); color:#fff;}
main#inquiry .send_chk {overflow: hidden;font-size:2.4rem;font-weight: normal;line-height: 1.17;color:#37408f;}
/* inquiry (배송조회) END*/