/* **************************** */
/* *****	MyPage		***** */
/* **************************** */
section.mypage-content {}
.left-menu {
	position:relative
}
.left-menu .module-first {
	width: 100%;
	padding: 0 10px;
}
.left-menu .module-first .pos-rel ul li a {
	background: var(--lqd-color-gray-100);
	width: 100%;
	font-weight: 500;
}
.left-menu .module-first .pos-rel ul li a:hover {
	background: var(--lqd-color-slate-200);
}
.left-menu .module-first .pos-rel ul li.active a {
	background: var(--lqd-color-point);
	font-weight: 800;
	color: #FFF;
}
.left-menu .module-first .btn_cost_deal {
	width: 100%;
	position: relative;
}
.left-menu .module-first .btn_cost_deal .btn_set {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 20px 20px;
	margin-bottom: 30px;
	background: var(--lqd-color-slate-100);
	background: var(--lqd-color-gray-200);
}
.left-menu .module-first .btn_cost_deal .btn_set a.btn {
	font-weight: 600;
	white-space: nowrap;
	font-size: 16px;
	border-radius: 4px 4px;
	padding: 15px 55px;
	background: #FFF;
	background: #8256b7;
	color: #FFF;
}
.left-menu .module-first .btn_cost_deal .btn_set a.btn:hover {
	background: #FFF;
	color: var(--lqd-color-secondary);
}
.left-menu .module-first .btn_cost_deal .btn_set a.btn + a.btn {
	margin-top: 0.542em;
}
.left-menu .module-first .btn_cost_deal .btn_set a.btn .btn-icon {
	width: 36px;
	height: auto;
	border-radius: 0.52em 0.52em;
	overflow: hidden;
	display: inline-block;
}

.right-con {
	display: flex;
	flex-direction: column;
}
.right-con .myapplication {}
.right-con .myapplication > .col {
	padding: 0 0 40px 0;
}
.right-con .myapplication .lqd-tabs-nav-wrap {
	margin-bottom: 2em;
}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav {}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li {}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li > a {
	font-size: 16px;
	font-weight: 600;
	display: block;
	color: var(--lqd-color-secondary);
}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li > a .lqd-tabs-nav-icon {}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li > a .lqd-tabs-nav-content {}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li > a .lqd-tabs-nav-content > span {
	display: block;
	position: relative;
	margin: 0 auto;
}
.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li > a.active {
	color: var(--lqd-color-point);
	font-weight: 900;
}

.right-con .myapplication .lqd-tabs-nav-wrap .lqd-tabs-nav li > a.active:after {
	background-color: var(--lqd-color-point);
}

#wrap.mypage .titlebar {
	background-position: right bottom;
	background-size: auto 100%;
}
.lqd-gdpr-accept {
	padding: 12px 20px;
	border: none;
	border-radius: 50em;
	background: #e6ecef;
	font-size: 12px;
	line-height: 1em;
	color: #184341;
	transition: background .3s, color .3s;
}
.lqd-sectoin.services-content {
	min-height: 50vh;
}
.services-content h3 {
	color: inherit;
}
.accordion-item .accordion-title a {
	color: var(--lqd-color-secondary);
	font-size: 1.15rem;
}
.accordion-item.active .accordion-title a {
	color: #FFFFFF;
}
.reset-ul > li.active,
.reset-ul > li.active a {
	background-color: var(--lqd-color-primary);
	color: #fff;
}
.accordion .accordion-title a date {
	position: absolute;
	right: 3.45rem;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	font-size: 14px;
}
.accordion .answers {
	position: relative;
	background: var(--lqd-color-gray-100);
	padding: 1.75rem 2rem;
}
.accordion .answers::before {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	background: #f6fafc;
	position: absolute;
	top: -10px;
	/* left: 50%; */
	/* transform: translate(-50%, 0); */
	transform: skew(45deg, 135deg);
}

.accordion .answers .answers_tit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.accordion .answers .answers_tit h6 {
	color: #3B4B53;
	margin: 0 0;
	padding: 0 0;
}
.accordion .answers .answers_tit date {
	color: var(--lqd-color-gray-500);
	font-size: 90%;
}

.tb-board {}
.tb-board th {
	text-align: center;
	font-size: 94%;
	background: #f7f7f7;
	padding: 0.95rem 0;
	line-height: 125%;
	border-top: 1px solid #dedede;
}
.tb-board th > span {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}
.tb-board th:first-child {
	border-left: 1px solid #dedede;
}
.tb-board th:last-child {
	border-right: 1px solid #dedede;
}
.tb-board th + th {
	border-left: 1px solid #dedede;
}
.tb-board td {
	padding: .75em .65em;
}
.tb-databoard {
	border: 1px solid #dedede;
}
.tb-databoard tr.hr td {
	padding: 0 0;
}
.tb-databoard tr.hr td hr {
	margin: 2px 0;
	border: none;
}
.tb-databoard th {
	text-align: left;
	padding: 0.75rem 0 0.75rem 1.5rem;
	font-weight: 600;
	font-size: 90%;
	background: #f7f7f7;
	border-right: 1px solid #dedede;
}
.tb-databoard tbody tr:nth-child(odd) th {
	background: #f1f1f1;
}
.tb-databoard td {
	padding: 0.75rem 0 0.75rem 1.5rem;
}
.tb-databoard.responsive th {
	width: 25%;
}

@media (max-width: 767px) {
	#wrap.mypage .titlebar .titlebar-inner {
		padding-top: 120px;
	}
	#wrap.mypage .titlebar .titlebar-inner .titlebar-col > p {
		font-size: 100%;
	}
	.lqd-sectoin.services-content .w-70percent {
		padding-top: 1rem;
	}
	.lqd-sectoin.services-content .module-first.py-50 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.tb-databoard.responsive colgroup {}
	.tb-databoard.responsive tbody {}
	.tb-databoard.responsive tr {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		position: relative;
	}
	.tb-databoard.responsive th {
		width: 100%;
		padding: 0.245rem 0 0.245rem 1.45rem;
		font-size: 13px;
	}

	.accordion-item .accordion-title a {
		font-size: 1rem;
		line-height: 1.25rem;
		padding: 2.5rem 1.25rem 1.25rem;
	}
	.accordion .accordion-title a date {
		left: 20px;
		top: 24px;
		font-size: 84%;
	}
	.accordion-item.mb-30.panel {
		margin-bottom: 20px;
	}
	.btn_money_wrap {
		width: 100%;
		text-align: center;
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 3%;
	}
	.tb-databoard td > .btn_money_wrap {
		margin: -0.75rem 0 -0.75rem -1.5rem;
		width: calc(100% + 1.5rem);
	}
	.btn_money_wrap .btn_money {
		width: 31.25%;
		margin: 1% 1%;
		text-align: center;
		font-size: 12px;
		padding-left: 0;
		padding-right: 0;
	}
}
.btn_money {
	border: 3px solid;
	border-color: var(--lqd-color-link);
	padding: 0.542rem 0.85rem;
	border-radius: 1rem 1rem;
	background: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	line-height: 100%;
	display: inline-block;
}
.btn_money:hover {
	background: var(--lqd-color-link);
/*	border-color: #c6ac32;*/
	color: #FFF;
}
.btn_money.btn_dark {
	color: #a2b2c9;
	border-color: #a2b2c9;
}
.btn_money.btn_dark:hover {
	background: #2C3C48;
	border-color: #2C3C48;
	color: #FFF;
}
span.date-num,
date.date-num {
	white-space: nowrap;
	font-size: 90%;
	letter-spacing: -0.045em;
}
.tb-databoard input.form-control {
	border-radius: 0.45rem 0.45rem;
	padding: 0.4rem 0 0.45rem 1rem;
	border-color: #EDEDED;
}
.label-point01 {
	font-size: 87.25%;
	font-weight: bold;
	padding: 0.45rem 1rem;
	border-radius: 6px 6px;
	line-height: 100%;
	color: #FFF;
	background: #22c083;
}
.label-point02 {
	font-size: 87.25%;
	font-weight: bold;
	padding: 0.45rem 1rem;
	border-radius: 6px 6px;
	line-height: 100%;
	color: #FFF;
	background: #5b7bfb;
}
.label-point03 {
	font-size: 87.25%;
	font-weight: bold;
	padding: 0.45rem 1rem;
	border-radius: 6px 6px;
	line-height: 100%;
	color: #FFF;
	background: #007fff;
}
.label-point04 {
	font-size: 87.25%;
	font-weight: bold;
	padding: 0.45rem 1rem;
	border-radius: 6px 6px;
	line-height: 100%;
	color: #FFF;
	background: #ff4d54;
}
.pointtext01, .pointtext01 a {
	color: #22c083;
	fill: #22c083;
	font-weight: bold;
}
.pointtext02, .pointtext02 a {
	color: #5b7bfb;
	fill: #5b7bfb;
	font-weight: bold;
}
.pointtext03, .pointtext03 a {
	color: #007fff;
	fill: #007fff;
	font-weight: bold;
}
.pointtext04, .pointtext04 a {
	color: #ff4d54;
	fill: #ff4d54;
	font-weight: bold;
}
.pointtext05, .pointtext05 a {
	color: #184341;
	fill: #184341;
	font-weight: bold;
}
.pointtext05, .pointtext06 a {
	color: #184341;
	fill: #184341;
	font-weight: bold;
}

/* JOIN PAGE */
section.lqd-section.form {}
section.lqd-section.form .titlebar-container { position:relative; z-index:19;}

.dropdown.bankselect button.dropbtn { border-radius:4px 4px; border-color:rgba(0, 0, 0, .2);}
.dropdown.bankselect .dropbox-lang tr.selectContent td svg.feather-chevron-down { position:absolute; z-index:2; top:50%; right:0; pointer-events:none; transform:translate(-50%, -50%);}
.dropdown.bankselect table.dropbox-lang tbody tr:nth-child(odd),
.dropdown.bankselect table.dropbox-lang tbody tr:nth-child(even) { background:none; border:none;}
.dropdown.bankselect .dropbox-lang #bank_choice { padding:0 0 0 7px; font-weight:bold; letter-spacing:-0.0175rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dropdown.bankselect .dropdown-content a:nth-child(even) { background:#f3f3f3;}
.dropdown.bankselect .dropdown-content a:hover { background-color:var(--lqd-color-link);}
.dropdown.bankselect .dropdown-content img.flag,
.dropdown.bankselect .dropbox-lang img.flag { border-radius:6px 6px; margin-right:5px;}