@charset "utf-8";

.sub-page-article.customer .sub-page-title{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 32px;
}
.sub-page-article.customer .sub-page-title img{
	width: 78px;
	cursor:pointer;
}
.sub-page-article.customer .help-list-box{
	display: flex;
	padding: 40px 0 44px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-top: 1px solid var(--border-light);
}
.sub-page-article.customer .help-list-box .help-list {
	display: flex;
	width: 800px;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.sub-page-article.customer .help-list-box .help-list li{
	border-radius: 16px;
	background: #f5f6f8;
}
.sub-page-article.customer .help-list-box .help-list li a{
	display: flex;
	width: 150px;
	height: 100px;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.sub-page-article.customer .help-list-box .help-list li .tit{
	color: var(--text-default);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -.64px; 
	transition:.2s all;
}
.sub-page-article.customer .help-list-box .help-list li:hover .tit{
	color: var(--brand-primary-red);
	transition:.2s all;
}

.sub-page-article.customer .search{
	display: flex;
	padding: 0 32px 28px;
	justify-content: center;
	align-items: center;
}
.sub-page-article.customer .search .search-input{
	position: relative;
}
#wrap .sub-page-article.customer .search .search-input input[type="text"]{
	width: 800px;
	height: 50px;
	padding: 4px 12px 4px 16px;
	border-radius: 12px;
	border: 1px solid var(--border-light);
	font-size: 16px;
	color: var(--text-default);
}
#wrap .sub-page-article.customer .search .search-input input[type="text"]:focus{
	border: 1px solid var(--border-dark);
}
.sub-page-article.customer .search .search-input input[type="text"]::placeholder{
	color: var(--text-label);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.64px;
}
.sub-page-article.customer .search .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: 12px;
    transform: translateY(-50%);
}
.sub-page-article.customer .faq-list-box{
	display: flex;
	padding: 0 48px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sub-page-article.customer .faq-list-box ul li{
	position: relative;
}
.sub-page-article.customer .faq-list-box ul li .Q{
	border-bottom: 1px solid var(--border-light);
}
.sub-page-article.customer .faq-list-box ul li:last-child .Q{
	border-bottom: none;
}
.sub-page-article.customer .faq-list-box ul li .Q a.accordion-btn{
	display: flex;
	width: 800px;
	padding: 20px 12px 20px 0;
	align-items: center;
	color: var(--text-default);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -.64px;
}
.sub-page-article.customer .faq-list-box ul li .Q.active a.accordion-btn{
	font-weight: 600;
}
.sub-page-article.customer .faq-list-box ul li .Q a.accordion-btn::after{
	content: "";
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url(https://image.cultureland.co.kr/upload/web/etc/icon_arrow_down.svg) 50% 50% no-repeat;
    transition: 0.5s all;
}
.sub-page-article.customer .faq-list-box ul li .Q.active a.accordion-btn::after{
	transform: rotatez(180deg);
}
.sub-page-article.customer .faq-list-box ul li .Q a.accordion-btn .mark{
	color: var(--surface-navy-100);
	font-weight: 600;
	padding-right: 8px;
}
.sub-page-article.customer .faq-list-box ul li .A{
	display: none;
	width: 800px;
	padding: 32px 36px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 36px;
	background: #f5f6f8;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box{
	display: flex;
	width: 728px;
	align-items: flex-start;
	gap: 24px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box p{
	color: var(--text-default);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -.64px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .bold-txt{
	font-weight: 600;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .red-txt{
	color: var(--brand-primary-red);
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .small-txt{
	color: var(--text-sub);
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: -.56px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .mark{
	color: var(--brand-primary-red);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -.64px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer-title{
	display: flex;
    flex-direction: column;
    gap: 24px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .img-answer{
	display: flex;
    align-items: center;
    gap: 24px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .img-answer .answer-txt{
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer{
	display: flex;
    flex-direction: column;
    gap: 12px;	
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer .answer-txt{
	display: flex;
    gap: 12px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer .answer-label{
  	flex-shrink: 0;
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	min-width: 60px;
  	height: 28px;
  	padding: 2px 8px;
  	border-radius: 8px;
  	background: rgba(59, 79, 118, 0.30);
  	color: var(--text-white);
  	font-weight: 700;
  	box-sizing: border-box;
  	white-space: nowrap;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer.kcpi{
    gap: 16px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer.kcpi .answer-txt{
    flex-direction: column;
    gap: 8px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer.kcpi .answer-txt a{
    color: #0081dc;
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: from-font;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer.kcpi .red-block{
	width: 4px;
    height: 16px;
    border-radius: 99px;
    background: var(--brand-primary-red);
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer.kcpi .kcpi-title{
    display: flex;
    align-items: center;
    gap: 8px;
}
.sub-page-article.customer .faq-list-box ul li .A .answer-box .answer.kcpi .line{
	width: 690px;
	border: 1px dashed var(--border-light);
	margin: 16px 0;
}
.sub-page-article.customer .faq-list-box ul li .A .faq-btn-box{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 36px; 
}
.sub-page-article.customer .faq-list-box ul li .A .faq-btn{
	display: flex;
	min-width: 160px;
	height: 40px;
	padding: 8px 0;
	justify-content: center;
	align-items: center;
	color: var(--text-default);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -.64px;
	background: var(--background-white);
	border-radius: 8px;
	border: 1px solid var(--border-light);
}
.sub-page-article.customer .faq-list-box ul li .A .faq-btn-box.kcpi{
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
}
.sub-page-article.customer .faq-list-box ul li .A .faq-btn-box.kcpi .faq-btn{
	padding: 8px 16px;
}
.sub-page-article.customer .viewmore{
	padding: 20px 0 44px;
}
.sub-page-article.customer .viewmore a{
	display: flex;
	justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--text-sub);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.64px;
}
.serviceHelp_content .search-box .select-box,
#wrap .serviceHelp_content input[type="text"] {
	border-radius: 12px !important;
	padding-left: 16px;
}
.serviceHelp_content .search-box .select-box {
	width: 220px;
}
.serviceHelp_content .search-box.service-help .search-input {
	width: 646px;
}
.serviceHelp_content .search-box .search {
	gap: 20px;
}
.serviceHelp_content .search-box.service-help {
	padding: 28px 32px;
}
.serviceHelp_content .search-box .select-box select {
	padding-left: 16px;
}
.serviceHelp_content .tabs.icon {
	border-color: var(--border-light);
	border-bottom: none;
}
.serviceHelp_content .tabs.icon li {
	height: auto;
	border-color: var(--border-light);
}
.serviceHelp_content .tabs.icon li a {
	padding: 16px 0;
}
.serviceHelp_content .tabs.icon li span {
	color: var(--text-sub);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.serviceHelp_content .tabs.icon li:nth-of-type(14) span{
	font-size: 16px;
}
.serviceHelp_content .tabs.icon li.active span {
	font-weight: 700;
}
.serviceHelp_content .service-list-box {
	gap: 12px 8px;
    padding: 28px 32px;
    flex-wrap: wrap;
}
.serviceHelp_content .service-list-box li {
	background: var(--background-light);
    border-radius: 99px;
}
.serviceHelp_content .service-list-box li.active {
	background-color: var(--brand-primary-red);
}
.serviceHelp_content .service-list-box li a {
	color: var(--text-default);
    line-height: 1.5;
    letter-spacing: -0.64px;
    padding: 8px 16px;
    display: block;
}
.serviceHelp_content .service-list-box li.active a {
	color: var(--text-white);
	font-weight: 600;
}
.serviceHelp_content .tabs.icon li:nth-child(+n+11) {
	border-bottom: 1px solid var(--border-light);
	height: 57px;
}
.serviceHelp_content .accordion dt {
	border-color: var(--border-light);
}
.serviceHelp_content .accordion dl:last-of-type:not(:first-of-type) dt {
	border-bottom: 0;
}
.serviceHelp_content .accordion {
	padding: 0 32px 44px;
}
.serviceHelp_content .accordion dt.active {
	background: var(--background-white);
}
.serviceHelp_content .accordion dt button {
	padding: 20px 12px 20px 0;
	color: var(--text-default);
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.serviceHelp_content .accordion dt button::after {
	content: "";
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    background: url(https://image.cultureland.co.kr/upload/web/etc/icon_arrow_down.svg) 50% 50% no-repeat;
    transition: 0.5s all;
}
.serviceHelp_content .accordion dt.active button::after {
	transform: rotate(-180deg);
}
.serviceHelp_content .accordion dt.active button {
	font-weight: 600;
}
.serviceHelp_content .accordion.help dd {
	padding: 32px 36px;
	background: var(--background-light);
}
.serviceHelp_content .accordion.help dd * {
	font-size: 16px !important;
	background: transparent !important;
}

#wrap .noticeList_content .section .cont .search-box .search-input input[type="text"]{
	width: 100%;
    height: 50px;
    padding: 4px 12px 4px 16px;
    border-radius: 12px;
    border: 1px solid var(--border-light);
    font-size: 16px;
    color: var(--text-default);
}
.noticeList_content .section .cont .noticeListSrc{
	border: none;
}
.noticeList_content .section .cont .search-box{
	padding: 28px 32px;
}
.noticeList_content .section .cont .search-box .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: 12px;
    transform: translateY(-50%);
}
#wrap .noticeList_content .section .cont .search-box .search-input input[type="text"]:focus{
	border: 1px solid var(--border-dark);
}
.noticeList_content .section .cont .formgroup-cont{
	padding:0 32px;
}
.noticeList_content .section .cont .formgroup-cont .tbl-list th{
	background-color: var(--background-light);
	background-image: none;
    border-right: 1px dotted var(--text-label);
    border-bottom: 1px solid var(--text-label) !important;
}
.noticeList_content .section .cont .formgroup-cont .tbl-list td{
	border-right: 1px dotted var(--text-label);
	border-bottom: 1px dotted var(--text-label);
}
.noticeList_content .section .cont .formgroup-cont .tbl-list tr.highlight.notice td:first-child{
	background: url(https://image.cultureland.co.kr/upload/web/etc/ic_error.png) no-repeat 22px center;
	background-size: 16px;
	padding-left: 22px;
}
.noticeList_content .section .cont .formgroup-cont .tbl-list th:last-child,
.noticeList_content .section .cont .formgroup-cont .tbl-list td:last-child{
	border-right: none;
}
.noticeList_content .section .cont .formgroup-cont .tbl-list.hover-effect tbody tr:hover td, 
.noticeList_content .section .cont .formgroup-cont .tbl-list.hover-effect tbody tr:hover td a{
	color: var(--text-default) !important;
}
.noticeList_content .section .cont .formgroup-cont .tbl-list.hover-effect tbody tr.highlight.notice:hover td,
.noticeList_content .section .cont .formgroup-cont .tbl-list.hover-effect tbody tr.highlight.notice:hover td a{
	color: var(--brand-primary-red) !important;
}
.noticeList_content .section .cont .formgroup-cont .tbl-list.flexible thead th, 
.noticeList_content .section .cont .formgroup-cont .tbl-list.flexible tbody th, 
.noticeList_content .section .cont .formgroup-cont .tbl-list.flexible tbody td{
	height: 60px;
	padding: 0 12px;
}
.noticeList_content .section .cont .board-header{
    background-color: var(--background-light);
}
.noticeList_content .section .cont .board-pager dl dt{
	width: 180px;
	color: var(--text-sub);
	padding-left: 60px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.64px;
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/arrow-bottom.png);
    background-position: 105px;
	background-size: 16px;
}
.noticeList_content .section .cont .board-pager dl:first-child dt{
	background-image: url(https://image.cultureland.co.kr/upload/web/etc/arrow-up.png);
}
.noticeList_content .section .cont .board-pager dl dd{
	width: auto;
	color: var(--text-sub);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.64px;
}
.noticeList_content .section .cont .board-pager dl dd a{
	color: var(--text-sub);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -.64px;
}
#wrap .noticeList_content .section .cont .btn-cont .btn.minimal{
	min-width: 160px;
}
.noticeList_content .section .cont .btn-cont .btn.minimal{
	width: 160px;
	border-radius: 8px;
	border: 1px solid var(--border-light);
	background: var(--background-white);
	color: var(--text-default);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -.64px;
}
.noticeList_content .section .cont .paging{
	padding-bottom: 44px;
}
.refundGuide-content .main-info-txt {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.refundGuide-content .sub-info-txt {
	margin-top: 24px;
    line-height: 1.5;
    letter-spacing: -0.64px;
} 
.refundType-content .top-title {
	text-align: center;
}
.refundType-content .top-title h3 {
	color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.refundType-content .top-title p {
	margin-top: 12px;
    color: var(--text-sub);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.refundType-content .refund-event h4 {
	color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.refundType-content .refund-event h4 span {
	margin-left: 4px;
    color: var(--text-sub);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.refundType-content .refund-event .refund-flex {
	margin-top: 24px;
	padding: 28px 32px 32px;
	border: 1px solid var(--border-light);
}
.refundType-content .refund-event .left,
.refundType-content .refund-event .right {
	flex: 1;
}
.refundType-content .refund-event .right {
	padding-left: 32px;
	margin-left: 32px;
	background-image: url(../images/layout/pattern-dotted-vtc.png);
    background-position: left top;
    background-repeat: repeat-y;
}
.refundType-content .refund-event .title-area .title-top .bage-mini {
	border-radius: 8px;
	padding: 2px 8px;
}
.refundType-content .refund-event .detail-area {
	border-top: none;
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: center top;
    background-repeat: repeat-x;
    padding-left: 0;
    padding-right: 0; 
    margin-top: 20px;
}
.refundType-content .refund-event .title-area {
	padding-left: 0;
}
.refundType-content .refund-event .title-area .bigger {
	margin-top: 10px;
}
.refundType-content .refund-event .title-area .txt {
	margin-top: 4px;
	line-height: 1.5;
	letter-spacing: -0.64px;
}
.refundType-content .refund-event ul.notice {
	padding-bottom: 22px;
}
.refundType-content .refund-event ul.notice .info-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.56px;
}
.refundType-content .refund-event ul.notice li {
	font-size: 14px;
	letter-spacing: -0.56px;
}
.refundType-content .refund-event ul.notice li:before {
	width: 4px;
	height: 4px;
}
.refundType-content .refund-event h5 {
	color: var(--text-sub);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.refundType-content .refund-event .ex-box .ex-inner {
	border-color: var(--border-light);
}
.refundType-content .refund-event .ex-box .ex-item p:first-child {
	line-height: 1.5;
}
.refundType-content .refund-event .ex-complete {
	margin-bottom: 32px;
}
.refundType-content .refund-event .ex-complete .complete-inner p:first-child {
	line-height: 1.5;
}
.refundType-content .refund-event .ex-complete .complete-inner p:last-child {
	font-weight: 400;
}
.refundType-content .refund-event .ex-box .ex-info-box .left, 
.refundType-content .refund-event .ex-box .ex-info-box .right {
	border-color: var(--border-light);
}
.refundType-content .refund-event .ex-box .ex-info-box .right {
	margin-left: 0;
}
.refundType-content .refund-event .ex-box .ex-info-box p:first-child {
	line-height: 1.5;
}
.refundType-content .refund-event .ex-box .ex-info-box p:last-child {
	line-height: 1.5;
}
.refundType-content .refund-event .right .ex-box {
	margin-bottom: 32px;
}
.refundType-content .list-item.noti h3 {
	color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.88px;
}
.refundType-content .list-item.noti p {
	margin-top: 8px;
    color: var(--text-default);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.refundType-content .list-item.noti .sub-info p {
	color: var(--brand-secondary-mint);
}
.refundType-content .list-item.noti .sub-info p a {
	text-decoration: underline;
    color: var(--brand-secondary-mint);
    font-weight: 600;
}
.refundType-content .list-item.noti .sub-info li {
	color: var(--brand-secondary-mint);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.refundType-content .normal-refund-infobox {
	border: 1px solid var(--border-light);
    padding: 28px 32px 32px;
    border-radius: 16px;
    margin-top: 24px;
}
.refundType-content .normal-refund-infobox .info-title {
	color: var(--text-sub);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
    margin: 0;
}
.refundType-content .normal-refund-infobox li {
	display: flex;
    gap: 4px;
    color: var(--text-sub);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.refundType-content .normal-refund-infobox .agree-zone {
	margin-top: 32px;
	border-radius: 8px;
	background: var(--background-light);
}
.refundDetail-content .top-refund-state {
	text-align: center;
}
.refundDetail-content .top-refund-state .title {
	color: var(--text-sub);
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.72px;
}
.refundDetail-content .top-refund-state .item {
	border: 1px solid var(--border-light);
    width: 253px;
    height: 88px;
    border-radius: 8px;
    gap: 4px;
}
.refundDetail-content .top-refund-state .num {
	color: var(--text-default);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.72px;
}
.refundDetail-content .top-refund-state .num.red {
	color: var(--brand-primary-red);
}
.refundDetail-content .refund-event .check-button input[type="checkbox"] {
	position: unset;
	opacity: 1;
	z-index: 0;
	margin-top: -6px;
}
.refundDetail-content .refund-event .check-button label {
	padding: 0;
}
.refundDetail-content .formgroup-cont .check-button label:before {
	content: unset;
}
.refund-info-pop .btn-area .go-btn {
	border-radius: 8px;
}
.refundDetail-content .form-lists .btn {
	background: none;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    font-weight: 600;
}
.refundDetail-content .form-lists .btn.normal {
	min-width: 120px;
    margin-right: 8px;
}

.renewal-modal-wrap.refund-info-pop {
	width: 740px;
	border-radius: 20px;
	background: var(--background-white);
	overflow: hidden;
}
.renewal-modal-wrap.refund-info-pop .title-box h4 {
	color: var(--text-default);
}
.renewal-modal-wrap.refund-info-pop .top-area h4 {
	color: var(--text-default);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.96px;
}
.renewal-modal-wrap.refund-info-pop.refund-info-pop .middle-txt-area p {
	color: var(--text-default);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.72px;
}
.renewal-modal-wrap.refund-info-pop.refund-info-pop .middle-txt-area p span {
	font-weight: 600;
}
.renewal-modal-wrap.refund-info-pop.refund-info-pop .middle-txt-area p .red {
	color: var(--brand-primary-red);
}
.renewal-modal-wrap.refund-info-pop.refund-info-pop .btn-area .go-btn {
	width: 180px;
	height: 48px;
	display: flex;
    align-items: center;
    justify-content: center;
	background: var(--brand-primary-red);
	border-radius: 8px;
	padding: 8px 0;
	color: var(--text-white);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.64px;
}