@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*----------------------------------------------------------------------------------------------------------------------
[ NTON Telecom ]

A. Default
B. Layout
C. Login
D. Main
E. Sub
F. Self
G. Components
H. etc
I. Media Query
-----------------------------------------------------------------------------------------------------------------------*/

:root {
    --n-primary: #2496B5; /* NTON main color */
    --n-primary-hover: #20839E;
    --n-primary-dark: #1B3036;
    --n-primary-light: #EEF5F8;
    --n-lightGreen: rgba(36, 150, 181, 0.04);
    --n-lightPink: #FFF6FB;
    --n-lightPurple: #F3F6FB;
    --n-gray-100: #f8f8f8;
    --n-gray-200: #f2f2f2;
    --n-gray-300: #d4d4d4;
    --n-gray-400: #bfbfbf;
    --n-gray-500: #a6a6a6;
    --n-gray-600: #737371;
    --n-gray-700: #8c8c8c;
    --n-gray-800: #4f4f4f;
    --n-gray-900: #222;

    --n-filter-primary: invert(49%) sepia(96%) saturate(391%) hue-rotate(146deg) brightness(85%) contrast(86%);
    
    --n-primary-shadow: rgba(36, 150, 181, 0.3);
}

/***********************************************************************************************************************
  A. Default
***********************************************************************************************************************/
html, body {height: 100%;}

html {font-size: 62.5%;}

body {font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}

a {text-decoration: none;}
a:not([href]):hover {cursor: pointer;}

button {border: none; border-radius: .5rem;}
button:disabled, button:disabled:hover {background-color: var(--n-gray-400);}

input[type="text"], input[type="password"], input[type="number"],input[type="date"], 
input[type="email"], textarea, select.form-select {width: 100%; height: 5rem; padding: 0 1rem; font-size: 1.4rem; color: var(--n-gray-800); border: 1px solid var(--n-gray-300); border-radius: .5rem;}
input[type="text"]::placeholder, input[type="password"]::placeholder,input[type="number"]::placeholder,
input[type="date"]::placeholder, input[type="email"]::placeholder, textarea::placeholder {color: var(--n-gray-400)}
input[type="checkbox"] {position: relative; top: 0.15rem; width: 1.5rem; height: 1.5rem; border: 1px solid var(--n-gray-300); border-radius: .5rem;}
input[type="radio"] {position: relative; top: 0.2rem; width: 1.5rem; height: 1.5rem; border: 1px solid var(--n-gray-300); border-radius: .5rem;}
input:read-only, input:disabled, select:disabled,
.form-control:disabled, .form-select:disabled {background-color: #EAEAEA; pointer-events: none;}
input[type="radio"]:disabled + label, input[type="checkbox"]:disabled + label {color: #a6a6a6;}
input[type="checkbox"]:read-only, input[type="radio"]:read-only {background-color: #fff; pointer-events: inherit;}
input:checked:read-only {background-color: #0d6efd !important; pointer-events: inherit;}

input:-webkit-autofill, input:-webkit-autofill:hover {transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-color: #fff !important; box-shadow: inset 0 0 0 1000px white; -webkit-box-shadow: 0 0 0 1000px white inset;}
input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-color: #fff !important; box-shadow: inset 0 0 0 1000px white, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); -webkit-box-shadow: 0 0 0 1000px white inset, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);}
input:-internal-autofill-selected {background-color: #fff}

input:-webkit-autofill:read-only {background-color: #EAEAEA !important; box-shadow: inset 0 0 0 1000px #eaeaea; -webkit-box-shadow: 0 0 0 1000px #eaeaea inset; pointer-events: none;}

ul {list-style: none; padding: 0; margin: 0;}

h1, h2, h3, h4, h5, p, span {margin: 0;}

hr {border-color: var(--n-gray-500);}

pre {font-family: 'Noto Sans KR', sans-serif; white-space: pre-wrap;}



/***********************************************************************************************************************
  B. Layout
***********************************************************************************************************************/
/* -- container */
.container {min-width: 320px; margin: 0 auto; padding: 0 2rem;}
.container_filter {min-width: 320px; padding: 0 2rem; margin-bottom: 1.6rem; overflow: hidden;}

/*-------------------------------------------
  -- header
-------------------------------------------*/
.header_wrap {border-bottom: 1px solid #ebebeb; background-color: #fff; transition: All 0.2s ease;}
.header_top {padding-top: 1.4rem;  display: none;}
.header_wrap.transparent {border-bottom: 0; background-color: transparent;}
.header .header_content, .header_popup .header_content {height: 6rem; align-items: center;}

.header .logo, .header .icons_item, .header_popup .logo, .header_popup .icons_item {display: inline-block;}
.header .logo img {max-height: 25px;}
.header_content .icons, .header_content .icons {text-align: right;}
.header_content .icons_item {padding: 0; margin: 0; background-color: transparent;} 
.header_content .icons_item_btn {height: 3rem; padding: 0 1.5rem; margin-left: 1rem; font-size: 1.2rem; vertical-align: middle;}
.header_content .icons_item img {width: 3rem; height: auto; margin-left: .5rem;}

.header_popup .head {font-size: 2rem; font-weight: 700; color: var(--n-gray-900);}

.header_content .moblie_wrap {display: flex; height: 100%; align-items: center; justify-content: space-between;}
.header_content .pc_wrap {display: none; align-items: center; justify-content: space-between;}

/*-------------------------------------------
  -- sub header(셀프개통 단계)
-------------------------------------------*/
.sub_header {padding-bottom: 1rem; margin-bottom: 3.2rem; border-bottom: 1px solid #E6E6E6;}
.body_wrap_agent.self_wrap .sub_header {top: 0;}
.self_wrap .sub_header {top: 6rem; padding-top: 1.6rem; padding-bottom: 1rem; margin-bottom: 3.2rem; border-bottom: 1px solid #E6E6E6; background-color: #fff;}
.sub_header_step {padding-bottom: .4rem;}
.sub_header_step li {display: inline-block; padding-right: .5rem;}
.sub_header_step li img {width: 1.5rem; height: 1.5rem; filter: invert(100%) sepia(3%) saturate(25%) hue-rotate(70deg) brightness(113%) contrast(80%);}
.sub_header_step li img.on {filter: var(--n-filter-primary);}

/*-------------------------------------------
  -- fullmenu (모바일 전체메뉴)
-------------------------------------------*/
.full_menu_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; overflow: auto; z-index: 9999; display: none;}
.full_menu_header {background-color: #fff; border-bottom: 1px solid #ebebeb;}
.full_menu_header .icons {display: flex; justify-content: end; height: 100%;}
.full_menu_body {height: 100%; padding-top: 60px;}

/* fullmenu - top */
.full_menu_sign {padding: 2.4rem 0; border-bottom: 16px solid var(--n-gray-200);}
.full_menu_sign .title {font-size: 1.5rem; color: var(--n-gray-800); margin-bottom: 1rem;}
.menu_service_card {display: inline-block; width: 100%; padding: 2rem; background-color: var(--n-primary); border-radius: 5px;}
.menu_service_card li + li {padding-top: 1rem;}
.menu_service_card p, .menu_service_card .service_link {font-size: 1.4rem; color: #fff;}
.menu_service_card .service_link::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; display: inline-block; width: .8rem; height: .8rem; margin-left: .4rem; filter: invert(100%) sepia(9%) saturate(0%) hue-rotate(331deg) brightness(105%) contrast(101%);}
/* .full_menu_sign .submenu_list {margin-top: 2rem;} */

/* fullmenu - body */
.full_menu_content {padding: 2.4rem 0;}
.full_menu_content .menu_list li {padding: 1.6rem 0 ; border-bottom: 1px solid #ebebeb;}
.full_menu_content .menu_list li:last-child {border-bottom: 0;}
.full_menu_content .menu_list li a {font-size: 1.4rem; font-weight: 700; color: var(--n-gray-900);}
.full_menu_content .sub_list {margin-top: 1rem;}
.full_menu_content .sub_list li {padding: .5rem 0; border-bottom: none;}
.full_menu_content .sub_list li a {font-weight: 400;}
.full_menu_content .menu_list li a:hover, .full_menu_content .sub_list li a:hover {color: var(--n-primary);} 
.full_menu_content .menu_list li a:not([href]):hover, .full_menu_content .sub_list li a:not([href]):hover {color: Inherit}

/*-------------------------------------------
  -- body
-------------------------------------------*/
.body_wrap, .body_wrap_popup, .body_wrap_popup_t2 {height: auto; padding-top: 100px;}
.body_wrap_popup_t2 {padding-bottom: 80px;}
.body_wrap_agent {padding-top: 40px;}

/*-------------------------------------------
  -- nav
-------------------------------------------*/
.gnb_wrap {line-height: 8rem; display: none;}
.gnb {justify-content: end;}
.gnb li {position: relative; margin-left: 3.2rem; font-size: 1.6rem; font-weight: 700; text-align: right;}
.gnb li a {display: block; color: var(--n-gray-800);}
.gnb li a:hover {color: var(--n-primary);}

/* snb */
.snb {position: absolute; top: 90%; left: 50%; transform: translateX(-50%); width: 180px; padding: 1.6rem; background-color: #fff; border-radius: 1rem; box-shadow: 0 0 1rem rgba(0, 0, 0, .1); display: none;}
.snb li{margin-left: 0; text-align: center; line-height: 1.5;}
.snb li + li {padding-top: 1rem;}
.snb li a{font-size: 1.5rem; font-weight: 400; color: var(--n-gray-700);}
.snb li a:hover{color: var(--n-primary);}
.gnb li a:not([href]):hover, .snb li a:not([href]):hover {color: Inherit}
.gnb > li:hover > .snb {display: block;}

/* submenu (top util) */
.submenu {height: 2.5rem; align-items: center; justify-content: right; text-align: right; display: none;}
.submenu a {position: relative; font-size: 1.3rem; color: var(--n-gray-700); text-decoration: none; line-height: 6rem;}
.submenu a + a {margin-left: 1rem; padding-left: 1.2rem;}
.submenu a + a::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; width: 1px; height: 10px; background-color: var(--n-gray-500);}
/* .submenu a + a::before {content: '\007C'; padding-right: 1rem; font-size: 1rem;} */

/*-------------------------------------------
  -- footer
-------------------------------------------*/
footer {background-color: var(--n-gray-100); margin-top: 4rem; font-size: 1.1rem;}
footer hr {margin: 2rem 0; border-color: #cecece;}

.footer_top {padding-top: 3rem;}
.footer_top .policy_list {display: flex; gap: .5rem 0;}
.footer_top .policy_list li {padding-right: 1rem;}
.footer_top .policy_list li a {color: var(--n-gray-800);}

.footer_bottom {display: flex; flex-wrap: wrap; padding-bottom: 3.2rem;}
.footer_bottom .company_info {width: 100%; margin-bottom: 3rem;}
.footer_bottom .company_info li {padding-bottom: .4rem; color: var(--n-gray-600);}
.footer_bottom .company_info li:first-child {color: var(--n-gray-900);}
.footer_bottom .call_info li {padding-bottom: .4rem; color: var(--n-gray-600);}
.footer_bottom .call_info li:first-child {color: var(--n-gray-900); font-size: 1.3rem; font-weight: 500;}
.copyright {position: relative; top: 5%; color: #b7b7b7;}

/*-------------------------------------------
  -- preview bottom
-------------------------------------------*/
.preview_wrap {width: 100%; background: linear-gradient(to right, #06beb6, #48b1bf); border-radius: 2rem 2rem 0 0; box-shadow: 0px -2px 16px rgba(0,0,0,.15);}
.preview_header { padding: 2.8rem 0;}
.preview_header .head {font-size: 1.4rem; font-weight: 700; color: #fff;}
.preview_header .n_btn_icon {width: 1.4rem; height: 1.4rem;}
.preview_header .n_btn_icon.open {background: url(../svg/chevron-up-solid.svg) no-repeat center center; background-size: contain; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(340deg) brightness(103%) contrast(104%);}
.preview_header .n_btn_icon.close {background: url(../svg/chevron-down-solid.svg) no-repeat center center; background-size: contain; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(340deg) brightness(103%) contrast(104%);}
.preview_body {padding: 1.6rem 0 4rem 0;}
.preview_body .box_green {padding: 2.4rem; background-color: #F6FBFC;}
.preview_body .price_info {display: flex; flex-direction: column; justify-content: center;}
.preview_body .order_list {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e6e6e6;}
.preview_body .order_list .title {font-weight: 400;}
.preview_body .order_list li + li {padding-top: 1rem;}

/* preview bottom - product */
.product_bottom_preview {padding-top: 2rem; margin-bottom: -4rem;}
.product_bottom_preview .preview_wrap {max-width: 1080px; width: 100%; background: #fff; border-radius: 2rem 2rem 0 0; box-shadow: 0px -2px 16px rgba(0,0,0,.2);}
.product_bottom_preview .preview_header .content {display: flex; flex-direction: column;}
.product_bottom_preview .preview_header .head {margin-bottom: 1rem; font-size: 1.4rem; font-weight: 700; color: var(--n-gray-900);}
.product_bottom_preview .preview_header .head span {font-size: 1.8rem;}
.product_bottom_preview .preview_header .n_btn_icon {width: 1.8rem; height: 1.8rem; transform: translateY(-50%);}
.product_bottom_preview .preview_header .n_btn_icon.open {background: url(../svg/chevron-up-solid.svg) no-repeat center center; background-size: contain; filter: invert(29%) sepia(21%) saturate(0%) hue-rotate(213deg) brightness(102%) contrast(99%);}
.product_bottom_preview .preview_header .n_btn_icon.close {background: url(../svg/chevron-down-solid.svg) no-repeat center center; background-size: contain; filter: invert(29%) sepia(21%) saturate(0%) hue-rotate(213deg) brightness(102%) contrast(99%);}
.product_bottom_preview .preview_body {padding: 0 0 4rem 0;}
.product_bottom_preview .preview_body .order_list {margin-top: 0; padding-top: 0; border-top: none; }
.product_bottom_preview .preview_body .order_list + .order_list {margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e6e6e6;}
.product_bottom_preview .preview_body .order_list li {display: flex;}
.product_bottom_preview .preview_body .order_list li:first-child {font-weight: 700; color: var(--n-gray-900);}
.product_bottom_preview .preview_body .order_list .title {font-weight: 400;}
.product_bottom_preview .preview_body .order_list li + li {padding-top: 1rem;}

/*-------------------------------------------
  -- board
-------------------------------------------*/
.board {font-size: 1.4rem; color: var(--n-gray-800);}
.board .board_content {padding: 2rem; padding-bottom: 0; overflow-x: auto;}
.board .board_content img {width: 100%; height: auto;}

.modal-body .board .board_content {padding: 0;}

.modal_board {}
.modal_board .board_content {padding-bottom: 3rem;}
.modal_board .title {font-size: 1.6rem; font-weight: 500; color: var(--n-gray-900);}
.modal_board .content {margin-top: 1rem; font-size: 1.4rem; color: var(--n-gray-800); line-height: 1.65; word-break: keep-all;}

/*-------------------------------------------
  -- popup (main layer popup)
-------------------------------------------*/
.ui-dialog { z-index: 1040 !important ; filter: drop-shadow(0 3px 8px rgba(0,0,0,.15));}
.ui-dialog-titlebar {background-color: #fff; padding: 1rem 2rem;}
.ui-dialog-titlebar span {color: var(--n-gray-900); font-size: 1.6rem;}
.ui-dialog-titlebar button {display: none;}
.hide-title-bar .ui-dialog-titlebar { display: none;}
.main_pop_layer .pop_content {padding: 0; overflow: auto; background-color: #fff; -ms-overflow-style: none;}
.main_pop_layer .pop_content::-webkit-scrollbar {display: none;}
.main_pop_layer .pop_content img {width: 100%; height: auto;}
.main_pop_layer .pop_footer {display: flex; align-items: center; padding: 1rem 2rem; background-color: var(--n-gray-900);}
.main_pop_layer .pop_footer label {color: #fff;}
.main_pop_layer .pop_footer .n_btn_icon {background: url(../svg/x-lg.svg) no-repeat center center; width: 16px; height: 16px; background-size: contain; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(340deg) brightness(103%) contrast(104%); font-size: 0;}

/*-------------------------------------------
  -- flex
-------------------------------------------*/
.flex_row {display: flex; flex-wrap: wrap; margin: 0 -.4rem; gap: .8rem 0;}
.flex_row > * {padding: 0 .4rem;}

.flex_between {display: flex; justify-content: space-between; align-items: center;}



/***********************************************************************************************************************
  C. Login
***********************************************************************************************************************/
.login_wrap {max-width: 528px; padding: 4rem 0;}
.login_either_wrap {max-width: 850px;}
.login_wrap h1 {margin-bottom: 5.6rem;}
.login_wrap form {padding-bottom: 5rem;}
.login_wrap .form_wrap {padding-bottom: 0;}



/***********************************************************************************************************************
  D. Main
***********************************************************************************************************************/
.main_inner {padding: 4rem 0;}

/*-------------------------------------------
  -- main banner(carousel)
-------------------------------------------*/
.main_banner {margin-top: 6.1rem;}

.main_banner_carousel {max-width: 1920px; height: 100%; margin: 0 auto;}
.main_banner_carousel .carousel-inner, .main_banner_carousel .carousel-item {height: 100%;}
.carousel-item img {width: 100%; height: auto; position: relative; left: 50%; transform: translateX(-50%);}
.main_banner_text {left: 0; right: 0; bottom: 45%; transform: translateY(50%); text-align: left;}
.main_banner_text h1 {margin-bottom: 1rem;}
.main_banner_text p {margin-bottom: 3.2rem;}
.main_banner_btn {display: inline-block; padding: 1rem 2rem; font-size: 1.2rem;}
.main_banner_btn::after {background: url(../svg/arrow-right-short.svg) no-repeat center/100%; content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: .4rem; transform: translateY(25%); filter: invert(49%) sepia(96%) saturate(391%) hue-rotate(146deg) brightness(85%) contrast(86%);}
.main_banner .carousel-indicators {margin-bottom: 2rem;}
.main_banner .carousel-indicators [data-bs-target] {width: 8px; height: 8px; border: 0; border-radius: 100%; background-color: #000; opacity: .25;}
.main_banner .carousel-indicators .active {width: 16px; height: 8px; border-radius: 100px; background-color: #fff; opacity: unset;}

.carousel_tablet, .carousel_pc {display: none;}

/*-------------------------------------------
  -- main service area
-------------------------------------------*/
.main_service_area {display: none; padding: 4rem 0; border-bottom: 1px solid #cecece;}
.main_service_area .title {font-size: 2.4rem;}
.main_service_card {display: inline-block; width: 100%; padding: 2rem; background-color: var(--n-primary); border-radius: 5px;}
.main_service_card li + li {padding-top: 1rem;}
.main_service_card p, .main_service_card .service_link {font-size: 1.6rem; color: #fff;}
.main_service_card .service_link::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: .4rem; filter: invert(100%) sepia(9%) saturate(0%) hue-rotate(331deg) brightness(105%) contrast(101%);}
.main_service_card .service_link:hover {text-decoration: underline;}

/*-------------------------------------------
  -- main product list
-------------------------------------------*/
/* .main_product_list {padding-bottom: 4rem;} */
.product_list_header {position: relative;}
.product_list_header h2 {margin-bottom: 2.4rem; font-size: 1.8rem; font-weight: 700; color: var(--n-gray-900);}
.product_list_header .link_all {display: none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 1.6rem; color: var(--n-gray-800);}
.product_list_header .link_all::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; margin-left: .4rem; filter: invert(28%) sepia(0%) saturate(364%) hue-rotate(171deg) brightness(92%) contrast(78%);}
.product_list_footer .link_all {display: inline-block; padding: .5rem 1rem; font-size: 1.1rem;}
.product_list_footer .link_all::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; display: inline-block; width: .8rem; height: .8rem; margin-left: .4rem; filter: invert(28%) sepia(0%) saturate(364%) hue-rotate(171deg) brightness(92%) contrast(78%);}
.rate_area, .phone_area {margin-bottom: 2rem;}

/* rate card */
.rate_card_list {display: flex; flex-wrap: wrap; align-items: stretch; gap: 1.6rem 0; margin-bottom: 1rem;}
.rate_card_item {width: 100%;}
.rate_card {display: flex; flex-direction: column; width: 100%; height: 100%; padding: 2rem 2.4rem; border-radius: 1.6rem; background-color: var(--n-gray-100);}
.rate_card_title {display: flex; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; color: var(--n-gray-900);}
.title_tel_label {margin-right: .8rem; color: var(--n-gray-800);}
.rate_card_info {display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; margin-bottom: 1.6rem;}
.rate_card_info li {display: inline-block; font-size: 1.2rem; color: var(--n-gray-800);}
/* .rate_card_info li + li {padding-left: 1.6rem;} */
.rate_info_ico.ico_data::before {background: url(../svg/reception-4.svg)no-repeat center/100%; content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: .8rem; transform: translateY(15%); filter: invert(100%) sepia(0%) saturate(1201%) hue-rotate(220deg) brightness(70%) contrast(110%);}
.rate_info_ico.ico_voice::before {background: url(../svg/telephone-fill.svg)no-repeat center/100%; content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: .8rem; transform: translateY(15%); filter: invert(100%) sepia(0%) saturate(1201%) hue-rotate(220deg) brightness(70%) contrast(110%);}
.rate_info_ico.ico_mms::before {background: url(../svg/envelope-solid.svg)no-repeat center/100%; content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: .8rem; transform: translateY(15%); filter: invert(100%) sepia(0%) saturate(1201%) hue-rotate(220deg) brightness(70%) contrast(110%);}
.rate_card_bottom {margin-top: auto;}
.rate_card_price {font-size: 1.8rem; font-weight: 700; text-align: right; color: var(--n-primary);}
.rate_card_price .origin {font-size: 1.4rem; font-weight: 400; color: var(--n-gray-400); text-decoration: line-through;}
.rate_card_price span {font-size: 1.4rem;}

/* phone card */
.phone_card_list {margin-bottom: 1rem;}
.phone_card {position: relative;}
.phone_card_img {float: left; width: 140px; height: 140px; padding: 2rem 0; text-align: center;}
.phone_card_img img {object-fit: contain; width: 100%; height: 100%;}
.phone_card_box {width: 100%; height: 140px; padding: 2rem 2.4rem; border-radius: 1.6rem; background: var(--n-lightPurple);}
.phone_card_box .inner {height: 100%;}
.phone_card_title {margin-bottom: .5rem; font-size: 1.5rem; font-weight: 700; color: var(--n-gray-900);}
.phone_card_txt {font-size: 1.2rem; color: var(--n-gray-900);}
.phone_card_price {font-size: 1.8rem; font-weight: 700; color: var(--n-primary);}
.phone_card_price span {margin-right: .4rem; font-size: 1.4rem;}
.phone_card_ref {font-size: 1rem; color: var(--n-gray-700);}

/*-------------------------------------------
  -- main cs area
-------------------------------------------*/
.main_cs {border-top: 16px solid #f2f2f2;}
.main_cs .main_inner {padding-bottom: 0;}
.more_con_header h2 {margin-bottom: 2.4rem; font-size: 1.8rem; font-weight: 700; color: var(--n-gray-900);}

/*-------------------------------------------
  -- main more con area
-------------------------------------------*/
.more_con_area {margin-bottom: 4rem;}
.more_con_card_list {margin-bottom: 1rem;}
.more_con_card {display: inline-block; min-width: 30vw; width: 100%; height: 100%; padding: 1.6rem; border-radius: 10px;}
.more_con_card_list:first-child .more_con_card {background-color: #EDF9F8;} .more_con_card_list:nth-child(2) .more_con_card {background-color: #EDF7F9;} .more_con_card_list:nth-child(3) .more_con_card {background-color: #EDF3F9;} .more_con_card_list:last-child .more_con_card {background-color: #EDF1F9;}
.more_con_card .inner {height: 100%;}
.more_con_card_title {font-size: 1.5rem; font-weight: 700; color: var(--n-gray-900);}
.more_con_card_txt {padding-right: 4rem; font-size: 1.2rem; color: var(--n-gray-800);}
.more_con_card_ico {text-align: right; padding-top: .5rem;}
.more_con_card_ico img {width: 4.5rem; filter: invert(49%) sepia(96%) saturate(391%) hue-rotate(146deg) brightness(85%) contrast(86%);}

/* call cs area */
.call_cs_header h3 {margin-bottom: 1.2rem; font-size: 1.4rem; color: var(--n-gray-900);}
.call_cs_box {margin-bottom: 1.2rem;}
.call_cs_box .inner {flex-direction: column;}
.call_cs_title {font-size: 1.6rem; font-weight: 700; color: var(--n-gray-800);}
.call_cs_txt {font-size: 1.2rem; color: var(--n-gray-800);}
.call_cs_btn {margin-top: .8rem; padding: .5rem 1rem; font-size: 1.1rem;}

/* notice box */
.notice_box {font-size: 1.2rem; color: var(--n-gray-800);}
.notice_box .notice_ctgy {flex: 0 0 auto;}
.notice_title {position: relative; padding: 0 .8rem; color: var(--n-gray-800); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_title:hover {color: var(--n-gray-800);}
.notice_title::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; display: inline-block; width: .8rem; height: .8rem; filter: invert(28%) sepia(0%) saturate(364%) hue-rotate(171deg) brightness(92%) contrast(78%);}
.notice_board .board_content img { width: 100%;}

/* main prop */
.main_prop {margin-top: 4rem; margin-bottom: -4rem; padding: 4rem 0; background-color: #e8e8e8;}
.main_prop_header {margin-bottom: 1rem; text-align: center;}
.main_prop_header h2 {font-size: 1.8rem;}
.main_prop_header .txt {font-size: 1.2rem; color: var(--n-gray-800);}
.main_prop_acc {text-align: center; font-size: 1.3rem; font-weight: 700; color: var(--n-gray-800);} 
/* .main_prop .title {font-size: 1.6rem; font-weight: 700; color: var(--n-gray-900);} */
/* .prop_btn {margin-top: 1rem; padding: .5rem 1rem; font-size: 1.4rem; border: 1px solid var(--n-gray-600); background-color: transparent; color: var(--n-gray-600);} */



/***********************************************************************************************************************
  E. Sub
***********************************************************************************************************************/

/* -- common */
.page_title {padding: .5rem 0; margin-bottom: 3.6rem; font-weight: 700;}
.data_none, .event_none {display: flex; justify-content: center; align-items: center; min-height: 20vh; text-align: center;}

.alert_wrap {padding: 2.4rem 0 3.2rem 0; text-align: center;}
.alert_wrap > * {font-size: 1.4rem; color: var(--n-gray-900); line-height: 1.75;}
.alert_img { width: 100%; padding: 1rem 0; text-align: center;}
.alert_img span {background: url(../svg/exclamation-circle-fill.svg) no-repeat center/100%; display: inline-block; width: 3.2rem; height: 3.2rem;}

/* document */
.onlyPrintArea {display: none;}
.doc_wrap {position: relative; padding-bottom: 20px;}
.doc_head {text-align: center; margin-bottom: 32px; padding-top: 40px;}
.doc_head h2 {font-size: 16pt; margin-bottom: 0;}
.doc_head_logo {position: absolute; top: 0; right: 0; height: 25px;}
.doc_info {padding-top: 16px; line-height: 1.75;}
.doc_content {font-size: 9.25pt; word-break: keep-all;}
.doc_content + .doc_content {margin-top: 24px;}
.doc_content .title {padding-bottom: 5px; font-size: 11pt; font-weight: 500; color: #000;}
.doc_content .table_board.type2 {font-size: 9.25pt;}
.doc_content .table_board.type2 th {width: 20%; min-width: 70px;}
.doc_content .table_board.type2 th, .doc_content .table_board.type2 td {padding: 6.5px;}
.doc_content .flex_row {margin: 0 -12px;}
.doc_content .flex_row > * {padding: 0 12px;}
.doc_content .price_list {font-size: 9.25pt;}
.doc_content .price_list + .price_list{border-left: 1px solid #e6e6e6;}
.doc_content .price_list li + li {padding-top: 5px;}
.doc_content .price_list li.depth {padding-top: 2px; font-size: 8.25pt;}
.doc_content .doc_price_area.total {background-color: var(--n-lightPurple)}
.doc_content .doc_price_area.total .price_list {font-size: 11pt;}
.doc_notice {font-size: 7.5pt; padding-top: 5px; color: var(--n-gray-600);}
.doc_notice .box {padding: 10px;}
.doc_notice .box .title {padding-bottom: 5px; font-size: 7.5pt; font-weight: 600; color: var(--n-gray-600);}
.doc_notice .list li {letter-spacing: -.25px;}
.doc_notice .list li + li {margin-top: 5px;}
.doc_seal {padding-top: 20px; line-height: 1.75; text-align: center; color: var(--n-gray-800);}
.doc_seal p {font-size: 9.25pt; font-weight: 500;}
.doc_seal .seal {position: relative; margin-top: 20px; font-size: 11.5pt; color: #000;}
/* .doc_seal .seal img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	
	position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: auto; margin-left: 5px;
} */
.doc_seal .seal img {display: none;}

/*-------------------------------------------
  -- accordion style
-------------------------------------------*/
.acc_wrap .acc_item {width: 100%; padding: 1rem 0;}
.acc_wrap .acc_header {font-size: 1.4rem; font-weight: 700; color: var(--n-gray-900);}
.acc_wrap .acc_header .acc_header_link {position: relative; display: flex; flex-direction: column; width: 100%; background-color: transparent; text-align: left;}
.acc_wrap .acc_header .acc_header_link::after {background: url(../svg/chevron-down.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; display: inline-block; width: 1.2rem; height: 1.2rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
.acc_wrap .acc_header.active .acc_header_link::after {background: url(../svg/chevron-up.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; display: inline-block; width: 1.2rem; height: 1.2rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
.acc_wrap .acc_content {display: none; padding-top: 1rem;}
.acc_wrap .acc_content_inner {padding: 1.5rem 2rem; border-radius: .5rem; background-color: var(--n-gray-100);}

/* type2 */
.acc_wrap.type2 .acc_header {display: flex; justify-content: space-between; align-items: center; font-weight: 400;}
.acc_wrap.type2 .acc_header .acc_header_link {flex-shrink: 1; position: relative; padding: 0; background-color: transparent; background: url(../svg/chevron-down.svg) no-repeat center/100%; width: 1.2rem; height: 1.2rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
.acc_wrap.type2 .acc_header.active .acc_header_link {background: url(../svg/chevron-up.svg) no-repeat center/100%;}
.acc_wrap.type2 .acc_header .acc_header_link::after, .acc_wrap.type2 .acc_header.active .acc_header_link::after {display: none;} 

/*-------------------------------------------
  -- board list
-------------------------------------------*/
/* default */
.board_list {border-top: 1px solid var(--n-primary); margin-top: 1.6rem;}
.board_list_item {display: flex; flex-direction: column; padding: 2rem 1.6rem; border-bottom: 1px solid #e6e6e6; font-size: 1.4rem;}
.board_list li {padding: 2rem 1.6rem; border-bottom: 1px solid #e6e6e6;}
.board_list li .title, .board_list li .title a {position: relative; margin-bottom: .5rem; font-size: 1.6rem; font-weight: 500; color: var(--n-gray-900);}
.board_list li .title.ico {padding-right: 2rem;}
.board_list li .title.ico::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; width: 1.4rem; height: 1.4rem;}
.board_list li .detail_list {display: flex; flex-wrap: wrap;}
.board_list li .detail_list li {position: relative; padding: 0; border-bottom: 0; font-size: 1.3rem; color: var(--n-gray-600);}
.board_list li .detail_list li + li {padding-left: 1rem; margin-left: 1rem;}
.board_list li .detail_list li + li::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 1px; height: 50%; background-color: var(--n-gray-600);}
.board_list li .detail_list li span {font-weight: 500;}

/* type2 - 적립내역 형식 */
.board_list.type2 li .date {font-size: 1.3rem; color: var(--n-gray-400);}
.board_list.type2 li .info_area {display: flex; justify-content: space-between; width: 100%;}
.board_list.type2 li .info_area .info {flex: 1 1; padding-right: 1rem; overflow: hidden;}
.board_list.type2 li .title, .board_list.type2 li .text {font-size: 1.4rem; margin-bottom: 0;}
.board_list.type2 li .amount {flex-shrink: 0; font-size: 1.4rem; font-weight: 700;}

/* .board_list {border-top: 1px solid var(--n-primary);}
.board_list_item {display: flex; flex-direction: column; padding: 2rem 1.6rem; border-bottom: 1px solid #e6e6e6; font-size: 1.4rem;} */

/*-------------------------------------------
  -- card list
-------------------------------------------*/
.card_list .badge_wrap {display: flex; flex-wrap: wrap; gap: .5rem;}

.card_list_item {display: flex; flex-direction: column; margin-bottom: 1rem; font-size: 1.4rem; overflow: hidden;}
.card_list_item.no_list {width: 100% !important; flex: 1 !important;}
.no_list {padding: 5rem 1.6rem !important;}

/* .card_list_item {display: flex; flex-direction: column; padding: 2rem 1.6rem; margin-bottom: 1rem; border-radius: 1rem; border: 1px solid #e6e6e6; font-size: 1.4rem;} */

.card_link {padding: 2rem 1.6rem; border-radius: 1rem; border: 1px solid #e6e6e6;}
.card_link .title {}

.service_desc {display: flex; justify-content: space-between; align-items: baseline;}
.service_desc .badge {display: inline;}
.addType.badge_pps {background-color: #8ed9bc; } /* 선불 */
.addType.badge_post {background-color: #90b9e1; } /* 후불 */
.addType.badge_all {background-color: #b2a5df;} /* 선후불 */
.service_desc .title_wrap {flex: 1; min-width: 0;}
.service_desc .title {padding-right: 1rem; font-weight: 700; color: var(--n-gray-900);}
.service_desc .price {flex: 0 0 auto; font-size: 1.8rem; font-weight: 700; color: var(--n-primary); text-align: right;}
.service_desc .price .ref {font-size: 1.3rem; font-weight: 400; color: var(--n-gray-600);}

.addon_content + .card_list_wrap .rate_info_wrap {padding-top: 1rem;}

/*-------------------------------------------
  -- price list(요금 소계)
-------------------------------------------*/
.price_list {font-size: 1.4rem; font-weight: 500; color: var(--n-gray-900);}
.price_list li {display: flex; justify-content: space-between;}
.price_list li + li {padding-top: 1.6rem;}
.price_list li.depth {padding-top: .5rem; font-size: 1.3rem; font-weight: 400; color: var(--n-gray-600);}
.price_list li.total {color: var(--n-primary);}
.price_list li .title, .price_list li .text {font-weight: inherit; font-size: inherit; color: inherit; padding-bottom: 0;}


.price_list.type2 {font-weight: 400; color: var(--n-gray-800);}
.price_list.type2 li {flex-wrap: wrap;}
.price_list.type2 li + li {padding-top: 1.6rem; margin-top: 1.6rem; border-top: 1px solid #e6e6e6;} 

/*-------------------------------------------
  -- thumb card
-------------------------------------------*/
.thumb_card_link {display: inline-block; width: 100%; margin-bottom: 2rem;}
.thumb_card_img {width: 100%; margin-bottom: 1rem; border-radius: 1rem; overflow: hidden;}
.thumb_card_img img {width: 100%;}
.thumb_card_desc {font-size: 1.4rem;}
.thumb_card_desc .title {margin-bottom: .5rem; font-size: 1.6rem; font-weight: 700; color: var(--n-gray-800);}
.thumb_card_desc .date {color: var(--n-gray-700);}

/*-------------------------------------------
  -- tab
-------------------------------------------*/
.tab_box {margin-bottom: 2rem}
.tab_box_list {display: flex; width: 100%;}
.tab_box_list li {flex: 1; display: inline-block;}
.tab_box_link {position: relative; display: block; width: 100%; height: 100%; padding: 1.6rem .5rem; border: 1px solid #fff; border-radius: 0; font-size: 1.4rem; background-color: var(--n-gray-200); color: var(--n-gray-700); text-align: center; word-break: keep-all;}
.tab_box_link:hover {color: var(--n-gray-700);}
.tab_box_link.on, .tab_box_link.active {background-color: var(--n-primary); color: #fff;}

.tab_box_list_t2 {display: flex; flex-wrap: wrap; width: 100%;}
/* .tab_box_list_t2 li {display: inline-block;} */
.tab_box_list_t2 li {flex: 0 0 auto; display: inline-block;}

.tab_icon .tab_box_link {padding: 3.8rem 1rem 1.5rem 1rem;}
.tab_icon .tab_box_link::before {content: ''; position: absolute; top: 1.5rem; left: 50%; transform: translateX(-50%); display: block; width: 1.8rem; height: 1.8rem; filter: invert(92%) sepia(0%) saturate(1214%) hue-rotate(153deg) brightness(88%) contrast(75%);}
.tab_icon .tab_box_link.on::before {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

.tab_line_list {position: relative; display: flex; flex-wrap: wrap; width: 100%; padding-top: 1.75rem; margin: 0 auto; text-align: center; background: #fff; border-bottom: 1px solid #e6e6e6;}
.tab_line_list li {flex: 1 1 auto;}
.tab_line_link {display:inline-block; width: 100%; padding: 1rem .5rem; border-radius: 0; font-size: 1.4em; background-color: transparent; color: var(--n-gray-500);}
.tab_line_link:hover {color: var(--n-gray-500);}
.tab_line_link.on {border-bottom: 2px solid var(--n-primary); font-weight: 700; color: var(--n-primary);}

.sub_tab {margin-bottom: 1.6rem; border-bottom: 1px solid var(--n-primary);}
.sub_tab_list {display: flex; width: 100%;}
.sub_tab_link {display:inline-block; padding: 1rem .5rem; font-size: 1.3rem; background-color: transparent; border-radius:100px; color: var(--n-gray-500);}
.sub_tab_link:hover {color: var(--n-gray-500);}
.sub_tab_link.on {font-weight: 700; color: var(--n-primary);}

.tab_login {margin-bottom: 2.4rem;}
.tab_login_list {display: flex; width: 100%;}
.tab_login_list li {flex: 1; display: inline-block;}
.tab_login_link {display: block; width: 100%; height: 100%; padding: 1rem .5rem; border: 1px solid #fff; border-radius: 0; font-size: 1.4rem; background-color: var(--n-gray-200); color: var(--n-gray-700); text-align: center;}
.tab_login_link:hover {color: var(--n-gray-900);}
.tab_login_link.on {background-color: var(--n-gray-900); color: #fff;}

/*-------------------------------------------
  -- product layout(휴대폰)
-------------------------------------------*/

/*-------------------------------------------
  -- rate layout(요금제)
-------------------------------------------*/
/* rate list */
.card_rate_link {padding: 2rem 1.6rem; border-radius: 1rem; border: 1px solid #e6e6e6; font-size: 1.4rem;}
.card_rate_link .title {position: relative; padding-right: 1.6rem; font-weight: 700; color: var(--n-gray-900);}
.card_rate_link .title::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; width: 1.4rem; height: 1.4rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
.card_rate_link .content_group {flex-direction: column; margin-top: .8rem;}
.card_rate_link .detail {flex: 1 1 auto;}
.card_rate_link .desc {width: 100%; font-size: 1.3rem; color: var(--n-gray-600);}
.card_rate_link .desc li {position: relative; display: inline-block; padding-right: 1rem; margin-right: 0.8rem;}
.card_rate_link .desc li:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 1px; height: 10px; background-color: var(--n-gray-300);}
.card_rate_link .detail .ref {font-size: 1.3rem; font-weight: 500; color: var(--n-gray-600);}
.card_rate_link .price {flex: 0 0 auto; margin-top: 0.8rem; font-size: 1.8rem; font-weight: 700; text-align: right; color: var(--n-primary);}
.card_rate_link .price .ref {font-size: 1.3rem; font-weight: 400; color: var(--n-gray-600);}

/* rate detail view */
.rate_info_wrap {margin-bottom: 2rem;}
.rate_info_wrap .inner {padding: 1.6rem; border-radius: .5rem; background-color: rgba(36, 150, 181, .04);}
.rate_info {}
.rate_info .header_sub {display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .5rem;}
.rate_info .header_sub {margin-bottom: .5rem;}
.rate_info .header_sub .badge {padding: .5rem; font-size: 1.2rem; font-weight: 700; border-radius: .3rem;}
.rate_info .telco {line-height: 1; padding: .5rem; border: 1px solid var(--n-gray-400); border-radius: .3rem; font-size: 1.2rem; color: var(--n-gray-600);}
.rate_info .header {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #e6e6e6;font-size: 2rem;}
.rate_info .content {display: flex; flex-direction: column;}
.rate_info .content .detail .ref {margin-bottom: 1rem; font-size: 1.3rem; font-weight: 500; color: var(--n-gray-800);}
.rate_info .content .desc {margin-bottom: 2rem; font-size: 1.4rem; color: var(--n-gray-800);}
.rate_info .content .desc li {display: flex; align-items: center; margin-bottom: 1rem; text-align: center;}
.rate_info .content .desc .icon {width: 2rem; height: 2rem; margin-right: 0.8rem; filter: invert(13%) sepia(12%) saturate(1882%) hue-rotate(146deg) brightness(97%) contrast(89%);}
.rate_info .price p {margin-bottom: 1rem; font-weight: 700; font-size: 2rem; color: var(--n-primary);}
.rate_info .price .vat {font-size: 1.3rem;}
.rate_info .price .ref {font-size: 1.4rem; font-weight: 400; color: var(--n-gray-600); text-align: right;}
.rate_info .price .ref_stop {font-size: 1.8rem; font-weight: 500; color: var(--n-gray-900); padding-top: 1rem; text-align: center;}

.rate_caption {}
.rate_caption_list {padding: 1rem; font-size: 1.2rem; color: #748286;}
/* .rate_caption_list li {list-style: "· ";} */
.rate_caption_list li {position: relative;}
.rate_caption_list li::before {content: ''; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); display: inline-block; width: 2px; height: 2px; background-color: #748286;}
.rate_caption_list li:not(:last-child) {margin-bottom: .5rem;}

.rate_detail {padding-top: 1rem;}
.rate_detail_depth {margin-bottom: 2.4rem;}
.rate_detail_depth img {width: 100%;}
.rate_detail_depth .title {margin-bottom: 1rem; font-size: 1.4rem; font-weight: 700; color: var(--n-gray-900); }
.rate_detail_depth .desc {padding-left: 1.5rem; font-size: 1.3rem; color: var(--n-gray-800); line-height: 1.8; overflow-x: auto;}
.rate_detail_depth .desc_list {padding-left: 2rem; font-size: 1.3rem; color: var(--n-gray-800);}
.rate_detail_depth p.desc_list>* {font-size: 1.3rem !important;}
.rate_detail_depth .desc_list li {position: relative; margin-bottom: 0.5rem;}
.rate_detail_depth .desc_list li::before {content: ''; position: absolute; left: -1rem; top: .8rem; display: inline-block; width: 2px; height: 2px; background-color: var(--n-gray-800);}
.rate_detail_depth .desc_list_depth {padding: .5rem 0 0 1rem; font-size: 1.2rem;}
.rate_detail_depth .desc_list_depth li {position: relative; }
.rate_detail_depth .desc_list_depth li::before {content: ''; position: absolute; left: -1rem; top: .8rem; display: inline-block; width: 4px; height: 1px; background-color: var(--n-gray-800);}

.rate_detail.type2 {padding: 0; margin-top: 0; border: 0; overflow-x: auto;}
.rate_detail.type2 img {width: 100%;}

/*-------------------------------------------
  -- event(이벤트)
-------------------------------------------*/
.event_none {height: 20vh; line-height: 20vh; text-align: center;}
.event_board {border-top: 1px solid var(--n-primary); border-bottom: 1px solid #e6e6e6; font-size: 1.4rem; color: var(--n-gray-800);}
.event_board .board_head {padding: 2rem 0; border-bottom: 1px solid #e6e6e6;}
.event_board .board_head .title {font-size: 1.8rem; font-weight: 700; color: var(--n-gray-900);}
.event_board .board_content { padding: 2rem 0; overflow-x: auto;}
.event_board .board_content img {width: 100%;}

/*-------------------------------------------
  -- review(리뷰)
-------------------------------------------*/
.review_list {border-top: 1px solid var(--n-primary);}
.review_list_item {display: flex; flex-direction: column; padding: 2rem 1.6rem; border-bottom: 1px solid #e6e6e6; font-size: 1.4rem;}
.review_list_header {margin-bottom: 1.6rem;}
.review_list_header .title {margin-bottom: .5rem; font-size: 1.8rem; font-weight: 700; color: var(--n-gray-900); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review_list_header .review_info {display: flex; flex-direction: row; justify-content: space-between; font-size: 1.3rem; font-weight: 300; color: var(--n-gray-400);}
.review_list_header .grade {display: flex; align-items: center; gap: 0 .4rem;}
.review_list_header .grade_icon {background: url(../svg/star-fill.svg) no-repeat center/100%; content: ""; display: inline-block; width: 1rem; height: 1rem; filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(332deg) brightness(112%) contrast(76%);}
.review_list_header .grade_icon.active {filter: var(--n-filter-primary);}
.review_list_content .desc {margin-bottom: 1rem; font-size: 1.3rem; color: var(--n-gray-800);}
.review_list_content .img_wrap {position: relative; width: 100%; height: 60vw; border-radius: 1rem; background-color: var(--n-gray-100); text-align: center; overflow: hidden;}
.review_list_content .img_wrap img {position:absolute; top:50%; left: 0; transform:translateY(-50%); width: 100%; height: auto;}

.grade_btn_wrap {display: flex; align-items: center; gap: 0 .4rem;}
.grade_btn_wrap .grade_btn {background: url(../svg/star-fill.svg) no-repeat center/100%; content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(332deg) brightness(112%) contrast(76%);}
.grade_btn_wrap .grade_btn.active {filter: var(--n-filter-primary);}
.review_photo_wrap {position: relative; width: calc(100vw * .35); height: calc(100vw * .35); max-width: 250px; max-height: 250px; border-radius: .5rem; border: 1px solid #e6e6e6; overflow: hidden;}
.review_photo_wrap label {width: 100%; height: 100%; background: url(../svg/plus-lg.svg) no-repeat center/30%; filter: invert(70%) sepia(82%) saturate(14%) hue-rotate(355deg) brightness(95%) contrast(89%);}
.review_photo_wrap img {position:absolute; top:50%; transform:translateY(-50%); width: 100%; height: auto;}
.btn_photo_remove {position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; border-radius: 10rem; background-color: #000; opacity: 50%;}
.btn_photo_remove:hover {opacity: 70%;}
.btn_photo_remove::before {background: url(../svg/x-lg.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 12px; height: 12px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(100%) contrast(100%);}

/*-------------------------------------------
  -- qna(자주묻는질문)
-------------------------------------------*/
/* qna tab */
.qna_tab_wrap {padding-top: 3.6rem;}
.qna_tab {display: flex; flex-wrap: wrap; gap: .5rem 0;}
.qna_tab_item {margin-right: 1rem;}
.qna_tab_link {padding: .8rem 1.6rem; font-size: 1.4rem; background-color: transparent; border: 1px solid var(--n-gray-500); border-radius:100px; color: var(--n-gray-500);}
.qna_tab_link.on {border: 1px solid var(--n-primary); color: var(--n-primary);}

/* qna accordion */
.qna_acc_wrap {padding-top: 1rem;}
.qna_acc_wrap .acc_item {width: 100%; border-bottom: 1px solid #e6e6e6;}
.qna_acc_wrap .acc_header {font-size: 1.4rem; font-weight: 700; text-align: left; color: var(--n-gray-900);}
.qna_acc_wrap .acc_header_link {position: relative; display: flex; width: 100%; padding: 2rem 4rem 2rem 1.6rem; background-color: transparent; text-align: left;}
.qna_acc_wrap .acc_header .acc_header_link::after {background: url(../svg/chevron-down.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; display: inline-block; width: 1.2rem; height: 1.2rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
.qna_acc_wrap .acc_header.active .acc_header_link::after {background: url(../svg/chevron-up.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; display: inline-block; width: 1.2rem; height: 1.2rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
.qna_acc_wrap .acc_content {display: none; background-color: var(--n-gray-100); padding: 2rem 1.6rem;}
.qna_acc_wrap .acc_content_inner {display: flex; font-size: 1.4rem; color: var(--n-gray-800);}

.qna_acc_wrap .q_mark {margin-right: 1rem; color: var(--n-primary);}

/*-------------------------------------------
  -- notice(공지사항)
-------------------------------------------*/
.notice_wrap {padding-top: 3.6rem;}

/* notice list */
.notice_list {border-top: 1px solid var(--n-primary);}
.notice_list_item {display: flex; flex-direction: column; padding: 2rem 1.6rem; border-bottom: 1px solid #e6e6e6; font-size: 1.4rem;}
.notice_list_item .title {margin-bottom: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_list_item .date {font-size: 1.3rem; color: var(--n-gray-500);}
.notice_list_link {color: var(--n-gray-800);}
.notice_list_link:hover {color: var(--n-gray-800);}

/* 접수내역 */
.notice_list_item.order_item {display: block;}
.notice_list_item.order_item .inner_flex {display: flex; flex-direction: column; justify-content: space-between;}
.notice_list_item.order_item .title {position: relative; margin-bottom: 1rem; font-weight: 700;}
/* .notice_list_item.order_item .title::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; width: 1.4rem; height: 1.4rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);} */
.notice_list_item.order_item .text {font-size: 1.3rem; color: var(--n-gray-600);}
.notice_list_item.order_item .btn_group {display: flex; flex-direction: row; justify-content: center; gap: .5rem; min-width: 9rem; padding: 0; margin-top: 1rem;}
.notice_list_item.order_item .btn_group > * {width: 100%; max-width: none; padding-left: .5rem; padding-right: .5rem;}
/* .notice_list_item.order_item .btn_group > * + * {margin-left: 1rem;} */

/* notice detail view */
.notice_board {border-top: 1px solid var(--n-primary); border-bottom: 1px solid #e6e6e6; font-size: 1.4rem; color: var(--n-gray-800);}
.notice_board .board_head {padding: 2rem 1.6rem; background-color: var(--n-lightGreen);}
.board_head .title {font-weight: 700; color: var(--n-gray-900);}
.board_head .date {font-size: 1.3rem; color: var(--n-gray-700);}
.notice_board .board_content { padding: 2rem 1.6rem 4rem 1.6rem; overflow-x: auto;}
.board_page {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_page .page_item {display: flex; align-itmes: center; padding: 1rem 1.6rem; border-top: 1px solid #e6e6e6; }
.board_page .page_link {padding-left: 1rem; font-weight: 500; color: var(--n-gray-900);}
.board_page .page_link:hover {color: var(--n-gray-900);}

/*-------------------------------------------
  -- store list(매장안내)
-------------------------------------------*/
.store_list {border-top: 1px solid var(--n-primary);}
.store_list_item {display: flex; flex-direction: column; padding: 2rem 1.6rem; border-bottom: 1px solid #e6e6e6; font-size: 1.4rem;}
.store_list_item .title {margin-bottom: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.store_list_item .date {font-size: 1.3rem; color: var(--n-gray-500);}

/* map */
.store_map {width: 100%; height: 15rem;}
.store_map iframe {width: 100%; height: 100%;}

/* desc */
.store_desc {padding-top: 1rem;}
.store_desc .title {margin-bottom: 0; color: var(--n-gray-900); font-weight: 700;}
.store_desc .ref {margin-top: .5rem; color: var(--n-gray-600);}
.store_link {color: var(--n-gray-800);}
.store_link:hover {color: var(--n-gray-800);}
.store_link .title {margin-bottom: 0; color: var(--n-gray-900); font-weight: 700;}
.store_link .ref {margin-top: .5rem; color: var(--n-gray-600);}

/* old */
.store_card_link {display: block; padding: 1.6rem; font-size: 1.4rem; background-color: #fff; color: var(--n-gray-800); border: 1px solid #e6e6e6; border-radius: 10px; margin-bottom: 1rem; cursor: default;}
.store_card_link:hover {color: var(--n-gray-800);}
.store_card_link .title {margin-bottom: 0; color: var(--n-gray-900); font-weight: 700;}
.store_card_link .ref {margin-top: .5rem; font-size: 1.3rem; color: var(--n-gray-700);}

/*-------------------------------------------
  -- online cs(1:1문의)
-------------------------------------------*/
.agree_group {margin-top: 2rem;}
.agree_box {padding: 2rem; border: 1px solid var(--n-gray-300); border-radius: 5px; font-size: 1.3rem;}
.agree_check {margin-top: 1rem;}

/*img upload*/
.cs_photo_wrap {position: relative; width: calc(100vw * .35); height: calc(100vw * .35); max-width: 250px; max-height: 250px; border-radius: .5rem; border: 1px solid #e6e6e6; overflow: hidden;}
.cs_photo_wrap label {width: 100%; height: 100%; background: url(../svg/plus-lg.svg) no-repeat center/30%; filter: invert(70%) sepia(82%) saturate(14%) hue-rotate(355deg) brightness(95%) contrast(89%);}
.cs_photo_wrap img {position:absolute; top:50%; transform:translateY(-50%); width: 100%; height: auto;}

/* pagination */
.pagination {align-items: center; justify-content: center; margin-top: 2.4rem;}
.page_icon { display: inline-block; vertical-align: middle; width: 1.4rem; height: 1.4rem; filter: invert(6%) sepia(11%) saturate(158%) hue-rotate(314deg) brightness(101%) contrast(84%);}
.page_first {background: url(../svg/chevron-double-left.svg) no-repeat center/100%;}
.page_last {background: url(../svg/chevron-double-right.svg) no-repeat center/100%;}
.page_prev {background: url(../svg/chevron-left.svg) no-repeat center/100%; margin: 0 .5rem;}
.page_next {background: url(../svg/chevron-right.svg) no-repeat center/100%; margin: 0 .5rem;}
.page_link {margin: 0 .5rem; font-size: 1.4rem; color: var(--n-gray-700);}
.page_link:hover {color: var(--n-gray-700);}
.page_link.on {font-weight: 700; color: var(--n-primary);}

/*-------------------------------------------
  -- apply change(가입정보변경)
-------------------------------------------*/
.applychg_tab {}
.applychg_tab .tab_box_link.check_self::before {content: ''; position: absolute; top: .5rem; left: .5rem; display: block; width: 1rem; height: 1rem; background: url(../svg/asterisk.svg) no-repeat center/100%; filter: invert(29%) sepia(0%) saturate(1%) hue-rotate(212deg) brightness(96%) contrast(87%);}
.applychg_tab .tab_box_link.on::before {filter: invert(99%) sepia(72%) saturate(26%) hue-rotate(127deg) brightness(106%) contrast(100%);}

/*-------------------------------------------
  -- contact
-------------------------------------------*/
.company_img_wrap {background: url(../img/img-about-company_v2.jpg)no-repeat center/cover; width: 100%; height: 15rem; margin-top: -39px;}

/*-------------------------------------------
  -- prepaid
-------------------------------------------*/
.charge_wrap .guide_area {font-size: 1.4rem; color: var(--n-gray-800); word-break: keep-all;}
.charge_wrap .guide_area h4 {margin-bottom: 1rem;}
.charge_wrap .guide_area .guide_cardlist > * {display: flex; flex-direction: column; margin-bottom: 1.6rem;}
.charge_wrap .guide_area .guide_cardlist .box {height: 100%;}

/*-------------------------------------------
  -- mypage
-------------------------------------------*/
/* join info */
.my_info.joinInfo .header {margin-bottom: 4.8rem; padding-top: 1.6rem; border-top: 1px solid var(--n-gray-900);}
.my_info.joinInfo .header_top {display: flex; flex-direction: column; justify-content: space-between; height: unset; padding-top: 0; margin-bottom: 1rem; border-bottom: 0; font-size: 1.6rem;}
.my_info.joinInfo .header_top .name {font-size: 1.8rem;}
.my_info.joinInfo .header_top .apply_no {display: flex; justify-content: space-between; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #e6e6e6;}
.my_info.joinInfo .header_top .apply_no b {color: var(--n-primary);}
.my_info.joinInfo .header_bottom {font-size: 1.3rem; background-color: var(--n-gray-200);}
.my_info.joinInfo .header_bottom ul {display: flex; flex-direction: column;}
.my_info.joinInfo .header_bottom ul li {display: flex; width: 100%; justify-content: space-between; padding: 1rem .8rem; border-bottom: 1px solid #e0e0e0;}
.my_info.joinInfo .header_bottom ul li:last-child {border-bottom: 0;}
.my_info.joinInfo .header_bottom ul li span {position: relative; padding-right: 1rem; font-weight: 500;}

.my_info.joinInfo .order_box {height: 100%; padding: 1.5rem; border-radius: .5rem; border: 1px solid var(--n-gray-300);}  

.my_info.joinInfo .content_box {display: flex; flex-direction: column; padding: 0 .8rem; margin-bottom: 3.2rem;}
.my_info.joinInfo .content_box .title_wrap {margin-bottom: 1.2rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--n-gray-400);}
.my_info.joinInfo .content_box .title_wrap h2 {margin-bottom: 0; padding-bottom: 0; border-bottom: 0; line-height: 1.75;}
.my_info.joinInfo .content_box .title_wrap.type2 {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.my_info.joinInfo .content_box .title_wrap.type3 {display: flex; flex-direction: column; justify-content: space-between;}
.my_info.joinInfo .content_box .title_wrap .ref {font-size: 1.2rem; font-weight: 400; color: var(--n-gray-400);}
.my_info.joinInfo .content_box .title_wrap .amount_refresh {display: flex; justify-content: end; align-items: center; gap: .8rem; font-size: 1.2rem; font-weight: 400; color: var(--n-gray-400);}
.my_info.joinInfo .content_box .title_wrap .amount_refresh button {height: 3rem;}

.my_info.joinInfo .content_box ul {position: relative; flex-grow: 1; height: 100%;}
.my_info.joinInfo .content_box ul li.data_none {height: 100%; min-height: unset;}
.my_info.joinInfo .content_box ul li.btn_wrap {margin-top: auto;}
.my_info.joinInfo .content_box ul .title, .my_info.joinInfo .content_box ul .text {font-size: 1.3rem;} 
.my_info.joinInfo .content_box ul .rateplan {font-size: 1.6rem; font-weight: 700; color: var(--n-primary); text-align: center;}

.my_info.joinInfo .content_box .btn_group {border-radius: .5rem; background-color: var(--n-primary-light); word-break: keep-all;}
.my_info.joinInfo .content_box .btn_group .btn_item {position: relative;}
.my_info.joinInfo .content_box .btn_group .btn_item:not(:first-child)::before {content: ''; display: block; width: 1px; height: 50%; background-color: rgb(36 150 181 / 25%); position: absolute; top: 50%; transform: translateY(-50%);} 
.my_info.joinInfo .content_box .btn_group .btn {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 3.5rem; padding: .5rem 1rem; border: 0; font-size: 1.3rem; font-weight: 500; background-color: transparent; color: var(--n-primary);}

.my_info.joinInfo .content_box .box_guide .text {padding: 0; margin: 0;}

.my_info.joinInfo .content_box .amount_info {display: flex; flex-wrap: wrap; gap: .8rem 0;}
.my_info.joinInfo .content_box .amount_info ul {flex-grow: 1;}
.my_info.joinInfo .content_box .amount_info > * {padding: 0 .4rem;}
.my_info.joinInfo .content_box .amount_info .amount {width: 100%; color: var(--n-gray-500); flex-shrink: 0;}
.my_info.joinInfo .content_box .amount_info .amount .acc {font-weight: 700; color: var(--n-primary);}
/* .my_info.joinInfo .content_box .amount_info {font-size: 1.4rem; color: var(--n-gray-800); word-break: keep-all;}
.my_info.joinInfo .content_box .amount_info .acc {margin-top: .8rem; font-size: 1.8rem; font-weight: 700; color: var(--n-primary);}
.my_info.joinInfo .content_box .amount_info .ref {font-size: 1.2rem; font-weight: 400; color: var(--n-gray-400);} */
.my_info.joinInfo .amount_area + .form_notice {font-size: 1.3rem;}

.my_info.joinInfo .charge_area {flex-direction: column;}
.my_info.joinInfo .charge_area .total_info {display: flex; flex-direction: column; justify-content: center; width: 100%; padding-bottom: 1.2rem; margin-bottom: 1.2rem; border-bottom: 1px solid #e6e6e6; font-size: 1.6rem; color: var(--n-gray-900); text-align: center;}
.my_info.joinInfo .charge_area .total_info .amount {font-size: 2rem; color: var(--n-primary);}
.my_info.joinInfo .charge_area .total_info .period {margin-top: .5rem; font-size: 1.3rem; color: var(--n-gray-400);}
.my_info.joinInfo .charge_area .charge_info {width: 100%; margin-top: 1.2rem;}

/* pay history */
.select_month_area {margin-bottom: 2.4rem; text-align: center;}
.select_month_area .select_box {width: 120px;}
.select_month_area .period {padding-top: 1rem; font-size: 1.3rem; color: var(--n-gray-500);}



/***********************************************************************************************************************
  F. Self
***********************************************************************************************************************/
.self_wrap .box_outline_icon {filter: none;}
.self_wrap .n_btn_outline_gray {background-color: #fff;}

.self_wrap #harmAgree .box {background-color: transparent; border: 1px solid var(--n-gray-300);}
.self_wrap #areaTerms {padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #eee;}
.self_wrap #areaTerms > div, #areaTerms > div {padding: .2rem 0;}
.self_wrap #areaTerms .btn_underline, #areaTerms .btn_underline, .self_wrap #harmAgree .btn_underline {min-width: 3rem;}
.self_wrap #personAgree .btn_underline {min-width: 3rem;}

/* terms */
#areaTerms .btn_underline {min-width: 50px;}
.box_outline.terms {padding: 2rem 0;}
.box_outline.terms .form_check_icon {padding: .5rem 0;}
.box_outline.terms .form_check_icon .n_check_label {position: relative; padding-left: 5rem;}
.box_outline.terms .form_check_icon input[type="checkbox"] + label span {position: absolute; top: 50%; left: 2rem; display: inline-block; width: 24px; height: 24px; vertical-align: top; cursor: pointer; transform: translateY(-50%); background: url(../svg/check-lg.svg) no-repeat center center; background-size: 100%; background-position: 0 0; filter: invert(95%) sepia(2%) saturate(21%) hue-rotate(89deg) brightness(91%) contrast(91%);}
.box_outline.terms .form_check_icon input[type="checkbox"]:checked + label span {filter: invert(49%) sepia(96%) saturate(391%) hue-rotate(146deg) brightness(85%) contrast(86%);}
.box_outline.terms .btn_underline {padding-right: 2rem;}

#inisisAuth .modal-body {height: 65vh;}
#inisisAuth .acc_group {padding: 1rem; border: 1px solid #e6e6e6; border-radius: 1rem;}
#inisisAuth .acc_content {font-size: 1.4rem;}
#inisisAuth .step {flex-direction: row;}
#inisisAuth .step_item + .step_item::before {top: 50%; left: -2.5rem; transform: translateY(-50%); background: url(../svg/chevron-right.svg) center / 100% no-repeat; }
#inisisAuth .step_item .img_wrap {width: 6rem; height: 6rem;}
#inisisAuth .step_item .img_wrap img {width: 3rem; height: 3rem;}

.self_wrap #hopeNumListArea {margin: 1rem 0;}
.self_wrap #hopeNumList {padding: 1rem 0;}
.self_wrap #hopeNumListArea button {max-width: 340px;}

.self_copy_wrap {padding: 2rem 0 4rem 0;}
.self_copy {font-size: 1rem; color: var(--n-gray-400); text-align: center;}

/*-------------------------------------------
  -- step1
-------------------------------------------*/
/* self call (가입 가능시간 안내) */
.self_call {font-size: 1.4rem; color: var(--n-gray-800);}
.self_call .title {margin-bottom: .5rem; font-weight: 700;}
.self_call .content {padding-left: 1.2rem; margin-bottom: 1.6rem; list-style: "- ";}

.self_call .content li {word-break: keep-all;}
.self_call .ref {font-size: 1.1rem; color: var(--n-gray-500);}

/* self info (셀프개통 안내) */
.self_info .box_outline .title {margin-bottom: 1rem; font-size: 1.6rem; font-weight: 500;}
.self_info .box_outline .content {font-size: 1.4rem; color: var(--n-gray-800); word-break: keep-all;}
.self_info .box_outline .ref {padding-top: 1rem; font-size: 1.2rem; color: var(--n-gray-600);}

/* 유심/esim 안내 버튼(임시) */
.self_wrap .guide_btn {text-align: right;}
.self_wrap .guide_btn button {height: 3rem; padding: 0 1rem; font-size: 1.4rem;}

/* 보유 유심 인증 */
#selfInfo .box_form {margin: 1.6rem 0; text-align: center;}

.step1-activeInfo button {font-size: 1.4rem;}
.step1-usimInfo .advice_item {flex-direction: column;}
.step1-usimInfo .advice_item .img_wrap {flex-basis: unset; width: 8rem; height: 8rem; background-color: var(--n-primary-light);}
.step1-usimInfo .advice_item .img_wrap img {width: auto; height: 5rem;}
.step1-usimInfo .advice_item .box_outline {padding: 1rem;}

.step1-authInfo .box {display: flex; flex-direction: column; height: 100%; padding: 2rem; border: 1px solid var(--n-gray-300);}

#personAgree .form_check_icon .n_check_label {padding-right: .5rem;}

/*-------------------------------------------
  -- price select(요금제 선택 - step_price)
-------------------------------------------*/
/* price filter */
.price_filter, .price_filter_popup {top: 6rem; padding: 1rem 0; margin-top: -10px; border-bottom: 2rem solid var(--n-lightPurple); background-color: #fff; overflow-x: visible;}
.price_filter .swiper {padding-right: 1rem;}
.price_filter button, .price_filter_popup button {padding: .8rem 1.2rem; font-size: 1.4rem; color: var(--n-gray-700); background-color: #fff; border: 1px solid var(--n-gray-300); border-radius: 100px;}
.price_filter button.on, .price_filter_popup button.on {color: var(--n-primary); background-color: #fff; border-color: var(--n-primary);}

.self_wrap .price_sticky_wrap {top: 6rem; background-color: #fff;}
.body_wrap_agent.self_wrap .price_sticky_wrap {top: 0;}
.self_wrap .price_sticky_wrap .sub_header {position: relative; top: 0; margin-bottom: 2.4rem;}
.self_wrap .price_sticky_wrap .price_filter {top: 0; margin-top: 0; border-bottom: 0;}
.self_wrap .box_cardlist {padding-top: 2rem; border-radius: 0;}

/* price list */
.card_price_list {border: none;}
.card_price_list + .card_price_list {margin-top: 1.6rem;}
.card_price_list label {padding: 1.6rem 2rem; border: 1px solid #fff; border-radius: 5px;}
.card_price_list input[type="radio"] {display: none;}
.card_price_list input[type="radio"]:checked + label {border: 1px solid var(--n-primary);}

.card_price_list .head {margin-bottom: .8rem; font-size: 1.4rem; font-weight: 700;}
.card_price_list .content_group {flex-direction: column; margin-top: .8rem;}
.card_price_list .text {font-size: 1.2rem; color: var(--n-gray-800);}
.card_price_list .text li {position: relative; display: inline-block; padding-right: 1rem; margin-right: 0.8rem;}
.card_price_list .text li:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-block; width: 1px; height: 10px; background-color: var(--n-gray-300);}
.card_price_list .detail {flex: 1 1 auto;}
.card_price_list .detail .ref {font-size: 1.3rem; font-weight: 500; color: var(--n-gray-600);}
.card_price_list .price {flex: 0 0 auto; margin-top: .8rem; font-size: 1.8rem; font-weight: 700; text-align: right; color: var(--n-primary);}
.card_price_list .price span {font-size: 1.4rem;}
.card_price_list .price .ref {font-size: 1.3rem; font-weight: 400; color: var(--n-gray-600);}

/*-------------------------------------------
  -- order list(가입정보 확인 - step_6)
-------------------------------------------*/
.order_list_wrap h1 {margin-bottom: 3.2rem;}
.order_list_wrap h2 {padding-bottom: 1.2rem; border-bottom: 1px solid var(--n-gray-400);}
.order_list_wrap .order_list.type_flex, .order_box.type_flex {display: flex; flex-direction: column;}
.order_list li + li {padding-top: 1.6rem;}
.order_list .title {font-size: 1.4rem; color: var(--n-gray-500);}
.order_list .text {font-size: 1.4rem; color: var(--n-gray-800);}
.order_list .text_flex {display: flex; flex-direction: column; align-items: start;}

.order_list .box_guide {margin-top: 1rem;}	
.order_list .box_guide .row + .row {padding-top: 1rem;}

/*-------------------------------------------
  -- applyComplArea(접수완료 - step_7)
-------------------------------------------*/
.applyComplArea .img_wrap {margin-bottom: 1rem;}
.applyComplArea .img_wrap img {width: 6rem; filter: var(--n-filter-primary);}



/***********************************************************************************************************************
  G. Components
***********************************************************************************************************************/
/*-------------------------------------------
  -- form
-------------------------------------------*/
.form_wrap + .form_wrap {margin-top: 3.2rem;}
.form_group {margin-bottom: 1.6rem;}
.form_group:last-child {margin-bottom: 0;}
.input_group {position: relative;}
.input_group input[type="email"] {padding-right: 7rem;}

.input_flex {display: flex; align-items: center; gap: .8rem;}
.input_flex input {flex: 1;}
.input_flex button {height: 5rem; padding: 0 1.6rem;}

.form_notice {width: 100%; margin-top: 1rem; font-size: 1.3rem; color: var(--n-gray-800);}
/* .form_group#areaTerms > div + div {padding: .5rem 0} */

/* label */
.n_form_label {font-size: 1.4rem; padding-bottom: .8rem; margin: 0; color: var(--n-gray-800);}
.n_check_label {font-size: 1.4rem; padding-left: 1rem; color: var(--n-gray-800);}

/* checkbox - terms */
.form_check_icon {padding-left: 0; margin-bottom: 0;}
.form_check_icon .n_check_label {position: relative; padding-left: 3.2rem;}
.form_check_icon input[type="checkbox"] + label span {position: absolute; top: 50%; left: 0; display: inline-block; width: 24px; height: 24px; vertical-align: top; cursor: pointer; transform: translateY(-50%); background: url(../svg/check-lg.svg) no-repeat center center; background-size: 100%; background-position: 0 0; filter: invert(95%) sepia(2%) saturate(21%) hue-rotate(89deg) brightness(91%) contrast(91%);}
.form_check_icon input[type="checkbox"]:checked + label span {filter: var(--n-filter-primary);}

/*-------------------------------------------
  -- list
-------------------------------------------*/
.list li {position: relative;}
.list li + li {margin-top: .8rem;}
.list li.ref {margin-top: .25rem; padding-left: 1rem;}

.list_dash li {position: relative; padding-left: 1rem;}
.list_dash li:before {content: ""; position: absolute; top: 10px; left: 0; display: block; width: 5px; height: 1px; background-color: var(--n-gray-800);}
.list_dash li.ref:before {display: none;}

.list_dot li {position: relative; padding-left: 1rem;}
.list_dot li + li {margin-top: .8rem;}
.list_dot li.ref {margin-top: .25rem;}
.list_dot li:before {content: ""; position: absolute; top: 8px; left: 0; display: block; width: 3px; height: 3px; border-radius: 100%; background-color: var(--n-gray-800);}
.list_dot li.ref:before {display: none;}

.select_list_area {}
.select_list {gap: 1.6rem 0;}
.select_list li {position: relative; text-align: center;}
.select_list li a {display: inline-block; width: 100%; height: 100%; font-size: 1.2rem; color: var(--n-gray-800);}
.select_list li a.on {font-weight: 500; color: var(--n-gray-900);}
.select_list li a.on .img_wrap {border: 2px solid var(--n-primary); box-shadow: var(--n-primary-shadow) 0px 0px 0px 3px;}

.select_list li a .img_wrap {width: 5rem; height: 5rem; margin: 0 auto; border: 1px solid #e6e6e6; border-radius: 1rem; overflow: hidden;}
.select_list li a .img_wrap img {width: 100%; height: 100%; object-fit: cover;}
.select_list li a span {display: inline-block; margin-top: .5rem;}

/*-------------------------------------------
  -- table
-------------------------------------------*/
.table_board {width: 100%; border-top: 1px solid var(--n-primary); border-bottom: 1px solid var(--n-primary); font-size: 1.4rem;}
.table_board tr {border-bottom: 1px solid #e6e6e6;}
.table_board th {width: 8rem; word-break: keep-all;}
.table_board td { padding: 2rem 0; padding-left: 1rem;}

.table_board.type2 {width: 100%; border-top: 2px solid var(--n-primary); font-size: 1.4rem;}
.table_board.type2 tr {border-bottom: 1px solid #e6e6e6;}
.table_board.type2 th {width: auto; min-width: unset; padding: 1rem; border: 1px solid #e6e6e6; background-color: var(--n-gray-100); color: var(--n-gray-900); text-align: center;}
.table_board.type2 th:first-child {border-left: 0;}
.table_board.type2 th.be_0 {border-right: 0;}
.table_board.type2 td {width: auto; padding: 1.6rem 1rem; color: var(--n-gray-800); line-height: 1.5}
.table_board.type2 td ~ td {border-left: 1px solid #e6e6e6;}

/*-------------------------------------------
  -- box
-------------------------------------------*/
.box {border-radius: 5px;}

.box_title {font-size: 1.4rem; font-weight: 500; color: var(--n-gray-900); margin-bottom: 1rem;}

.box_outline {padding: 2rem; border: 1px solid var(--n-gray-300);}
.box_outline_title {padding-top: .8rem; font-size: 1.4rem; color: var(--n-gray-800);}
.box_outline_text {padding-top: .8rem; font-size: 1.1rem; color: var(--n-gray-400);}
.box_outline_icon img {width: 4rem; filter: invert(59%) sepia(2%) saturate(156%) hue-rotate(33deg) brightness(94%) contrast(86%);}

.box_form {padding: 2.4rem 2rem; background-color: var(--n-lightPurple);}
.box_form .inner {max-width: 430px;}
.box_form .img_wrap {margin-bottom: 1.6rem;}
.box_form img {width: 200px; height: auto; box-shadow: 0, 1, 10, rgba(0, 0, 0, .5);}
.box_form .title {padding-bottom: 1.6rem; font-size: 1.4rem; font-weight: 700; color: var(--n-primary);}
.box_guide + .form_wrap {margin-top: 3.2rem;}
.box_form .btn_group {background-color: transparent;}

.box_cardlist {background-color: var(--n-lightPurple); overflow-y: auto;}
.box_cardlist .inner {padding-bottom: 10.4rem;}

.box_list {padding: 1.2rem 1.6rem; background-color: var(--n-gray-100);}
.box_list .form-check {padding: .8rem 1.5rem;}

.box_guide {padding: 2rem; background-color: var(--n-gray-100);}
.box_guide .title {padding-bottom: 1rem; font-size: 1.4rem; font-weight: 700; color: var(--n-primary);}
.box_guide .text {padding: .8rem 0 ; margin-top: .8rem; font-size: 1.4rem; color: var(--n-gray-800);}
.box_guide .img_box {width: 180px; height: 230px; border: 1px solid var(--n-gray-300); border-radius: 5px 5px 0 0;}
.img_box#imgKeypad { background: no-repeat center/100% url(../img/IMEI_guide01.jpeg);}
.img_box#imgPhoneInfo { background: no-repeat bottom/100% url(../img/IMEI_guide02.jpeg);}
.box_guide .text_group_title {font-size: 1.5rem; font-weight: 700; margin-bottom: 1.6rem;}
.box_guide .text_group_ref {font-size: 1.4rem;}

.box_green {height: 100%; padding: 1.6rem; background-color: rgba(36, 150, 181, .04);}
.box_green .title {font-size: 1.4rem; font-weight: 700;}

.box_light {height: 100%; padding: 1.6rem; background-color: var(--n-lightGreen);}
.box_light .title {font-size: 1.4rem; font-weight: 700;}

/*-------------------------------------------
  -- button
-------------------------------------------*/
/* disabled */
button:disabled, .btn:disabled, a:disabled, button.disabled, .btn.disabled, a.disabled {pointer-events: none; opacity: .45;}

/* .btn-check[disabled] + .select_btn, .btn-check[disabled] + .select_btn_t2,
.btn-check:checked[disabled] + .select_btn, .btn-check:checked[disabled] + .select_btn_t2,
.select_btn.disabled, .select_btn_t2.disabled,
.btn-check:checked + .select_btn.disabled, .btn-check:checked + .select_btn_t2.disabled {pointer-events: none; border-color: #d0d0d0; background-color: #d0d0d0; color: #a6a6a6; opacity: 1;}
.btn-check:checked[disabled] + .select_btn, .btn-check:checked[disabled] + .select_btn_t2,
.btn-check:checked + .select_btn.disabled, .btn-check:checked + .select_btn_t2.disabled {border-color: #bababa;} */

.btn-check[disabled] + .select_btn, .btn-check[disabled] + .select_btn_t2,
.btn-check:checked[disabled] + .select_btn, .btn-check:checked[disabled] + .select_btn_t2,
.btn-check:checked + .select_btn.disabled, .btn-check:checked + .select_btn_t2.disabled,
.btn-check:checked[disabled] + .select_btn, .btn-check:checked[disabled] + .select_btn_t2,
.btn-check:checked + .select_btn.disabled, .btn-check:checked + .select_btn_t2.disabled,
.select_btn.disabled, .select_btn_t2.disabled {pointer-events: none; opacity: .45;}

.btn_wrap {margin-top: 4rem;}
.btn_group {padding: 1rem 0; background-color: #fff;}
.btn_group.type_flex {display: flex; padding: 0;}
.btn_group.type_flex > * {flex: 1;}
.fixed-bottom {z-index: 1029;}
.fixed-bottom .btn_group {box-shadow: 0 -2px 16px #00000014;}

.n_btn_primary {background-color: var(--n-primary); color: #fff;}
.n_btn_primary:hover {background-color: var(--n-primary-hover); color: #fff;}
.n_btn_lightgray {background-color: var(--n-gray-200); color: var(--n-gray-700);}
.n_btn_lightgray:hover {background-color: #eaeaea;  color: var(--n-gray-700);}
.n_btn_darkgray {background-color: var(--n-gray-700); color: #fff;}
.n_btn_darkgray:hover {background-color: var(--n-gray-600); color: #fff;}
.n_btn_dark {background-color: var(--n-gray-900); color: #fff;}
.n_btn_dark:hover {background-color: var(--n-gray-800); color: #fff;}
.n_btn_outline_primary {background-color: transparent; border: 1px solid var(--n-primary); color: var(--n-primary);}
.n_btn_outline_primary:hover {color: var(--n-primary);}
.n_btn_outline_gray {background-color: transparent; border: 1px solid var(--n-gray-500); color: var(--n-gray-600);}
.n_btn_outline_gray:hover {color: var(--n-gray-600);}
.n_btn_outline_dark {background-color: transparent; border: 1px solid var(--n-gray-900); color: var(--n-gray-900);}
.n_btn_outline_dark:hover {color: var(--n-gray-900);}
.n_btn_info {background-color: var(--n-gray-200); color: var(--n-gray-800);}
.n_btn_info:hover {background-color: #eaeaea; color: var(--n-gray-800); border: none;}
.btn_underline {padding: 0; font-size: 1.3rem; color: var(--n-gray-500); text-decoration: underline; vertical-align: middle; background-color: transparent;}
.btn_underline:hover {color: var(--n-gray-500);}
.btn_text_primary {position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 1.4rem; font-weight: 500; background-color: transparent; color: var(--n-primary);}

/* button company */
.n_btn_img#thePay {background: url(../img/thePay_white.png) no-repeat center center; background-size: contain; background-color: #061E4F;}

/* button size */
.n_btn_lg {width: 100%; height: 6rem; font-size: 1.6rem; font-weight: 500; border-radius: 5px;}
a.n_btn_lg {display: inline-block; line-height: 6rem; text-align: center;}
.n_btn_lg.w340 {max-width: 340px;}
.n_btn_lg.w260 {max-width: 260px;}
.n_btn_m {width: 100%; height: 5rem; max-width: 340px; font-size: 1.6rem; font-weight: 500; border-radius: 5px;}
a.n_btn_m {display: inline-block; line-height: 5rem; text-align: center;}
.n_btn_s {width: 100%; height: 5rem; font-size: 1.5rem; border-radius: 5px;}
a.n_btn_s {display: inline-block; line-height: 5rem; text-align: center;}
.n_btn_xs {max-width: 120px; height: 3.5rem; font-size: 1.4rem; border-radius: 5px;}
a.n_btn_xs {display: inline-block; line-height: 3.5rem; text-align: center;}
.n_btn_auto {height: 3rem; padding: 0 1rem; font-size: 1.3rem; border-radius: 5px; text-align: center;}
a.n_btn_auto {display: inline-block; line-height: 3rem; text-align: center;}
.oval {border-radius: 100px;}

/* btn style */
.btn_link_ico {position: relative; padding: 0; font-size: 1.4rem; font-weight: 500; color: var(--n-gray-900); background-color: transparent; vertical-align: middle;}
.btn_link_ico::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: .4rem;}
.btn_link_ico:hover {color: var(--n-gray-900);}

/* icon */
.icon_help {width: 14px; height: 14px; margin-left: .4rem; background: url(../svg/question-circle-fill.svg) no-repeat center center; background-size: 100%; background-position: 0 0; filter: invert(95%) sepia(2%) saturate(21%) hue-rotate(89deg) brightness(91%) contrast(91%);}

/* select button */
input[type="radio"].btn-check  {display: none;}
.select_btn, .select_btn_t2 {display: flex; align-items: center; width: 100%; height: 100%; padding: 1.2rem; font-size: 1.4rem; color: var(--n-gray-700); border: 1px solid var(--n-gray-300); border-radius: 5px; word-break: keep-all;}
.select_btn {justify-content: center;}
.select_btn_t2 {justify-content: space-between;}
.select_btn_lg {padding: 2.4rem 2rem;}
.btn-check + .select_btn:hover {border: 1px solid var(--n-gray-300); background-color: #fff;}
.btn-check:checked + .select_btn {color: var(--n-primary); border-color: var(--n-primary);}
.btn-check:checked + .select_btn, .btn-check:checked + .select_btn_t2, .select_btn.on {color: var(--n-primary); border-color: var(--n-primary); background-color: var(--n-primary-light);}

/* selector */
select.select_box::-ms-expand {display: none;}
.select_box {
	position: relative;
	width: auto;
	padding: 1rem 2.4rem 1rem 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	border: 1px solid #e6e6e6;
	border-radius: 1rem;
	color: var(--n-gray-900);
	background: url(../svg/chevron-down.svg) no-repeat;
	background-position: 95% 50%;
	background-size: 10px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select_box + .select_box {margin-left: .5rem;}

/*-------------------------------------------
  -- badge
-------------------------------------------*/
.badge_wrap {display: flex; flex-wrap: wrap; gap: .5rem; width: 100%; margin-bottom: .5rem; border-radius: .3rem; overflow: hidden;}
.badge_wrap .badge {padding: .5rem; font-size: 1.2rem; font-weight: 700; border-radius: 0.3rem;}
/* .badge_wrap .badge + .badge {margin-left: .5rem;} */

.badge_red {background-color: #FF3366; border: 1px solid #FF3366; color: #fff;}
.badge_purple {background-color: #C426FF; border: 1px solid #C426FF; color: #fff;}
.badge_green {background-color: #00B300; border: 1px solid #00B300; color: #fff;}
.badge_yellow {background-color: #FFD04D; border: 1px solid #FFD04D; color: #fff;}
.badge_black-line {background-color: transparent; border: 1px solid var(--n-gray-900); color: var(--n-gray-900);}

/*-------------------------------------------
  -- text
-------------------------------------------*/
h1 {font-size: 2.2rem; color: var(--n-gray-900);}
h2 {font-size: 1.5rem; font-weight: 700; color: var(--n-gray-900); margin-bottom: 1.2rem;}
.breadcrumb {font-size: 1.1rem; color: var(--n-gray-500); margin-bottom: 0;}
.text_lg_size {font-size: 1.6rem;}
.text_default_size {font-size: 1.4rem;}
.text_md_size {font-size: 1.3rem;}
.text_sm_size {font-size: 1.1rem;}
.text_default_color {color: var(--n-gray-800);}
.text_dark_color {color: var(--n-gray-900);}
.text_light_color {color: var(--n-gray-500);}
.text_primary_color {color: var(--n-primary);}
.text_bold {font-weight: 700;}
.text_semibold {font-weight: 500;}
.text_light {font-weight: 400;}
.text_info {margin-top: .5rem; font-size: 1.3rem;}

.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis2 {overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*-------------------------------------------
  -- step
-------------------------------------------*/
.step {display: flex; flex-direction: column; justify-content: space-between; gap: 3rem;}
.step_item {position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; text-align: center;}
.step_item + .step_item::before {content: ""; position: absolute; top: -2.5rem; left: 50%; transform: translateX(-50%); display: block; width: 1.2rem; height: 1.2rem; background: url(../svg/chevron-down.svg) center/100% no-repeat; filter: invert(83%) sepia(0%) saturate(30%) hue-rotate(177deg) brightness(83%) contrast(81%);} 
.step_item .img_wrap {position: relative; width: 8rem; height: 8rem; background-color: var(--n-primary-light); border-radius: 100%; }
.step_item .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3.2rem; height: 3.2rem;}
.step_item .title {margin-top: 1rem; font-size: 1.4rem;}

/*-------------------------------------------
  -- advice
-------------------------------------------*/
.advice {display: flex; flex-direction: column; gap: 3rem;}
.advice_item {display: flex; gap: 1.6rem; font-size: 1.4rem; color: var(--n-gray-800); line-height: 1.65; word-break: keep-all;}
.advice_item .img_wrap {position: relative; flex-basis: 4rem; min-width: 4rem; height: 4rem; border-radius: 100%;}
.advice_item .img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 4rem; height: 4rem;}
.advice_item .title {font-size: 1.4rem; font-weight: 500; color: var(--n-gray-900);}

.advice.type2 .advice_item {flex-direction: column; gap: 1.2rem;}
.advice.type2 .advice_item .img_wrap {flex-basis: auto; width: 4rem; height: 4rem;}

/*-------------------------------------------
  -- space
-------------------------------------------*/
.pt16 {padding-top: 1.6rem;}
.pt24 {padding-top: 2.4rem;}
.pb16 {padding-bottom: 1.6rem;}
.pb24 {padding-bottom: 2.4rem;}
.pb_fixbtn {padding-bottom: 8rem;}

/*-------------------------------------------
  -- modal
-------------------------------------------*/
.modal-header, .modal-body, .modal-footer {padding: 2rem 2rem;}
.modal-body, .modal-footer {border: none;}
.modal-header {border-color: #ebebeb;}
.modal-body .inner {max-height: 70vh;}
.modal-title {font-size: 1.8rem; font-weight: 700; color: var(--n-gray-900);}
.modal-footer button {height: auto; min-height: 5rem; font-size: 1.4rem; padding: .5rem; letter-spacing: -.25px;}

.modal_text {list-style: "\00B7 "; padding-left: 2rem;}
.modal_text li {font-size: 1.4rem; color: var(--n-gray-800);}
.modal_text li + li {padding-top: 1rem;}
.modal_text_depth {padding: 1rem 0 0 1rem;}
.modal_text_depth li + li {padding-top: .8rem;}

.table_terms {min-width: 600px; vertical-align: middle; font-size: 1.1rem;}
.modal .table-responsive {padding-bottom: 1.25rem;}

/*-------------------------------------------
  -- swiper
-------------------------------------------*/
.swiper {position: relative;} /* overflow: visible; */
.swiper .swiper-wrapper, .swiper-slide {width: auto;}

.filter input[type="text"], .filter input[type="date"], .filter select.form-select {height: auto; padding: .5rem .8rem; font-size: 1.4rem;}	
.filter input[type="date"]::before {content: attr(data-placeholder); width: 100%; color: var(--n-gray-400);}	
.filter input[type="date"]:focus::before, .filter input[type="date"]:valid::before {display: none;}
.viewlist_wrap {width: 100%; white-space: nowrap; font-size: 1.4rem;}	
.viewlist_wrap thead td {padding: .8rem .5rem; color: var(--n-gray-900);}
.viewlist_wrap tbody td {padding: .8rem .5rem; color: var(--n-gray-800);}



/***********************************************************************************************************************
  H. etc
***********************************************************************************************************************/

/* bg space */
.bg_space10 {width: 100%; height: 1rem; background-color: var(--n-gray-100); font-size: 0;}

/*responsive */
.for_tablet, .for_pc {display: none;}

/* error */
.error_wrap {max-width: 550px; padding: 5rem 0; word-break: keep-all;}
.error_wrap img {width: 100%;}
.error_wrap h1 {margin-bottom: 2.2rem; font-size: 2.2rem;}
.error_wrap p {font-size: 1.6rem; color: var(--n-gray-800);}

/* scroll */
.scroll_y {overflow-y: scroll;}
.scroll_y::-webkit-scrollbar {width: 5px;}
.scroll_y::-webkit-scrollbar-thumb {height: 40%; border-radius: 10px; background: rgba(0,0,0,.5);}

/* loading */
.loading img {width: 8rem; height: 8rem;}



/***********************************************************************************************************************
  I. Media Query
***********************************************************************************************************************/
@media screen and (min-width: 576px) {
  /*-------------------------------------------
    -- mobile (576px~)
  -------------------------------------------*/
  
  /***
      E. Sub
    ***/
	/* -- thumb card */
	/* .thumb_card_img.event {max-height : 310px;} */
}
@media screen and (min-width: 768px) {
  /*-------------------------------------------
    -- tablet (768px~)
  -------------------------------------------*/
  
    /***
      B. Layout
    ***/
    /* -- container*/  
    .container {
        max-width: 720px;
    }
 
    
    /***
      D. Main
    ***/
    /* -- main banner(carousel) */
    /* .main_banner_carousel {height: calc(100vw - 400px);} */
    
    .carousel_mobile {display: none;}
	  .carousel_tablet {display: block;}
    
    /* -- main cs area */
    .more_con_card {min-width: 10vw;}
    
    /** 
      E. Sub
    ***/
    /* -- mypage */
    .my_info.joinInfo .content_box .amount_info {flex-wrap: nowrap;}
    .my_info.joinInfo .content_box .amount_info .box_title {margin-bottom: 0;}
	.my_info.joinInfo .content_box .amount_info .price_list.type2 li {flex-wrap: nowrap;}
	.my_info.joinInfo .content_box .amount_info .amount {flex-wrap: nowrap; width: auto; padding-left: 1rem;}
	
	/* -- thumb card */
    .thumb_list_item {width: 50%;}
    /* .thumb_card_img.event {max-height : 200px;} */
    
    /* -- store list */
	  .store_list_item {flex-direction: row; align-items: center; padding: 2rem 1.6rem;}
	  .store_desc {padding-top: 0; padding-left: 2rem;}
}

@media screen and (min-width: 992px) {
    /*-------------------------------------------
      -- desktop (992px~)
    -------------------------------------------*/

    /***
      A. Default
    ***/
    input[type="text"], input[type="password"], input[type="number"], input[type="date"],
    input[type="email"], textarea, select.form-select {width: 100%; height: 5.6rem; padding: 0 1.6rem; font-size: 1.6rem;}
    
    .filter input[type="text"], .filter input[type="date"], .filter select.form-select {height: auto; padding: .5rem .8rem; font-size: 1.4rem;}

    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }

    /* -- header */
    .header .header_content {height: 8rem; align-items: center;}
    .header .logo img {max-height: 35px;}
    .header_top {display: block;}
    
    .header_content .moblie_wrap {display: none;}
	.header_content .pc_wrap {display: flex;}
    
    .header_content .icons_item_btn {height: 3.5rem; padding: 0 2rem; margin-left: 1rem; font-size: 1.6rem;}
	.header_content .icons_item img {width: 3.5rem;}
    .header .icons {display: none;}

    /* -- sub header */
    .sub_header {padding-bottom: 1.6rem; margin-bottom: 5.6rem;}
    .body_wrap_agent.self_wrap .sub_header {top: 0;}
    .self_wrap .sub_header {top: 12.1rem; padding-top: 2rem; padding-bottom: 1.6rem; margin-bottom: 5.6rem;}
    .sub_header_step {padding-bottom: .8rem;}
    .sub_header_step li {padding-right: .8rem;}
    .sub_header_step li img {width: 2.4rem; height: 2.4rem;}

    /* -- body */
    .body_wrap {padding-top: 169px;}
    .body_wrap_agent {padding-top: 80px;}

    /* -- nav */
    .submenu {display: block;}
    .gnb_wrap {display: block;}

    /* -- footer */
    footer {margin-top: 8rem; font-size: 1.3rem;}
    
    .footer_top .policy_list li {padding-right: 1.6rem;}
    
    .footer_bottom .company_info {width: 73%;}
    .footer_bottom .call_info li:first-child {font-size: 1.5rem;}

    /* -- preview bottom */
    /* .preview_wrap {margin-top: 2rem;} */
    .preview_wrap {max-width: 960px; margin: 0 auto;}
    .preview_header { padding: 3.8rem 0;}
    .preview_header .head {font-size: 1.8rem;}
    .preview_header .n_btn_icon {width: 1.8rem; height: 1.8rem;}
    .preview_body {padding: 2.4rem 0 6rem 0;}
    .preview_body .row > div:last-child {border-top: none; border-left: 1px solid #e6e6e6;}
    .preview_body .order_list {margin-top: 0; margin-left: 1rem; padding-top: 0; border-top: none;}
    .preview_body .order_list .title {font-size: 1.6rem;}

    .product_bottom_preview {padding-top: 4rem; margin-bottom: -8rem;}
    .product_bottom_preview .preview_header .content {flex-direction: row;}
    .product_bottom_preview .preview_header .preview_btn {min-width: 280px;}
    .product_bottom_preview .preview_header .head {font-size: 1.6rem; margin-bottom: 0;}
    .product_bottom_preview .preview_header .head span {font-size: 2rem;}
    .product_bottom_preview .preview_body {padding: 0 0 6rem 0;}
    .product_bottom_preview .preview_body .order_list {margin-left: 0; padding: 0 2rem;}
    .product_bottom_preview .preview_body .order_list + .order_list {margin-top: 0; margin-left: 0; padding-top: 0; border-top: none; border-left: 1px solid #e6e6e6;}

    /* -- flex */
    .flex_row {margin: 0 -1.2rem;}
    .flex_row > * {padding: 0 1.2rem;}

    
    /***
      D. Main
    ***/
    .main_inner {padding: 8rem 0;}

    /* -- main banner */
    .main_banner {margin-top: 12rem;}
    .main_banner_carousel {height: calc(100vw / 2.5); max-height: 650px;}
    .carousel-item img {width: auto; height: 100%;}
    
    .carousel_mobile, .carousel_tablet {display: none;}
	  .carousel_pc {display: block;}

    /* .main_banner_text h1 {margin-bottom: 1.6rem;}
    .main_banner_text p {margin-bottom: 6rem;}
    .main_banner_btn {padding: 1.2rem 2.4rem; font-size: 1.5rem;}
    .main_banner_btn::after {width: 2rem; height: 2rem;} */

    /* -- main service area */
    .main_service_area {display: block;}

    /* -- main product list */
    .product_list_header h2 {margin-bottom: 5.6rem; font-size: 2.8rem;}
    .product_list_header .link_all {display: block;}
    .product_list_footer .link_all {display: none;}
    .rate_area, .phone_area {margin-bottom: 0;}

    .rate_card_list {flex-wrap: wrap; gap: 2.4rem 0; margin-bottom: 0; margin: 0 -.8rem 0 -.8rem}
    .rate_card_item {width: 33.33333%; padding: 0 .8rem 0 .8rem;}
    .rate_card {padding: 4rem 3.2rem; border-radius: 2.4rem;}
    .rate_card_title {display: block; margin-bottom: 3.2rem; font-size: 2.4rem;}
    .title_tel_label {font-size: 1.6rem;}
    .rate_card_info {flex-direction: column; gap: .8rem 0; margin-bottom: 3.2rem;}
    .rate_card_info li {display: block; font-size: 1.6rem;}
    /* .rate_card_info li + li {padding-left: 0; padding-top: .8rem;} */
    /* .rete_info_ico {width: 20px; margin-right: 1rem;} */
    .rate_info_ico.ico_data::before {width: 2rem; height: 2rem; margin-right: 1rem;}
	.rate_info_ico.ico_voice::before {width: 2rem; height: 2rem; margin-right: 1rem;}
	.rate_info_ico.ico_mms::before {width: 2rem; height: 2rem; margin-right: 1rem;}
    .rate_card_price {font-size: 3.2rem;}
    .rate_card_price .origin {font-size: 1.6rem;}
    .rate_card_price span {font-size: 2rem;}

    .phone_card_list {margin-bottom: 0;}
    .phone_card_box {height: auto; margin-top: -40%;}
    .phone_card_img {width: 200px; height: 200px; float: none; margin: 0 auto;}
    .phone_card_box .inner {padding-top: 80px; text-align: center;}
    .phone_card_title {font-size: 2rem;}
    .phone_card_txt {margin-bottom: 2.4rem; font-size: 1.6rem;}
    .phone_card_price {font-size: 2.8rem;}
    .phone_card_price span {margin-right: .8rem; font-size: 2rem;}
    .phone_card_ref {font-size: 1.3rem;}

    /* -- main cs area */
    .main_cs {border-top: 0;}
    .main_cs .main_inner {border-top: 1px solid #cecece;}
    .more_con_header h2 {margin-bottom: 5.6rem; font-size: 2.8rem;}

    .more_con_area {margin-bottom: 6rem;}
    .more_con_card {min-width: 10vw; padding: 3.2rem; border-radius: 24px;}
    .more_con_card_title {font-size: 2rem;}
    .more_con_card_txt {font-size: 1.6rem;}
    .more_con_card_ico {text-align: right;}
    .more_con_card_ico img {width: 6rem;}

    .call_cs_header h3 {margin-bottom: 1.6rem; font-size: 2rem;}
    .call_cs_box {margin-bottom: 2.4rem;}
    .call_cs_box .inner {flex-direction: unset; align-items: center;}
    .call_cs_title {font-size: 3.2rem;}
    .call_cs_txt {padding-left: 3.2rem; font-size: 1.8rem;}
    .call_cs_btn {margin-top: 0; padding: .5rem 1.5rem; font-size: 1.6rem;}

    .notice_box {font-size: 1.6rem;}
    .notice_title {padding-left: 2.4rem;}
    .notice_title::after { width: 1.5rem; height: 1.5rem;}
    
    .main_prop {margin-top: 6rem; margin-bottom: -8rem;}
    .main_prop .inner {flex-direction: unset; align-items: center;}
    .main_prop .title {margin-bottom: 1rem; font-size: 2rem;}
    .main_prop .txt {font-size: 1.6rem; color: var(--n-gray-800);}
    .prop_btn {margin-top: 0; padding: 1rem 2.4rem; font-size: 1.8rem;}
	
    /* main prop */
    /* .main_prop {margin-top: 4rem; margin-bottom: -4rem; padding: 4rem 0; background-color: #eaeaea;}
    .main_prop_header {margin-bottom: 1rem;} */
    .main_prop {padding: 6rem 0;}
    .main_prop_header h2 {font-size: 2.8rem;}
    .main_prop_header .txt {font-size: 1.6rem;}
    .main_prop_acc {font-size: 1.6rem;} 


    /***
      E. Sub
    ***/
    /* -- common */
    .page_title {padding: 1rem 0; margin-bottom: 5.6rem;}

    .alert_wrap > * {font-size: 1.6rem;}
    .alert_img {padding: 1.6rem 0 1rem 0;}
	  .alert_img span {width: 3.6rem; height: 3.6rem;}

    /* document */
    .doc_wrap {}
    .doc_head {margin-bottom: 48px; padding-top: 50px;}
    .doc_head h2 {font-size: 20pt; margin-bottom: 0;}
    .doc_head_logo {height: 35px;}
    .doc_content {font-size: 11pt;}
    .doc_content + .doc_content {margin-top: 40px;}
    .doc_content .title {padding-bottom: 10px; font-size: 13pt;}
    .doc_content .table_board.type2 {font-size: 11pt;}
    .doc_content .table_board.type2 th, .doc_content .table_board.type2 td {padding: 10px;}
    .doc_content .flex_row {margin: 0 -20px;}
    .doc_content .flex_row > * {padding: 0 20px;}
    .doc_content .price_list {font-size: 11pt;}
    .doc_content .price_list li + li {padding-top: 10px;}
    .doc_content .price_list li.depth {font-size: 10.5pt;}
    .doc_content .doc_price_area.total .price_list {font-size: 13pt;}
    .doc_notice {font-size: 9.75pt; padding-top: 8px;}
    .doc_notice .box {padding: 14px ;}
    .doc_notice .box .title {font-size: 9.75pt;}
    .doc_seal {padding-top: 24px;}
    .doc_seal p {font-size: 11pt;}
    .doc_seal .seal {margin-top: 24px; font-size: 16pt;}
    /* .doc_seal .seal img {width: 35px;} */

    /* -- accordion style */
    .acc_wrap .acc_header {font-size: 1.6rem;}
    .acc_wrap .acc_header .acc_header_link::after {right: 2.4rem; width: 1.5rem; height: 1.5rem;}
    .acc_wrap .acc_header.active .acc_header_link::after {right: 2.4rem; width: 1.5rem; height: 1.5rem;}

    /* type2 */
	  .acc_wrap.type2 .acc_header .acc_header_link {width: 1.5rem; height: 1.5rem;}

    /* -- board list */
    .board_list {margin-top: 2.4rem;}
    .board_list li {padding: 2rem 2.4rem;}
    .board_list li .title, .board_list li .title a {font-size: 1.8rem;}
    .board_list li .title.ico {padding-right: 2rem;}
    .board_list li .detail_list li {font-size: 1.5rem;}
    .board_list li .detail_list li + li {padding-left: 1.2rem; margin-left: 1.2rem;}

    /* type2 - 적립내역 형식 */
    .board_list.type2 li .date {font-size: 1.4rem;}
    .board_list.type2 li .title, .board_list.type2 li .text {font-size: 1.6rem; margin-bottom: 0;}
    .board_list.type2 li .amount {flex-shrink: 0; font-size: 1.6rem;}

    /* -- card list */
    .card_list_item {margin-bottom: 1.5rem; font-size: 1.6rem;}
    
    .card_link {padding: 2rem 2.4rem;}
    
    .service_desc .title {padding-right: 2rem;}
	.service_desc .price {font-size: 2rem;}
    
    /* -- thumb card */
    .thumb_list_item {width: 33.33333333%;}
    .thumb_card_link {margin-bottom: 2.4rem;}
    .thumb_card_img {margin-bottom: 1rem;}
    .thumb_card_desc {font-size: 1.6rem;}
    .thumb_card_desc .title {margin-bottom: .5rem; font-size: 1.8rem;}
	
    /* -- tab */
	.tab_box {margin-bottom: 2.4rem}
	.tab_box_link {padding: 2rem 0; font-size: 1.6rem;}
	
	/* .tab_box_list_t2 li {flex: 1;} */
	
	.tab_icon .tab_box_link {padding: 4.4rem 0 1.6rem 0;}
	.tab_icon .tab_box_link::before {top: 1.6rem; width: 2rem; height: 2rem;}
	
	.sub_tab {margin-bottom: 2.4rem;}
	.sub_tab_link {padding: 1.6rem 1rem; font-size: 1.5rem;}
	
	.tab_login {margin-bottom: 3.2rem;}
    .tab_login_link {font-size: 1.6rem;}

    /* -- search */
	  .search_wrap {padding: 2rem 0;}

    /* -- product layout */

    /* -- rate layout */
    .card_rate_link {padding: 2rem 2.4rem; font-size: 1.6rem;}
    .card_rate_link .title {padding-right: 2rem;}
    .card_rate_link .title::after {background: url(../svg/chevron-right.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: inline-block; width: 1.6rem; height: 1.6rem; filter: invert(25%) sepia(98%) saturate(9%) hue-rotate(329deg) brightness(100%) contrast(95%);}
    .card_rate_link .content_group {flex-direction: row; margin-top: 1rem;}
    .card_rate_link .desc {flex: 1; font-size: 1.4rem;}
    .card_rate_link .desc li {padding-right: 1.2rem; margin-right: 1rem;}
    .card_rate_link .desc li:not(:last-child)::after {height: 12px;}
    .card_rate_link .price {margin-top: 0; font-size: 2rem;}
    
    .rate_info_wrap {margin-bottom: 3.2rem;}
    .rate_info_wrap .inner {padding: 3.2rem;}
    .rate_info {}
    .rate_info .header_sub .badge {font-size: 1.5rem;}
    .rate_info .telco {font-size: 1.5rem;}
    .rate_info .header {margin-bottom: 3.2rem; padding-bottom: 3.2rem; font-size: 3.2rem; }
    .rate_info .content {flex-direction: row; justify-content: space-between; align-items: center;}
    .rate_info .content .detail .ref {margin-top: 1rem; margin-bottom: 0;}
    .rate_info .content .desc {display: flex; margin-bottom: 0; font-size: 1.6rem;}
    .rate_info .content .desc li {flex-direction: column; max-width: 120px; margin-bottom: 0; margin-right: 6.4rem;}
    .rate_info .content .desc .icon {width: 4rem; height: 4rem; margin-right: 0; margin-bottom: 1.5rem;}
    .rate_info .price p {font-size: 2.8rem;}
    
    .rate_caption {}
    .rate_caption_list {display: flex; padding: 1rem; padding-top: 2rem; font-size: 1.4rem;}
    .rate_caption_list li {margin-bottom: 0;}
    .rate_caption_list li:not(:last-child) {margin-bottom: 0; padding-right: 4rem;}
    
    .rate_detail {padding-top: 2rem;}
    .rate_detail_depth {margin-bottom: 3.2rem;}
    .rate_detail_depth .title {margin-bottom: 2rem; font-size: 1.6rem;}
    .rate_detail_depth .desc {padding-left: 2rem; font-size: 1.4rem;}
    .rate_detail_depth .desc_list {padding-left: 3rem; font-size: 1.4rem;}
    .rate_detail_depth .desc_list li {margin-bottom: 1rem;}
    .rate_detail_depth .desc_list li::before {top: 1rem;}
    .rate_detail_depth .desc_list_depth {padding: 1rem 0 0 2rem; font-size: 1.3rem;}
    .rate_detail_depth .desc_list_depth li::before {top: 1rem;}
	
	/* -- event */
    .event_board {font-size: 1.6rem;}
    .event_board .board_head .title {font-size: 2.4rem;}
    /* .thumb_card_img.event {max-height : 180px;} */
    
    /* -- review */
	.review_list_header {margin-bottom: 2rem;}
	.review_list_header .title {font-size: 2rem;}
	.review_list_header .review_info {font-size: 1.5rem;}
	.review_list_header .grade {gap: 0 .6rem;}
	.review_list_header .grade_icon {width: 1.5rem; height: 1.5rem;}
	.review_list_content {display: flex; flex-direction: row-reverse; gap: 2rem;}
	.review_list_content .desc {width: 75%; margin-bottom: 0; font-size: 1.6rem;}
	.review_list_content .img_wrap {width: 25%; height: 200px;}
	
	.grade_btn_wrap {gap: 0 .6rem;}
	.grade_btn_wrap .grade_btn {width: 3.2rem; height: 3.2rem;}
    
    /* -- qna */
    .qna_tab_wrap {padding-top: 5.6rem;}
    .qna_tab_item {margin-right: 1rem;}
    .qna_tab_link {padding: 1rem 2.4rem; font-size: 1.6rem;}
    
    .qna_acc_wrap {padding-top: 1.6rem;}
    .qna_acc_wrap .acc_header {font-size: 1.6rem;}
    .qna_acc_wrap .acc_header_link {padding: 2.4rem; padding-right: 5.6rem;}
    .qna_acc_wrap .acc_header .acc_header_link::after {background: url(../svg/chevron-down.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 2.4rem; display: inline-block; width: 1.5rem; height: 1.5rem;}
    .qna_acc_wrap .acc_header.active .acc_header_link::after {background: url(../svg/chevron-up.svg) no-repeat center/100%; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 2.4rem; display: inline-block; width: 1.5rem; height: 1.5rem;}
    .qna_acc_wrap .acc_content {padding: 2.4rem;}
    .qna_acc_wrap .acc_content_inner {font-size: 1.6rem;}
	
    /* -- notice */
    .notice_wrap {padding-top: 5.6rem;}
    .notice_list_item {flex-direction: row; align-items: center; padding: 2rem 2.4rem; font-size: 1.6rem;}
    .notice_list_item .title {margin-bottom: 0; padding-right: 2rem; flex: 1;}
    .notice_list_item .date {font-size: 1.4rem;}
    
    .notice_list_item.order_item .inner_flex {flex-direction: row;}
	.notice_list_item.order_item .btn_group {flex-direction: column; justify-content: normal; margin-top: 0;}
	.notice_list_item.order_item .btn_group > * {width: auto; min-width: 80px; height: 3.5rem; line-height: 3.5rem; }
	.notice_list_item.order_item .btn_group > * + * {margin-left: 0;}
    
    .notice_board {font-size: 1.6rem;}
    .notice_board .board_head {padding: 2rem 2.4rem; background-color: var(--n-lightGreen);}
    .board_head .date {font-size: 1.4rem;}
    .notice_board .board_content { padding: 2rem 2.4rem 6rem 2.4rem;}
    .board_page .page_item {padding: 1.6rem 2.4rem;}
    .board_page .page_link {padding-left: 1.6rem;}

    /* -- store list */
    .store_list_item {padding: 2rem 2.4rem; font-size: 1.6rem;}
    .store_list_item .title {margin-bottom: 0; padding-right: 2rem; flex: 1;}
    .store_list_item .date {font-size: 1.4rem;}
    
    .store_map {height: 20rem; margin-bottom: 0;}
    
    .store_list {margin-top: 0;}
    .store_desc .ref {margin-top: .8rem;}
    .store_link .ref {margin-top: .8rem;}
    
    /* old */
    .store_card_link {padding: 2.4rem; min-height: 148px; font-size: 1.6rem; margin-bottom: 1.6rem;}
    .store_card_link .ref {font-size: 1.4rem;}
	
	  /* -- online cs */
    .agree_group {margin-top: 3.2rem;}
    .agree_box {padding: 2.4rem; font-size: 1.5rem;}
    .agree_check {margin-top: 1rem;}
	
    /* -- pagination */
    .pagination {margin-top: 3.2rem;}
    .page_icon {width: 1.6rem; height: 1.6rem;}
    .page_prev {margin: 0 .8rem;}
    .page_next {margin: 0 .8rem;}
    .page_link {margin: 0 .8rem; font-size: 1.6rem;}
    
    /* -- contact */
	  .company_img_wrap {height: 25rem; margin-top: -49px;}

    /* -- mypage */
    .my_info.joinInfo .header {padding-top: 2rem;}
    .my_info.joinInfo .header_top {flex-direction: row; align-items: center; padding-top: 0; margin-bottom: 2rem; font-size: 2rem;}
    .my_info.joinInfo .header_top .name {font-size: 2.4rem; color: var(--n-gray-900);}
    .my_info.joinInfo .header_top .apply_no {display: block; padding-top: 0; margin-top: 0; border-top: 0;}
    .my_info.joinInfo .header_bottom {font-size: 1.6rem;}
    .my_info.joinInfo .header_bottom ul {flex-direction: row;}
    .my_info.joinInfo .header_bottom ul li {display: list-item; width: 33.33333%; padding: 2.4rem; border-bottom: 0; border-right: 1px solid #e0e0e0; text-align: center;}
    /* .my_info.joinInfo .content_box ul li.btn_wrap {margin-top: auto;} */
    .my_info.joinInfo .header_bottom ul li:last-child {border-right: 0;}
    
    .my_info.joinInfo .order_box {padding: 2.4rem;} 
    
    .my_info.joinInfo .content_box {padding: 0 1.2rem; margin-bottom: 4.8rem;}
    .my_info.joinInfo .content_box .title_wrap {margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
    .my_info.joinInfo .content_box .title_wrap h2 {margin-bottom: 0; padding-bottom: 0;}
    .my_info.joinInfo .content_box .title_wrap.type3 {flex-direction: row;}
    .my_info.joinInfo .content_box .title_wrap .ref {font-size: 1.4rem;}
    .my_info.joinInfo .content_box .title_wrap .amount_refresh {width: auto; font-size: 1.4rem;}
    
    .my_info.joinInfo .content_box ul .title, .my_info.joinInfo .content_box ul .text {font-size: 1.5rem;} 
    .my_info.joinInfo .content_box ul .rateplan {font-size: 1.6rem;}
    
    .my_info.joinInfo .content_box ul .btn_group .btn {min-height: 4rem; font-size: 1.4rem;}
    
    .my_info.joinInfo .content_box .box_guide .text {padding: 0; margin: 0;}
    
    /* .my_info.joinInfo .content_box .amount_info {font-size: 1.5rem; padding: 2rem;}
    .my_info.joinInfo .content_box .amount_info .acc {font-size: 2rem;}
    .my_info.joinInfo .content_box .amount_info .ref {font-size: 1.3rem;} */
    
    .my_info.joinInfo .charge_area {flex-direction: row;}
    .my_info.joinInfo .charge_area .total_info {height: 100%; padding-bottom: 0; margin-bottom: 0; padding-right: 1.2rem; margin-right: 1.2rem; border-bottom: 0; border-right: 1px solid #e6e6e6; font-size: 1.8rem;}
    .my_info.joinInfo .charge_area .total_info .amount {font-size: 2.4rem;}
    .my_info.joinInfo .charge_area .total_info .period {margin-top: 1rem; font-size: 1.4rem;}
    .my_info.joinInfo .charge_area .charge_info {margin-top: 0;}


    /***
      F. Self
    ***/
    /* terms */
    .box_outline.terms {padding: 2.4rem 0;}
    .box_outline.terms .form_check_icon {padding: .8rem 0;}
    .box_outline.terms .form_check_icon .n_check_label {padding-left: 6rem;}
    .box_outline.terms .form_check_icon input[type="checkbox"] + label span {left: 2.4rem; width: 2.6rem; height: 2.6rem;}
    .box_outline.terms .btn_underline {padding-right: 2.4rem;}

    #inisisAuth .acc_group {padding: 1rem 1.6rem;}
    #inisisAuth .step_item .title {font-size: 1.4rem;}
	#inisisAuth .step_item .img_wrap img {width: 3rem; height: 3rem;}
    
    .self_copy_wrap {padding: 3rem 0 5rem 0;}
    .self_copy {font-size: 1.15rem;}

    /* -- step1 */
    /* self call (가입 가능시간 안내) */
    .self_call {font-size: 1.6rem;}
    .self_call .content {padding-left: 1.4rem;}
    .self_call .ref {font-size: 1.3rem;}

    /* 유심/esim 안내 버튼(임시) */
    .self_wrap .guide_btn button {height: 3.5rem; font-size: 1.6rem;}
    
    .step1-activeInfo button {font-size: 1.6rem;}
    
    .form_wrap .step1-usimInfo .advice_item {align-items: normal;}
    .form_wrap .step1-usimInfo .advice_item .img_wrap {flex-basis: 10rem; min-width: 10rem; height: 10rem;}
    .form_wrap .step1-usimInfo .advice_item .img_wrap img {width: auto; height: 6rem;}
    
    .step1-usimInfo .advice_item {flex-direction: row;}
    .step1-usimInfo .advice_item .img_wrap {flex-basis: 12rem; min-width: 12rem; height: 12rem;}
    .step1-usimInfo .advice_item .img_wrap img {width: auto; height: 8rem;}
 

    /* -- price select */
    .price_filter {top: 8.1rem; padding: 2rem 0; border-bottom-width: 4rem;}
    .price_filter button, .price_filter_popup button {padding: .8rem 1.4rem; font-size: 1.6rem;}

    .self_wrap .price_sticky_wrap {top: 12.1rem;}
    .body_wrap_agent.self_wrap .price_sticky_wrap {top: 0;}
    .self_wrap .price_sticky_wrap .sub_header {top: 0;}
    .self_wrap .price_sticky_wrap .price_filter {border-bottom: 0;}
    .self_wrap .box_cardlist {padding-top: 4rem;}

    .card_price_list + .card_price_list {margin-top: 1.6rem;}
    .card_price_list label {padding: 2rem 2.4rem;}

    .card_price_list .head {margin-bottom: 0; font-size: 1.6rem;}
    .card_price_list .content_group {flex-direction: row; margin-top: 1rem;}
    .card_price_list .text {flex: 1 1 auto; font-size: 1.4rem;}
    .card_price_list .text li {padding-right: 1.2rem; margin-right: 1rem;}
    .card_price_list .text li:not(:last-child)::after { height: 12px;}
    .card_price_list .price {margin-top: 0; font-size: 2rem;}
    .card_price_list .price span {font-size: 1.6rem;}

    /* -- order list */
    .order_list_wrap h1 {margin-bottom: 5.6rem;}
    .order_list_wrap h2 {padding-bottom: 2.4rem; margin-bottom: 2.4rem;}
    .order_list li + li {padding-top: 2.4rem;}
    .order_list .title {font-size: 1.6rem;}
    .order_list .text {font-size: 1.6rem;}
    .order_list .text_flex {flex-direction: row; align-items: center; gap: 1rem;}
    .order_list .text button {height: 3.5rem; line-height: 3.5rem;}

    /* -- applyComplArea */
    .applyComplArea .img_wrap {margin-bottom: 1.6rem;}	
    .applyComplArea .img_wrap img {width: 8rem;}
    

    /***
      G. Components
    ***/
	  /* -- form */
    .form_wrap + .form_wrap {margin-top: 5.6rem;}
    .form_group {margin-bottom: 2.4rem;}
    .input_group input[type="email"] {padding-right: 8rem;}
    
    .input_flex button {height: 5.6rem;}

    .form_notice {margin-top: 1.5rem; font-size: 1.4rem;}

    /* label */
    .n_form_label {font-size: 1.6rem; padding-bottom: 1rem;}
    .n_check_label {font-size: 1.6rem;}

    /* -- list */
    .list_dot li + li {margin-top: 1rem;}
    
    .select_list li {font-size: 1.4rem;}
    .select_list li a {font-size: 1.3rem;}
    .select_list li a .img_wrap {width: 6rem; height: 6rem;}
    .select_list li a span {margin-top: .8rem;}

    /* -- table */
    .table_board {font-size: 1.6rem;}
    .table_board th {width: 24rem;}
    .table_board td { padding: 2.4rem 0;}

    /* -- box */
    .box_title {font-size: 1.6rem;}
    
    .box_outline {padding: 2.4rem;}
    .box_outline_title {padding-top: 1rem; font-size: 1.6rem;}
    .box_outline_text {padding-top: 1rem; font-size: 1.4rem;}
    .box_outline_icon img {width: 6rem;}

    .box_form {padding: 4rem 2rem;}
    /* .box_form .inner {max-width: 410px;} */
    .box_form .img_wrap {margin-bottom: 2.4rem;}
    .box_form img {width: 380px;}
    .box_form .title {padding-bottom: 2.4rem; font-size: 1.6rem;}
 
    .box_cardlist .inner {padding-bottom: 15rem;}

    .box_list {padding: 1.4rem 2.4rem; background-color: var(--n-gray-100);}
    .box_list .form-check {padding: 1rem 1.5rem;}

    .box_guide .title {padding-bottom: 1.6rem; font-size: 1.6rem;}
    .box_guide .text {padding-bottom: 1.6rem; font-size: 1.6rem;}
    .box_guide .text_group_title {font-size: 2rem; margin-bottom: 2rem;}
    .box_guide .text_group_ref {font-size: 1.6rem;}

    .box_green {padding: 2.4rem;}
    .box_green .title {font-size: 1.8rem;}
    .box_light {padding: 2.4rem;}
    .box_light .title {font-size: 1.8rem;}

    /* -- button */
    .btn_wrap {margin-top: 6rem;}
    .btn_group {padding: 2rem 0;}

    .n_btn_lg {height: 7rem;}
    a.n_btn_lg {line-height: 7rem;}
    .n_btn_m {height: 6.4rem;}
    a.n_btn_m {line-height: 6.4rem;}
    .n_btn_s {height: 5.6rem;}
    a.n_btn_s {line-height: 5.6rem;}
    .n_btn_xs {height: 4.5rem;}
    a.n_btn_xs {line-height: 4.5rem;}
    .n_btn_lg.w340 {max-width: 340px;}
    .n_btn_lg.w260 {max-width: 260px;}
    .btn_underline {font-size: 1.5rem;}
    .btn_text_primary {right: 16px; font-size: 1.6rem;}

    /* select button */
    .select_btn, .select_btn_t2 {font-size: 1.6rem;}

    .body_wrap_popup .fixed-bottom .btn_group, .body_wrap_popup_t2 .fixed-bottom .btn_group {padding: 1rem 0;}
    .body_wrap_popup .fixed-bottom .n_btn_lg, .body_wrap_popup_t2 .fixed-bottom .n_btn_lg {height: 6rem;}
    .body_wrap_popup .fixed-bottom a.n_btn_lg, .body_wrap_popup_t2 .fixed-bottom a.n_btn_lg {line-height: 6rem;}
    
    /* -- board */
    .board {font-size: 1.6rem;}
    
    .modal_board .board_content {padding-bottom: 4rem;}
    .modal_board .title {font-size: 1.8rem;}
    .modal_board .content {margin-top: 1.5rem; font-size: 1.6rem;}
    
    /* -- space  */
	  .pb_fixbtn {padding-bottom: 11rem;}

    /* -- modal */
    .modal-footer button {min-height: 6rem; font-size: 1.5rem; padding: 1rem;}
    .modal-title {font-size: 2.2rem;}
    .modal_text li {font-size: 1.6rem;}

    /* -- text */
    h1 {font-size: 3.2rem;}
    h2 {font-size: 2rem; margin-bottom: 1.6rem;}
    .breadcrumb {font-size: 1.6rem;}
    .text_lg_size {font-size: 1.8rem;}
    .text_default_size {font-size: 1.6rem;}
    .text_md_size {font-size: 1.5rem;}
    .text_sm_size {font-size: 1.3rem;}
    
    /* -- step */
	.step {flex-direction: row;}
	.step_item + .step_item::before {top: 50%; left: -2.5rem; transform: translateY(-50%); width: 1.4rem; height: 1.4rem; background: url(../svg/chevron-right.svg) center/100% no-repeat;}
	.step_item .img_wrap img {width: 4rem; height: 4rem;}
	.step_item .title {font-size: 1.6rem;}
	
	/* -- advice */
	.advice {gap: 4rem;}
	.advice_item {align-items: center; gap: 2.4rem; font-size: 1.6rem;}
	.advice_item .img_wrap {flex-basis: 6rem; min-width: 6rem; height: 6rem;}
	.advice_item .img_wrap img {width: 6rem; height: 6rem;}
	.advice_item .title {font-size: 1.6rem;}
	.advice_item .desc {margin-top: .5rem;}
}


@media screen and (min-width: 1200px) {
    /*-------------------------------------------
    -- large desktop (1200px~)
    -------------------------------------------*/

    /***
      B. Layout
    ***/
    /* -- container*/
    .container {
        max-width: 1080px;
    }

    /* -- preview bottom */
    .preview_wrap {max-width: 1080px; margin: 0 auto;}
    
    /***
      E. Sub
    ***/
    /** -- event  */
    /* .thumb_card_img.event {max-height : 200px;} */
}



/***********************************************************************************************************************
  J. Print
***********************************************************************************************************************/
@media print {
	@page { margin: 0; size: A4; }
	
	/* -- print default */
	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	html, body {
        width: 210mm;
        height: 297mm;
        background: #fff;
    }
	body {
		width: 100%;
	    height: 100%;
		background: #fff;
	    color: #000;
	    font-size: 8pt;
	    line-height: 150%;
	    margin: 0px;
	    margin: 0;
	    padding: 0
	}
	hr {
		color: #ccc;
	    background-color: #ccc;
	}
	h1, h2, h3, h4, h5, h6, code, pre {
	    color: #000;
	    text-transform: none; /* because sometimes I set all-caps */
	}
	h1 {
	    font-size: 11pt;
	    margin-top: 1em;
	}
	h2 {
	    font-size: 10pt;
	}
	h3 {
	    font-size: 9pt;
	}
	h4, h5, h6 {
	    font-size: 8pt;
	}
	code, pre {
	    font-size: 8pt;
	    background-color: transparent;
	    /* just in case the user configured browser to print backgrounds */
	}
	a {
	    text-decoration: underline;
	    color: #000;
	}

	/* -- print document */
	header, .fixed-bottom, .noPrintArea {display: none;}
	.onlyPrintArea {display: block;}
	.body_wrap_popup, .body_wrap_popup_t2 {padding: 0;}

	.container {max-width: unset; padding: 0;}

	.doc_wrap {
		width: 210mm;
		min-height: 297mm;
		padding: 20mm;
		/* margin: 10mm auto; */

	}
	.doc_head {padding-top: 0;}
	.doc_head_logo {height: 20px; top: 40px; right: 20mm;}
	.doc_content .price_list li.depth {color: var(--n-gray-800);}
	.doc_notice {color: var(--n-gray-500); line-height: 150%;}
	.doc_notice > * {font-weight: 300;}
	.doc_notice .box .title {padding-bottom: 2px; font-weight: 500; color: var(--n-gray-500);}
	.doc_notice .list li + li {margin-top: 0;}

	/* #confirmDoc {padding: 60px;}
	#confirmDoc .doc_head_logo {top: 60px; right: 60px;} */
	#confirmDoc .doc_info {padding-top: 40px;}
	#confirmDoc .doc_content:last-child {padding-bottom: 40px;}
	#confirmDoc .doc_content .table_board.type2 th, #confirmDoc .doc_content .table_board.type2 td {padding: 20px;}
	#confirmDoc .doc_notice {padding-top: 24px; font-size: 9.25pt;}
	#confirmDoc .doc_notice .box .title {font-size: 9.25pt;}
	#confirmDoc .doc_seal {padding-top: 80px;}
	#confirmDoc .doc_seal .seal {margin-top: 40px;}



}