@charset "utf-8"; @font-face {font-family: "Pretendard";font-weight: 900;src: url(/../../font/Pretendard-Black.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 800;src: url(/../../font/Pretendard-ExtraBold.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 700;src: url(/../../font/Pretendard-Bold.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 600;src: url(/../../font/Pretendard-SemiBold.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 500;src: url(/../../font/Pretendard-Medium.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 400;src: url(/../../font/Pretendard-Regular.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 300;src: url(/../../font/Pretendard-Light.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 200;src: url(/../../font/Pretendard-ExtraLight.woff) format('woff');} @font-face {font-family: "Pretendard";font-weight: 100;src: url(/../../font/Pretendard-Thin.woff) format('woff');} *{box-sizing: border-box;padding: 0;margin: 0;color: #333;font-family:'Pretendard' !important; word-break: keep-all;} .fa{font: normal normal normal 14px / 1 FontAwesome !important;} a{text-decoration: none;} ul{list-style: none;} button{background-color: transparent; cursor: pointer;border: none;outline: none;} img{border:0; display:block;} h1, h2, h3, h4, h5, h6{padding:0;margin:0} p{padding:0;margin:0;word-break: keep-all;} input{border: none;box-shadow: none !important;} input:focus{outline: none;} input[type='number']::-webkit-inner-spin-button {appearance: none; -moz-appearance: none; -webkit-appearance: none;} input:focus, input:active{border-bottom: 2px solid var(--main-color) !important} input::placeholder{color: #9ca3af !important;} .admin_btn{ background: #f5325d; color: #fff; line-height: 40px; padding: 0 10px; cursor: pointer;width: fit-content;} #theme-controller .fixed-top{z-index: 999999;} .modal{z-index: 999999;} .nt-container{max-width: unset !important;width: 100%;} /* html{position: relative;top:0;left: 0;} body{position: relative;top:0 !important;left: 0;z-index: 1;} html::after{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: block;background:linear-gradient(to bottom, #0B1F52 ,#275193);content: "";} */ #nt_sidebar_move{display: none !important;} #nt_sidebar_move i{color: #fff;} :root{ --main-color:#05c753; --max-width:1248px; --font-size50:50px; --font-size45:45px; --font-size40:40px; --font-size35:35px; --font-size30:30px; --font-size20:20px; --font-size25:25px; --font-size18:18px; } /* head 시작 */ #nt_header{background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 5;} #nt_header #nt_menu{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; box-shadow: unset;} #nt_header #nt_menu .logo_wrap{height: 40px;position: relative;top: 0;left: 0;width: 160px;} #nt_header #nt_menu .logo_wrap img#logo_img{height: 100%;position: absolute; animation: logo1Animation 8s linear infinite;} #nt_header #nt_menu .logo_wrap img#logo_img2{height: 100%;position: absolute; animation: logo2Animation 8s linear infinite;;} #nt_header #nt_menu .me-list{} #nt_header #nt_menu .me-list .nav-slide{gap: 38px;} #nt_header #nt_menu .me-list .nav-slide .me-li{} #nt_header #nt_menu .me-list .nav-slide .me-li>a{padding-top: 1.65rem; padding-bottom: 1.65rem;position: relative;top: 0;left: 0; padding-left: 5px; padding-right: 5px;} #nt_header #nt_menu .me-list .nav-slide .me-li:hover a::after{display: block;} #nt_header #nt_menu .me-list .nav-slide .me-li>a::after{content:"";position: absolute;bottom: 17px;left: 50%;transform: translateX(-50%);width: 100%;height: 2px;background: var(--main-color);display: none;} #nt_header #nt_menu .me-list .nav-slide .me-li>a span{font-size: var(--font-size18);font-weight: 500;} #nt_header #nt_menu .me-list .nav-slide .me-li>a span i{} #nt_header #nt_menu .me-list .nav-slide .me-li>a span.ipittv_menu{position: relative;top: 0;left: 0;} #nt_header #nt_menu .me-list .nav-slide .me-li>a span.ipittv_menu::after{content: "NEW"; font-size: 10px; font-weight: 600; padding: 5px 7px; background: #05C7531A; color: var(--main-color); width: fit-content; border-radius: 4px; left: 0; top: -22px; transform: unset; position: absolute; line-height: 10px;animation : blink 5s step-start infinite; opacity: 0;} @keyframes blink { 50% {opacity: 1;} } @keyframes logo1Animation { 0% { transform: translateY(20px); opacity: 0; } 12.5% {transform: translateY(0);opacity: 1;animation-timing-function: cubic-bezier(0, 0, .5, 1);} 37.5% {transform: translateY(0);opacity: 1;} 50% {transform: translateY(-20px);opacity: 0;animation-timing-function: cubic-bezier(.5, 0, 1, 1);} 100% {transform: translateY(-20px);opacity: 0;} } @keyframes logo2Animation { 0%, 50% {transform: translateY(20px);opacity: 0;} 62.5% {transform: translateY(0);opacity: 1;animation-timing-function: cubic-bezier(0, 0, .5, 1);} 87.5% {transform: translateY(0);opacity: 1;} 100% {transform: translateY(-20px);opacity: 0;animation-timing-function: cubic-bezier(.5, 0, 1, 1);} } #nt_header #nt_menu .me-list .nav-slide .me-li>a span.ipittv_menu img{height: var(--font-size25);} #nt_header #nt_menu .me-list .nav-slide .me-li .sub-1div{width: fit-content ! IMPORTANT; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 4px #0000003b; border-radius: 10px; overflow: hidden; padding-top: 0.5rem; padding-bottom: 0.5rem;} #nt_header #nt_menu .me-list .nav-slide .me-li .sub-1div .sub-1dul{} #nt_header #nt_menu .me-list .nav-slide .me-li .sub-1div .sub-1dul .sub-1dli{} #nt_header #nt_menu .me-list .nav-slide .me-li .sub-1div .sub-1dul .sub-1dli a{padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem;width: 170px;font-size: var(--font-size18);font-weight: 500;} #nt_header #nt_menu .me-list .nav-slide .me-li .sub-1div .sub-1dul .sub-1dli a i{} #nt_header #nt_menu .icon_wrap{display: flex;gap: 1.5rem;align-items: center;} #nt_header #nt_menu .icon_wrap p{cursor: pointer;padding-top: 1.65rem; padding-bottom: 1.65rem;position: relative;top: 0;left: 0;font-size: var(--font-size18);font-weight: 600;display: block;} #nt_header #nt_menu .icon_wrap p:hover::after{display: block;} #nt_header #nt_menu .icon_wrap p::after{content:"";position: absolute;bottom: 17px;left: 50%;transform: translateX(-50%);width: 100%;height: 2px;background: var(--main-color);display: none;} #nt_header #nt_menu .icon_wrap p:hover{color: var(--main-color);} #nt_header #nt_menu .icon_wrap div{cursor: pointer;padding-top: 1.45rem; padding-bottom: 1.45rem;} #nt_header #nt_menu .icon_wrap div:hover svg path{color: var(--main-color);} #nt_header #nt_menu .icon_wrap div:hover svg circle{color: var(--main-color);} #nt_header #nt_menu .icon_wrap div.logout_state, #nt_header #nt_menu .icon_wrap div.login_state, #nt_header #nt_menu .icon_wrap div.login_state, #nt_header #nt_menu .icon_wrap div.search_state{position: relative;top: 0;left: 0;} #nt_header #nt_menu .icon_wrap div.logout_state:hover::after, #nt_header #nt_menu .icon_wrap div.login_state:hover::after, #nt_header #nt_menu .icon_wrap div.search_state:hover::after{display: block;} #nt_header #nt_menu .icon_wrap div.logout_state::after{content: "로그아웃"; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); color: var(--main-color); font-size: 12px; font-weight: 500; padding: 2px 5px; border-radius: 5px;display: none;} #nt_header #nt_menu .icon_wrap div.login_state::after{content:"로그인"; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); color: var(--main-color); font-size: 12px; font-weight: 500; padding: 2px 5px; border-radius: 5px;display: none;} #nt_header #nt_menu .icon_wrap div.search_state::after{content:"검색"; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); color: var(--main-color); font-size: 12px; font-weight: 500; padding: 2px 5px; border-radius: 5px;display: none;} #nt_header #nt_menu .icon_wrap div.search_state{display: none !important;} #nt_header #menu_all{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 999999;display: none;} #nt_header #menu_all .close_wrap{height: fit-content;display: flex;justify-content: end;position: absolute;top: 0;left: 0;width: 100%; background: #fff; z-index: 1;} #nt_header #menu_all .close_wrap>div{width: 60px;height: 60px;display: flex;justify-content: center;align-items: center; cursor: pointer;} #nt_header #menu_all .close_wrap>div img{width: 55%;} #nt_header #menu_all .close_wrap>div svg{} #nt_header #menu_all .close_wrap>div svg path{} #nt_header #menu_all .con{width: 100%; height: 100%; padding: 5rem 0;overflow-y: auto;} #nt_header #menu_all .con .yes_member{padding-top: 1rem; padding-bottom: 2rem; padding-left: 1.25rem; padding-right: 1.25rem;display: none;} #nt_header #menu_all .con .yes_member .name{margin-bottom: 1.5rem;} #nt_header #menu_all .con .yes_member .name p{font-size: var(--font-size40); font-weight: 700;} #nt_header #menu_all .con .yes_member .name span{margin-left: auto; margin-right: 0; font-size: var(--font-size25); color: #0009; font-weight: 600; display: flex; align-items: center; column-gap: 10px; width: fit-content; line-height: 30px;cursor: pointer;} #nt_header #menu_all .con .yes_member .name span i{font-size: var(--font-size40) !important; color: #0009;} #nt_header #menu_all .con .yes_member .hart{} #nt_header #menu_all .con .yes_member .hart li{display: flex;justify-content: space-between;align-items: center;cursor: pointer;} #nt_header #menu_all .con .yes_member .hart li .left{padding: 1.25rem 0;display: flex;align-items: center;gap: 0.25rem;} #nt_header #menu_all .con .yes_member .hart li .left img{width: 24px;} #nt_header #menu_all .con .yes_member .hart li .left p{font-size: var(--font-size25);font-weight: 600;} #nt_header #menu_all .con .yes_member .hart li .right{} #nt_header #menu_all .con .yes_member .hart li .right p{font-size: var(--font-size25); color: #0009; font-weight: 600; display: flex; align-items: center; column-gap: 10px; width: fit-content;} #nt_header #menu_all .con .yes_member .hart li .right p i{font-size: var(--font-size40) !important; color: #0009;} #nt_header #menu_all .con .yes_member .fare{padding-bottom: 2rem;display: flex;justify-content: space-between;align-items: center;gap: 10px;} #nt_header #menu_all .con .yes_member .fare p{width: 50%;} #nt_header #menu_all .con .no_member{padding-top: 1rem; padding-bottom: 2rem; padding-left: 1.25rem; padding-right: 1.25rem;display: none;} #nt_header #menu_all .con .no_member>p{font-size: var(--font-size50);line-height: calc(var(--font-size50) + 8px); font-weight: 700;} #nt_header #menu_all .con .no_member>p span{} #nt_header #menu_all .con .no_member .text-right{} #nt_header #menu_all .con .no_member .text-right p{margin-left: auto; margin-right: 0; font-size: var(--font-size25); color: #0009; font-weight: 600; display: flex; align-items: center; column-gap: 10px; width: fit-content; line-height: 30px;cursor: pointer;} #nt_header #menu_all .con .no_member .text-right p i{font-size: var(--font-size40) !important; color: #0009;} #nt_header #menu_all .con .no_member>span{display: block; margin-top: 1rem;margin-bottom: 3.5rem;color:#0000007a;font-size: var(--font-size25);font-weight: 600;} #nt_header #menu_all .con .menu_wrap {width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; display: flex; flex-flow: row wrap; column-gap: 1.5rem; row-gap: 5rem;} #nt_header #menu_all .con .menu_wrap .me-li{width: calc(25% - 18px); display: block; max-width: unset; flex-grow: unset; flex-basis: unset;} #nt_header #menu_all .con .menu_wrap .me-li>a{width: fit-content;} #nt_header #menu_all .con .menu_wrap .me-li:hover>a span{color: var(--main-color);text-decoration: underline;} #nt_header #menu_all .con .menu_wrap .me-li>a span{font-size: var(--font-size25);font-weight: 600;padding-top: 14px; padding-bottom: 14px; padding-left: 1rem; padding-right: 1rem; text-underline-offset: 4px;} #nt_header #menu_all .con .menu_wrap .me-li>a span i{} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div{padding-top: 1rem;} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul{} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul .sub-1dli{} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul .sub-1dli a{font-size: var(--font-size18);font-weight: 500;padding-top: 14px; padding-bottom: 14px; padding-left: 1rem; padding-right: 1rem;display: block;width: fit-content;} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul .sub-1dli a:hover{color: var(--main-color);text-decoration: underline;} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul .sub-1dli a i{} /* head 끝 */ /* tail시작 */ #nt_footer{position: relative;top: 0;left: 0;z-index:4;} #nt_footer::before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #f8f8f8;z-index: -1;} #nt_footer .footer_wrap{width: calc(100% - 450px);max-width: var(--max-width);margin: 0 auto; padding-top: 2.5rem; padding-bottom: 100px;} #nt_footer .footer_wrap>.top{display: flex;justify-content: space-between;align-items: center;width: 100%; margin: 0 auto 2.5rem;} #nt_footer .footer_wrap>.top>img{height: var(--font-size50);display: block;} #nt_footer .footer_wrap>.top .family_site_wrap{position: relative;top: 0;left: 0;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_btn{display: flex;align-items: center;justify-content: space-between;width: 300px;color: #0000007a;font-size: var(--font-size18);font-weight: 600; padding-top: 0.75rem; padding-bottom: 0.75rem;padding-left: 1rem; padding-right: 1rem;cursor: pointer;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_btn i{color: #0000007a;font-size: var(--font-size25) !important;transition: 0.3s;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_btn.atv i{transform: rotate(180deg);} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_blind{display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_con{display: none;box-shadow: 0px 0px 5px #00000045;border-radius: 10px;overflow: hidden;position: absolute;width: 100%;bottom: 50px;left: 0;z-index: 2;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_con ul{height: 360px;overflow-y: auto;background: #fff;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_con ul li{padding: 16px;font-size: var(--font-size18);font-weight: 500;cursor: pointer;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_con ul li:hover{background: #dddddd4f;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_con ul li.title{color: #00000080;font-weight: 400;padding: 10px 16px 0;font-size: calc(var(--font-size18) - 2px);cursor: auto;} #nt_footer .footer_wrap>.top .family_site_wrap .family_site_con ul li.title:hover{background: #fff;} #nt_footer .footer_wrap .inquiry_wrap_pc{gap: 1.5rem;display: flex;width: 100%; margin: 0 auto;} #nt_footer .footer_wrap .inquiry_wrap_pc>div{width: 25%;} #nt_footer .footer_wrap .gr1{color:#00000099 !important;} #nt_footer .footer_wrap .gr1 span{color:#00000099 !important;} #nt_footer .footer_wrap .gr2{color:#00000052 !important;} #nt_footer .footer_wrap .gr2 span{color:#00000052 !important;} #nt_footer .footer_wrap .gr3{color:#0000007a !important;} #nt_footer .footer_wrap .gr3 span{color:#0000007a !important;} #nt_footer .footer_wrap .inquiry_wrap_mo{display: none;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con{} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con:first-child{padding-top: 0;border-top:unset;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con{padding-top: 0.5rem;border-top:1px solid #ddd;margin-bottom: 1rem;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con:last-child{margin-bottom: unset;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>p{ font-size: 12px; display: flex; column-gap: 3px;margin-bottom: 5px; line-height: 15px;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>p>span:nth-child(1){width: max-content; display: block; white-space: nowrap;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>p span{font-size: 12px;letter-spacing: -1px;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div{display: flex; gap: 1.75rem; align-items: center;margin-top: 1rem;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con:first-child>.con>div{align-items: flex-start;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con:first-child{position: relative;top: 0;left: 0;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con:first-child::after{content: "스카이라이프 모바일 이용 시"; font-size: 12px; color: #fff; background: var(--main-color); border-radius: 4px; padding: 5px 10px; position: absolute; top: -30px; left: 68px;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con:first-child::before{content: ""; position: absolute; top: -16px; left: 80px; background: var(--main-color); width: 15px; height: 15px; transform: rotate(45deg); border-radius: 1px;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div:nth-child(1){margin-top:0;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div>p{font-size: 12px;font-weight: 600;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div>div{display: flex; flex-flow: column; row-gap: 0.25rem;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div>div>b{font-size: 16px;display: flex;column-gap: 5px;align-items: center;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div>div>b span{font-weight: 600;font-size: 12px;} #nt_footer .footer_wrap .inquiry_wrap_pc .number_con .con>div>div>span{font-size: 12px;margin-top: 0.625rem;font-weight: 500;} #nt_footer .footer_wrap .inquiry_wrap_pc .qr_wrap{} #nt_footer .footer_wrap .inquiry_wrap_pc .qr_wrap>p{font-size: 12px;font-weight: 500;display: block;text-align: center;} #nt_footer .footer_wrap .inquiry_wrap_pc .qr_wrap>span{font-size: var(--font-size18);font-weight: 600;display: block;text-align: center;} #nt_footer .footer_wrap .inquiry_wrap_pc .qr_wrap>img{padding-top: 0.625rem; padding-bottom: 0.625rem; margin-top: 1rem;width: 78px;display: block;margin-left: auto;margin-right: auto;} #nt_footer .footer_wrap .company_data{margin-top: 72px;margin-bottom: 1.5rem;display: flex;justify-content: space-between;align-items: flex-end;} #nt_footer .footer_wrap .company_data .left{display: flex; flex-flow: row wrap; align-items: center; max-width: 375px; row-gap: 0.5rem; column-gap: 1rem;} #nt_footer .footer_wrap .company_data .left p{display: flex; gap: 3px; align-items: flex-start;position: relative;top: 0;left: 0;} #nt_footer .footer_wrap .company_data .left p:nth-child(1):after, #nt_footer .footer_wrap .company_data .left p:nth-child(2):after, #nt_footer .footer_wrap .company_data .left p:nth-child(4):after{content: "";position: absolute;top: 50%;right: -0.6rem;width: 1px;height: 60%;background: #00000026;transform: translateY(-50%);} #nt_footer .footer_wrap .company_data .left p span{font-size: 12px; font-weight: 500;white-space: nowrap;} #nt_footer .footer_wrap .company_data .right{} #nt_footer .footer_wrap .company_data .right .sns_wrap{display: flex;justify-content: end;align-items: center;gap: 0.5rem;margin-bottom: 1rem;} #nt_footer .footer_wrap .company_data .right .sns_wrap img{display: block;width: 32px;cursor: pointer;} #nt_footer .footer_wrap .company_data .right>p{font-size: 12px; font-weight: 500;white-space: nowrap;} #nt_footer .footer_wrap .link_wrap{padding: 1.5rem 1rem;display: flex;flex-flow: row wrap;align-items: center;gap: 1rem;border-top: 1px solid #ddd;} #nt_footer .footer_wrap .link_wrap p{font-size: 12px;line-height: 12px; font-weight: 600;white-space: nowrap;position: relative;top: 0;left: 0;cursor: pointer;} #nt_footer .footer_wrap .link_wrap p::after{content: "";position: absolute;top: 50%;right: -0.6rem;width: 1px;height: 60%;background: #00000026;transform: translateY(-50%);} #nt_footer .footer_wrap .pc_floating{position: fixed;top: 50%;right: 20px;transform: translateY(-50%);z-index: 1;} #nt_footer .footer_wrap .pc_floating .top_btn{width: 65px; height: 65px; box-shadow: 0px 1px 8px 1px #2c2d2f3b; background: #fff; border-radius: 100px; position: absolute; bottom: -85px; right: 0; display: flex; justify-content: center; align-items: center; cursor: pointer;} #nt_footer .footer_wrap .pc_floating .top_btn img{} #nt_footer .footer_wrap .pc_floating .floating_ani{box-shadow: 0px 1px 8px 1px #2c2d2f3b;background: #fff;border-radius: 100px;width: fit-content;margin-bottom: 1.25rem;} #nt_footer .footer_wrap .pc_floating .floating_ani .con{display: flex;gap: 0;justify-content: center;align-items: center;height: 60px;padding-left: 0.81rem;padding-right: 0.81rem;transition: 0.3s;cursor: pointer;} #nt_footer .footer_wrap .pc_floating .floating_ani .con img{width: 34px;height: 34px;display: block;} #nt_footer .footer_wrap .pc_floating .floating_ani .con p{font-size: calc(var(--font-size18) - 2px);font-weight: bold;width: 0;opacity: 0;} #nt_footer .footer_wrap .pc_floating .floating_ani .con.atv{width: 190px;gap: 1.5rem;padding-left: 1.25rem;padding-right: 1.25rem;} #nt_footer .footer_wrap .pc_floating .floating_ani .con.atv p{width: fit-content;opacity: 1;} #nt_footer .footer_wrap .pc_floating .bt{box-shadow: 0px 1px 8px 1px #2c2d2f3b;background: #fff;border-radius: 10px;padding: 1.25rem;} #nt_footer .footer_wrap .pc_floating .bt .con{cursor: pointer;} #nt_footer .footer_wrap .pc_floating .bt .con:first-child{margin-bottom: 1.5rem;} #nt_footer .footer_wrap .pc_floating .bt .con>p{font-size: 14px;color: #f5325d;font-weight: 700; line-height: 26px;} #nt_footer .footer_wrap .pc_floating .bt .con>div{display: flex; align-items: center; column-gap: 5px;} #nt_footer .footer_wrap .pc_floating .bt .con>div span{font-size: calc(var(--font-size18) - 2px);text-decoration: underline;} #nt_footer .footer_wrap .pc_floating .bt .con>div img{display: block;width: 16px;} #nt_footer .footer_wrap .pc_floating .bt .con>b{font-size: calc(var(--font-size30) - 2px);display: block;margin-top: 0.625rem;margin-bottom: 0.625rem;} #nt_footer .footer_wrap .pc_floating .bt .con>a{font-size: 14px !important; width: 100%; font-weight: 600;} #nt_footer .footer_wrap .mo_floating{display: none;position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); z-index: 1;} #nt_footer .footer_wrap .mo_floating .top_btn{width: 65px; height: 65px; box-shadow: 0px 1px 8px 1px #2c2d2f3b; background: #fff; border-radius: 100px; position: absolute; bottom: 170px; right: 0; display: flex; justify-content: center; align-items: center;cursor: pointer;} #nt_footer .footer_wrap .mo_floating .top_btn img{} #nt_footer .footer_wrap .mo_floating .floating_ani{box-shadow: 0px 1px 8px 1px #2c2d2f3b; background: #fff; border-radius: 100px; width: fit-content; margin-bottom: 0; position: absolute; bottom: 85px; right: 0;} #nt_footer .footer_wrap .mo_floating .floating_ani .con{display: flex; gap: 0; justify-content: center; align-items: center; height: 65px; padding-left: 1.25rem; padding-right: 1.25rem; transition: 0.3s; cursor: pointer;} #nt_footer .footer_wrap .mo_floating .floating_ani .con div{} #nt_footer .footer_wrap .mo_floating .floating_ani .con div img{width: 25px;height: 25px;display: block;} #nt_footer .footer_wrap .mo_floating .floating_ani .con div p{font-size: calc(var(--font-size18) - 4px); font-weight: bold;} #nt_footer .footer_wrap .mo_floating .floating_ani .con>p{font-size: calc(var(--font-size18) - 2px);font-weight: 500;width: 0;opacity: 0;} #nt_footer .footer_wrap .mo_floating .floating_ani .con.atv{width: 190px;gap: 1.5rem;padding-left: 1.25rem;padding-right: 1.25rem;} #nt_footer .footer_wrap .mo_floating .floating_ani .con.atv>p{width: fit-content;opacity: 1;} #nt_footer .footer_wrap .mo_floating .floating_menu{display: flex; align-items: center; gap: 10px;} #nt_footer .footer_wrap .mo_floating .floating_menu ul{background: #272727; border-radius: 100px; display: flex; align-items: center; width: calc(100% - 65px);height: 65px; justify-content: space-between;padding: 0 20px;} #nt_footer .footer_wrap .mo_floating .floating_menu ul li{height: 100%; padding: 10px; display: flex; flex-flow: column; align-items: center; justify-content: space-between;cursor: pointer;} #nt_footer .footer_wrap .mo_floating .floating_menu ul li:nth-child(2){position: relative;top: 0;left: 0;} #nt_footer .footer_wrap .mo_floating .floating_menu ul li:nth-child(2)::after{content: "N"; position: absolute; top: 5px; right: 5px; display: block; width: 15px; height: 15px; color: #fff; font-size: 10px; background: #ef4444; font-weight: 800; text-align: center; border-radius: 10px;} #nt_footer .footer_wrap .mo_floating .floating_menu ul li svg{} #nt_footer .footer_wrap .mo_floating .floating_menu ul li svg path{} #nt_footer .footer_wrap .mo_floating .floating_menu ul li>p{color: #fff;font-size: calc((var(--font-size18) - 2px));} #nt_footer .footer_wrap .mo_floating .floating_menu .add{width: 65px;height: 65px;background: var(--main-color);border-radius: 50px;display: flex; justify-content: center; align-items: center; flex-flow: column;position: relative;top: 0;left: 0;cursor: pointer;} #nt_footer .footer_wrap .mo_floating .floating_menu .add::after{content: ""; position: absolute; top: 10px; right: 17px; display: block; width: 5px; height: 5px; background: #ef4444; border-radius: 10px;} #nt_footer .footer_wrap .mo_floating .floating_menu .add img{} #nt_footer .footer_wrap .mo_floating .floating_menu .add p{color: #fff;font-size: calc((var(--font-size18) - 2px));} #nt_footer .footer_wrap .tail_form{position: fixed;bottom: 20px;left: 50%;display: flex; align-items: center;transform: translateY(0) translateX(-50%);opacity: 1;transition: 0.3s;z-index: 1;} #nt_footer .footer_wrap .tail_form.atv{ transform: translateY(80px) translateX(-50%);opacity: 0;} #nt_footer .footer_wrap .tail_form>div{background: #222; display: flex; align-items: center; padding: 7px 20px; border-radius: 15px 0 0 15px;} #nt_footer .footer_wrap .tail_form>div p{font-size: var(--font-size20);color: #fff;font-weight: 600;} #nt_footer .footer_wrap .tail_form>div img{margin: 0 0.375rem;height: var(--font-size25);} #nt_footer .footer_wrap .tail_form>div b{font-size: calc(var(--font-size30) - 2px);display: block; white-space: nowrap;} #nt_footer .footer_wrap .tail_form>div input{font-size: calc(var(--font-size18) - 2px); height: 38px; border-radius: 10px; padding: 10px 15px; margin-left: 20px;border-bottom: 2px solid #fff;width: 220px;} #nt_footer .footer_wrap .tail_form>span{font-size: var(--font-size18); color: #000 !important; display: flex; align-items: center; font-weight: 600; border-radius: 0px 15px 15px 0px; height: 56px !important; padding: 0 20px;} #nt_footer .footer_wrap .tail_form>span img{width: var(--font-size25);} #subscription_counseling{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;display: none;} #subscription_counseling .subscription_counseling_blind{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000052;} #subscription_counseling .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 10px; padding: 40px;} #subscription_counseling .wrap .subscription_close{display: flex;justify-content: end;} #subscription_counseling .wrap .subscription_close svg{cursor: pointer;} #subscription_counseling .wrap .subscription_close svg path{} #subscription_counseling .wrap>p{font-size: var(--font-size30);font-weight: 600;color: #000;margin-bottom: 40px;} #subscription_counseling .wrap .scr{max-height: calc(100vh - 400px); overflow-y: auto;} #subscription_counseling .wrap .scr>span{display: block;font-size: 16px;color: #0000007a;font-weight: 500;margin-bottom: 20px;} #subscription_counseling .wrap .scr>input{height:calc(var(--font-size50) + 14px);border-bottom: 2px solid #eee;width: 100%;background: unset;font-size: var(--font-size20);font-weight: 500;color: #000;margin-bottom: 40px;} #subscription_counseling .wrap .scr .choice_wrap{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;row-gap: 10px;column-gap: 20px;margin-bottom: 40px;} #subscription_counseling .wrap .scr .choice_wrap label{background: #f5f5f5;border: 2px solid #f5f5f5;border-radius: 10px;width: calc(50% - 10px);position: relative;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-flow: column;gap: 20px;padding: 20px 10px;} #subscription_counseling .wrap .scr .choice_wrap label.atv{background: #fff; border: 2px solid #000;} #subscription_counseling .wrap .scr .choice_wrap label img{height: 32px;} #subscription_counseling .wrap .scr .choice_wrap label p{font-size: var(--font-size20);font-weight: 600;color: #00000099;} #subscription_counseling .wrap .scr .choice_wrap label.atv p{color: #000;font-weight: 700;} #subscription_counseling .wrap .scr .choice_wrap label input{position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;} #subscription_counseling .wrap .scr .consultation_guide_btn{display: flex; align-items: center; font-size: 16px; color: #0000009e; font-weight: 600; gap: 5px; cursor: pointer;} #subscription_counseling .wrap .scr .consultation_guide_btn svg{} #subscription_counseling .wrap .scr .consultation_guide_btn svg path{} #subscription_counseling .wrap .scr .select_box{position: relative;top: 0;left: 0;} #subscription_counseling .wrap .scr .select_box>p{display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #eee;} #subscription_counseling .wrap .scr .select_box>p span{display: block;width: 100%; line-height:calc(var(--font-size50) + 14px);font-size: var(--font-size20);font-weight: 500;color: var(--main-color);} #subscription_counseling .wrap .scr .select_box>p i{font-size: var(--font-size30) !important; color: var(--main-color);} #subscription_counseling .wrap .scr .select_box .subscription_time_wrap{display: none; box-shadow: 0px 0px 2px #00000045; border-radius: 10px; overflow: hidden; position: absolute; width: calc(100% - 2px); bottom: 60px; left: 50%; z-index: 2; background: #fff; transform: translateX(-50%); padding: 20px;} #subscription_counseling .wrap .scr .select_box .subscription_time_wrap>div{height: calc(100vh - 600px); overflow-y: auto;} #subscription_counseling .wrap .scr .select_box .subscription_time_wrap>div p{font-size: var(--font-size20); color: #000; font-weight: 500; line-height: 60px;} #subscription_counseling .consent_wrap{} #subscription_counseling .consent_wrap .custom-checkbox{display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #eee;} #subscription_counseling .consent_wrap .custom-checkbox label{} #subscription_counseling .consent_wrap .custom-checkbox label::before, #subscription_counseling .consent_wrap .custom-checkbox label::after{top: var(--font-size20) !important;box-shadow: unset !important;} #subscription_counseling .consent_wrap .custom-checkbox label span{line-height:calc(var(--font-size50) + 14px);font-size: var(--font-size20);font-weight: 500;color: #0000009e;} #subscription_counseling .consent_wrap .custom-checkbox i{font-size: var(--font-size18) !important; background: #efefef; border-radius: 50px; width: 25px; height: 25px; line-height: 25px !important; text-align: center; display: block; cursor: pointer;} #subscription_counseling .consent_con{display: none;} #subscription_counseling .consent_con .custom-checkbox{display: flex; align-items: center; justify-content: space-between;} #subscription_counseling .consent_con .custom-checkbox input{} #subscription_counseling .consent_con .custom-checkbox label{} #subscription_counseling .consent_con .custom-checkbox label::before, #subscription_counseling .consent_con .custom-checkbox label::after{top: calc(var(--font-size20) - 5px) !important;box-shadow: unset !important;} #subscription_counseling .consent_con .custom-checkbox label span{line-height: var(--font-size50); font-size: var(--font-size18); font-weight: 500; color: #0000009e;} #subscription_counseling .consent_con .custom-checkbox i{font-size: calc(var(--font-size18) - 3px) !important; background: #f1f1f1; border-radius: 50px; width: 20px; height: 20px; line-height: 20px !important; text-align: center; display: block; cursor: pointer; color: #ababab;} #subscription_counseling .consent_con .consent_01_con, #subscription_counseling .consent_con .consent_02_con{padding-left: 35px; display: flex; flex-flow: column; row-gap: 10px;display: none;} #subscription_counseling .consent_con .consent_01_con p, #subscription_counseling .consent_con .consent_02_con p{display: flex;gap: 5px; gap: 5px; font-size: calc(var(--font-size18) - 2px); color: #737373;} #subscription_counseling .consent_con .consent_01_con p span, #subscription_counseling .consent_con .consent_02_con p span{font-size: calc(var(--font-size18) - 2px); color: #737373;} #subscription_counseling .consent_con .consent_02_con p u{font-size: calc(var(--font-size18) - 2px); color: #737373;} #subscription_counseling .consent_con>span{margin-top: 50px;display: block;font-size: calc(var(--font-size18) - 2px); color: #979797;padding-left: 35px;} #subscription_counseling .wrap .subscription_submit{font-size: var(--font-size20); font-weight: 600; display: block; line-height: 50px;pointer-events: auto;cursor: pointer;filter: unset;opacity: 1;margin-top: 50px;} #subscription_counseling .wrap .subscription_submit.atv{pointer-events: none;cursor: auto; filter: invert(0.7); opacity: 0.7;} #consultation_guide{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;display: none;} #consultation_guide::before{content:""; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000052;} #consultation_guide .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 10px; padding: 30px;} #consultation_guide .wrap .consultation_guide_close{display: flex;justify-content: end;} #consultation_guide .wrap .consultation_guide_close svg{cursor: pointer;} #consultation_guide .wrap .consultation_guide_close svg path{} #consultation_guide .wrap>b{font-size: var(--font-size30);font-weight: 600;color: #000;margin-bottom: 40px;display: block;} #consultation_guide .wrap>p{padding-left: 20px; display: block;font-size: var(--font-size18);color: #0000009e;font-weight: 600;} #consultation_guide .wrap>p:nth-child(5){margin-top: 20px;} #consultation_guide .wrap>span{padding-left: 20px; display: block;font-size: var(--font-size18);color: #0000007a;font-weight: 500;} #mo_subscription_con{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;display: none;} #mo_subscription_con .mo_subscription_blind{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000000b5;} #mo_subscription_con .wrap{position: absolute; bottom: 0; left: 0; width: 100%; height: fit-content; padding: 50px 20px; background: #fff; border-radius: 20px 20px 0 0; transform: translateY(100%);transition: 0.3s;} #mo_subscription_con .wrap.up{ transform: translateY(0);} #mo_subscription_con .wrap ul{display: flex;flex-flow: column;row-gap: 40px;} #mo_subscription_con .wrap ul li{display: flex;justify-content: space-between;align-items: center;} #mo_subscription_con .wrap ul li .left{} #mo_subscription_con .wrap ul li .left p{font-size: var(--font-size18); font-weight: 500;} #mo_subscription_con .wrap ul li .left b{font-size: var(--font-size35);} #mo_subscription_con .wrap ul li .right{display: flex;align-items: center;justify-content: space-between;gap: 10px;} #mo_subscription_con .wrap ul li .right a{width: 170PX; white-space: nowrap; font-size: var(--font-size18); font-weight: 600; padding: 0; line-height: 40px; background: #eee; color: #000; text-align: center; border-radius: 10px;} #mo_subscription_con .wrap ul li .right p{width: 80px; white-space: nowrap; font-size: var(--font-size18); font-weight: 600; padding: 0; line-height: 40px;border-radius: 10px;} #mo_subscription_con .wrap ul li:first-child .right a{width: 80px;} #mo_subscription_con .wrap ul li:first-child .right p{position: relative;top: 0;left: 0;} #mo_subscription_con .wrap ul li:first-child .right p::before{content: ""; position: absolute; top: -23px; left: 50%; background: #f5325d; width: 15px; height: 15px; transform: rotate(45deg); border-radius: 2px;} #mo_subscription_con .wrap ul li:first-child .right p::after{content: "10초면 OK"; font-size: 10px; color: #fff; background: #f5325d; border-radius: 4px; padding: 5px 10px; position: absolute; top: -32px; right: 0; line-height: 13px; font-weight: 400;} /* tail 끝 */ /* 메인시작 */ #main{} #main .main_top_bn_swiper{} #main .main_top_bn_swiper .admin_btn{position: absolute; bottom: 0; z-index: 2; left: 50%; transform: translateX(-50%);} #main .main_top_bn_swiper .swiper-wrapper{} #main .main_top_bn_swiper .swiper-wrapper .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover; height: auto; aspect-ratio: auto 1 / 1.3;} #main .main_top_bn_swiper .swiper-wrapper .swiper-slide .con{position: absolute; bottom: 2vw; left: 0; width: 100%;} #main .main_top_bn_swiper .swiper-wrapper .swiper-slide .con p{display: block; width: 100%; text-align: center; font-size: var(--font-size35); font-weight: 700; line-height: var(--font-size50);} #main .main_top_bn_swiper .swiper-wrapper .swiper-slide .con span{display: block;width: 100%;text-align: center;font-size: var(--font-size20);margin-top: 5px;font-weight: 500;} #main .main_top_bn_pager{position: relative; top: 0; left: 0; width: calc(100% - 80px); max-width: var(--max-width); margin: 40px auto 0;display: flex; align-items: center; justify-content: space-between;gap: 1rem;} #main .main_top_bn_pager .swiper-pagination1{height: 2px;width: calc(100% - 200px);position: relative;} #main .main_top_bn_pager .swiper-pagination1 .swiper-pagination-progressbar-fill{background: #000;} /* #main .main_top_bn_pager .swiper-pagination1 .swiper-pagination-progressbar-fill::after{content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 10px !important; height: 10px; background: #000;} */ #main .main_top_bn_pager .button_wrap{display: flex;gap: 1rem;align-items: center;} #main .main_top_bn_pager .button_wrap>div{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;} #main .main_top_bn_pager .button_wrap .swiper-button-next1, #main .main_top_bn_pager .button_wrap .swiper-button-prev1{cursor: pointer;} #main .main_top_bn_pager .button_wrap .swiper-button-next1 i, #main .main_top_bn_pager .button_wrap .swiper-button-prev1 i{font-size: 30px !important; color: #000;} #main .main_top_bn_pager .button_wrap .main_top_bn_play{cursor: pointer;} #main .main_top_bn_pager .button_wrap .main_top_bn_play span{width: 4px; height: 60%; background: #000;} #main .main_top_bn_pager .swiper-pagination2{width: fit-content} #main .main_top_bn_pager .swiper-pagination2 span{font-size: 17px; font-weight: 500;} #main .main_top_bn_pager .swiper-pagination2 span.now_page{color: #000;} #main .main_top_bn_pager .swiper-pagination2 span.total_page{color: #00000029;} #main .product_type{width: 100%; max-width: var(--max-width); margin: 70px auto 0;} #main .product_type>p{font-size: var(--font-size35);font-weight: 600;text-align: center;margin-bottom: 30px;color: #000;} #main .product_type div{} #main .product_type div ul{display: flex; align-items: center; gap: 2.5rem;width: 100%;justify-content: center;} #main .product_type div ul li{width: 16.666666%; cursor: pointer;} #main .product_type div ul li img{display: block;width: 100%;} #main .product_type div ul li p{font-size: var(--font-size25);font-weight: 500;text-align: center;} #main .product_type div.pc{width: calc(100% - 40px);margin: 0 auto;} #main .product_type div.mo{overflow: hidden;display: none;} #main .product_type div.mo>div{display: flex;} #main .product_type div.mo>div>div{width: fit-content;} #main .product_type div.mo ul{gap: 5vw;justify-content: unset;width: fit-content;} #main .product_type div.mo ul li{width: 20vw; cursor: pointer;} #main .review_wrap{width: 100%; margin: 150px auto 0;padding-bottom: 100px; position: relative;top: 0;left: 0;} #main .review_wrap::before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 60%;background: #f8f8f8;} #main .review_wrap>p{width: calc(100% - 40px);max-width: var(--max-width);font-size: var(--font-size50);font-weight: 700;text-align: center;color: #000;margin: 0 auto 40px;position: relative;} #main .review_wrap .review_swiper{width: 100%; max-width: var(--max-width);margin: 0 auto;} #main .review_wrap .review_swiper .swiper-wrapper{} #main .review_wrap .review_swiper .swiper-wrapper{} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide{scale: 0.8;transition: 0.3s;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .star{display: flex;justify-content: center;align-items: center;gap: 10px;margin-bottom: 20px;opacity: 0;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .star p{font-size: var(--font-size18);line-height: var(--font-size25);font-weight: 600; padding: .25rem .75rem;background: #05C7531A;color: var(--main-color);width: fit-content;border-radius: 10px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .star div{display: flex;align-items: center;height: var(--font-size30);gap: 3px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .star div img{height: 100%;width: auto;aspect-ratio: auto 1 / 1;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .img{aspect-ratio: auto 1 / 1; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px; margin-bottom: 40px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text{opacity: 0;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text p{font-size: calc(var(--font-size25) - 1px);font-weight: 500; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all;color: #00000099;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text b{font-size: calc(var(--font-size25) - 1px);font-weight: 700;display: flex;align-items: center;margin-top: 40px;gap: 40px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text b span{font-size: calc(var(--font-size25) - 1px);font-weight: 500;color: #00000099;position: relative;top: 0;left: 0;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text b span::after{content:"";position: absolute;top: 50%;left: -20px; height: 60%; width: 1px; background: #00000026; transform: translateY(-50%); } #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide.swiper-slide-active{scale: 1;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .star{opacity: 1;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .text{opacity: 1;} #main .review_wrap .review_swiper .swiper-pagination{display: none;} #main .review_wrap .review_swiper .swiper-pagination .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0px 2px;border-radius: unset;} #main .review_wrap .review_swiper .swiper-pagination .swiper-pagination-bullet-active{background: #000;width: 20px;} #main .skylift_choice{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;padding-top: 180px;} #main .skylift_choice>p{font-size: var(--font-size50);line-height: calc(var(--font-size50) + 10px); font-weight: 700;text-align: center;color: #000;margin: 0 auto 40px;position: relative;} #main .skylift_choice>p b{font-size: var(--font-size50); font-weight: 700;} #main .skylift_choice>p b span{} #main .skylift_choice>ul{display: flex;justify-content: space-between;align-items: center;gap: 1.5rem;} #main .skylift_choice>ul li{padding-left: calc(var(--font-size50) + 10px);padding-right: calc(var(--font-size50) + 10px);} #main .skylift_choice>ul li img.pc_img{width: 100%;} #main .skylift_choice>ul li img.mo_img{display: none;} #main .skylift_choice>ul li p{font-size: var(--font-size25);color: #0009;display: block;text-align: center;} #main .skylift_choice>ul li p b{font-size: var(--font-size35);color: #000;font-weight: 700;display: block;text-align: center;} #main .skylift_choice>ul li p b span{color: #000;} #main .benefit{width: calc(100% - 40px);max-width: var(--max-width);margin: 200px auto;} #main .benefit .admin_btn{position: absolute; top: 0; right: 0; z-index: 2;} #main .benefit .pc_swiper{position: relative;top: 0;left: 0;} #main .benefit .pc_swiper .swiper{} #main .benefit .pc_swiper .swiper .swiper-wrapper{} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide{} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .title{} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .title p{font-size: var(--font-size50);font-weight: 700;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .title span{font-size: var(--font-size25);font-weight: 600;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .img_wrap{width: 100%; height: auto; aspect-ratio: auto 1 / 0.45; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 15px;margin-top: 30px;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap{position: relative;top: 0;left: 0;height: 230px;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap .btnn{position: absolute; bottom: 0; right: 0;width: 720px; height: 320px; background: #fff;padding: 50px;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap .btnn p{font-size: var(--font-size25);} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap .btnn span{display: flex; align-items: center;gap: 10px; font-size: var(--font-size18); font-weight: 500; color: var(--main-color);margin-top: 20px;cursor: pointer;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap .btnn span i{font-size: var(--font-size25) !important; color: var(--main-color);} #main .benefit .pc_swiper .benefit_bn_pager{position: absolute;bottom: 20px;right: 0;z-index: 1;width: 720px; padding: 30px 50px;} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap{display: flex; align-items: center; gap: 5px;} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pc_prev, #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pc_next{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pc_prev i, #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pc_next i{font-size: 30px !important; color: #000} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pagination2_pc{display: flex; align-items: center; padding-top: 4px;gap: 5px;} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pagination2_pc>span{font-size: 17px; font-weight: 500;display: block;} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pagination2_pc .benefit_page{color: #000;} #main .benefit .pc_swiper .benefit_bn_pager .button_wrap .benefit_bn_pagination2_pc .total_page{color: #00000029;} #main .benefit .pc_swiper .benefit_bn_pager .prog{width: 100%; position: relative; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between;margin-top: 10px;} #main .benefit .pc_swiper .benefit_bn_pager .prog .benefit_bn_pagination1_pc{height: 2px; width: calc(100% - 40px); position: relative;} #main .benefit .pc_swiper .benefit_bn_pager .prog .benefit_bn_pagination1_pc .swiper-pagination-progressbar-fill{background: #000;} #main .benefit .pc_swiper .benefit_bn_pager .prog .benefit_bn_play_pc{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;cursor: pointer;} #main .benefit .pc_swiper .benefit_bn_pager .prog .benefit_bn_play_pc span{width: 4px; height: 60%; background: #000;} #main .benefit .mo_swiper{display: none;position: relative;top: 0;left: 0;} #main .benefit .mo_swiper .swiper{} #main .benefit .mo_swiper .swiper .swiper-wrapper{} #main .benefit .mo_swiper .swiper .swiper-wrapper .swiper-slide{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: auto; aspect-ratio: auto 1 / 1.33;} #main .benefit .mo_swiper .swiper .swiper-wrapper .swiper-slide .text{position: absolute;top: 40px;left: 0;width: 100%;} #main .benefit .mo_swiper .swiper .swiper-wrapper .swiper-slide .text p{font-size: var(--font-size40);display: block;text-align: center;font-weight: 700;padding: 0 10px;} #main .benefit .mo_swiper .swiper .swiper-wrapper .swiper-slide .text span{font-size: var(--font-size20);display: block;text-align: center;font-weight: 500;padding: 0 10px;} #main .benefit .mo_swiper .swiper .swiper-wrapper .swiper-slide .text b{font-size: var(--font-size20);line-height: 48px;display: block;width: calc(100% - 40px);border-radius: 10px;text-align: center;background: #ffffff1f; backdrop-filter: blur(24px);font-weight: 500;margin: 20px auto 0;} #main .benefit .prog{position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 1;} #main .benefit .prog .benefit_bn_pagination1_mo{display: flex;width: fit-content;} #main .benefit .prog .benefit_bn_pagination1_mo .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0px 2px;border-radius: unset;background: #fff;} #main .benefit .prog .benefit_bn_pagination1_mo .swiper-pagination-bullet-active{background: #fff;width: 20px;} #main .benefit .prog .benefit_bn_play_mo{display: flex; justify-content: center; align-items: center; gap: 3px; width: 24px; height: 24px;cursor: pointer;} #main .benefit .prog .benefit_bn_play_mo span{width: 4px; height: 45%; background: #fff;} #main .tv_con{width: calc(100% - 40px);max-width: var(--max-width);margin: 200px auto;} #main .tv_con .swiper{} #main .tv_con .swiper .swiper-wrapper{} #main .tv_con .swiper .swiper-wrapper .swiper-slide{padding: 3rem; background: #f8f8f8; border-radius: 10px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .title{display: flex;align-items: center;gap: 10px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .title span{font-size: calc(var(--font-size18) - 2px);color: var(--main-color);background: #05C7531A;display: block;line-height: 24px;padding: .25rem .75rem;width: fit-content;border-radius: 5px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .title p{font-size: var(--font-size25);color: #0000007a;font-weight: 500;} #main .tv_con .swiper .swiper-wrapper .swiper-slide>p{font-size: calc(var(--font-size25) + 3px); font-weight: 600; line-height: var(--font-size35);margin-top: 50px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img{position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); height: calc(100% - 4.5rem);} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img p{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: calc(var(--font-size25) + 3px);font-weight: 700;padding-bottom: 12px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img img{height: 100%;} #main .tv_con .swiper .swiper-button-next, #main .tv_con .swiper .swiper-button-prev{background: #00000047; width: 56px; height: 56px; border-radius: 50px;} #main .tv_con .swiper .swiper-button-next::after, #main .tv_con .swiper .swiper-button-prev::after{font-size: var(--font-size20) !important; font-weight: 600; color: #fff;} #main .tv_con .swiper .swiper-button-next::after{padding-left: 5px;} #main .tv_con .swiper .swiper-button-prev::after{padding-right: 5px;} #main .tv_con .swiper .swiper-button-disabled{display: none;} #main .kt_mang{width: calc(100% - 40px); max-width: var(--max-width);margin: 170px auto;} #main .kt_mang .title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;} #main .kt_mang .title p{font-size: var(--font-size50); font-weight: 700;color: #000;text-align: center;} #main .kt_mang .title span{font-size: var(--font-size18);display: flex;align-items: center;gap: 10px;cursor: pointer;font-weight: 600;color: #777;} #main .kt_mang .title span i{font-size: var(--font-size30) !important;color: #777;} #main .kt_mang .swiper{} #main .kt_mang .swiper .swiper-wrapper{} #main .kt_mang .swiper .swiper-wrapper .swiper-slide{padding: 4rem 15px 15px 15px;border-radius: 10px;overflow: hidden;cursor: pointer;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide img{width: 100%;margin-bottom: 50px;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text{background: #fff;position: relative;top: 0;left: 0;padding: 20px;border-radius: 10px;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text p{color: #000;font-size: var(--font-size25);font-weight: 600; margin-bottom: 10px;line-height: var(--font-size35);} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text p br{display: none;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text span{color: #0009;font-size: calc(var(--font-size18) - 2px);} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text i{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);font-size: var(--font-size30) !important;color: #777;} #main .ott{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #main .ott .title{} #main .ott .title p{font-size: var(--font-size50); font-weight: 700; color: #000; line-height: calc(var(--font-size50) + 15px); text-align: center;} #main .ott .title span{display: flex;align-items: center;justify-content: center; color: #000;font-size: var(--font-size18);font-weight: 500;margin-top: 10px;gap: 10px;cursor: pointer;} #main .ott .title span i{font-size: var(--font-size30) !important;} #main .ott .bg{width: 100%; max-width: 824px; height: auto; margin: 60px auto 0; position: relative; top: 0; left: 0; aspect-ratio: auto 1 / 0.6;background-repeat: no-repeat;background-position: center;background-size: cover;} #main .ott .bg>img{position: absolute;left: 50%;transform: translateX(-50%);} #main .ott .bg>img:nth-child(1){height: 90%;top: -30px;} #main .ott .bg>img:nth-child(2){height: 95%; top: -15px;} #main .ott .bg>img:nth-child(3){height: 100%;top: 0;} #main .ott .bg .ott_marquee{position: absolute; width: calc(100% - 12px);height: 23%; top: 47%; left: 50%; transform: translate(-50%, -50%); z-index: 1; overflow: hidden;} #main .ott .bg .ott_marquee>div{height: 100%;} #main .ott .bg .ott_marquee>div .js-marquee{height: 100%;} #main .ott .bg .ott_marquee ul{display: flex;align-items: center;height: 100%;gap: 40px;} #main .ott .bg .ott_marquee ul li{height: 100%;} #main .ott .bg .ott_marquee ul li img{height: 100%;} #main .new_con{width: calc(100% - 40px);max-width: var(--max-width);margin: 170px auto; display: flex;justify-content: space-between;align-items: center;gap: 40px;} #main .new_con .title{width: 50%;} #main .new_con .title p{font-size: var(--font-size50); font-weight: 700; color: #000; line-height: calc(var(--font-size50) + 15px);} #main .new_con .title p span{color: #0000007a;} #main .new_con .title b{display: block;width: 100%;max-width: 300px;line-height: 65px;font-size: var(--font-size18);font-weight: 700;cursor: pointer;border-radius: 10px;background: #f2f2f2;text-align: center;margin-top: 30px;} #main .new_con .title b i{display: none;color: #fff;font-size: var(--font-size30) !important;padding-bottom: 2px;} #main .new_con .wrap{width: 50%;height: 70vh;min-height: 500px; display: flex;gap: 20px;justify-content: space-between;align-items: center;overflow: hidden;} #main .new_con .wrap>div{width: 33.333333%;} #main .new_con .wrap>div>div{} #main .new_con .wrap>div>div .js-marquee{} #main .new_con .wrap>div>div .js-marquee ul{display: flex;flex-flow: column;gap: 20px;align-items: center;justify-content: center;} #main .new_con .wrap>div>div .js-marquee ul li{} #main .new_con .wrap>div>div .js-marquee ul li img{width: 100%;} #main .new_con .swiper{display: none; width: 100%;} #main .new_con .swiper::after{content:"";position: absolute;top: 0;left: 0; height: 100%;width: 50px;background: linear-gradient(to left, #00000000, #000000);z-index: 1;} #main .new_con .swiper::before{content:"";position: absolute;top: 0;right: 0; height: 100%;width: 50px;background: linear-gradient(to right, #00000000, #000000);z-index: 2;} #main .new_con .swiper .swiper-wrapper{} #main .new_con .swiper .swiper-wrapper .swiper-slide{} #main .new_con .swiper .swiper-wrapper .swiper-slide img{width: 100%;} #main .pay{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto 445px; position: relative; top: 0; left: 0;} #main .pay .admin_btn{position: absolute; top: 20px; z-index: 2; right: 0;} #main .pay .pay_bn_swiper_pc{width: 100%; height: auto; aspect-ratio: auto 1 / 0.527;} #main .pay .pay_bn_swiper_pc .swiper-wrapper{} #main .pay .pay_bn_swiper_pc .swiper-wrapper .swiper-slide{background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer;} #main .pay .pay_pager_swiper_pc{width: 83%; background: #fff; padding: 4rem 20px 2.5rem 20px; position: absolute; top: 74%; left: 50%; transform: translateX(-50%);} #main .pay .pay_pager_swiper_pc .swiper-wrapper{} #main .pay .pay_pager_swiper_pc .swiper-wrapper .swiper-slide{background: #fff;} #main .pay .pay_pager_swiper_pc .swiper-wrapper .swiper-slide p{font-size: var(--font-size50); color: #000; display: block; text-align: center; font-weight: 600; line-height: calc(var(--font-size50) + 10px); margin-bottom: 20px;} #main .pay .pay_pager_swiper_pc .swiper-wrapper .swiper-slide span{font-size: var(--font-size25);color: #0009;display: block;text-align: center;font-weight: 500;} #main .pay .pay_pager_swiper_pc .pay_pager_pc{margin-top: 30px;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap{display: flex; align-items: center; gap: 5px;width: 100%;max-width: 700px;margin: 0 auto;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_prev, #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_next{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_prev i, #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_next i{font-size: 30px !important; color: #000} #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_pagination2_pc{display: flex; align-items: center; padding-top: 4px;gap: 5px;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_pagination2_pc span{font-size: 17px; font-weight: 500;display: block;color: #00000029;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .button_wrap .pay_pager_pc_pagination2_pc span:nth-child(1){color: #000;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .prog{width: 100%;max-width: 700px;margin: 10px auto 0; position: relative; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .prog .pay_pagination1_pc{height: 2px; width: calc(100% - 40px); position: relative;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .prog .pay_pagination1_pc .swiper-pagination-progressbar-fill{background: #000;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .prog .pay_play_pc{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;cursor: pointer;} #main .pay .pay_pager_swiper_pc .pay_pager_pc .prog .pay_play_pc span{width: 4px; height: 60%; background: #000;} #main .pay .pay_bn_swiper_mo{display: none;position: relative;top: 0;left: 0;} #main .pay .pay_bn_swiper_mo .swiper-wrapper{width: 100%; height: auto; aspect-ratio: auto 1 / 1.241;} #main .pay .pay_bn_swiper_mo .swiper-wrapper .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover;} #main .pay .pay_pager_swiper_mo{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #main .pay .pay_pager_swiper_mo .swiper-wrapper{} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide{} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide>p{font-size: var(--font-size45); color: #fff; text-align: center; font-weight: 700; line-height: calc(var(--font-size40) + 10px); margin-top: 30px;opacity: 0;} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide.swiper-slide-active>p{opacity: 1;} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide .text{position: absolute; bottom: 0; left: 50%; width: calc(100% - 40px); transform: translateX(-50%); background: #fff; padding: 20px 20px 40px 20px; text-align: center;} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide .text p{font-size: var(--font-size25); font-weight: 600; margin-bottom: 5px;} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide .text span{color: #0009;font-size: var(--font-size20);font-weight: 500; word-break: keep-all;} #main .pay .pay_pager_swiper_mo .pay_pager_mo{position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; justify-content: center; align-items: center;} #main .pay .pay_pager_swiper_mo .pay_pager_mo .pay_pagination1_mo{display: flex; width: fit-content;} #main .pay .pay_pager_swiper_mo .pay_pager_mo .pay_pagination1_mo .swiper-pagination-bullet{width: 4px; height: 4px; margin: 0px 2px; border-radius: unset; background: #000;} #main .pay .pay_pager_swiper_mo .pay_pager_mo .pay_pagination1_mo .swiper-pagination-bullet-active{background: #000; width: 20px;} #main .pay .pay_pager_swiper_mo .pay_pager_mo .pay_play_mo{display: flex; justify-content: center; align-items: center; gap: 3px; width: 24px; height: 24px; cursor: pointer;} #main .pay .pay_pager_swiper_mo .pay_pager_mo .pay_play_mo span{width: 4px; height: 45%; background: #000;} #main .faq{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #main .faq>p{font-size: var(--font-size35);font-weight: 600;color: #000;margin-bottom: 40px;} #main .faq .swiper{} #main .faq .swiper .swiper-wrapper{} #main .faq .swiper .swiper-wrapper .swiper-slide{height: 300px;padding: 30px 20px;position: relative;top: 0;left: 0;background:#f8f8f8 ;border-radius: 10px;cursor: pointer;} #main .faq .swiper .swiper-wrapper .swiper-slide p{font-size: var(--font-size25);font-weight: 600;max-width: 170px;} #main .faq .swiper .swiper-wrapper .swiper-slide img{height: calc(50% + 10px);position: absolute;bottom: 15px;right: 20px;} #main .faq .swiper .swiper-button-next, #main .faq .swiper .swiper-button-prev{background: #00000047; width: 56px; height: 56px; border-radius: 50px;} #main .faq .swiper .swiper-button-next::after, #main .faq .swiper .swiper-button-prev::after{font-size: var(--font-size20) !important; font-weight: 600; color: #fff;} #main .faq .swiper .swiper-button-next::after{padding-left: 5px;} #main .faq .swiper .swiper-button-prev::after{padding-right: 5px;} #main .faq .swiper .swiper-button-disabled{display: none;} #main .main_tell{width: calc(100% - 40px);max-width: var(--max-width);margin: 200px auto;} #main .main_tell>div{background: #f8f8f8;border-radius: 15px;padding: 40px 30px;} #main .main_tell>div>p{font-size: var(--font-size35);font-weight: 500;line-height: var(--font-size50);margin-bottom: 50px;} #main .main_tell>div>p span{color: var(--main-color);display: block;font-weight: 700;} #main .main_tell>div .tell_wrap{display: flex;align-items: center;gap: 30px;position: relative;top: 0;left: 0;} #main .main_tell>div .tell_wrap p{font-size: var(--font-size35); font-weight: 700;color: #000;white-space:nowrap;line-height: calc(var(--font-size50) + 14px);} #main .main_tell>div .tell_wrap input{height:calc(var(--font-size50) + 14px);border-bottom: 2px solid #eee;width: 100%;background: unset;font-size: var(--font-size20);font-weight: 500;color: #000;} #main .main_tell>div .tell_wrap span{position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: calc(var(--font-size18) - 2px);line-height: var(--font-size50);padding: 0 30px;cursor: pointer;background: #eee; color: #000000f0;border-radius: 5px;font-weight: 600;} /* 메인끝 */ /* 자주찾는질문게시판 + TOP10 공통 시작 */ #fnq_list_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 50px auto 0;} #fnq_list_wrap #fboardlist{} #fnq_list_wrap #fboardlist #bo_btn_top{display: flex; gap: 5px; justify-content: end; align-items: center;} #fnq_list_wrap #fboardlist #bo_btn_top button, #fnq_list_wrap #fboardlist #bo_btn_top a, #fnq_list_wrap #fboardlist #bo_btn_top button i, #fnq_list_wrap #fboardlist #bo_btn_top a i, #fnq_list_wrap #fboardlist #bo_btn_top label{color: #fff !important;font-size: 15px !important;} #fnq_list_wrap .list_top{display: flex;justify-content: space-between;align-items: center;gap: 200px; margin-bottom: 80px;} #fnq_list_wrap .list_top .bo_subject{font-size: var(--font-size35);font-weight: 600;white-space:nowrap} #fnq_list_wrap .list_top #fsearch{position: relative; top: 0; left: 0;width: 100%;} #fnq_list_wrap .list_top #fsearch input{height: calc(var(--font-size50) + 14px); border: unset; border-radius: 0; border-bottom: 2px solid #eee; width: 100%; background: unset; font-size: var(--font-size25); font-weight: 500; color: #000; padding: 0;box-shadow: unset;padding-right: calc(var(--font-size50) + 14px);} #fnq_list_wrap .list_top #fsearch button{position: absolute;right: 0;top: 50%;transform: translateY(-50%);height:calc(var(--font-size50) + 14px);width: auto;aspect-ratio: auto 1 / 1;} #fnq_list_wrap .list_top #fsearch button i{font-size: var(--font-size18) !important; color: #999898;} #fnq_list_wrap .fnq_list{display: flex; align-items: center; flex-flow: row wrap; gap: 10px;} #fnq_list_wrap .fnq_list a{line-height: 45px; padding: 0 20px; border-radius: 50px; font-size: var(--font-size20);background: #0000000a;color: #0000007a;font-weight: 500;white-space:nowrap} #fnq_list_wrap .fnq_list a.atv{background: #333 !important; color: #fff !important;pointer-events: none;cursor: auto;} #fnq_list_wrap .fnq_list a:hover{background:#00000029;} #fnq_list_wrap .fnq_list::-webkit-scrollbar {display: none;} #fnq_list_wrap .fnq_list::-webkit-scrollbar-thumb {display: none;} #fnq_list_wrap .fnq_list::-webkit-scrollbar-track {display: none;} #fnq_list_wrap .cate_wrap{display: flex;align-items: center;justify-content: space-between;position: relative; top: 0; left: 0;margin: 50px 0 30px;} #fnq_list_wrap .cate_wrap>p{font-size: var(--font-size18); color: #00000073; font-weight: 600;line-height: 50px;} #fnq_list_wrap .cate_wrap #bo_cate{margin: 0 !important;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list{display: flex; flex-flow: column;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list .now_cate{display: flex;align-items: center;gap: 10px;cursor: pointer;line-height: 50px;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list .now_cate span{font-size: var(--font-size18);} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list .now_cate i{font-size: var(--font-size20) !important;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul{position: absolute; top: 50px; right: 0; width: 100%;max-width: 300px; box-shadow: 0px 0px 2px #00000045; border-radius: 10px; background: #fff;overflow: hidden;display: none;max-height: 330px;overflow-y: auto;z-index: 10;display: none;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul .bo_cate_blind{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li{} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li.active{} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li a{padding: 0 20px !important; line-height: 60px; text-align: left; font-size: var(--font-size20); border: unset; background: #fff; display: flex; font-weight: 500; align-items: center; justify-content: space-between;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li a i{display: none;font-size: var(--font-size18) !important; color: var(--main-color);} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li:hover a{background: #0000000a;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li.active a{font-weight: 500;pointer-events: none;cursor: auto;} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul li.active a i{display: block;} #fnq_list_wrap #bo_list{} #fnq_list_wrap #bo_list ul{} #fnq_list_wrap #bo_list ul li{position: relative; top: 0; left: 0; } #fnq_list_wrap #bo_list ul li input{position: absolute;top: 10px;left: 10px;width: 20px;height: 20px;} #fnq_list_wrap #bo_list ul li div{display: flex; justify-content: space-between; padding: 30px 0;cursor: pointer;border-bottom: 1px solid #eee;} #fnq_list_wrap #bo_list ul li div p{ font-size: var(--font-size20); font-weight: 600; line-height: var(--font-size30);} #fnq_list_wrap #bo_list ul li div p:nth-child(1){padding: 0 var(--font-size40);} #fnq_list_wrap #bo_list ul li div p:nth-child(2){width: 100%;} #fnq_list_wrap #bo_list ul li div span{color: #0000007a; font-size: calc(var(--font-size18) - 2px); white-space: nowrap; font-weight: 600; background: #0000000a; display: flex; justify-content: center; align-items: center; border-radius: 5px; padding: 0 10px; margin: 0 40px 0 20px;height: fit-content;line-height: var(--font-size40);} /* 자주찾는질문게시판 + TOP10 공통 끝 */ /* 서브페이지 공통 시작 */ #sub_title{font-size: var(--font-size50); font-weight: 600;color: #000;padding-top: 6px;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #sub_title.mo{line-height: calc(var(--font-size50) + 10px); display: none;background: #0000000A; width: 100%; padding: 30px 20px;} .sub_page_menu{display: flex;align-items: center;gap:10px;flex-flow: row wrap; width: calc(100% - 40px); max-width: var(--max-width); margin: 20px auto 80px;} .sub_page_menu::-webkit-scrollbar {display: none;} .sub_page_menu::-webkit-scrollbar-thumb {display: none;} .sub_page_menu::-webkit-scrollbar-track {display: none;} .sub_page_menu p{line-height: 44px;font-size: var(--font-size20);font-weight: 500;padding: 0 20px;background: #e5e5e5;color: #0000007a;border-radius: 50px;cursor: pointer;white-space:nowrap} .sub_page_menu p.atv{font-weight: 600;background: #000;color: #fff;} .sub_con_title{font-size: var(--font-size35);font-weight: 600;color: #000;margin-bottom: 70px;} .sub_con_title br{display: none;} .list_pager{margin-top: 80px;} .list_pager ul{gap: 10px;} .list_pager ul li.page-first, .list_pager ul li.page-prev, .list_pager ul li.page-last, .list_pager ul li.page-next{} .list_pager ul li.page-first i, .list_pager ul li.page-prev i, .list_pager ul li.page-last i, .list_pager ul li.page-next i{color: #0000005c;font-size: var(--font-size20) !important;} .list_pager ul li.page-item{} .list_pager ul li.page-item.disabled i{opacity: 0.3;} .list_pager ul li a{border: unset; font-size: var(--font-size18); font-weight: 500; color: #0000005c;padding: 0px 5px;background: unset !important;} .list_pager ul li a:hover{color: #0000005c;} .list_pager ul li.page-item.active a{background: unset !important; color: #000 !important; border-bottom: 2px solid;border-color: var(--main-color);} /* 서브페이지 공통 혜택배너 시작*/ .counseling_pop{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;display: none;} .counseling_pop .counseling_pop_blind{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000052;} .counseling_pop .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 10px; padding: 40px;} .counseling_pop .wrap .counseling_close{display: flex;justify-content: end;} .counseling_pop .wrap .counseling_close svg{cursor: pointer;} .counseling_pop .wrap .counseling_close svg path{} .counseling_pop .wrap>p{font-size: var(--font-size30);font-weight: 600;color: #000;margin-bottom: 40px;} .counseling_pop .wrap .scr{max-height: calc(100vh - 400px); overflow-y: auto;} .counseling_pop .wrap .scr>span{display: block;font-size: 16px;color: #0000007a;font-weight: 500;margin-bottom: 20px;} .counseling_pop .wrap .scr>input{height:calc(var(--font-size50) + 14px);border-bottom: 2px solid #eee;width: 100%;background: unset;font-size: var(--font-size20);font-weight: 500;color: #000;margin-bottom: 40px;} .counseling_pop .wrap .scr .choice_wrap{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;row-gap: 10px;column-gap: 20px;margin-bottom: 40px;} .counseling_pop .wrap .scr .choice_wrap label{background: #f5f5f5;border: 2px solid #f5f5f5;border-radius: 10px;width: calc(50% - 10px);position: relative;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-flow: column;gap: 20px;padding: 20px 10px;} .counseling_pop .wrap .scr .choice_wrap label.atv{background: #fff; border: 2px solid #000;} .counseling_pop .wrap .scr .choice_wrap label img{height: 32px;} .counseling_pop .wrap .scr .choice_wrap label p{font-size: var(--font-size20);font-weight: 600;color: #00000099;} .counseling_pop .wrap .scr .choice_wrap label.atv p{color: #000;font-weight: 700;} .counseling_pop .wrap .scr .choice_wrap label input{position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;} .counseling_pop .wrap .scr .choice_wrap.counseling_item{display: block;} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul{} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li{border: 1px solid var(--main-color); border-radius: 5px; margin-bottom: 20px;} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>p{font-size: var(--font-size18); font-weight: 700; line-height: 40px; padding: 0 10px; background: var(--main-color);color: #fff;} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>p span{font-size: calc(var(--font-size18) - 2px); font-weight: 500;color: #fff;opacity: 0.7;} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>div{display: flex;gap: 6px;padding: 10px;} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>div>span{font-size: var(--font-size18); color: #000;white-space:nowrap;font-weight: 500;line-height: var(--font-size25);} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>div>div{} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>div>div span{color: #979797; line-height: var(--font-size25); font-weight: 500;font-size: calc(var(--font-size18) - 2px); display: block; padding-left: 10px; position: relative; top: 0; left: 0;} .counseling_pop .wrap .scr .choice_wrap.counseling_item ul li>div>div span::after{content:"";position: absolute;top: calc(var(--font-size25) / 2);left: 0;width: 5px;height: 1px;background: #6f6f6f;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p{} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul{} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li{border: unset;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>p{background: unset; padding: 0; line-height: unset;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>span{font-size: var(--font-size18); display: block; line-height: var(--font-size25); margin-top: 10px;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div{padding: 0;display: flex;align-items: center;gap: 10px;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span{font-size: calc(var(--font-size18) - 2px); line-height: var(--font-size25); font-weight: 500; padding: 0 10px; width: fit-content; border-radius: 5px; line-height: 30px; display: block;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span.life{background: #3c6aff1a; color: #3c69ff;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span.new{background: #fb8c001a;color: #fb8c00;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span.reco{background: #8b2fff1a;color: #8b2fff;} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span.unlimit{background: #05C7531A; color: var(--main-color);} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span.hot{background: #f5315b1a; color: #f5315b;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift{display: flex; gap: 20px;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift .icon_wrap{position: relative; top: 0; left: 0;width: fit-content;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift .icon_wrap span{position: absolute; top: -5px; right: -7px; background: #f5325d; width: var(--font-size18); height: var(--font-size18); border-radius: 50px; text-align: center; line-height: var(--font-size18); font-size: calc(var(--font-size18) - 4px); font-weight: 700; color: #fff;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift .icon_wrap img{width: var(--font-size30); height: var(--font-size30);} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift .text_wrap{display: flex;flex-flow: column;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift .text_wrap b{font-size: calc(var(--font-size18) - 2px); display: block; font-weight: 500; line-height: var(--font-size30);} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price{text-align: right; border-top: 1px dashed #bbb; padding-top: 5px; margin-top: 10px;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price>p{font-size: var(--font-size18); font-weight: 500;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price>p b{} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price>p b .org_price{font-size: calc(var(--font-size18) - 2px); font-weight: 400; color: #666; position: relative; top: 0; left: 0;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price>p b .org_price::after{content:"";position: absolute; width: 100%;height: 2px;background: #67676796;left: 0;top: 50%;transform: translateY(-50%);} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price>span{font-size: var(--font-size18); font-weight: 500;color: #979797;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .price>span b{color: #979797;} .counseling_pop .wrap .scr .consultation_guide_btn{display: flex; align-items: center; font-size: 16px; color: #0000009e; font-weight: 600; gap: 5px; cursor: pointer;} .counseling_pop .wrap .scr .consultation_guide_btn svg{} .counseling_pop .wrap .scr .consultation_guide_btn svg path{} .counseling_pop .wrap .scr .select_box{position: relative;top: 0;left: 0;} .counseling_pop .wrap .scr .select_box>p{display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #eee;} .counseling_pop .wrap .scr .select_box>p span{display: block;width: 100%; line-height:calc(var(--font-size50) + 14px);font-size: var(--font-size20);font-weight: 500;color: var(--main-color);} .counseling_pop .wrap .scr .select_box>p i{font-size: var(--font-size30) !important; color: var(--main-color);} .counseling_pop .wrap .scr .select_box .counseling_time_wrap{display: none; box-shadow: 0px 0px 2px #00000045; border-radius: 10px; overflow: hidden; position: absolute; width: calc(100% - 2px); bottom: 60px; left: 50%; z-index: 2; background: #fff; transform: translateX(-50%); padding: 20px;} .counseling_pop .wrap .scr .select_box .counseling_time_wrap>div{height: calc(100vh - 600px); overflow-y: auto;} .counseling_pop .wrap .scr .select_box .counseling_time_wrap>div p{font-size: var(--font-size20); color: #000; font-weight: 500; line-height: 60px;} .counseling_pop .consent_wrap{} .counseling_pop .consent_wrap .custom-checkbox{display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #eee;} .counseling_pop .consent_wrap .custom-checkbox label{} .counseling_pop .consent_wrap .custom-checkbox label::before, .counseling_pop .consent_wrap .custom-checkbox label::after{top: var(--font-size20) !important;box-shadow: unset !important;} .counseling_pop .consent_wrap .custom-checkbox label span{line-height:calc(var(--font-size50) + 14px);font-size: var(--font-size20);font-weight: 500;color: #0000009e;} .counseling_pop .consent_wrap .custom-checkbox i{font-size: var(--font-size18) !important; background: #efefef; border-radius: 50px; width: 25px; height: 25px; line-height: 25px !important; text-align: center; display: block; cursor: pointer;} .counseling_pop .consent_con{display: none;} .counseling_pop .consent_con .custom-checkbox{display: flex; align-items: center; justify-content: space-between;} .counseling_pop .consent_con .custom-checkbox input{} .counseling_pop .consent_con .custom-checkbox label{} .counseling_pop .consent_con .custom-checkbox label::before, .counseling_pop .consent_con .custom-checkbox label::after{top: calc(var(--font-size20) - 5px) !important;box-shadow: unset !important;} .counseling_pop .consent_con .custom-checkbox label span{line-height: var(--font-size50); font-size: var(--font-size18); font-weight: 500; color: #0000009e;} .counseling_pop .consent_con .custom-checkbox i{font-size: calc(var(--font-size18) - 3px) !important; background: #f1f1f1; border-radius: 50px; width: 20px; height: 20px; line-height: 20px !important; text-align: center; display: block; cursor: pointer; color: #ababab;} .counseling_pop .consent_con .consent_01_con, .counseling_pop .consent_con .consent_02_con{padding-left: 35px; display: flex; flex-flow: column; row-gap: 10px;display: none;} .counseling_pop .consent_con .consent_01_con p, .counseling_pop .consent_con .consent_02_con p{display: flex;gap: 5px; gap: 5px; font-size: calc(var(--font-size18) - 2px); color: #737373;} .counseling_pop .consent_con .consent_01_con p span, .counseling_pop .consent_con .consent_02_con p span{font-size: calc(var(--font-size18) - 2px); color: #737373;} .counseling_pop .consent_con .consent_02_con p u{font-size: calc(var(--font-size18) - 2px); color: #737373;} .counseling_pop .consent_con>span{margin-top: 50px;display: block;font-size: calc(var(--font-size18) - 2px); color: #979797;padding-left: 35px;} .counseling_pop .wrap .counseling_submit{font-size: var(--font-size20); font-weight: 600; display: block; line-height: 50px;pointer-events: auto;cursor: pointer;filter: unset;opacity: 1;margin-top: 50px;} .counseling_pop .wrap .counseling_submit.atv{pointer-events: none;cursor: auto; filter: invert(0.7); opacity: 0.7;} .sub_con .benefit_swiper{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} .sub_con .benefit_swiper .pc_wrap{width: calc(100% - 20px);margin: 0 0 0 auto; display: flex; justify-content: space-between;column-gap: 200px;row-gap: 30px; flex-flow: row wrap;overflow: hidden;} .sub_con .benefit_swiper .pc_wrap .benefit_swiper_pc{width: 49.04%;} .sub_con .benefit_swiper .pc_wrap .benefit_swiper_pc .swiper-wrapper{height: auto; aspect-ratio: auto 1 / 0.64;} .sub_con .benefit_swiper .pc_wrap .benefit_swiper_pc .swiper-wrapper .swiper-slide{height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 2.2vw; overflow: hidden;filter: blur(3px);} .sub_con .benefit_swiper .pc_wrap .benefit_swiper_pc .swiper-wrapper .swiper-slide.swiper-slide-active{filter: unset;} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc{width: calc(50.96% - 200px);height: auto; aspect-ratio: auto 1 / 0.5;} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper{} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper .swiper-slide{background: #fff; display: flex; flex-flow: column; justify-content: center;row-gap: var(--font-size20);} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper .swiper-slide p{font-size: var(--font-size30);font-weight: 600;} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper .swiper-slide span{font-size: var(--font-size25);color: #0009;font-weight: 500;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc{width: calc(49.04% - 80px); margin: 0 40px;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap{display: flex; align-items: center; gap: 5px;width: 100%;max-width: 700px;margin: 0 auto;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_prev, .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_next{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_prev i, .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_next i{font-size: 30px !important; color: #000} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_pagination2_pc{display: flex; align-items: center; padding-top: 4px;gap: 5px;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_pagination2_pc span{font-size: 17px; font-weight: 500;display: block;color: #00000029;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_pagination2_pc span:nth-child(1){color: #000;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_pagination2_pc .benefit_now_pager_pc{} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .button_wrap .benefit_pager_pc_pagination2_pc .benefit_pc_total_page{} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .prog{width: 100%;max-width: 700px;margin: 10px auto 0; position: relative; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .prog .benefit_pagination1_pc{height: 2px; width: calc(100% - 40px); position: relative;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .prog .benefit_pagination1_pc .swiper-pagination-progressbar-fill{background: #000;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .prog .benefit_play_pc{display: flex; justify-content: center; align-items: center; gap: 4px; width: 24px; height: 24px;cursor: pointer;} .sub_con .benefit_swiper .pc_wrap .benefit_pager_pc .prog .benefit_play_pc span{width: 4px; height: 60%; background: #000;} .sub_con .benefit_swiper .mo_wrap{display: none;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo{} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper{} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide{} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide .img_wrap{height: auto; aspect-ratio: auto 1 / 0.64; background-repeat: no-repeat; background-position: center; background-size: cover; width: calc(100% - 40px); margin: 0 auto; max-width: 600px;filter: blur(3px);} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide.swiper-slide-active .img_wrap{filter: unset;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide .text_wrap{opacity: 0;text-align: center;margin-top: 20px;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide.swiper-slide-active .text_wrap{opacity: 1;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide .text_wrap p{font-size: var(--font-size25);font-weight: 700;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide .text_wrap span{font-size: var(--font-size20);color: #0009;font-weight: 500;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide .swiper-slide-shadow{display: none;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .benefit_pagination1_mo{display: flex; justify-content: center; align-items: center;margin: 20px 0 40px;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .benefit_pagination1_mo .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0px 2px;border-radius: unset;} .sub_con .benefit_swiper .mo_wrap .benefit_swiper_mo .benefit_pagination1_mo .swiper-pagination-bullet-active{background: #000;width: 20px;} /* 서브페이지 공통 혜택배너 끝*/ /* 서브페이지 공통 가입신청 섹션 시작*/ .sub_con .item_wrap{background: #f8f8f8;} .sub_con .item_wrap .wepper{width: calc(100% - 40px);max-width: var(--max-width);margin: 100px auto 0;padding: 100px 0;} .sub_con .item_wrap .comment{color: #0000007a;font-size: var(--font-size18);font-weight: 500;text-align: right;margin-bottom: 10px;} .item_listt{display: flex;flex-flow: column;align-items: center;justify-content: center;row-gap: 20px;} .item_listt li{width: 100%;padding: 50px 40px;background: #fff;border-radius: 10px;} .item_listt li .item_data{padding-left: 170px; position: relative;top: 0;left: 0;} .item_listt li .item_data .left{width: calc(100% - 300px);padding-top: 50px;} .item_listt li .item_data .left .gift_btn{display: flex; align-items: center; gap: 10px;cursor: pointer;} .item_listt li .item_data .left .gift_btn .icon_wrap{position: relative; top: 0; left: 0;} .item_listt li .item_data .left .gift_btn .icon_wrap img{width: var(--font-size30); height: var(--font-size30);} .item_listt li .item_data .left .gift_btn .icon_wrap span{position: absolute; top: -5px; right: -7px; background: #f5325d; width: var(--font-size18); height: var(--font-size18); border-radius: 50px; text-align: center; line-height: var(--font-size18); font-size: calc(var(--font-size18) - 4px); font-weight: 700; color: #fff;} .item_listt li .item_data .left .gift_btn p{font-size: var(--font-size20); font-weight: 600; color: #8d8d8d;display: flex;align-items: center;gap: 5px;} .item_listt li .item_data .left .gift_btn p span{font-size: var(--font-size20); font-weight: 600; color: #f5325d;} .item_listt li .item_data .left .gift_btn p i{font-size: var(--font-size20) !important; width: var(--font-size25); height: var(--font-size25); display: flex; justify-content: center; align-items: center; background: #f1f1f1; border-radius: 50px;color: #a1a1a1;} .item_listt li .item_data .left .gift_btn.atv p i{transform: rotate(180deg);} .item_listt li .item_data .left .gift_wrap{display: none;} .item_listt li .item_data .left .gift_wrap p{padding-left: 15px;font-size: var(--font-size18);font-weight: 500;line-height: var(--font-size20);position: relative;top: 0;left: 0;padding-top: 15px;} .item_listt li .item_data .left .gift_wrap p::after{content: ""; width: 4px; height: 4px; background: #676767; position: absolute; top: calc(var(--font-size20) / 2 + 13px); left: 0;} .item_listt.pc li .item{display: flex;margin-bottom: 20px;} .item_listt.pc li .item>p{font-size: var(--font-size25);font-weight: 600;width: 170px;} .item_listt.pc li .item>div{width: calc(100% - 470px);} .item_listt.pc li .item>div b{font-size: var(--font-size25);font-weight: 600;} .item_listt.pc li .item>div p{display: flex;column-gap: 15px;} .item_listt.pc li .item>div p span{font-size: var(--font-size18);display: block;line-height: var(--font-size25);font-weight: 500;} .item_listt.pc li .item>div p span:nth-child(1){position: relative;top: 0;left: 0; white-space: nowrap;} .item_listt.pc li .item>div p span:nth-child(1)::after{content: ""; position: absolute; top: calc(var(--font-size18) / 2.7); right: -8px; width: 1px; height: calc(var(--font-size30) / 2); background: #ddd; } .item_listt.pc li .item>div p span:nth-child(2){color: #adadad;} .item_listt.pc li .item_data .right{text-align: right;width: 280px;position: absolute;bottom: 0;right: 0;} .item_listt.pc li .item_data .right>p{font-size: var(--font-size30);font-weight: 500;} .item_listt.pc li .item_data .right>p b{font-size: var(--font-size35);font-weight: 600;} .item_listt.pc li .item_data .right>p b .org_price, .item_listt.pc li .item_data .right>p b .years3{font-size: var(--font-size20); font-weight: 400; color: #666; position: relative; top: 0; left: 0;} .item_listt.pc li .item_data .right>p b .org_price::after{content:"";position: absolute; width: 100%;height: 2px;background: #67676796;left: 0;top: 50%;transform: translateY(-50%);} .item_listt.pc li .item_data .right>span{font-size: var(--font-size20);font-weight: 300;} .item_listt.pc li .item_data .right>span b{font-size: var(--font-size20); font-weight: 600; color: #777777;} .item_listt.pc li .item_data .right>b{font-size: var(--font-size18); font-weight: 600; display: block; line-height: 42px; pointer-events: auto; cursor: pointer; filter: unset; opacity: 1; margin-top: 10px; width: 100%; border-radius: 10px;} .item_listt.mo{display: none;} .item_listt.mo li .item{margin-bottom: 20px;} .item_listt.mo li .item>b{font-size: var(--font-size18); font-weight: 500; opacity: 0.8;} .item_listt.mo li .item>p{font-size: var(--font-size30); font-weight: 700; line-height: var(--font-size40); margin-bottom: 5px;} .item_listt.mo li .item>p b{font-size: var(--font-size30);font-weight: 700;} .item_listt.mo li .item>span{font-size: var(--font-size18);opacity: 0.7;} .item_listt.mo li .item_data .right{margin-top: 20px;} .item_listt.mo li .item_data .right>div{width: 100%;} .item_listt.mo li .item_data .right>div>p{font-size: var(--font-size18);} .item_listt.mo li .item_data .right>div>p b{font-size: var(--font-size30);} .item_listt.mo li .item_data .right>div>p b .org_price, .item_listt.mo li .item_data .right>div>p b .years3{font-size: var(--font-size20); font-weight: 400; color: #666; position: relative; top: 0; left: 0;} .item_listt.mo li .item_data .right>div>p b .org_price::after{content:"";position: absolute; width: 100%;height: 2px;background: #67676796;left: 0;top: 50%;transform: translateY(-50%);} .item_listt.mo li .item_data .right>div>span{font-size: var(--font-size18);color: #a5a5a5;} .item_listt.mo li .item_data .right>div>span b{color: #a5a5a5;font-weight: 600;} .item_listt.mo li .item_data .right>div>b{display: block; color: #fff; font-size: var(--font-size35); font-weight: 700;} /* 서브페이지 공통 가입신청 섹션 끝*/ /* 서브페이지 공통 부가서비스 섹션 시작*/ .sub_con .add_wrap{background: #f8f8f8;} .sub_con .add_wrap .wepper{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;padding: 0 0 100px;} .sub_con .add_wrap .sub_con_title{margin-bottom: 40px;} .sub_con .add_wrap .sub_page_menu{width: 100%;margin-bottom: 50px;} .sub_con .add_wrap .wepper>b{display: block; width: 100%;max-width: 800px;margin: 40px auto 0;border-radius: 10px;border: 1px solid #e9e9e9;font-size: var(--font-size18);font-weight: 600;line-height: 55px;display: flex;justify-content: center;align-items: center;gap: 10px;transition: 0.3s;cursor: pointer;} .sub_con .add_wrap .wepper>b:hover, .sub_con .add_wrap .wepper>b:active{background: #efefef;} .sub_con .add_wrap .wepper>b i{font-size: var(--font-size30) !important;} .item_add_list{display: flex; align-items: stretch; flex-flow: row wrap; gap: 25px;} .item_add_list li{flex: unset; height: auto; width: calc(33.333333% - 16.666666px); padding: 30px 30px; background: #fff; border-radius: 15px; display: flex; flex-flow: column; justify-content: space-between; row-gap: 40px;} .item_add_list li .top{} .item_add_list li .top .tag{font-size: calc(var(--font-size18) - 2px); line-height: var(--font-size30); background: #0000000a; color: #0000007a; border-radius: 3px; display: block; width: fit-content; padding: 0 10px; font-weight: 600;} .item_add_list li .top b{font-size: var(--font-size25);line-height: var(--font-size35);font-weight: 600;margin: 10px 0 5px;display: block;} .item_add_list li .top .text{font-size: var(--font-size18);color: #0000007a;} .item_add_list li .price{font-size: var(--font-size25);color: #000;} .item_add_list li .price b{font-size: var(--font-size35);font-weight: 600;} /* 서브페이지 공통 부가서비스 섹션 끝*/ /* 서브페이지 공통 안내 및 유의사항 섹션 시작*/ .com_guide_btn{font-size: var(--font-size20);font-weight: 600;background: #f8f8f8;border-radius: 5px;display: flex;justify-content: space-between;align-items: center;line-height: 60px;padding: 0 30px;cursor: pointer;width: calc(100% - 40px);max-width: var(--max-width);margin: 60px auto 0;} .com_guide_btn i{background: #dbdbdb; border-radius: 20px; font-size: var(--font-size30) !important; height: var(--font-size35); width: auto; display: flex; aspect-ratio: auto 1 / 1; justify-content: center; align-items: center;} .com_guide_btn.atv i{transform: rotate(180deg);} .com_guide_con{display: none;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto} .com_guide_con .guide_wrap{padding: 30px;} .com_guide_con .guide_wrap>p{font-size: 16px;color: #000;font-weight: 600;margin-top: 10px;} .com_guide_con .guide_wrap ul{} .com_guide_con .guide_wrap ul li{padding-left: 20px;position: relative;top: 0;left: 0;font-size: 16px;color: #00000099;font-weight: 500;margin-top: 10px;} .com_guide_con .guide_wrap ul li::before{content:"";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #00000099;} .com_guide_con .guide_wrap ul li a{text-decoration: underline;font-weight: 600;} /* 서브페이지 공통 안내 및 유의사항 섹션 끝*/ /* 서브페이지 공통 후기로 보는 스카이라이프 시작 */ #review_wrap{background: #f8f8f8;overflow: hidden;padding-bottom: calc(var(--font-size50) * 6);} #review_wrap .sub_page_menu{background: unset;margin: 30px auto 60px;} #review_wrap>p{font-size: var(--font-size50);} #review_wrap .swiper{width: calc(100% - 30vw);max-width: var(--max-width);margin: 0 auto;overflow: visible;} #review_wrap .swiper .swiper-wrapper{} #review_wrap .swiper .swiper-wrapper .swiper-slide{background: #fff;height: auto;padding: 40px;border-radius: 10px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .star{display: flex;align-items: center;gap: 10px;margin-bottom: 20px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .star p{font-size: calc(var(--font-size18) - 2px); line-height: var(--font-size25); font-weight: 600; padding: .25rem .75rem; background: #05C7531A; color: var(--main-color); width: fit-content; border-radius: 5px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .star div{display: flex;align-items: center;height: var(--font-size30);gap: 3px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .star div img{height: 100%;width: auto;aspect-ratio: auto 1 / 1;} #review_wrap .swiper .swiper-wrapper .swiper-slide .img{aspect-ratio: auto 1 / 0.6; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px; margin-bottom: 15px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text{display: flex; justify-content: space-between; flex-flow: column; gap: 20px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text p{font-size: var(--font-size20); font-weight: 500; color: #6b6b6b;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b{padding-top: 20px;padding-bottom: 40px; display: flex; flex-flow: column;border-top: 1px solid #eee; font-size: var(--font-size18); font-weight: 600;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b span{color: #ababab;font-weight: 500;} #review_wrap .swiper .sub_review_pagination{display: none; justify-content: center; align-items: center;margin: 20px 0 40px;} #review_wrap .swiper .sub_review_pagination .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0px 2px;border-radius: unset;} #review_wrap .swiper .sub_review_pagination .swiper-pagination-bullet-active{background: #000;width: 20px;} #review_wrap .review_list{display: flex;flex-flow: column;gap: 25px; width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; padding: 80px 0 0;} #review_wrap .review_list li{background: #fff;border-radius: 5px;padding: 40px;display: flex;align-items: center;gap: 80px;} #review_wrap .review_list li .left{display: flex;flex-flow: column;row-gap: 20px;} #review_wrap .review_list li .left .star{display: flex;align-items: center;} #review_wrap .review_list li .left .star img{width: var(--font-size30);} #review_wrap .review_list li .left b{display: flex; flex-flow: column;font-size: var(--font-size18); font-weight: 600;white-space: nowrap;} #review_wrap .review_list li .left b span{color: #ababab; font-weight: 500;} #review_wrap .review_list li>p{font-size: var(--font-size20); font-weight: 500; color: #6b6b6b;} /* 서브페이지 공통 후기로 보는 스카이라이프 끝 */ /* 서브페이지 공통 아이템 검색 컨텐츠 시작 */ .item_search_wrap{margin: 0 auto 0;background: #fff;width: 100%;position: sticky; top:78px;left: 0; z-index: 3;padding: 5px 0px 20px;display:none !important;} .item_search_wrap .mid{width: calc(100% - 40px);max-width: var(--max-width);display: flex;justify-content: space-between;align-items: center; margin: 0 auto;} .item_search_wrap .mid .left{display: flex;justify-content: space-between;align-items: center;width: 410px;border-radius: 50px;padding: 10px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);} .item_search_wrap .mid .left p{width: calc(50% - 5px);border-radius: 50px;height: 50px;text-align: center;line-height: 48px;font-size: var(--font-size20);font-weight: 500;color: #00000099;cursor: pointer;} .item_search_wrap .mid .left p:nth-child(1){} .item_search_wrap .mid .left p:nth-child(1).atv{background: var(--main-color);color: #000;} .item_search_wrap .mid .left p:nth-child(2){} .item_search_wrap .mid .left p:nth-child(2).atv{color: var(--main-color);font-weight: 600;background: #0e0e0e;} .item_search_wrap .mid .left p:hover{background: #ddd;} .item_search_wrap .mid .right{position: relative;top: 0;left: 0;width: calc(100% - 450px); max-width: 600px;} .item_search_wrap .mid .right input{height: calc(var(--font-size50) + 14px); border: unset; border-radius: 0; border-bottom: 2px solid #eee; width: 100%; background: unset; font-size: var(--font-size20); font-weight: 500; color: #000; padding: 0; box-shadow: unset; padding-right: calc(var(--font-size50) + 14px);} .item_search_wrap .mid .right button{position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: calc(var(--font-size50) + 14px); width: auto; aspect-ratio: auto 1 / 1;} .item_search_wrap .mid .right button i{font-size: var(--font-size25) !important; color: #999898;} /* 서브페이지 공통 아이템 검색 컨텐츠 끝 */ /* 서브페이지 공통 끝 */ /* ipti > ipit TV란? 시작 */ #ipit{padding-top: 30px;} #ipit .sub_con{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #ipit .sub_con>img{width: 100%;} #ipit .sub_con>video{width: 100%;max-width: 880px;display: block; margin: 100px auto 150px;} #ipit .sub_con .btn_wrap{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 620px;gap: 20px;margin: 0 auto;} #ipit .sub_con .btn_wrap p{width: 100%;line-height: calc(var(--font-size50) + 20px);font-size: var(--font-size30);cursor: pointer;border-radius: 5px; font-weight: 600; background: #000000e7;color: #fff;text-align: center;} #ipit .sub_con .btn_wrap p:hover{background: #000;} #ipit .sub_con .btn_wrap p:first-child{background: #eee;font-weight: 600;color: #333;} #ipit .sub_con .btn_wrap p:first-child:hover{background: #f5f5f5;} #ipit .sub_con .img02{margin: 40px 0;} #ipit .sub_con .img03{} #ipit .sub_con .img04{margin-top: 40px;} #ipit .sub_con .img05{} #ipit .sub_con .img06{} #ipit .sub_con .img07{} /* ipti > ipit TV란? 시작 */ /* ipti > 요금제, 부가서비스 시작 */ #ipit_plan{padding-top: 30px;} #ipit_plan .sub_con{} #ipit_plan .sub_con .plan_wrap .benefit_swiper{position: relative;top: 0;left: 0;} #ipit_plan .sub_con .plan_wrap .benefit_swiper .admin_btn{position: absolute;top:0;right: 0;} /* ipti > 요금제, 부가서비스 시작 */ /* 추천결합 > 추천상품 시작 */ #rcm_product .sub_con .item_wrap .wepper{margin:0 auto;padding: 80px 0;} #rcm_product #sub_title.mo{background: #f8f8f8;} #rcm_product .sub_con .item_wrap .wepper .sub_con_title{margin:0 auto} #rcm_product .sub_con .item_wrap .wepper .sub_page_menu{width: 100%; margin: 20px auto; background: unset; padding: 0;} /* 추천결합 > 추천상품 시작 */ /* 추천결합 > 결합상품 시작 */ #pkg_product{padding-top: 30px;} #pkg_product .pkg_con1{} #pkg_product .pkg_con1 .pkg_con1_swiper{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper{} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide{} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide span{font-size: calc(var(--font-size18) - 2px); line-height: var(--font-size25); font-weight: 600; padding: .25rem .75rem; background: #05C7531A; color: var(--main-color); width: fit-content; border-radius: 5px;} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide p{font-size: calc(var(--font-size25) + 3px);font-weight: 700;color: #000;margin: 15px 0 20px;} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide p b{font-weight: 700;} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide img{width: 75%; margin: auto 0 auto auto;} #pkg_product .pkg_con1 .pkg_con1_swiper .pkg_con1_pagination{display: flex; justify-content: center; align-items: center;margin: 20px auto 40px;} #pkg_product .pkg_con1 .pkg_con1_swiper .pkg_con1_pagination .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0px 2px;border-radius: unset;} #pkg_product .pkg_con1 .pkg_con1_swiper .pkg_con1_pagination .swiper-pagination-bullet-active{background: #000;width: 20px;} #pkg_product .pkg_con .top_title{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;gap: 20px;} #pkg_product .pkg_con .top_title p{font-size: var(--font-size35);font-weight: 700;color: #000;} #pkg_product .pkg_con .top_title p span{font-size: var(--font-size25);font-weight: 500;} #pkg_product .pkg_con .top_title p span br{display: none;} #pkg_product .pkg_con .top_title b{ font-size: var(--font-size18); font-weight: 600; display: block; line-height: 42px; width: 100%; border-radius: 10px; max-width: 300px;} #pkg_product .pkg_con .vs{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;margin-top: 80px;} #pkg_product .pkg_con .vs li{padding: 50px 0 20px 40px;background: #f8f8f8;border-radius: 10px;position: relative;top: 0;left: 0;} #pkg_product .pkg_con .vs li>span{font-size: calc(var(--font-size18) - 2px); line-height: var(--font-size25); font-weight: 600; padding: .25rem .75rem; color: #fff; display: block; width: fit-content; border-radius: 7px;background: #8432f5;position: absolute;top:calc(var(--font-size25) / 2 - 25px);left: 20px;} #pkg_product .pkg_con .vs li:nth-child(1){width: 40%;} #pkg_product .pkg_con .vs li:nth-child(2){width: 20%;background: unset;display: flex;justify-content: center;align-items: center;font-size: var(--font-size50);color: #000;font-weight: 700;padding: 0;} #pkg_product .pkg_con .vs li:nth-child(3){width: 40%;} #pkg_product .pkg_con2{} #pkg_product .pkg_con2 .top_title p{line-height: var(--font-size45);} #pkg_product .pkg_con2 .vs li>p{font-size: var(--font-size30);font-weight: 700;color: #000;} #pkg_product .pkg_con2 .vs li>img{width: 40%; margin-top: -40px; margin-left: auto; margin-right: 0;} #pkg_product .pkg_con2 .item_wrap .wepper .sub_con_title{margin-bottom: 20px;} #pkg_product .pkg_con2 .item_wrap .wepper .sub_con_title br{display: block;} #pkg_product .pkg_con2 .item_wrap .wepper .sub_con_title span{font-size: var(--font-size25);color: #0009;font-weight: 500;} #pkg_product .pkg_con2 .pkg_con2_noti{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; margin-top: 50px; } #pkg_product .pkg_con2 .pkg_con2_noti ul{background: #f8f8f8;padding: 30px 30px;width: 100%;border-radius: 10px;} #pkg_product .pkg_con2 .pkg_con2_noti ul li{padding-left: 20px;position: relative;top: 0;left: 0;font-size: var(--font-size18);color: #00000099;font-weight: 500;margin-top: 10px;} #pkg_product .pkg_con2 .pkg_con2_noti ul li:nth-child(1){margin-top: 0px;} #pkg_product .pkg_con2 .pkg_con2_noti ul li::before{content:"";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #00000099;} #pkg_product .pkg_con .bg{background: #f8f8f8;margin-top: 40px;padding-bottom: 90px;} #pkg_product .pkg_con .bg .bg_wrapper{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #pkg_product .pkg_con .bg .bg_wrapper>p{font-size: var(--font-size35); font-weight: 700; color: #000;margin-bottom: 40px;padding-top: 90px;} #pkg_product .pkg_con .bg .bg_wrapper>p br{display: none;} #pkg_product .pkg_con .bg .bg_wrapper>p span{display: block;font-size: var(--font-size25);font-weight: 500;opacity: 0.8;} #pkg_product .pkg_con .bg .bg_wrapper>p span br{display: none;} #pkg_product .pkg_con .bg .bg_wrapper>img{width: 100%;border-radius: 10px;} #pkg_product .pkg_con .bg .bg_wrapper>img.mo_img{display: none;} #pkg_product .pkg_con3 .top_title p{line-height: var(--font-size50);} #pkg_product .pkg_con3 .top_title p br{display: none;} #pkg_product .pkg_con3 .top_title p span{display: block;} #pkg_product .pkg_con3 .vs li{padding-left: 0 !important;padding-bottom: 40px;} #pkg_product .pkg_con3 .vs li>p{font-size: var(--font-size30);font-weight: 500;color: #000;width: 100%;text-align: center;margin-bottom: 20px;} #pkg_product .pkg_con3 .vs li>p b{font-size: var(--font-size30);font-weight: 700;color: #000;} #pkg_product .pkg_con3 .vs li>b{padding-left: 40px;position: relative;top: 0;left: 0;display: block;font-size: var(--font-size18);font-weight: 400;} #pkg_product .pkg_con3 .vs li>b::before{content:"";position: absolute;left: 25px;top: 10px;width: 4px;height: 4px;background: #00000099;} #pkg_product .pkg_con3 .vs li>img{width: 30%; margin: 0 auto;} #pkg_product .pkg_con3 .month_benefit{width: calc(100% - 40px);max-width: var(--max-width);margin: 40px auto 0;} #pkg_product .pkg_con3 .month_benefit span{ border-radius: 10px;background: #eee; font-size: var(--font-size18); font-weight: 600; display: block; line-height: 42px; width: 100%;max-width: 300px; margin-left: auto;margin-right: 0; padding: .375rem .75rem;text-align: center;cursor: pointer;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step{background: #fff;border-radius: 10px;padding: 40px 70px;display: flex;justify-content: space-between;gap: var(--font-size50);} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li{width: 33%;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title{} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title>span{background: #000;color: #fff;font-size: 18px;font-weight: 600;border-radius: 50px;width: 35px;height: 35px;text-align: center;line-height: 35px;display: block;margin-bottom: 20px;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title>p{font-size: var(--font-size25);font-weight: 600;width: calc(100% - 45px);} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title>p span{} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti{background: #f8f8f8;padding: 20px 30px;border-radius: 10px;margin-top: 20px;width: 100%;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>p{width: 100%;text-align: center;font-size: var(--font-size20);font-weight: 600;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a{} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a span{display: flex;justify-content: space-between;align-items: center;font-size: calc(var(--font-size18) - 2px);font-weight: 500;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a span img{width: 25px;height: 25px;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a small{display: block;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a b{font-size: var(--font-size25);font-weight: 700;} #pkg_product .pkg_con4 .benefit_swiper{position: relative;top: 0;left: 0;} #pkg_product .pkg_con4 .benefit_swiper .admin_btn{position: absolute;top:0;right: 0;z-index: 2;} #pkg_product .pkg_con4 .benefit_swiper .pc_wrap .benefit_text_swiper_pc{position: relative;top: 0;left: 0;} #pkg_product .pkg_con4 .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper{position: absolute; top: 0; left: 0; transform: unset !important;pointer-events: none;} #pkg_product .pkg_con4 .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper .swiper-slide{row-gap: 0;position: absolute; top: 0; left: 0;} #pkg_product .pkg_con4 .benefit_swiper .pc_wrap .benefit_text_swiper_pc .swiper-wrapper .swiper-slide b{font-size: var(--font-size18); font-weight: 600; display: block; line-height: 42px; pointer-events: auto; cursor: pointer; filter: unset; opacity: 1; margin-top: 40px; width: 100%; border-radius: 10px;max-width: 300px;} #pkg_product .pkg_con4 .benefit_swiper .pc_wrap .benefit_pager_pc{opacity: 0;} #pkg_product .pkg_con4 .benefit_swiper .mo_wrap .pkg_text{margin-bottom: 30px;} #pkg_product .pkg_con4 .benefit_swiper .mo_wrap .pkg_text p{font-size: var(--font-size40); font-weight: 600; } #pkg_product .pkg_con4 .benefit_swiper .mo_wrap .benefit_swiper_mo .swiper-wrapper .swiper-slide{display: flex; flex-flow: column-reverse; row-gap: 40px;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap{display: flex;justify-content: space-between;gap: 25px; align-items: stretch;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap img{width: 75%;border-radius: 10px;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap img.mo_img{display: none;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt{width: calc(25% - 25px);background-repeat: no-repeat; background-size: cover; background-position: center;text-align: right; display: flex; flex-flow: column; justify-content: space-between; padding: 30px 20px var(--font-size35);} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .top{} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .top>b{display: flex;justify-content: space-between;align-items: center;font-size: var(--font-size25);} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .top>b span{color: #00000080;font-weight: 500;font-size: var(--font-size18);} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .top>b.text-primary{margin-top: 15px;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .top>p{color: #00000080;font-size: var(--font-size18);font-weight: 500;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .bt{display: flex;justify-content: space-between;align-items: center;font-size: var(--font-size25);} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt .bt span{color: #00000080;font-weight: 500;font-size: var(--font-size18);} #pkg_product .pkg_con4 .pkg_con4_noti{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto; margin-top: 50px;} #pkg_product .pkg_con4 .pkg_con4_noti ul{background: #f8f8f8;padding: 30px 30px;width: 100%;border-radius: 10px;} #pkg_product .pkg_con4 .pkg_con4_noti ul li{padding-left: 20px;position: relative;top: 0;left: 0;font-size: var(--font-size18);color: #00000099;font-weight: 500;margin-top: 10px;} #pkg_product .pkg_con4 .pkg_con4_noti ul li:nth-child(1){padding-left: 0px;position: unset;margin-top: 0px;} #pkg_product .pkg_con4 .pkg_con4_noti ul li:nth-child(1)::before{display: none;} #pkg_product .pkg_con4 .pkg_con4_noti ul li::before{content:"";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background: #00000099;} #pkg_product .pkg_con4 .pkg_con4_noti ul li span{cursor: pointer;text-decoration: underline;} #pkg_product .pkg_con4 .pkg_con4_noti ul li a{color: var(--main-color);text-decoration: underline;} #pkg_product .pkg_con4 .installable_area_btn{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 40px);max-width: var(--max-width);margin: 80px auto 0;font-size: var(--font-size35);font-weight: 600;color: #000;} #pkg_product .pkg_con4 .installable_area_btn span{ border-radius: 10px;background: #eee; font-size: var(--font-size18); font-weight: 600; display: block; line-height: 42px; width: 100%;max-width: 300px; margin-left: auto;margin-right: 0; padding: .375rem .75rem;text-align: center;cursor: pointer;} /* 추천결합 > 결합상품 끝 */ /* 인터넷 > 요금제, 부가서비스 시작 */ #internet_plan{padding-top: 80px;} #internet_plan .sub_con{} #internet_plan .sub_con .plan_wrap .benefit_swiper{position: relative;top: 0;left: 0;margin-bottom: 180px;} #internet_plan .sub_con .plan_wrap .benefit_swiper .admin_btn{position: absolute;top:0;right: 0;} #internet_plan .sub_con .item_wrap .wepper{margin: 20px auto 0;} /* 인터넷 > 요금제, 부가서비스 끝 */ /* TV > 요금제, 부가서비스 시작 */ #tv_plan{padding-top: 80px;} #tv_plan .sub_con{} #tv_plan .sub_con .plan_wrap .benefit_swiper{position: relative;top: 0;left: 0;margin-bottom: 180px;} #tv_plan .sub_con .plan_wrap .benefit_swiper .admin_btn{position: absolute;top:0;right: 0;} #tv_plan .sub_con .item_wrap .wepper{margin: 20px auto 0;} #tv_plan .sub_con .add_wrap .sub_page_menu:nth-child(2){margin-bottom: 30px;} #tv_plan .sub_con .add_wrap .sub_page_menu span{font-size: var(--font-size25);font-weight: 500;color: #000;width: 180px;white-space:nowrap} /* TV > 요금제, 부가서비스 끝 */ /* TV > 채널번호 안내 시작 */ #tv_channel{} #tv_channel .top{background: #f8f8f8; padding: 80px 0 0;} #tv_channel .top>p{font-size: var(--font-size35); font-weight: 600; color: #000;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;line-height: var(--font-size35);} #tv_channel .top>p span{font-size: var(--font-size18);color: #0009;font-weight: 500;} #tv_channel .top .teb_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 20px auto 0;display: flex;justify-content: space-between;align-items: center;} #tv_channel .top .teb_wrap p{width: 50%;font-size: var(--font-size20);font-weight: 400;padding: 15px;text-align: center;opacity: 0.6;border-bottom: 2px solid #f8f8f8;cursor: pointer;} #tv_channel .top .teb_wrap p.atv{font-weight: 600;opacity: 1;border-bottom: 2px solid #000;} #tv_channel .bt{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;} #tv_channel .bt .ca_btn_wrap{margin: 80px 0;} #tv_channel .bt .ca_btn_wrap>p{font-size: var(--font-size20);color: #000;font-weight: 600;margin-bottom: 15px;} #tv_channel .bt .ca_btn_wrap>span{width: 100%; display: none; text-align: center; height: 40px; line-height: 40px; cursor: pointer;} #tv_channel .bt .ca_btn_wrap>span i{font-size: var(--font-size40) !important;} #tv_channel .bt .ca_btn_wrap>span.atv i{transform: rotate(180deg);} #tv_channel .bt .ca_btn_wrap ul{display: flex;align-items: center;flex-flow: row wrap;gap: 10px;} #tv_channel .bt .ca_btn_wrap ul::-webkit-scrollbar {display: none;} #tv_channel .bt .ca_btn_wrap ul::-webkit-scrollbar-thumb {display: none;} #tv_channel .bt .ca_btn_wrap ul::-webkit-scrollbar-track {display: none;} #tv_channel .bt .ca_btn_wrap ul li{line-height: 44px; font-size: var(--font-size20); font-weight: 500; padding: 0 20px; background: #0000000a; color: #0000007a; border-radius: 50px; cursor: pointer; white-space: nowrap;} #tv_channel .bt .ca_btn_wrap ul li:hover, #tv_channel .bt .ca_btn_wrap ul li:active{background: #e5e5e5;color: #000;} #tv_channel .bt .ca_btn_wrap ul li.atv{font-weight: 600; background: #000; color: #fff;} #tv_channel .bt .ca_con_wrap{} #tv_channel .bt .ca_con_wrap .ca_con{} #tv_channel .bt .ca_con_wrap .ca_con ul{display: flex;align-items: center;gap: 20px;flex-flow: row wrap;} #tv_channel .bt .ca_con_wrap .ca_con ul li{width: calc(16.666666% - 16.7px);cursor: pointer;} #tv_channel .bt .ca_con_wrap .ca_con ul li img{width: 100%;border-radius: 10px;} #tv_channel .bt .ca_con_wrap .ca_con ul li span{font-size: calc(var(--font-size18) - 2px);line-height: var(--font-size25);font-weight: 500; padding: 0 10px;background: #05C7531A;color: var(--main-color);width: fit-content;border-radius: 5px;line-height: 30px;margin: 10px 0 5px;display: block;} #tv_channel .bt .ca_con_wrap .ca_con ul li p{font-size: var(--font-size18);font-weight: 600;color: #000;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;} #channel_pop{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;display: none;} #channel_pop .channel_pop_blind{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000052;} #channel_pop .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);max-width: 600px;background: #fff;border-radius: 10px; padding: 30px;} #channel_pop .wrap .channel_pop_close{display: flex;justify-content: end;} #channel_pop .wrap .channel_pop_close svg{cursor: pointer;} #channel_pop .wrap .channel_pop_close svg path{} #channel_pop .wrap>p{font-size: var(--font-size30); font-weight: 600; color: #000; margin-bottom: 60px;} #channel_pop .wrap .scr{max-height: calc(100vh - 400px);overflow-y: auto;} #channel_pop .wrap .scr>p{font-size: var(--font-size20); font-weight: 600; color: #000;margin-bottom: 10px;display: flex;align-items: center;gap: 10px;} #channel_pop .wrap .scr>p span{font-size: calc(var(--font-size18) - 2px);line-height: var(--font-size25);font-weight: 600; padding: 0 10px;background: #05C7531A;color: var(--main-color);width: fit-content;border-radius: 5px;line-height: 30px;margin: 10px 0 5px;} #channel_pop .wrap .scr .bg{background:#f8f8f8 ;padding: 35px;margin-bottom: 60px;} #channel_pop .wrap .scr .bg p{position: relative; top: 0; left: 0; padding-left: 10px; font-size: calc(var(--font-size18) - 2px); font-weight: 400; margin-bottom: 10px; line-height: var(--font-size20);} #channel_pop .wrap .scr .bg p::after{content: ""; width: 4px; height: 4px; background: #676767; position: absolute; top: calc(var(--font-size18) / 2); left: 0;} #channel_pop .wrap .scr .bg p:last-child{margin-bottom: 0;} #channel_pop .wrap .scr .bg span, #channel_pop .wrap .scr .bg a{font-weight: 500;text-decoration: underline;cursor: pointer;color: var(--main-color) !important;} #channel_pop .wrap .scr .organization{max-height: 350px; overflow-y: auto;} #channel_pop .wrap .scr .organization ul{} #channel_pop .wrap .scr .organization ul li{padding: 20px 0;border-bottom: 1px solid #eee;} #channel_pop .wrap .scr .organization ul li>span{font-size: calc(var(--font-size18) - 2px);color: #0000007a;font-weight: 500;} #channel_pop .wrap .scr .organization ul li>p{font-size: var(--font-size18);font-weight: 500;color: #000;margin: 20px 0 10px;} #channel_pop .wrap .scr .organization ul li>div{display: flex;align-items: center;gap: 17px;} #channel_pop .wrap .scr .organization ul li>div .left{display: flex;gap: 7px;} #channel_pop .wrap .scr .organization ul li>div .left b{font-size: calc(var(--font-size18) - 2px);line-height: var(--font-size25);font-weight: 600; padding: 0 10px;border-radius: 5px;line-height: 30px;display: block;width: fit-content;color: #fff;} #channel_pop .wrap .scr .organization ul li>div .left b.age{background: #229c56;} #channel_pop .wrap .scr .organization ul li>div .left b.subtitle{background: #000;} #channel_pop .wrap .scr .organization ul li>div .left b.sign{background: #f5325d1a;color: #f5325d;} #channel_pop .wrap .scr .organization ul li>div .left b.commentary{background: #8f48ee;} #channel_pop .wrap .scr .organization ul li>div .right{font-size: calc(var(--font-size18) - 2px);position: relative;top: 0;left: 0;font-weight: 500;} #channel_pop .wrap .scr .organization ul li>div .right::after{content:"";position: absolute;left: -9px;top: 50%;transform: translateY(-50%); height: 70%;width: 1px;background: #d8d8d8;} /* TV > 채널번호 안내 끝 */ /* 모바일 > 요금제, 부가서비스 시작 */ #mobile_plan{padding-top: 80px;} #mobile_plan .sub_con .add_wrap .wepper{padding-top: 100px;} #mobile_plan .sub_con .service_wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 80px;display: none !important;} #mobile_plan .sub_con .service_wrap ul{display: flex;justify-content: space-between;align-items: center;gap: 25px;} #mobile_plan .sub_con .service_wrap ul li{width: calc(16.666666% - 20px);background: #f8f8f8;border-radius: 10px;padding: 20px 20px 15px;cursor: pointer;} #mobile_plan .sub_con .service_wrap ul li p{font-size: var(--font-size25);font-weight: 600;color: #000;} #mobile_plan .sub_con .service_wrap ul li span{font-size: calc(var(--font-size18) - 2px);} #mobile_plan .sub_con .service_wrap ul li img{width: 50%;margin-left: auto;margin-right: -10px;margin-top: 10px;max-width: 100px;} #mobile_plan .sub_con .pricing_wrap{/*margin-top: 80px;*/width: 100%;} #mobile_plan .sub_con .pricing_wrap .sub_con_title{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto 20px;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee{width: calc(100% - 40px);max-width: var(--max-width);overflow: hidden;cursor: grab; user-select: none;padding: 10px 0;margin: 0 auto;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track{display: flex; width:100%; will-change: transform;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate{flex-shrink: 0;width: 11.111111%;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate.copy{display: none;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate .img{width: calc(100% - 30px); margin: 0 auto; height: auto; aspect-ratio: auto 1 / 1;border-radius: 100px;overflow: hidden;display: flex;justify-content: center;align-items: center;outline: 1px solid #0000001a; outline-offset: -1px; outline-width: 1px; outline-style: solid; outline-color: #0000001a;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate .img img{width: 110%;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate.atv .img{box-shadow: 0px 0px 11px 5px #0000001a;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate p{text-align: center;font-size: var(--font-size20);font-weight: 500;color: #00000099;margin-top: 10px;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate.atv p{color: #000;font-weight: 700;} #mobile_plan .pricing_details{background: #f8f8f8;margin-top: 40px;} #mobile_plan .pricing_details .wrapper{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;padding: 40px 0;background: unset;} #mobile_plan .pricing_details .wrapper>.top{display: flex;justify-content: space-between;align-items: center;} #mobile_plan .pricing_details .wrapper>.top>p{font-size: var(--font-size25);font-weight: 500;color: #000;} #mobile_plan .pricing_details .wrapper>.top .right{display: flex; align-items: center; gap: 51px; flex-flow: row-reverse;} #mobile_plan .pricing_details .wrapper>.top .right .sorting{position: relative;top: 0;left: 0;display: flex;align-items: center;gap: 10px; cursor: pointer;} #mobile_plan .pricing_details .wrapper>.top .right .sorting::after{content:"";position: absolute;top: 50%;left: -26px;width: 1px;height: 80%;background: #d8d8d8;transform: translateY(-50%);} #mobile_plan .pricing_details .wrapper>.top .right .sorting>p{font-size: var(--font-size20);font-weight: 500;color: #000;white-space: nowrap;} #mobile_plan .pricing_details .wrapper>.top .right .sorting .arrow_wrap{display: flex;flex-flow: column;align-items: center;justify-content: center;} #mobile_plan .pricing_details .wrapper>.top .right .sorting .arrow_wrap i{font-size: var(--font-size25) !important; line-height: 15px !important;color: #0000007a;} #mobile_plan .pricing_details .wrapper>.top .right .sorting .arrow_wrap i:nth-child(1){color: #0000007a;} #mobile_plan .pricing_details .wrapper>.top .right .sorting .arrow_wrap i:nth-child(2){color: #000;} #mobile_plan .pricing_details .wrapper>.top .right .sorting .arrow_wrap.up i:nth-child(1){color: #000;} #mobile_plan .pricing_details .wrapper>.top .right .sorting .arrow_wrap.up i:nth-child(2){color: #0000007a;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap{display: flex;gap: 10px;align-items: center;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p{font-size: var(--font-size20);font-weight: 500;border: 1px solid #eee;line-height: 44px;padding: 0 15px;border-radius: 50px;color: #0000007a;background: #fff;display: flex;align-items: center;gap: 10px;cursor: pointer;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p i{font-size: var(--font-size18) !important;color: #0000007a;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p.atv{background:#eee;color: #000;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p.atv i{color: #000;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p:hover, #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p:active{background:#eee;color: #000;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p:hover i, #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap p:active i{color: #000;} #mobile_plan .pricing_details .wrapper>.bt{} #mobile_plan .pricing_list{display: flex;align-items: stretch; gap: 20px;flex-flow: row wrap;margin-top: 20px;} #mobile_plan .pricing_item{width: calc(33.333333% - 16.7px);background: #fff;padding: 20px;border-radius: 10px;border: 1px solid #eee;} #mobile_plan .pricing_item .item{display: flex;justify-content: space-between;flex-flow: column;height: 100%;} #mobile_plan .pricing_item .item .top{display: flex;justify-content: space-between;align-items: center;} #mobile_plan .pricing_item .item .top .tag_wrap{display: flex;align-items: center;gap: 10px;height: 30px;} #mobile_plan .pricing_item .item .top .tag_wrap span{font-size: calc(var(--font-size18) - 2px); font-weight: 500; padding: 0 10px; width: fit-content; border-radius: 5px; line-height: 30px; display: block;} #mobile_plan .pricing_item .item .top .tag_wrap span.life{background: #3c6aff1a; color: #3c69ff;} #mobile_plan .pricing_item .item .top .tag_wrap span.new{background: #fb8c001a;color: #fb8c00;} #mobile_plan .pricing_item .item .top .tag_wrap span.reco{background: #8b2fff1a;color: #8b2fff;} #mobile_plan .pricing_item .item .top .tag_wrap span.unlimit{background: #05C7531A; color: var(--main-color);} #mobile_plan .pricing_item .item .top .tag_wrap span.hot{background: #f5315b1a; color: #f5315b;} #mobile_plan .pricing_item .item .top .icon_wrap{display: flex;align-items: center;gap: 10px;display: none !important;} #mobile_plan .pricing_item .item .top .icon_wrap svg{cursor: pointer;} #mobile_plan .pricing_item .item .md{} #mobile_plan .pricing_item .item .md>p{font-size: var(--font-size25); font-weight: 600; color: #000; margin: 20px 0 10px; line-height: var(--font-size35);} #mobile_plan .pricing_item .item .md .add{display: flex;align-items: center;column-gap: 15px;flex-flow: row wrap;} #mobile_plan .pricing_item .item .md .add span{color: #555555;font-size: var(--font-size18);font-weight: 500;position: relative;top: 0;left: 0;} #mobile_plan .pricing_item .item .md .add span::after{content:"";position: absolute;top: 50%;right: -8px;width: 1px;height: 60%;background: #b9b9b9;transform: translateY(-50%);} #mobile_plan .pricing_item .item .md .add span:last-child:after{display: none;} #mobile_plan .pricing_item .item .price{margin-top: 30px;} #mobile_plan .pricing_item .item .price p{font-size: var(--font-size25);color: #000;font-weight: 500;text-align: right;} #mobile_plan .pricing_item .item .price p b{font-weight: 600;font-size: var(--font-size30);} #mobile_plan .pricing_item .item .price span{font-size: var(--font-size18); display: block; text-align: right; line-height: var(--font-size25); height: var(--font-size25); margin-bottom: 20px;} #mobile_plan .pricing_item .item .price span b{} #mobile_plan .pricing_item .item .benefit{display: flex; align-items: center; gap: 15px; cursor: pointer; background: #efefef; padding: 10px; border-radius: 5px; justify-content: center;} #mobile_plan .pricing_item .item .benefit .icon_wrap{position: relative; top: 0; left: 0;} #mobile_plan .pricing_item .item .benefit .icon_wrap span{position: absolute; top: -3px; right: -3px; background: #f5325d; width: calc(var(--font-size18) / 1.5); height: calc(var(--font-size18) / 1.5); border-radius: 50px; text-align: center; line-height: calc(var(--font-size18) / 1.5); font-size: calc(var(--font-size18) / 2); font-weight: 400; color: #fff;} #mobile_plan .pricing_item .item .benefit .icon_wrap img{width: var(--font-size20); height: var(--font-size20);} #mobile_plan .pricing_item .item .benefit>p{font-size: calc(var(--font-size18) - 2px); font-weight: 500; color: #555555;} #mobile_plan .pricing_item .item .benefit>p span{font-size: calc(var(--font-size18) - 2px); font-weight: 500; color: #f5325d;} #mobile_plan .pricing_item .item>div>b{font-size: var(--font-size18); font-weight: 600; display: block; line-height: 42px; pointer-events: auto; cursor: pointer; filter: unset; opacity: 1; margin-top: 20px; width: 100%; border-radius: 10px;} #mobile_plan .pricing_details .wrapper .pricing_more{width: 100%; max-width: 800px; margin: 40px auto 0; border-radius: 10px; border: 1px solid #e9e9e9; font-size: var(--font-size18); font-weight: 600; line-height: 55px; display: flex; justify-content: center; align-items: center; gap: 10px; transition: 0.3s; cursor: pointer;} #mobile_plan .pricing_details .wrapper .pricing_more:hover, #mobile_plan .pricing_details .wrapper .pricing_more:active{background: #efefef;} #mobile_plan .pricing_details .wrapper .pricing_more i{font-size: var(--font-size30) !important;} #mobile_plan .reco_three{position: relative;top: 0;left: 0;background: #626770;padding: 60px 0;overflow: hidden;} #mobile_plan .reco_three .reco_bg_wrap{background-repeat: no-repeat; background-size: contain; background-position: top center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 200%; height: 100%; transition: 0.3s; max-width: 1200px;} #mobile_plan .reco_three .wrap{width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;position: relative;top: 0;left: 0;} #mobile_plan .reco_three .wrap .reco_title_pc{color: #fff;font-weight: 600;font-size: var(--font-size30);margin-bottom: 100px;} #mobile_plan .reco_three .wrap .reco_title_mo{display: none;color: #fff;font-weight: 600;font-size: var(--font-size30);} #mobile_plan .reco_three .wrap .reco_swiper{} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper{} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide{} #mobile_plan .reco_three .wrap .reco_next, #mobile_plan .reco_three .wrap .reco_prev{position: absolute;top: 50%;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50px;background: #00000059;} #mobile_plan .reco_three .wrap .reco_next{right: -80px;} #mobile_plan .reco_three .wrap .reco_prev{left: -80px;} #mobile_plan .reco_three .wrap .reco_next.swiper-button-disabled, #mobile_plan .reco_three .wrap .reco_prev.swiper-button-disabled{display: none;} #mobile_plan .reco_three .wrap .reco_next i{color: #fff;font-size: var(--font-size40) !important; padding-left: 5px;} #mobile_plan .reco_three .wrap .reco_prev i{color: #fff;font-size: var(--font-size40) !important; padding-right: 5px;} #mobile_plan .reco_three .wrap .reco_pagination01{display: flex; justify-content: center; align-items: center;margin: 20px 0 40px;} #mobile_plan .reco_three .wrap .reco_pagination01 .swiper-pagination-bullet{width: 4px;height: 4px;margin: 0px 2px;border-radius: unset;} #mobile_plan .reco_three .wrap .reco_pagination01 .swiper-pagination-bullet-active{background: #fff;width: 20px;} #mobile_plan .reco_three .wrap .reco_pagination02{display: none;justify-content: end; font-size: var(--font-size18); color: #fff; font-weight: 500;} #mobile_plan .reco_three .wrap .reco_pagination02 span{font-size: var(--font-size18); color: #fff; font-weight: 500;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper{} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper .swiper-wrapper{} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper .swiper-wrapper .swiper-slide{} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper .swiper-wrapper .swiper-slide .pricing_item{width: 100%;height: 496px;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper .reco_item_pagination{margin-bottom: 15px;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper .reco_item_pagination span{width: fit-content; height: fit-content; font-size: var(--font-size18); background: unset; border: 1px solid #ffffff42; border-radius: 50px; line-height: 40px; padding: 0 10px; color: #fff; font-weight: 500;opacity: 1;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper .reco_item_pagination span.swiper-pagination-bullet-active{background: #fff;color: #000;} /* 모바일 > 요금제, 부가서비스 끝 */ @media all and (max-width:1450px) { #nt_footer .footer_wrap{width: calc(100% - 250px);margin: 0 230px 0 auto;} #nt_footer .footer_wrap .inquiry_wrap_pc{flex-flow: row wrap;} #nt_footer .footer_wrap .inquiry_wrap_pc>div{width: calc(50% - 12px);} #main .tv_con .swiper .swiper-button-next, #main .tv_con .swiper .swiper-button-prev{display: none;} #main .faq .swiper .swiper-button-next, #main .faq .swiper .swiper-button-prev{display: none;} .sub_con .benefit_swiper .pc_wrap{column-gap: 100px;} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc{width: calc(50.96% - 100px);} #mobile_plan .reco_three .wrap{overflow: hidden;} } @media all and (max-width:1200px) { #nt_header #menu_all .con .yes_member{display: block;} #nt_header #menu_all .con .no_member{display: block;} #nt_header #nt_menu .icon_wrap p{display: none;} #nt_header #nt_menu .icon_wrap div:nth-last-child(3){display: none;} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul .sub-1dli a{width: 100%;} #nt_footer .footer_wrap .tail_form>span{height: 52px !important;} #main .skylift_choice>ul li{padding-left: var(--font-size40);padding-right: var(--font-size40);} #main .faq .swiper .swiper-wrapper .swiper-slide{height: 200px;} .sub_con .benefit_swiper .pc_wrap{column-gap: 50px;} .sub_con .benefit_swiper .pc_wrap .benefit_text_swiper_pc{width: calc(50.96% - 50px);} #fnq_list_wrap{margin: 20px auto 0;} .item_listt li .item_data{padding-left: 0; display: flex; justify-content: space-between; align-items: end;} .item_listt li .item_data .left{padding-top: 0;} .item_listt.pc li .item>p{width: 150px;} .item_listt.pc li .item>div{width: calc(100% - 150px);} .item_listt.pc li .item_data .right{position: unset;} #review_wrap .swiper {width: calc(100% - 15vw);} #review_wrap .swiper .swiper-wrapper .swiper-slide{padding: 30px 20px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text{gap: 10px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b{padding-bottom: 30px;padding-top: 10px;} #pkg_product .pkg_con .vs li:nth-child(1){width: 45%;} #pkg_product .pkg_con .vs li:nth-child(2){width: 10%;font-size: var(--font-size40);} #pkg_product .pkg_con .vs li:nth-child(3){width: 45%;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step{flex-flow: column;padding: 40px 20px;gap: 20px;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li{width: 100%;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title{display: flex; gap: 10px;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title>span{margin-bottom: 0;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap img{width: 70%;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt{width: calc(30% - 25px);padding: 30px 20px var(--font-size20);} #tv_channel .bt .ca_con_wrap .ca_con ul li{width: calc(20% - 16px);} #channel_pop .wrap>p{margin-bottom: 20px;} #channel_pop .wrap .scr{max-height: calc(100vh - 200px);} #channel_pop .wrap .scr>p span{font-size: var(--font-size18);} #channel_pop .wrap .scr .bg{padding: 20px 15px;margin-bottom: 40px;border-radius: 10px;} #channel_pop .wrap .scr .bg p{font-size: var(--font-size18);line-height: var(--font-size25);} #channel_pop .wrap .scr .organization ul li{padding: 5px 0px 10px;} #channel_pop .wrap .scr .organization ul li:first-child{padding-top: 0;} #channel_pop .wrap .scr .organization ul li>p{margin: 10px 0 0px;} #channel_pop .wrap .scr .organization ul li>div{gap: 11px;} #channel_pop .wrap .scr .organization ul li>div .left b{padding: 0 5px;line-height: 20px;} #channel_pop .wrap .scr .organization ul li>div .right::after{left: -5px;} #mobile_plan .sub_con .service_wrap ul{gap: 20px; flex-flow: row wrap;} #mobile_plan .sub_con .service_wrap ul li{width: calc(33.333333% - 20px);} #mobile_plan .pricing_item .item .top .tag_wrap span{padding: 0 5px;font-size: 12px;} #mobile_plan .reco_three .wrap .reco_title_pc{font-size: var(--font-size40);} #mobile_plan .reco_three .wrap .reco_title_mo{font-size: var(--font-size40);} .counseling_pop .wrap .scr .choice_wrap.counseling_item.mo_p ul li>div span{padding: 0 5px;font-size: 12px;} :root{ --font-size50:45px; --font-size45:40px; --font-size40:35px; --font-size35:30px; --font-size30:25px; --font-size25:22px; --font-size20:18px; --font-size18:17px; } } @media all and (max-width:1050px) { #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap img{width:100%;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap .receipt{display: none;} #pkg_product .pkg_con4 .installable_area_btn{gap: 50px;} #pkg_product .pkg_con4 .installable_area_btn br{display: none;} #mobile_plan .pricing_item{width: calc(50% - 10px);} #mobile_plan .reco_three{padding: 20px 0 60px;} #mobile_plan .reco_three .wrap .reco_title_pc{position: absolute;top: 40px;left: 0;margin-bottom: 0;} #mobile_plan .reco_three .wrap .reco_title_mo{position: absolute;top: 40px;left: 0;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide{padding-top: 180px;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper .swiper-wrapper .swiper-slide .pricing_item{height: 420px;} #mobile_plan .reco_three .wrap .reco_pagination01{display: none;} #mobile_plan .reco_three .wrap .reco_pagination02{display: flex;} } @media all and (max-width:900px) { #nt_header{background: unset} #nt_header #nt_menu{width: calc(100% - 28px);} #nt_header #nt_menu .me-list{display: none;} #nt_header #menu_all .con .menu_wrap{column-gap: 1rem;row-gap: 3rem;} #nt_header #menu_all .con .menu_wrap .me-li{width: calc(50% - 8px);} #nt_header #nt_menu .icon_wrap div{padding-top: 16px;padding-bottom: 16px;} #nt_footer .footer_wrap{width: calc(100% - 40px);margin: 0 auto;padding-bottom: 250px;} #nt_footer .footer_wrap>.top{margin: 0;float: left; clear: both; width: fit-content;} #nt_footer .footer_wrap>.top .family_site_wrap{display: none;} #nt_footer .footer_wrap .company_data{margin-top: 0;margin-bottom: 0;flex-flow: column-reverse; align-items: unset;width: 100%;} #nt_footer .footer_wrap .company_data .left p:after{display: none;} #nt_footer .footer_wrap .company_data .right{position: relative; top: -30px;} #nt_footer .footer_wrap .company_data .right .sns_wrap{margin-bottom: 10px;} #nt_footer .footer_wrap .company_data .right>p{text-align: center;} #nt_footer .footer_wrap .company_data .left{ margin-top: -28px; justify-content: center; width: 100%; max-width: unset; row-gap: unset;} #nt_footer .footer_wrap .inquiry_wrap_pc{display: none;} #nt_footer .footer_wrap .inquiry_wrap_mo{display: flex; align-items: center; gap: 10px;margin: 15px 0 20px; justify-content: center;} #nt_footer .footer_wrap .inquiry_wrap_mo img{width: 24px;cursor: pointer;} #nt_footer .footer_wrap .inquiry_wrap_mo p{ display:flex;align-items: center; font-size: var(--font-size18); font-weight: 500; gap: 5px;cursor: pointer;} #nt_footer .footer_wrap .inquiry_wrap_mo p i{font-size: var(--font-size25) !important;} #nt_footer .footer_wrap .link_wrap{justify-content: center;} #nt_footer .footer_wrap .mo_floating{display: block;} #subscription_counseling .consent_wrap .custom-checkbox label::before, #subscription_counseling .consent_wrap .custom-checkbox label::after{top: 15px !important;} #subscription_counseling .consent_con .custom-checkbox label::before, #subscription_counseling .consent_con .custom-checkbox label::after{top: 10px !important;} #main .product_type div.pc{display: none;} #main .product_type div.mo{display: block;} #main .product_type div ul li p{font-size: var(--font-size18);} #main .review_wrap{margin: 70px auto 0;padding-bottom:0;padding-top: 20px;} #main .review_wrap::before{bottom: unset;left: 50%;top: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);border-radius: 20px;height: 100%;} #main .review_wrap>p{max-width: 200px;line-height: calc(var(--font-size50) + 10px);margin: 0 auto 30px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text{position: relative;top: -40px;left: 50%;transform: translateX(-50%);background: #fff; display: flex; flex-flow: column-reverse; gap: 10px;width: calc(100% + 50px);padding: 50px 10px;z-index: -1;border-radius: 10px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text p{font-size: var(--font-size20);} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text b{margin-top: 0; justify-content: center; font-size: calc(var(--font-size18) - 2px); gap: 20px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text b span{font-size: calc(var(--font-size18) - 2px);} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .text b span::after {left: -10px;} #main .review_wrap .review_swiper .swiper-wrapper .swiper-slide .img{margin-bottom: 0;} #main .review_wrap .review_swiper .swiper-pagination{display: block; bottom: 60px;} #main .skylift_choice{padding-top: 65px;} #main .skylift_choice>p{max-width: 300px;} #main .skylift_choice>ul{flex-flow:column;gap: 15px;} #main .skylift_choice>ul li{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-flow: row-reverse; padding: 10px 0 10px 20px;background: #f8f8f8;border-radius: 10px;} #main .skylift_choice>ul li img.mo_img{display: block; height: 100px;} #main .skylift_choice>ul li img.pc_img{display: none} #main .skylift_choice>ul li p{text-align: left;font-size: var(--font-size20);} #main .skylift_choice>ul li p b{text-align: left; line-height: var(--font-size45);margin-bottom: 5px;} #main .benefit{margin: 60px auto 100px;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap{height: 200px;} #main .benefit .pc_swiper .swiper .swiper-wrapper .swiper-slide .text_wrap .btnn{width: 600px;height: 280px;padding: 30px;} #main .benefit .pc_swiper .benefit_bn_pager{width: 600px;padding: 30px 30px;} #main .tv_con{margin: 60px auto 100px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide{padding: 1.25rem;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .title{gap: 5px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .title span{font-weight: 600;padding: 0 10px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .title p{font-size: var(--font-size20);} #main .tv_con .swiper .swiper-wrapper .swiper-slide>p{font-size: var(--font-size25);margin-top: 40px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img{right: 1.25rem; top:0; transform: unset; height: calc(var(--font-size50) * 2.3);} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img p{font-size: var(--font-size18); padding-bottom: 5px;} #main .kt_mang{margin: 85px auto 70px;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide{padding: 20px 15px 15px 15px;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide img{margin-bottom: 0;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text p{margin-bottom: 5px;} #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text span{font-size: var(--font-size18);font-weight: 500; line-height: var(--font-size30); display: block;} #main .new_con{flex-flow: column;margin: 20px auto 70px;gap: 40px; background: #000; border-radius: 15px;padding-bottom: 40px;} #main .new_con .title{width: 100%;margin-top: 40px;} #main .new_con .title p{color: #fff;text-align: center;} #main .new_con .title p span{color: #fff;} #main .new_con .title b{display: flex;align-items: center;justify-content: center; max-width: unset; background: #000; color:#fff; font-weight: 500; line-height: unset; margin-top: 20px; gap: 10px;} #main .new_con .title b i{display: block; } #main .new_con .wrap{display: none;} #main .new_con .swiper{display: block;} #main .pay{margin: 0 auto 310px;} #main .pay .pay_pager_swiper_pc{padding: 30px 20px 20px 20px;} #main .faq{margin: 0 auto 100px;} #main .faq>p{margin-bottom: 20px;} #main .faq .swiper .swiper-wrapper .swiper-slide{height: 150px;padding: 25px 15px;} #main .faq .swiper .swiper-wrapper .swiper-slide img{height:50%;} #main .main_tell{display: none;} .counseling_pop .consent_wrap .custom-checkbox label::before, .counseling_pop .consent_wrap .custom-checkbox label::after{top: 15px !important;} .counseling_pop .consent_con .custom-checkbox label::before, .counseling_pop .consent_con .custom-checkbox label::after{top: 10px !important;} .counseling_pop .wrap .scr .choice_wrap.counseling_item .gift .icon_wrap span{font-size: calc(var(--font-size18) - 6px);} #ipit{padding-top: 0px;} #ipit_plan{padding-top: 0px;} #rcm_product .sub_con .item_wrap .wepper{padding: 0 0 80px;} #rcm_product .sub_con .item_wrap .wepper .sub_con_title{display: none;} #rcm_product .sub_con .item_wrap .wepper .sub_page_menu{margin: 0 auto 30px;} #review_wrap{padding-bottom: 40px;} #review_wrap #sub_title{font-size: var(--font-size30);line-height: calc(var(--font-size30) + 10px);margin-bottom: 10px;} #review_wrap .sub_page_menu{background: unset;margin: 20px auto 0px;padding-bottom: 0;} #review_wrap .swiper{width: 100%; max-width: 400px; overflow: hidden;} #review_wrap .swiper .swiper-wrapper .swiper-slide{padding: 0 20px;margin-top: 40px;background: unset;} #review_wrap .swiper .swiper-wrapper .swiper-slide .star{justify-content: center;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text{flex-flow: column-reverse;height: fit-content !important;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b{padding-top: 0; padding-bottom: 0; border: unset; font-size: 13px; column-gap: 21px; justify-content: center;position: relative;top: 0;left: 0;padding: 0 30px; flex-flow: row wrap; row-gap: 0;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b::after, #review_wrap .swiper .swiper-wrapper .swiper-slide .text b::before{content: ""; position: absolute; top: 50%; height: var(--font-size18); background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/../img/icon_left_quotes.svg); width: auto; aspect-ratio: auto 1 / 0.6;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b::after{left: 0; transform: translateY(-50%);} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b::before{right: 0; transform: translateY(-50%) scaleX(-1);} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b span{position: relative;top: 0;left: 0;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b span::after{content:"";position: absolute;top: 50%;left: -10px;transform: translateY(-50%);width: 1px;height: 60%;background: #ddd;} #review_wrap .swiper .sub_review_pagination{display: flex;} #review_wrap .swiper .swiper-wrapper .swiper-slide .img{aspect-ratio: auto 1 / 0.71;} #review_wrap .review_list{gap: 0;background: #fff;border-radius: 10px;padding: 0 20px 0;} #review_wrap .review_list li{gap: 0;flex-flow: column;padding: 20px 0;border-bottom: 1px solid #eee;} #review_wrap .review_list li:last-child{border-bottom: unset;} #review_wrap .review_list li .left{gap: 0;width: 100%;} #review_wrap .review_list li .left b{flex-flow: unset;column-gap: 21px;font-size: 13px;margin-bottom: 5px;} #review_wrap .review_list li .left b span{position: relative;top: 0;left: 0;} #review_wrap .review_list li .left b span::after{content: ""; position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 1px; height: 60%; background: #ddd;} #sub_title.mo{display: block;} #sub_title.pc{display: none;} .sub_page_menu{background: #0000000A; width:100%; margin:0 auto 40px; padding: 0 20px 30px;} .sub_page_menu p{line-height: 40px;padding: 0 15px;} .sub_con_title{font-size: var(--font-size50);line-height: calc(var(--font-size50) + 10px);margin-bottom: 20px;} .sub_con_title br{display: block} .list_pager{margin-top: 40px;} .list_pager ul li.page-first i, .list_pager ul li.page-prev i, .list_pager ul li.page-last i, .list_pager ul li.page-next i{font-size: var(--font-size30) !important;} .sub_con .benefit_swiper .pc_wrap{display: none;} .sub_con .benefit_swiper .mo_wrap{display: block;} .sub_con .item_wrap .wepper{margin: 0 auto;padding: 50px 0;} .sub_con .item_wrap .wepper .sub_con_title{font-size: var(--font-size30);line-height: calc(var(--font-size30) + 10px);margin-bottom: 10px;} .item_listt.pc{display: none;} .item_listt.mo{display: flex;} .item_listt li{padding: 50px 20px 20px;} .item_listt li .item_data{display: block; padding-top: 20px; border-top: 1px solid #ddd;} .item_listt li .item_data .left{width: 100%;} .item_listt li .item_data .left .gift_btn p{font-size: var(--font-size25); position: relative; top: 0; left: 0;width: 100%;} .item_listt li .item_data .left .gift_btn p i{position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .item_listt li .item_data .left .gift_btn.atv p i{transform: translateY(-50%) rotate(180deg);} .item_listt li .item_data .left .gift_btn .icon_wrap span{} .item_listt li .item_data .left .gift_wrap{padding-left: var(--font-size50);} .item_listt li .item_data .left .gift_wrap p{padding-top: 10px;padding-left: 10px;} .item_listt li .item_data .left .gift_wrap p::after{width: 2px;height: 2px;top: calc(var(--font-size20) / 2 + 8px);} .sub_con .add_wrap .wepper .sub_con_title{font-size: var(--font-size30);line-height: calc(var(--font-size30) + 10px);margin-bottom: 10px;} .sub_con .add_wrap .sub_page_menu{padding: 0;background: unset;margin-bottom: 20px;} .item_add_list{gap: 15px;} .item_add_list li{width: calc(50% - 7.5px);padding: 20px 20px;row-gap: 20px;} .item_search_wrap{position: fixed; top:64px; z-index: 3;padding: 3px 20px 10px;} .item_search_wrap .mid{width: 100%;} .item_search_wrap .mid .left{padding: 5px;width: 200px;} .item_search_wrap .mid .left p{width: calc(50% - 3px);height: 30px;line-height: 30px;font-size: var(--font-size18);} .item_search_wrap .mid .right{width: calc(100% - 220px);max-width: unset;} .item_search_wrap .mid .right input{height: calc(var(--font-size50) + 14px); border: unset; border-radius: 0; border-bottom: 2px solid #eee; width: 100%; background: unset; font-size: var(--font-size20); font-weight: 500; color: #000; padding: 0; box-shadow: unset; padding-right: calc(var(--font-size50) + 14px);} .item_search_wrap .mid .right button{position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: calc(var(--font-size50) + 14px); width: auto; aspect-ratio: auto 1 / 1;} .item_search_wrap .mid .right button i{font-size: var(--font-size25) !important; color: #999898;} #fnq_list_wrap .list_top{gap: 40px;flex-flow: row wrap;margin-bottom: 30px;} #fnq_list_wrap .list_top #fsearch input{font-weight: 400;} #fnq_list_wrap .list_top #fsearch button i{font-size: var(--font-size25) !important;} #fnq_list_wrap .cate_wrap{margin: 20px 0 0;} #fnq_list_wrap #bo_list ul li div p{font-size: var(--font-size25);line-height: var(--font-size35);} #fnq_list_wrap .cate_wrap #bo_cate #bo_cate_list #bo_cate_ul{max-width: 200px;} #pkg_product{padding-top: 0;} #pkg_product .sub_con .pkg_con1 .item_wrap .wepper .sub_con_title{font-size: var(--font-size40);} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide p{font-size: var(--font-size40);margin: 15px 0 20px;font-weight: 600;} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide p b{font-weight: 600;} #pkg_product .pkg_con1 .pkg_con1_swiper .swiper-wrapper .swiper-slide img{width: 60%;} #pkg_product .pkg_con .top_title{flex-flow: column;align-items: unset;} #pkg_product .pkg_con .top_title b{max-width: unset;} #pkg_product .pkg_con .vs{flex-flow: column;margin-top: 40px;} #pkg_product .pkg_con .vs li{width: 100% !important;padding: 20px 0 20px 20px;} #pkg_product .pkg_con .vs li:nth-child(2){font-size: 40px;font-weight: 600;padding: 20px 20px;} #pkg_product .pkg_con .vs li>span{ font-size: var(--font-size25); line-height: var(--font-size35);border-radius: 5px;} #pkg_product .pkg_con .top_title p{font-size: var(--font-size40);font-weight: 600;line-height: unset !important;} #pkg_product .pkg_con .top_title p span{font-size: var(--font-size40);font-weight: 600;color: #000;} #pkg_product .pkg_con .top_title p span br{display: block;} #pkg_product .pkg_con2 .vs li>img{width: 30%;margin-right: 15px; margin-top: -50px;max-width: 150px;} #pkg_product .pkg_con2 .pkg_con2_noti{width: 100%;margin-top: 0;} #pkg_product .pkg_con2 .pkg_con2_noti ul{padding: 0 20px 40px;} #pkg_product .pkg_con .bg{background: unset;padding-bottom: 0;margin-top: 0;} #pkg_product .pkg_con .bg .bg_wrapper>p{font-size: var(--font-size40); font-weight: 600; color: #000; margin-bottom: 30px; padding-top: 70px;} #pkg_product .pkg_con .bg .bg_wrapper>p br{display: block;} #pkg_product .pkg_con .bg .bg_wrapper>p span br{display: block;} #pkg_product .pkg_con .bg .bg_wrapper>img.pc_img{display: none;} #pkg_product .pkg_con .bg .bg_wrapper>img.mo_img{display: block;} #pkg_product .pkg_con3 .top_title p br{display: block} #pkg_product .pkg_con3 .top_title p span{display: inline} #pkg_product .pkg_con3 .vs li>img{max-width: 150px;} #pkg_product .pkg_con3 .month_benefit span{max-width: unset;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step{padding: 0;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti{padding: 20px 15px;margin-top: 10px;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>p{font-size: var(--font-size25);} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap img.pc_img{display: none;} #pkg_product .pkg_con4 .bg .bg_wrapper .receipt_wrap img.mo_img{display: block;} #pkg_product .pkg_con4 .pkg_con4_noti{width: 100%;margin-top: 50px;} #pkg_product .pkg_con4 .pkg_con4_noti ul{padding: 0 20px 40px;background: #fff;} #pkg_product .pkg_con4 .installable_area_btn{gap: 20px;flex-flow: column;align-items: unset;margin: 40px auto 0;} #pkg_product .pkg_con4 .installable_area_btn span{max-width: unset;} #internet_plan{padding-top: 80px;} #internet_plan .sub_con .plan_wrap .benefit_swiper{margin-bottom: 0px;} #tv_plan{padding-top: 80px;} #tv_plan .sub_con .plan_wrap .benefit_swiper{margin-bottom: 0px;} #tv_channel .bt .ca_con_wrap .ca_con ul li{width: calc(25% - 15px);} #tv_channel .top>p{font-size: var(--font-size50); padding: 30px 0;} #mobile_plan .sub_con .add_wrap .wepper{padding-top: 50px !important;} #mobile_plan .sub_con .pricing_wrap{margin-top: 0;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee{width: 100%;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track{width: max-content;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate{width: 90px;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate.copy{display:block;} #mobile_plan .sub_con .pricing_wrap .pricing_marquee .marquee-track .pricing_cate p{font-size: var(--font-size18);} #mobile_plan .reco_three .wrap .reco_title_pc{display: none;} #mobile_plan .reco_three .wrap .reco_title_mo{display: block;} :root{ --font-size50:40px; --font-size45:35px; --font-size40:30px; --font-size35:25px; --font-size30:22px; --font-size25:20px; --font-size20:17px; --font-size18:16px; } } @media all and (max-width:700px) { #nt_header #nt_menu .logo_wrap{height: 30px;width: 120px;} #nt_header #menu_all .con .menu_wrap .me-li{width: 100%;} #nt_header #menu_all .con .menu_wrap .me-li>a span{color:#0000007a; font-size: var(--font-size20);padding-left: 0;padding-right: 0;} #nt_header #menu_all .con .menu_wrap .me-li .sub-1div .sub-1dul .sub-1dli a{font-size: var(--font-size25);padding-left: 0;padding-right: 0;} #nt_footer .footer_wrap .tail_form{width: calc(100% - 40px);max-width: unset;} #nt_footer .footer_wrap .tail_form>div{flex-flow: row wrap;padding: 10px 10px;width: 100%;} #nt_footer .footer_wrap .tail_form>div input{width: 100%;margin: 10px 0 0 0;} #nt_footer .footer_wrap .tail_form>span{height: 90.5px !important;padding: 0 10px;} #nt_footer .footer_wrap .tail_form>div p{font-size: var(--font-size18);} #nt_footer .footer_wrap .tail_form>div b{font-size: var(--font-size18);} #main .product_type div ul li p{font-size: 14px;} #main .benefit .pc_swiper{display: none;} #main .benefit .mo_swiper{display: block;} #main .tv_con .swiper{overflow: unset;} #main .tv_con .swiper .swiper-wrapper .swiper-slide{padding: 30px 20px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img{top: -30px; right: 0;} #main .kt_mang .title{justify-content: center;flex-flow: column;margin-bottom: 30px;} #main .kt_mang .title span{font-size: var(--font-size25);font-weight: 500;} #main .pay{width: 100%;margin-bottom: 70px;} #main .pay .pay_bn_swiper_pc{display: none;} #main .pay .pay_pager_swiper_pc{display: none;} #main .pay .pay_bn_swiper_mo{display: block;} #main .pay .pay_pager_swiper_mo{display: block;} .com_guide_btn{padding: 0 15px;margin: 40px auto 0;} .com_guide_con .guide_wrap{padding: 15px;} .com_guide_con .guide_wrap ul li{font-size: 14px;} .item_add_list li{width: 100%; box-shadow: 0px 1px 3px #00000014; border-radius: 7px; } .item_add_list li .top .tag{padding: 0px 5px; border-radius: 5px;margin-bottom: 30px;} .sub_con .add_wrap .wepper{padding: 0 0 50px;} .sub_con .add_wrap .wepper>b{margin: 20px auto 0;} #ipit .sub_con>video{margin: 20px auto 40px;} #ipit .sub_con .img02{margin: 20px 0;} #ipit .sub_con .img03{margin-bottom: 30px;} #ipit .sub_con .img04{margin-top: 20px;} #ipit .sub_con .btn_wrap p{font-size: var(--font-size20);} #fnq_list_wrap #bo_list ul li.top_10_li div{flex-flow: column;gap: 10px;padding: 20px 0;} #fnq_list_wrap #bo_list ul li div span{margin: 0;width: fit-content;} #tv_plan .sub_con .add_wrap .sub_page_menu{position: relative;top: 0;left: 0;padding-top: 40px; flex-flow: row wrap; overflow-x: unset;} #tv_plan .sub_con .add_wrap .sub_page_menu:nth-child(2){margin-bottom: 10px;} #tv_plan .sub_con .add_wrap .sub_page_menu span{width: fit-content;position: absolute;top: 0;left: 0;} #mobile_plan .sub_con .service_wrap{display: none;} #mobile_plan .pricing_details{background: #fff;margin-top: 0;} #mobile_plan .pricing_item{width: 100%;} #mobile_plan .pricing_item .item .md>p{font-size: var(--font-size35);line-height: var(--font-size45);} #mobile_plan .pricing_item .item .price p{font-size: var(--font-size35);} #mobile_plan .pricing_item .item .price p b{font-size: var(--font-size40);} #mobile_plan .reco_three .reco_bg_wrap{left: 14%; width: 1200px;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper .swiper-wrapper .swiper-slide .pricing_item{height: 395px;} } @media all and (max-width:600px) { #fnq_list_wrap #fboardlist #bo_btn_top{display:none} } @media all and (min-width:551px) { #main .ott .bg{background-image: unset !important;} } @media all and (max-width:550px) { #subscription_counseling .wrap{padding: 20px 20px 40px 20px;} #subscription_counseling .wrap .scr .choice_wrap{row-gap: 0px;column-gap: 10px;} #subscription_counseling .wrap .scr .choice_wrap label{gap: 5px;width: calc(50% - 5px);padding: 10px 10px;} #subscription_counseling .wrap .scr .select_box .subscription_time_wrap>div p{line-height: 40px;} #subscription_counseling .consent_wrap .custom-checkbox label::before, #subscription_counseling .consent_wrap .custom-checkbox label::after{top: 10px !important;} #subscription_counseling .consent_con .custom-checkbox label::before, #subscription_counseling .consent_con .custom-checkbox label::after{top: 5px !important;} #main .main_top_bn_swiper .swiper-wrapper .swiper-slide .con{bottom: 20vw;} #main .main_top_bn_pager{margin: -40px auto 0;z-index: 1;} #main .main_top_bn_pager .button_wrap{display: flex;gap: 1rem;align-items: center;} #main .main_top_bn_pager .swiper-pagination1{width: calc(100% - 24px);} #main .main_top_bn_pager .button_wrap .swiper-button-next1, #main .main_top_bn_pager .button_wrap .swiper-button-prev1{display: none;} #main .main_top_bn_pager .swiper-pagination2{display: none;} #main .product_type{margin-top: 40px;} #main .product_type>p{text-align: left; margin-bottom: 10px; padding: 0 20px;} #main .skylift_choice>ul li img.mo_img{height: 80px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide{padding: 20px 15px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide>p{font-size: 14px;margin-top: 30px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img{height: 70px;top: -20px;} #main .tv_con .swiper .swiper-wrapper .swiper-slide .img p{font-weight: 500;font-size: 12px;} #main .ott{position: relative;top: 0;left: 0;aspect-ratio:1/1.3; border-radius: 15px; overflow: hidden;} #main .ott .title{position: absolute;top: 30px;left: 50%;transform: translateX(-50%);width: 100%;} #main .ott .title p{color: #fff;font-size: var(--font-size45);line-height: calc(var(--font-size50) + 5px);} #main .ott .title span{color: #fff;font-size: var(--font-size25);} #main .ott .title i{color: #fff;} #main .ott .bg{position: absolute;top: 0;left: 0;width: 100%;aspect-ratio:unset;height: 100%;z-index: -1;margin: 0;} #main .ott .bg>img{display: none;} #main .ott .bg .ott_marquee{display: none;} #main .new_con .title p{font-size: var(--font-size45); line-height: calc(var(--font-size50) + 5px); } #main .new_con .title b{font-size: var(--font-size25);margin-top: 10px;} #main .faq .swiper .swiper-wrapper .swiper-slide p{max-width: 120px;} .counseling_pop .wrap{padding: 20px 20px 40px 20px;} .counseling_pop .wrap .scr .choice_wrap{row-gap: 0px;column-gap: 10px;} .counseling_pop .wrap .scr .choice_wrap label{gap: 5px;width: calc(50% - 5px);padding: 10px 10px;} .counseling_pop .wrap .scr .select_box .counseling_time_wrap>div p{line-height: 40px;} .counseling_pop .consent_wrap .custom-checkbox label::before, .counseling_pop .consent_wrap .custom-checkbox label::after{top: 10px !important;} .counseling_pop .consent_con .custom-checkbox label::before, .counseling_pop .consent_con .custom-checkbox label::after{top: 5px !important;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_title>p{font-size: var(--font-size30);margin-top: 3px;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a span{font-size: var(--font-size18);} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a small{font-size: var(--font-size18);font-weight: 500;} #pkg_product .pkg_con3 .bg .bg_wrapper .three_step li .step_noti>a b{font-size: var(--font-size30);} #tv_channel .bt .ca_con_wrap .ca_con ul li{width: calc(33.333333% - 13.4px);} #tv_channel .bt .ca_con_wrap .ca_con ul li span{padding: 0 5px; line-height: 20px;} #channel_pop .wrap{padding: 20px 20px 40px 20px;} #mobile_plan .pricing_details .wrapper>.top{flex-flow: column-reverse; align-items: unset;gap: 10px;} #mobile_plan .pricing_details .wrapper>.top .right{gap: 16px;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap{width: calc(100% - 100px);gap: 5px;} #mobile_plan .pricing_details .wrapper>.top .right .filter_wrap>p{width: 50%; justify-content: center;font-size: var(--font-size18); padding: 0 10px;} #mobile_plan .pricing_details .wrapper>.top .right .sorting>p{font-size: var(--font-size18);} #mobile_plan .pricing_details .wrapper>.top .right .sorting::after{left: -9px;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide{padding-top: 150px;} :root{ --font-size50:30px; --font-size45:27px; --font-size40:25px; --font-size35:22px; --font-size30:20px; --font-size25:17px; --font-size20:16px; --font-size18:15px; } } @media all and (max-width:499px) { #fnq_list_wrap .fnq_list{flex-flow:unset; overflow-x: auto;} .sub_page_menu{flex-flow:unset; overflow-x: auto;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b{column-gap: 11px;padding: 0 25px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b::after, #review_wrap .swiper .swiper-wrapper .swiper-slide .text b::before{height: 12px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b span::after{left: -5px;} .item_search_wrap .mid{flex-flow: column;gap: 10px;} .item_search_wrap .mid .left{width: 100%;} .item_search_wrap .mid .right{width: 100%;} .item_search_wrap .mid .left p{height: 40px;line-height: 40px;} #tv_plan{padding-top: 150px;} #tv_channel .bt .ca_btn_wrap ul{flex-flow: unset;overflow-x: auto;} #tv_channel .bt .ca_btn_wrap ul.show{flex-flow: row wrap; overflow: hidden;} #tv_channel .bt .ca_btn_wrap>span{display: block;} #mobile_plan .reco_three .wrap .reco_swiper>.swiper-wrapper>.swiper-slide .reco_item_swiper .swiper-wrapper .swiper-slide .pricing_item{height: 445px;} } @media all and (max-width:350px) { #main .kt_mang .swiper .swiper-wrapper .swiper-slide .text p br{display: block;} #main .pay .pay_pager_swiper_mo .swiper-wrapper .swiper-slide .text span{font-size: 15px;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b{flex-flow: column;align-items: center;} #review_wrap .swiper .swiper-wrapper .swiper-slide .text b span::after{display: none;} }