@charset "utf-8";


/* WEB개편 캐쉬사용 (2026-01-28 홍선기)*/
.container.mother.default .contents.no-side-content > div {
	width: 950px;
    margin-left: 0;
    margin-right: 0;
    background-color: var(--background-white);
}
.sub-page-title-tab {
	display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
}
.sub-page-title-tab li {
	padding: 16px 0;
    text-align: center;
    flex: 1;
    border-right: 1px solid var(--border-light);
    color: var(--text-sub);
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.72px;
    cursor: pointer;
}
.sub-page-title-tab li:last-child {
	border-right: none;
}
.sub-page-title-tab li.active {
	background: var(--brand-primary-red);
    color: var(--text-white);
    font-weight: 700;
}
.sub-page-article.usecash .filter-search-area {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 32px 44px;
}
.sub-page-article.usecash .filter-check {
	display: flex;
    gap: 8px;
    align-items: center;
}
.sub-page-article.usecash .check-button {
	display: flex;
	gap : 8px;
	align-items: center;
	padding: 4px 8px;
}
.sub-page-article.usecash .check-button label {
	color: var(--text-default);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
    cursor: pointer;
}
.sub-page-article.usecash .check-button input[type="checkbox"] {
	width: 16px;
    height: 16px;
	background: no-repeat center center;
	cursor: pointer;
	outline: none;
	appearance: none;
	background-repeat:no-repeat;
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/231011_checkbox_off.svg);
}
.sub-page-article.usecash .check-button input[type="checkbox"]:checked {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/260312_checkbox_on.svg);
}
.sub-page-article.usecash .search-input {
	position: relative;
}
.sub-page-article.usecash .search-input input[type="text"] {
	width: 412px;
    height: 50px;
    border-radius: 12px;
    border-color: var(--border-light);
    padding: 0 16px;
    font-size: 16px;
    color: var(--text-default);
}
.sub-page-article.usecash .search-input input[type="text"]::placeholder {
	color: var(--text-label);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.64px;
}
.sub-page-article.usecash .search-input button {
	font-size: 0;
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/20260312_search_icon.svg);
	width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}
.sub-page-article.usecash .slide-paginator button {
	width: 32px;
    height: 32px;
    border-radius: 0;
    box-shadow: none;
    transition: none;
}
.sub-page-article.usecash .slide-paginator button.prev {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/20260312_slide_button_left.svg);
}
.sub-page-article.usecash .slide-paginator button.next {
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/20260312_slide_button_right.svg);
}
.sub-page-article.usecash .slide-paginator button.prev:hover,
.sub-page-article.usecash .slide-paginator button.prev:focus,
.sub-page-article.usecash .slide-paginator button.next:hover,
.sub-page-article.usecash .slide-paginator button.next:focus {
	transform: translate(0px, -50%);
}
.sub-page-article.usecash .slide-top {
	position: relative;
}
.sub-page-article.usecash .slide-paginator {
	position: unset;
}
.sub-page-article.usecash .slide-paginator button {
	bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}
.sub-page-article.usecash #slide-new-ad .slick-slide {
	opacity: 1;
	transform: scale(0.92);
	padding: 0;
}
.sub-page-article.usecash #slide-new-ad .slick-center {
	transform: scale(0.92);
}
.sub-page-article.usecash .slide-paginator button.next {
	right: 37px;
}
.sub-page-article.usecash .slide-paginator button.prev {
	left: 37px;
}
.sub-page-article.usecash .events.cpn {
	padding: 0;
}
.sub-page-article.usecash #slide-new-ad {
	padding: 0 50px;
}
.sub-page-article.usecash #slide-new-ad .slick-slide img {
	border-radius: 12px;
}
.sub-page-article.usecash .usecash-list-box {
	padding: 44px 32px 40px;
}
.sub-page-article.usecash .usecash-list-box .top {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub-page-article.usecash .usecash-list-box .top .left {
	color: var(--text-default);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.sub-page-article.usecash .usecash-list-box .top .left span {
	color: var(--brand-primary-red);
}
.sub-page-article.usecash .usecash-list-box .top .right {
    color: var(--text-default);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.sub-page-article.usecash .usecash-list-box .top .right a {
	display: flex;
    gap: 4px;
    align-items: center;
}
.sub-page-article.usecash .usecash-list-box .bottom {
	margin-top: 24px;
}
.sub-page-article.usecash .list-area {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 32px;
    column-gap: 20px;
}
.sub-page-article.usecash .list-area li {
	border: 1px solid var(--border-light);
    border-radius: 12px;
}
.sub-page-article.usecash .list-area .logo-box {
	height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--border-light);
    padding: 0;
    color: var(--text-default);
    font-weight: 600;
}
.sub-page-article.usecash .list-area .logo-box img {
	height: 40px;
}
.sub-page-article.usecash .list-area .move-btn-box {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px;
    text-align: center;
    position: relative;
}
.sub-page-article.usecash .list-area .move-btn-box a {
	background: var(--background-light);
    flex: 1;
    padding: 8px 0;
    color: var(--surface-navy-100);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    border-radius: 8px;
    border: 1px solid var(--background-light); 
    cursor: pointer;
}
.sub-page-article.usecash .list-area .move-btn-box a:hover {
	border: 1px solid var(--surface-navy-100); 
}
.sub-page-article.usecash .list-area .move-btn-box .bage {
	position: absolute;
    top: 4px;
    left: 4px;
    padding: 0 8px;
    border: 1px solid var(--brand-primary-red);
    border-radius: 99px;
    background: var(--background-white);
    color: var(--brand-primary-red);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.44px;
    line-height: normal;
}
.sub-page-article.usecash .no-item {
	min-height: 502px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.sub-page-article.usecash .no-item .info-txt {
	margin-top: 12px;
}
.sub-page-article.usecash .no-item .info-txt h5 {
	color: var(--text-default);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.sub-page-article.usecash .no-item .info-txt p {
	margin-top: 8px;
    color: var(--text-sub);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.chargeMain-content .top-cashup-box .left-txt {
	padding-left: 16px;
}
.chargeMain-content .top-cashup-box .left-txt p {
	color: var(--brand-primary-red);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: -0.48px;
    gap: 2px;
}
.chargeMain-content .top-cashup-box .left-txt h4 {
	margin-top: 4px;
    color: var(--text-default);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.96px;
}
.chargeMain-content .top-cashup-box .right-slide {
	position: relative;
}
.chargeMain-content .swiper {
	max-width: 600px;
    overflow: hidden;
    margin-right: 24px;
}
.chargeMain-content .swiper-slide {
	text-align: center;
	min-width: 120px;
}
.chargeMain-content .swiper-slide:hover p {
	font-weight: 600;
	color: var(--text-default);
}
.chargeMain-content .swiper-slide img {
	width: 68px;
	height: 68px;
}
.chargeMain-content .swiper-button-disabled {
  display: none !important;
}
.chargeMain-content .swiper .txt {
	color: var(--text-sub);
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.56px;
    margin-top: 8px;
}
.chargeMain-content .swiper .bage {
	border-radius: 99px;
    padding: 4px 6px;
    margin-top: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0.44px;
    display: inline-block;
    line-height: 1;
}
.chargeMain-content .swiper .bage.red {
	color: var(--brand-primary-red);
	background: #f8dad6;
}
.chargeMain-content .swiper .bage.green {
	color: #549283;
	background: #e1f0ed;
}
.chargeMain-content .swiper-button-next, 
.chargeMain-content .swiper-button-prev {
	background: none;
	transform: translateY(-50%);
	margin-top: 0;
}
.chargeMain-content .swiper-button-prev, 
.chargeMain-content .swiper-button-next {
	width: 24px;
	height: 24px;
}
.chargeMain-content .swiper-button-next img, 
.chargeMain-content .swiper-button-prev img {
	width: 24px;
}
.chargeMain-content .swiper-button-prev, .swiper-button-next {
	right: 0;
	z-index: 9;
}
.chargeMain-content .swiper-button-prev, .swiper-button-prev {
	transform: translateY(-50%) rotate(180deg);
    right: 100%;
    left: unset;
}
.chargeMain-content .charge-list-box {
	margin-top: 56px;
}
.chargeMain-content .top-main-list ul {
	gap: 16px;
	width: 100%;
}
.chargeMain-content .top-main-list li {
	background: var(--background-light);
    flex: 1;
    height: 100px;
    gap: 16px;
    border-radius: 16px;
    cursor: pointer;
}
.chargeMain-content .top-main-list li h2 {
	color: var(--text-default);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.chargeMain-content .top-main-list li p {
	color: var(--text-sub);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.chargeMain-content .grid-list-box {
	grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 16px;
    margin-top: 20px;
}
.chargeMain-content .grid-list-box .list {
	border: 1px solid var(--border-light);
    border-radius: 16px;
    padding-bottom: 24px;
}
.chargeMain-content .grid-list-box .list h5 {
	padding: 20px 24px 12px;
    color: var(--text-default);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.chargeMain-content .grid-list-box .list a {
	padding: 4px 24px;
    color: var(--text-default);
    line-height: 1.5;
    letter-spacing: -0.64px;
    display: flex;
    align-items: center;
    gap: 8px;  
} 
.chargeMain-content .grid-list-box .list a:hover {
	font-weight: 600;
}
.chargeMain-content .grid-list-box .bage {
	border-radius: 99px;
    padding: 0.75px 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0.44px;
    display: inline-block;
    line-height: 1.5;
}
.chargeMain-content .grid-list-box .bage.red {
	color: var(--brand-primary-red);
	background: #f8dad6;
}
.chargeMain-content .grid-list-box .bage.green {
	color: #549283;
	background: #e1f0ed;
}
.useCash-open-pop {
	background: transparent !important;
}
.useCash-open-pop .window_banner img:not(.close_img) {
	width: 504px;
	margin: 0 !important;
    border-radius: 20px !important;
}
.useCash-open-pop .window_banner p {
	position: absolute;
   	top: 16px;
   	right: 16px;
	z-index: 1;
  	padding: 0;
}
.useCash-open-pop .window_banner p a {
	display: flex;
   	justify-content: center;
   	align-items: center;
   	background: var(--dim-30);
   	border-radius: 99px;
   	width: 40px;
   	height: 40px;
}
.useCash-open-pop .window_banner .notToday label:before {
	content: unset;
}
.useCash-open-pop .window_banner .notToday label {
	text-decoration: underline;
   	padding: 0;
}
.offStore-modal-wrap .modal-cont .typo h4{
    text-align: left;
    font-size: 20px;
    color: #303030;
    font-weight: 700;
    position: relative;
    margin-left: 4px;
    padding-left: 8px;
}
.offStore-modal-wrap .modal-cont .typo h4::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: var(--brand-primary-red);
    border-radius: 99px;
}	
.offStore-modal-wrap .modal-cont .typo p{
	padding-top: 8px;
	color: var(--text-sub);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.64px;
	text-align: left;
}
.offStore-modal-wrap .modal-cont.lg .btn-cont{
	background-image: none;
}
.renewal-content.creditCard .article .tit{
	padding: 40px 0 0;
	color: var(--text-default);
	font-size: 22px;
	font-weight: 600;
	line-height: 31px;
	letter-spacing: -.88px
}
.renewal-content.creditCard .cont.cardAgree{
    margin-top: 32px;
    padding: 0 43px;
}
.renewal-content.creditCard .cont.cardAgree .terms-check-all{
	padding: 0;
} 
.renewal-content.creditCard .cont.cardAgree .terms-check-all .check-button label{
	padding: 0;
	color: var(--text-default);
	font-size: 18px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing:-.72px;
	padding: 0;
}	
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms{
	width: 100%;
	border-top: 1px solid var(--border-dark);
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dt{
	padding: 0;
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dt.active{
	background-color: var(--background-white);
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dt button{
    text-indent: 0;
    width: auto;
    height: auto;
    padding: 0;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: all 0.4s;
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dt.active button{
    transform: translateY(-50%) rotate(-180deg);
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dd{
    border-bottom: 1px solid var(--border-light);
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dd .term-wrap{
	height: 80%;
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dd .term-content{
	padding: 32px 36px;
	color: var(--text-default);
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing:-.56px;
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dd .term-content.active{
	background: var(--background-light);
}
.renewal-content.creditCard .cont.cardAgree .accordion.accordion-terms dd .term-content strong{
	font-weight: 600;
}
.renewal-content.creditCard .cont.cardAgree .check-button{
	display: flex;
	align-items: center;
    gap: 8px;
    padding: 16px 0;
}
.renewal-content.creditCard .cont.cardAgree .check-button input[type="checkbox"]{
	position: relative;
    top: unset;
    left: unset;
    width: 16px;
    height: 16px;
    opacity: 1;
    z-index: 1;
    cursor: pointer;
    outline: none;
    appearance: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(https://image.cultureland.co.kr/upload/web/etc/231011_checkbox_off.svg);
    margin-top: 4px;
}
.renewal-content.creditCard .cont.cardAgree .check-button input[type="checkbox"]:checked{
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/260312_checkbox_on.svg);
}
.renewal-content.creditCard .cont.cardAgree .check-button label{
	color: var(--text-default);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing:-.64px;
	padding: 0;
}
.renewal-content.creditCard .cont.cardAgree .check-button label:before{
	content: none;
}
.renewal-content.creditCard .cont.cardAgree .company_tab{
	height: 48px;
	border-bottom: 1px solid var(--border-light);
}
.renewal-content.creditCard .cont.cardAgree .company_tab li{
	color: var(--text-sub);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: -.56px;
	padding: 16px 0;
}
.renewal-content.creditCard .cont.cardAgree .company_tab li:first-child{
	border-right: 1px solid var(--border-light);
}
.renewal-content.creditCard .cont.cardAgree .company_tab li.active{
	color: var(--text-default);
	background: var(--background-light);
}
.contents.nexonSoop-content .section .cont .sub-header h2 {
	margin-top: 0;
    color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.nexonSoop-content .section .cont p {
	margin-top: 8px;
    color: var(--text-default);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.nexonSoop-content .formgroup-cont.hg-line-bt,
.getCulVoucher-content .formgroup-cont.hg-line-bt,
.cpVoucher-content .formgroup-cont.hg-line-bt,
.giftSmileVoucher-content .formgroup-cont.hg-line-bt {
	width: 800px;
    margin: 0 auto;
    padding: 0 0 8px;
}
.nexonSoop-content .form-lists.charge td,
.getCulVoucher-content .form-lists.charge td,
.cpVoucher-content .form-lists.charge td,
.giftSmileVoucher-content .form-lists.charge td {
	padding: 12px 0;
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    border-bottom: none;
}
.nexonSoop-content .form-lists.charge td.no-border,
.getCulVoucher-content .form-lists.charge td.no-border,
.cpVoucher-content .form-lists.charge td.no-border,
.giftSmileVoucher-content .form-lists.charge td.no-border {
	background: none;
}
.nexonSoop-content .form-lists input,
.getCulVoucher-content .form-lists input,
.cpVoucher-content .form-lists input,
.giftSmileVoucher-content .form-lists input {
	text-align: center;
}
.nexonSoop-content .form-lists input::placeholder,
.getCulVoucher-content .form-lists input::placeholder,
.cpVoucher-content .form-lists input::placeholder,
.giftSmileVoucher-content .form-lists input::placeholder {
	font-size: 16px;
}
.nexonSoop-content .btn.minimal.stock,
.getCulVoucher-content .btn.minimal {
	width: 100%;
    background: none;
    border: none;
    color: var(--text-sub);
    font-size: 16px;
    letter-spacing: -0.64px;
    font-weight: 600;
}
.giftNexonSoopSucces-content .obj-typo .cont .tit {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: 8px;
    text-align: center;
}
.giftNexonSoopSucces-content .obj-typo .cont .sub-tit {
	color: var(--text-default);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.giftNexonSoopSucces-content .tbl-list thead th, 
.giftNexonSoopSucces-content .tbl-list tbody th, 
.giftNexonSoopSucces-content .tbl-list tbody td {
	height: 48px;
}
.giftNexonSoopSucces-content .article p.cash-notice {
	color: var(--text-sub);
    line-height: 1.4;
    letter-spacing: -0.64px;
}
.giftNexonSoopSucces-content .article p.usedVoucher a.sky {
	color: #0081dc;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.64px;
}
.cpnProdList-content .cpnlist-title-info {
	text-align: right;
    color: var(--text-label);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cpnProdList-content .brand-cont .tab-toggle > ul {
	border-top: none;
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 24px;
}
.cpnProdList-content .tab-toggle {
	padding: 40px;
}
.cpnProdList-content .items li {
	background: none;
	padding: 0;
	width: 276px;
}
.cpnDetail-content .promotion-detail .visual img {
	width: auto;
}
.cpnProdList-content .items.brand-items li > a, 
.mobile.main .cpnProdList-content .items.brand-items li > a {
	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid var(--border-light);
    border-radius: 12px;
    overflow: hidden;
}
.cpnProdList-content .items.brand-items li > a img, 
.mobile.main .cpnProdList-content .items.brand-items li > a img {
	max-width: 100%;
	margin-bottom: 0;
}
.cpnProdList-content .cpn-item-bottom {
	background: var(--background-light);
    padding: 16px 8px;
}
.cpnProdList-content .items.brand-items li > a .item-name, 
.mobile.main .cpnProdList-content .items.brand-items li > a .item-name {
	font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    max-height: unset;
    margin: 0;
    max-width: unset;
}
.cpnProdList-content .items.brand-items li > a .price {
	margin-top: 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.cpnProdList-content .items.brand-items li > a .supFee span {
	color: var(--text-sub);
    padding-right: 4px;
}
.cpnProdList-content .items.brand-items li > a .supFee {
	color: var(--brand-primary-red);
}
.conversion-bridge-content .trdpoint-info.renewal {
	width: 100%;
    padding: 40px;
    box-sizing: border-box;
}
.conversion-bridge-content .trdpoint-info img {
	margin: 0 auto;
}
.conversion-bridge-content .trdpoint-info h3 {
	margin-top: 4px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.conversion-bridge-content .trdpoint-info h3 small.highlight {
	font-size: 16px;
}
.conversion-bridge-content .trdpoint-info .check-button.agree-before {
	padding: 0;
    margin-top: 40px;
}
.conversion-bridge-content .trdpoint-info .check-button.agree-before input[type="checkbox"] {
	position: unset;
    opacity: 1;
    z-index: 0;
    margin-top: -1px;
}
.conversion-bridge-content .trdpoint-info .check-button.agree-before label:before {
	content: unset;
}
.conversion-bridge-content .trdpoint-info .check-button.agree-before label {
	padding: 0;
	line-height: 1.5;
}
.conversion-bridge-content .trdpoint-info .check-button.agree-before label + span {
	margin: 0;
}
.conversion-bridge-content .trdpoint-info .check-button.agree-before .btn-inline {
	margin-left: 0;
    margin-top: -4px;
    color: var(--text-default);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
}
.conversion-bridge-content h3.limit_text {
	color: var(--text-sub); 
	font-size:15px; 
	line-height:24px; 
	letter-spacing: -0.45px;
	font-weight: 400;
}
.conversion-bridge-content h3.limit_text .red_text {
	color: var(--brand-primary-red);
}
.conversion-bridge-content .trdpoint-info table.payment-info tr.change-fee td {
	border-bottom: none;
}
.conversion-result-content .trdpoint-info img {
	margin: 0 auto;
}
.conversion-result-content .trdpoint-info h3 {
	margin-top: 4px;
    font-weight: 600;
    letter-spacing: -0.88px;
    line-height: 1.4;
}
.conversion-bridge-content .trdpoint-info table.payment-info .change-cash .npay_input_wrap input {
	padding-right: 45px !important;
}
.conversion-bridge-content .cont.npay .change-cash .delete {
	z-index: 1;
}
.cpnDetail-content .promotion-detail .visual {
	width: 400px;
    margin-right: 33px;
}
.cpnDetail-content .promotion-detail .tbl dl.amount.txt {
	border: none;
	text-align: right;
	margin-top: 12px;
	padding: 0;
}
.cpnDetail-content .promotion-detail .visual h3 {
	margin-top: 12px;
}
.cpnDetail-content .promotion-detail .visual .exchange {
	margin-top: 24px;
    font-size: 14px;
}
.article .tit.re-tit {
	font-size: 22px !important;
    font-weight: 600 !important;
}
.section.cash_plus_type .sub-tit,
.giftSmileVoucherSuccess-content .section .sub-tit {
	font-size: 22px;
    font-weight: 600;
}
.article .tit.step {
	color: var(--text-default);
}
.form-lists .btn:hover, 
.form-id .btn:focus {
	transform: translateY(0px);
	box-shadow: none;
}
.charge-title {
	text-align: center;
    color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.charge-title.own-bage-type p {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.charge-title.own-bage-type .per-bage {
	background: #f8dad6;
    border-radius: 99px;
    padding: 2px 6px;
    color: var(--brand-primary-red);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.charge-title .sub-info {
	margin-top: 8px;
    color: var(--text-sub);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
    font-weight: 400;
}
.charge-title .sub-info.fir {
	color: var(--text-default);
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.charge-title .sub-info.bold-gray {
	color: var(--text-sub);
    font-size: 18px;
    letter-spacing: -0.72px;
    margin-top: 8px;
    font-weight: 600;
}
.charge-title .sub-info.mini {
	font-size: 14px;
}
.charge-title .mint {
	color: var(--brand-secondary-mint);
}
.choice-amt .total-amount {
	padding: 32px 0;
}
.check-amount .radio-block-button label {
	height: 78px;
	line-height: 78px;
	border-color: var(--border-light);
    background-color: var(--background-light);
    color: var(--text-sub);
}
.choice-amt .check-amount .radio-block-button [type="radio"]:checked + label,
.check-amount .radio-block-button [type="radio"]:checked + label {
	background-color: rgba(218, 70, 52, 0.05);
	font-weight: 600;
}
.check-amount {
	height: auto;
}
.choice-amt .direct-cont {
	margin-left: 6px;
	padding: 0;
}
.direct-cont .radio-button label {
	color: var(--text-sub);
}
.choice-amt .direct-cont .direct-amount {
	margin-top: 12px;
}
.choice-amt .direct-cont .direct-amount label {
	right: 16px;
    color: var(--text-sub);
    font-size: 16px;
    font-weight: 400;
}
.choice-amt .direct-cont .direct-amount input.read-only::placeholder {
	font-size: 16px;
}
.choice-amt .btn-cont {
	margin-top: 40px;
	padding: 0 40px 40px;
}
.choice-gift-area .add-minus-box {
	margin-top: 40px;
}
.charge-clandVoucher .choice-amt .choice-gift-area h3 {
	margin-bottom: 0;
}
.choice-gift-area .add-minus-box .num-info-box {
	width: 100%;
    text-align: right;
    margin-top: 16px;
}
.choice-gift-area .add-minus-box .num-box {
	border-color: var(--border-light);
	width: 180px;
	height: 52px;
}
.choice-gift-area .add-minus-box .num-box .num {
	border-color: var(--border-light);
	color: var(--text-sub);
    font-size: 18px;
    font-weight: 600;
}
.mobile-gift-checkbox {
    margin-top: 40px;
    padding: 16px 20px;
}
.mobile-gift-checkbox label {
	color: var(--text-default);
}
.mobile-gift-checkbox label a {
	color: #0081dc;
	font-weight: 600;
}
.charge-letter .latter-info-cont {
	padding: 40px 0 84px;
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: left top;
    background-repeat: repeat-x;
}
.charge-letter .latter-info-cont .info-box .btn {
	border-radius: 8px;
    width: 200px;
}
.charge-letter .latter-info-cont .how-area dl {
	height: 96px;
}
.charge-letter .latter-info-cont .how-area {
	gap: 8px;
}
.btn.minimal.charge {
	margin-top: 8px;
    border: none;
    background: none;
    color: var(--text-sub);
    font-size: 16px;
    line-height: 1.5 !important;
    letter-spacing: -0.64px;
    text-decoration: underline;
    height: auto !important;
    padding: 0;
    font-weight: 400;
}
.total-amount dt, 
.total-amount dd {
	font-weight: 400;	
}
.section .cont .sub-header h2 .border-bage {
	color: var(--text-sub);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
    width: 58px;
    height: 28px;
    border: 1px solid var(--border-light);
    border-radius: 4px;
    padding: 4px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.unuse-exclusive.charge {
	padding: 0 32px;
}
.unuse-exclusive.charge .article2 {
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: left top;
    background-repeat: repeat-x;
    padding: 40px 0 0;
}
.article.bg-dotted {
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: left top;
    background-repeat: repeat-x;
    padding-top: 40px;
    width: calc(100% - 64px);
    margin-left: 32px;
}
.total-amount {
	padding: 32px 0;
}
.article.cont.creditCard {
	padding: 0 32px 44px;
}
.article.creditCard {
	padding: 32px 0 0;
}
.renewal-content.creditCard .article .tit {
	padding: 0;
	font-size: 20px;
    line-height: 1.3;
    letter-spacing: -0.8px;
}
.form-lists th {
	font-size: 18px;
    background-color: var(--background-light);
}
.creditCard .form-lists th {
	height: 82px;
    width: 180px;
    padding: 0;
    text-align: center;
    line-height: 1.4;
}
.creditCard .form-lists label {
	width: 100%;
    margin: 0;
    letter-spacing: -0.72px;
}
.creditCard .form-lists td {
	padding: 16px 28px;
}
.creditCard .form-lists .select-box {
	height: 50px;
    border: 1px solid var(--border-light);
    outline: none;
}
.creditCard .form-lists .select-box select {
	top: 50%;
    transform: translateY(-50%);
    color: var(--text-default);
    font-size: 16px;
    letter-spacing: -0.64px;
}
.renewal-content.creditCard .cont.cardAgree {
	margin-top: 40px;
    padding: 0;
}
.tbl-list.all.tmoney tbody th,
.tbl-list.all.realTime tbody th,
.tbl-list.all.cardPointStb tbody th,
.tbl-list.all.nBankResult tbody th {
	text-align: center;
}
.unuse-exclusive .article.tit-type .btn-cont {
	padding: 0 !important;
}
.exclusiveAccount-content .fir .article .tit {
	padding: 0 0 16px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
}
.walletAccountExclusive_content .charge-title,
.tossQuick-content .charge-title,
.realTimeSeconAuth-content .charge-title,
.barCode-content .charge-title,
.cardPointStb-content .charge-title,
.ocbPhoneAuth-content .charge-title,
.welcomeFirstAuth-content .charge-title,
.nBankSeconAuth-content .charge-title,
.cvs-content .charge-title {
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    width: calc(100% - 64px);
    margin: 0 auto;
    padding-bottom: 40px;
    margin-bottom: 44px;
}
.walletAccountExclusive_content .article.choice {
	padding: 0 32px 44px;
}
.walletAccountExclusive_content .article.choice .tit {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
    padding: 0;
}
.walletAccountExclusive_content .article.choice.exclusive-choice .radio-choices {
	padding: 32px 0 44px;
    display: flex;
    gap: 16px;
}
.walletAccountExclusive_content .radio-choices .radio-block-button {
	float: unset;
	flex: 1;
}
.walletAccountExclusive_content .radio-choices .radio-block-button label {
	height: 128px;
	width: auto;
	border-radius: 12px;
    border: 1px solid var(--border-light);
}
.exclusiveAccountFin-content .exclusive-fin .article .bottom-area .about-area {
	margin-bottom: 12px;
}
.exclusiveAccountFin-content .exclusive-fin .article .bottom-area .about-area .title {
	padding: 0;
    width: 203px;
    font-size: 18px;
}
.exclusiveAccountFin-content .exclusive-fin .article.tit-type {
	width: calc(100% - 64px);
    margin: 0 auto;
    padding: 0 0 52px;
}
.exclusiveAccountFin-content .exclusive-fin .article-sec {
	padding: 40px 32px 44px;
}
.tossQuick-content .unuse-exclusive .article2 {
	padding: 0 32px 44px;
}
.wibee-content .form-lists th,
.LPoint-content .form-lists th,
.ocb-content .form-lists th,
.welcome-content .form-lists th {
	font-size: 16px;
}
.wibee-content .article .tit.step,
.LPoint-content .article .tit.step,
.ocb-content .article .tit.step,
.welcome-content .article .tit.step {
	font-weight: 600;
	padding-bottom: 16px;
}
.modal-wrap.mobile-info .modal-cont.md > div .mCSB_container > *:first-child{
	margin: 0 !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.modal-wrap.mobile-info .modal-cont > div p {
	margin-top: 12px;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.input-dummy, .modal-wrap.mobile-info .modal-cont > div .input-dummy {
	margin-top: 32px !important;
    width: 100%;
    height: auto;
    background: var(--background-light);
    padding: 32px 0;
    border-radius: 0;
    color: var(--text-default);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
    gap: 20px;
    border: none;
    background-image: url(../images/layout/pattern-dotted.png), url(../images/layout/pattern-dotted.png);
    background-position: left bottom, left top;
    background-repeat: repeat-x, repeat-x;
}
.input-dummy, .modal-wrap.mobile-info .modal-cont > div .input-dummy span {
	font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -1.12px;
}
.modal-wrap.mobile-info .modal-cont.md.check-bot > div .mCSB_container > *:last-child {
	padding: 0 !important;
}
.modal-wrap.mobile-info .modal-cont > div .bottom p {
	margin-top: 32px;
    line-height: 1.5;
}
.modal-wrap.mobile-info .modal-cont > div .bottom p span {
	font-weight: 600;
}
.modal-wrap.mobile-info .modal-cont > div .bottom p a {
	color: #0081dc;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
}
.section.notice .article h2 {
	margin-bottom: 12px;
	line-height: 1.4;
    padding: 0 0 0 28px;
    height: auto;
    background-position-y: center;
    font-weight: 600;
    letter-spacing: -0.72px;
    background-image: url(https://image.cultureland.co.kr/upload/web/etc/20260623_notice_icon.svg);
}
.section.notice .article h3 {
	font-size: 14px;
    font-weight: 600 !important;
    line-height: 1.5;
    letter-spacing: -0.56px;
    margin-top: 16px;
}
.section.notice .article h3:nth-of-type(1) {
	margin-top: 0;
}
.section.notice .article > ul > li {
	letter-spacing: -0.56px;
	margin-top: 8px;
	line-height: 1.5;
	padding-left: 12px;
}
.section.notice .article > ul > li:before {
	top: 8px;
	width: 3px;
    height: 3px;
}
.section.notice .article > ul.important > li:before {
	background: var(--brand-primary-red);
}
.article p.cash-notice {
	margin-top: 8px;
}
.article .tbl-desc.list-style {
	font-size: 16px;
	padding: 0;
	text-align: center;
}
.tossQuick-content .unuse-exclusive .article .how-area,
.exclusiveAccount-content .unuse-exclusive .article .how-area {
	justify-content: flex-start;
}
.tossQuick-content .unuse-exclusive .article .how-area > :nth-child(odd) {
	flex: 0 0 28.5%;
}
.tossQuick-content .unuse-exclusive .article .how-area dl:last-child {
	flex: 0 0 28.5%;
}
.exclusiveAccount-content .unuse-exclusive .article2 {
	padding-left: 32px;
    padding-right: 32px;
}
.exclusiveAccount-content .unuse-exclusive .article .how-area > :nth-child(odd) {
	flex: 0 0 28.3%;
	padding: 0;
}
.exclusiveAccount-content .unuse-exclusive .article .how-area dl:last-child {
	flex: 0 0 28.3%;
}
.form-lists th {
	text-align: center;
}
.form-lists th label {
	width: 100%;
}
.formgroup-cont .check-button label {
	font-size: 16px;
}
.form-check .ocb-detail-pop {
	text-decoration: underline;
	color: #0081dc;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.64px;
}
.googleBuy-content .process-step,
.googleOrder-content .process-step,
.googleOrderEnd-content .process-step {
	line-height: 1;
    margin-top: 0;
    margin-bottom: 32px;
}
.googleBuy-content .choice-product .tbl h3 {
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 8px;
}
.googleBuy-content .choice-product .tbl h3 small.highlight {
	font-size: 16px;
    font-weight: 400;
}
.icon-text.googleBuy {
	color: var(--text-default);
    font-weight: 600;
}
.googleBuy-content .choice-product.google .visual {
	padding-bottom: 20px;
}
.googleBuy-content .check-amount-qty {
	margin-top: 22px;
	padding-bottom: 32px;
}
.googleBuy-content .check-amount-qty label {
	color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
    height: auto;
    margin: 0;
}
.googleBuy-content .quantity input[type="number"] {
	font-size: 18px;
	height: 52px;
	font-weight: 600;
	width: 114px;
}
.googleBuy-content .quantity button {
	width: 48px;
    height: 52px;
}
.googleBuy-content .check-amount-qty .quantity {
	width: 212px;
}
.googleBuy-content .choice-product {
	margin-bottom: 32px;
}
.googleBuy-content .price-total {
	margin-top: 32px;
	color: var(--text-default);
    font-size: 28px !important;
    line-height: 1.25;
    letter-spacing: -1.12px;
}
.googleBuy-content .price-total span {
	font-size: 28px;
    font-weight: 700;
}
.googleBuy-content .article.dot {
	padding-bottom: 32px;
    margin-bottom: 32px;
}
.googleBuy-content .article .tit {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
    padding: 0;
    margin-bottom: 32px;
}
.googleBuy-content .radio-choices .radio-block-button.pay-box label {
	border-radius: 12px;
	width: auto;
    height: auto;
    padding: 16px 24px 16px 56px;
    margin-bottom: 0;
}
.googleBuy-content .radio-choices .radio-block-button.pay-box {
	flex: 1;
	background: none !important;
}
.googleBuy-content .radio-choices.double-radio .radio-block-button label > span {
	position: relative;
    bottom: unset;
    left: unset;
    font-size: 16px;
    color: var(--text-default);
    line-height: 1.4;
}
.googleBuy-content .radio-choices.double-radio .radio-block-button.pay-box label > span:before {
	content: unset;
}
.googleBuy-content .radio-block-button.pay-box input {
	position: absolute;
    top: 50%;
    left: 24px;
    width: 20px;
    height: 20px;
    opacity: 1;
    z-index: 1;
    transform: translateY(-50%);
    border: 5px solid #E1E1E1;
    border-radius: 99px;
    webkit-appearance: none;
    appearance: none;
}
.googleBuy-content .radio-block-button.pay-box input:checked {
	border-color: var(--brand-primary-red);
}
.googleOrder-content .article .tit {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
    padding-bottom: 6px;
}
.googleOrder-content .form-lists th,
.googleOrderEnd-content .form-lists th {
	font-size: 16px;
}
.googleOrder-content .personal-info-new .info-new-checkbox .mint {
	color: var(--text-default);
    font-weight: 600;
}
.charge-letter .latter-info-cont {
	padding: 40px 0 32px;
}
.kakaopaySimple-content .unuse-exclusive .article .how-area dl {
	width: 250px;
    max-width: 250px;
}
.getCulVoucher-content .sub-header h2{
	color: var(--text-default);
	font-weight: 600;
}
.conversion-bridge-content .trdpoint-info.renewal table.payment-info .change-amount td{
	background: none;
}
.conversion-bridge-content .trdpoint-info.renewal table.payment-info tr.change-fee.cjone-fee td{
	border-top: 1px solid #dfdfdf;
}
.conversion-bridge-content .trdpoint-info.renewal table.payment-info .all-amount td{
	border-top: 1px solid #dfdfdf;
}
.culturemall-content .top-banner-box {
	padding: 40px;
    background: rgba(218, 70, 52, 0.05);
    position: relative;
}
.culturemall-content .top-banner-box .sub-txt {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
    color: var(--text-default);
    margin-top: 8px;
}
.culturemall-content .top-banner-box .sub-txt span {
	color: var(--brand-primary-red);
}
.culturemall-content .top-banner-box .ab-el {
	position: absolute;
    top: 0;
    right: 38px;
}
.culturemall-content .list-outer {
	padding: 32px 48px 40px;
}
.culturemall-content .list-box {
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 23px;
}
.culturemall-content .list-box img {
	max-width: 100%;
	border-radius: 12px;
}
.culturemall-content .list-box .txt-box {
	margin-top: 8px;
}
.culturemall-content .list-box .txt-box .brand {
	color: var(--text-label);
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.48px;
}
.culturemall-content .list-box .txt-box .name {
	color: var(--text-default);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}
.culturemall-content .list-box .txt-box .price-area {
	margin-top: 2px;
	gap: 4px;
}
.culturemall-content .list-box .txt-box .price-area .percent {
	color: var(--brand-primary-red);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.culturemall-content .list-box .txt-box .price-area .percent span {
	font-weight: 700;
}
.culturemall-content .list-box .txt-box .price-area .discount {
	color: var(--text-default);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.culturemall-content .list-box .txt-box .price-area .original {
	color: var(--text-label);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.48px;
    text-decoration: line-through;
    margin-left: 2px;
}
.culturemall-content .cmall-btn {
	margin-top: 40px;
}
.culturemall-content .cmall-btn.fixed {
	position: fixed;
    left: 50%;
    transform: translateX(-322px);
    bottom: 0;
    width: 947px;
    padding: 44px 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 15%);
    z-index: 1;
}
.culturemall-content .cmall-btn a {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
    color: var(--text-default);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
    padding: 18px 0;
    border: 2px solid var(--brand-primary-red);
    border-radius: 12px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
}