@charset "utf-8";

.culturecashGuide-content .article1 {
	background: rgba(218, 70, 52, 0.05);
    border-radius: 20px;
    background: url(https://image.cultureland.co.kr/upload/web/etc/20260518_cashguide_bg-01.png);
    width: 886px;
    height: 360px;
    position: relative;
}
.culturecashGuide-content .article1 .txt-area {
	position: absolute;
    top: 60px;
    left: 54px;
}
.culturecashGuide-content .article1 h3,
.changeUserType-content .article1 h3 {
	color: var(--text-default);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.96px;
}
.culturecashGuide-content .article1 .sub-info,
.changeUserType-content .article1 .sub-info {
	margin-top: 8px;
    color: var(--text-default);
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.culturecashGuide-content .article2 .list:not(:last-child),
.changeUserType-content .article2 .list:not(:last-child) {
	padding: 60px 0;
	background-image: url(../images/layout/pattern-dotted.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}
.culturecashGuide-content .article2 .list .title,
.changeUserType-content .article2 .list .title {
	position: relative;
    color: var(--text-default);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.86px;
    padding-left: 12px;
}
.culturecashGuide-content .article2 .list .title::after,
.changeUserType-content .article2 .list .title::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform : translateY(-50%);
	width: 4px;
	height: 20px;
	border-radius: 99px;
	background: var(--brand-primary-red);
}
.culturecashGuide-content .article2 .list .sub-title,
.changeUserType-content .article2 .list .sub-title {
	margin-top: 8px;
    color: var(--text-default);
    font-size: 18px;
    letter-spacing: -0.72px;
} 
.culturecashGuide-content .article2 .list .sub-title span {
	font-weight: 600;
}
.culturecashGuide-content .article2 .step-box {
	margin-top: 32px;
	gap: 8px;
}
.culturecashGuide-content .article2 .step-box .item {
	padding: 16px 0;
    border: 1px solid var(--border-light);
    min-width: 192px;
    text-align: center;
    border-radius: 8px;
}
.culturecashGuide-content .article2 .step-box .item h5 {
	color: var(--text-default);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.56px;
}
.culturecashGuide-content .article2 .step-box .item p {
	color: var(--text-sub);
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-top: 8px;
}
.culturecashGuide-content .article2 .mini-noti,
.changeUserType-content .article2 .mini-noti {
	margin-top: 32px;
}
.culturecashGuide-content .article2 .mini-noti li,
.changeUserType-content .article2 .mini-noti li {
	color: var(--text-sub);
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-bottom: 4px;
}
.culturecashGuide-content .article2 .mini-noti li span {
	font-weight: 600;
}
.culturecashGuide-content .article2 .mini-noti li:last-child,
.changeUserType-content .article2 .mini-noti li:last-child {
	margin-bottom: 0;
}
.changeUserType-content .article1 {
	background: var(--background-light);
    border-radius: 20px;
    height: 224px;
    padding: 0 0 0 54px;
}
.changeUserType-content .grid-table {
    display: grid;
    grid-template-columns: 118px 192px 192px 128px 128px 128px;
    width: 100%;
    border-top: 1px solid #989898;
    border-bottom: 1px solid #989898;
    overflow: hidden;
    font-size: 16px;
    color: var(--text-default);
    margin-top: 32px;
}
.changeUserType-content .cell {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px 12px;
    border-right: 1px solid #989898;
    background-image: url(../images/layout/pattern-dotted.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    line-height: 1.5;
    word-break: keep-all;
    letter-spacing: -0.64px;
}
.changeUserType-content .cell:last-child,
.changeUserType-content .cell.no-right  { 
	border-right: none; 
}
.changeUserType-content .cell.no-bottom { 
	border-bottom: none; 
}
.changeUserType-content .cell.header {
    font-weight: 600;
    color: var(--text-default);
    border-bottom: 1px solid #989898;
    background-image: none;
}
.changeUserType-content .cell.row-label {
    font-weight: 600;
    color: var(--text-default);
}
.changeUserType-content .cell.dimmed {
    background-color: var(--background-light);
}
.changeUserType-content .cell.th.dimmed {
  	background: #dfe1e5;
  	color: var(--text-label);
}
.changeUserType-content .cell.td {
  	color: var(--text-sub);
}
.changeUserType-content .badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 4px;
}
.changeUserType-content .badge-blue  { 
	background: rgba(55, 165, 242, 0.2); 
    color: #37a5f2; 
}
.changeUserType-content .badge-green { 
	background: var(--brand-mint-20); 
	color: var(--brand-secondary-mint); 
}
.changeUserType-content .accent-red { 
	color: var(--brand-primary-red);
    font-weight: 600; 
}
.changeUserType-content .h-label { 
	grid-column: 1; 
	grid-row: 1 / 3; 
}
.changeUserType-content .h-identity { 
	grid-column: 2; 
	grid-row: 1 / 3; 
}
.changeUserType-content .h-phone { 
	grid-column: 3; 
	grid-row: 1 / 3; 
}
.changeUserType-content .h-notice {
	grid-column: 4/7;
	grid-row: 1;
}
.changeUserType-content .h-ipin {
	grid-column: 4;
	grid-row: 2;
}
.changeUserType-content .h-email {
	grid-column: 5;
	grid-row: 2;
}
.changeUserType-content .h-foreign {
	grid-column: 6;
	grid-row: 2;
}
.changeUserType-content .r1-label {
	grid-column: 1;
	grid-row: 3;
}
.changeUserType-content .r1-c1 {
	grid-column: 2;
	grid-row: 3;
}
.changeUserType-content .r1-c2 {
	grid-column: 3;
	grid-row: 3;
}
.changeUserType-content .r1-c3 {
	grid-column: 4;
	grid-row: 3;
}
.changeUserType-content .r1-c4 {
	grid-column: 5;
	grid-row: 3;
}
.changeUserType-content .r1-c5 {
	grid-column: 6;
	grid-row: 3;
}
.changeUserType-content .r2-label {
	grid-column: 1;
	grid-row: 4;
}
.changeUserType-content .r2-c1 {
	grid-column: 2;
	grid-row: 4;
}
.changeUserType-content .r2-c2 {
	grid-column: 3;
	grid-row: 4;
}
.changeUserType-content .r2-c3 {
	grid-column: 4;
	grid-row: 4;
}
.changeUserType-content .r2-c45 {
	grid-column: 5/7;
	grid-row: 4;
}
.changeUserType-content .r3-label {
	grid-column: 1;
	grid-row: 5;
}
.changeUserType-content .r3-c1 {
	grid-column: 2;
	grid-row: 5;
}
.changeUserType-content .r3-c2 {
	grid-column: 3;
	grid-row: 5;
}
.changeUserType-content .r3-c3 {
	grid-column: 4;
	grid-row: 5;
}
.changeUserType-content .r3-c45 {
	grid-column: 5/7;
	grid-row: 5;
}
.changeUserType-content small {
    display: block;
	font-size: 14px;
}
.changeUserType-content .step-area {
	margin-top: 32px;
}
.changeUserType-content .step-area .left {
	padding-right: 52px;
    background-image: url(../images/layout/pattern-dotted-vtc.png);
    background-position: right top;
    background-repeat: repeat-y;
	text-align: center;
}
.changeUserType-content .step-area .right {
	padding-left: 52px;
	text-align: center;
}
.changeUserType-content .step-area .bage-title {
	background: rgba(59, 79, 118, 0.50);
    display: inline-block;
    padding: 2px 8px;
    border-radius: 8px;
    color: var(--text-white);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-bottom: 20px;
}
.changeUserType-content .article2 .step-box {
	gap: 8px;
}
.changeUserType-content .article2 .step-box img:not(.menu-icon) {
	transform: rotate(90deg);
}
.changeUserType-content .article2 .step-area .item {
	padding: 16px 0;
    border: 1px solid var(--border-light);
    min-width: 323px;
    text-align: center;
    border-radius: 8px;
}
.changeUserType-content .article2 .step-area .item h5 {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
    letter-spacing: -0.56px;
}