@charset "UTF-8";

/*pc 사이즈*/
/* 공통 레이아웃 */
.bold {
	font-weight: 800 !important
}

/*sliderContainer*/
#sliderContainer {
	background: #fdfdfd;
	padding: 111px 0 48px;
	overflow: hidden;
}

.scTit {
	margin-bottom: 76px;
}

.scTit h2 {
	margin-bottom: 30px;
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -1px;
}

.scTit p {
	font-size: 16px;
	color: #575656;
}

.wrapper {
	width: 100%;
	margin-bottom: 72px;
	position: relative;
}

.bgContainer {
	position: absolute;
	z-index: -100;
	left: 0;
	opacity: 1 !important
}

.item-bg {
	width: 276px;
	height: 315px;
	position: absolute;
	top: 30px;
	border-radius: 10px;
	border: 2px solid rgba(40, 60, 117, 0.83);
	transition: all 0.3s;
	left: -30px;
	opacity: 0
}

.item-bg:not(.active) {
	opacity: 0 !important
}

.item-bg.active {
	left: 0;
	top: 0;
	opacity: 1
}

.news-slider {
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}

.news-slider__wrp {
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

.news-slider__item {
	width: 276px;
	flex-shrink: 0;
}

.news-slider__item.swiper-slide {
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}

.news-slider__item.swiper-slide-active, .news-slider__item.swiper-slide-active+div,
	.news-slider__item.swiper-slide-active+div+div, .news-slider__item.swiper-slide-active+div+div+div
	{
	opacity: 1;
	pointer-events: auto;
}

.news-slider__ctr {
	position: relative;
	z-index: 12;
}

.news-slider__arrows {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}

.news-slider__arrow {
	background: none;
	border: none;
	display: inline-flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	top: 133px;
	z-index: 5;
	cursor: pointer;
	outline: none !important;
}

.news-slider__arrow[aria-disabled=true] {
	display: none;
}

.news-slider__arrow:focus {
	outline: none !important;
}

.news-slider__arrow .icon-font {
	display: inline-flex;
}

.news-slider__arrow.news-slider-prev {
	left: -80px;
}

.news-slider__arrow.news-slider-next {
	right: -80px;
}

.icon-font img {
	width: 20px;
	height: 20px
}

.icon-arrow-left {
	transform: rotate(180deg)
}

.news-slider__pagination {
	text-align: center;
	margin-top: 48px;
}

.news-slider__pagination .swiper-pagination-bullet {
	width: 64px;
	height: 4px;
	display: inline-block;
	background: #dcdcdc;
	margin: 0 5px;
	transition: background-color 0.5s, width 0.5s;
	transition-delay: 0.5s, 0s;
	border-radius: 0;
	opacity: 1
}

.news-slider__pagination .swiper-pagination-bullet-active {
	background: #283c75;
	width: 301px;
	transition-delay: 0s;
}

.news__item {
	height: 316px;
	padding: 33px 25px 27px;
	border-radius: 10px;
	display: block;
	/* transition: all 0.3s; */
	box-shadow: 0 0 24px 0 rgba(104, 104, 104, 0.1);
	cursor: pointer;
}

.news__item.active {
	border: 2px solid rgba(40, 60, 117, 0.83);
	transform: translateY(-2px)
}

.news__item.active .news__img {
	box-shadow: none;
}

.news__title {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	margin: 14px 0 5px;
}

.news__txt {
	font-size: 16px;
	line-height: 1.5;
	color: #575656;
}

.news__img {
	height: 156px;
	width: 100%;
}

.news__img img {
	max-width: 100%;
	height: 100%;
	width: 100%;
}

.scBtn>div {
	display: block;
	text-align: center;
}

.scBtn>div:first-child {
	margin-bottom: 15px;
}

.scBtn .mdc-button {
	width: 276px;
}

/* cardLayout */
.cardLayout {
	padding-top: 48px;
}

.cardLayout.cardLayoutService {
	padding: 80px 0 140px 25px;
}

.cardLayout.cardLayoutTransfer {
	padding: 0 0 140px 25px;
}

#recommendContent {
	display: none;
	padding-bottom: 0
}

#recommendContent .cardContainer {
	padding-top: 95px
}

.mdc-tab-bar {
	width: auto;
	display: table;
}

.cardTit1 {
	font-size: 24px;
	padding: 80px 0 55px 0;
	font-weight: 500;
}

.cardTit1.cardTitLayout {
	padding: 50px 0 55px 0;
}

.cardTit1.cardTitLayoutlink {
	padding: 50px 0 55px 10px;
}

.mdc-layout-grid__cell .cardTit1 {
	padding-top: 0;
	padding-bottom: 23px
}

.mdc-layout-grid__cell .cardTit1.service {
	padding: 50px 0 24px 30px;
	display: inline-block;
}

.mdc-layout-grid__cell .textLine {
	text-decoration: underline;
	color: #1E4FD7;
}

.cardTit1.serviceTit {
	padding: 50px 0 40px 0;
}

.cardTit1.serviceTit span {
	color: #3F3F3F;
	margin-left: 40px;
}

.cardTit1 span {
	font-weight: 800;
	color: #1E4FD7;
}

.cardTit2 {
	font-size: 25px;
	padding: 151px 0 47px 13px;
	font-weight: 500;
	color: #575656;
}

.mdc-layout-grid__cell .cardTit2 {
	padding-top: 127px;
	padding-bottom: 23px
}

.mdc-layout-grid__cell .line+.cardTit2 {
	padding-top: 0
}

.subVertical+section .cardTit2 {
	padding-top: 0
}

.cardTxt {
	font-size: 17px;
	color: #575656;
	padding: 0 0 40px 0;
}

.card {
	background: #fafafa;
	border-radius: 20px;
	padding: 64px 60px;
	margin-bottom: 16px;
}

.card.cardService {
	background: #FFF;
	border-radius: 20px;
	padding: 40px 20px;
	margin-bottom: 0;
	/*     border: 1px solid #C4C4C4;
 */
	width: 537px;
	height: 225px;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
}

.card.cardService img {
	width: 80px;
	height: 80px;
	display: inline-block;
	margin: 20px 10px 20px 0;
	position: absolute;
}

.cLogoList.easyPay.service img {
	position: relative;
	width: 40px;
	height: 40px;
	/* display: inline-block; */
	margin: 0;
}

.cLogoList.easyPay.service img.kakao {
	position: relative;
	width: 90px;
	height: 40px;
	/* display: inline-block; */
	margin: 0;
}

.card.cardService p {
	padding: 0 0 0 110px;
}

.card.cardService.paylogo {
	width: 1097px;
	height: auto;
}

.card.minCard {
	padding: 40px 30px;
	min-height: calc(100% - 16px);
	background: #fff;
	position: relative;
}

.card.minCard.minCardService {
	padding: 40px 10px;
}

.card.cardEnd {
	margin-bottom: 0;
}

.card.flex {
	padding: 20px 40px;
	display: flex;
	/* justify-content: space-between; */
	border-radius: 10px;
}

.card.flex.service {
	justify-content: space-between;
	background: #fafafa00;
	margin: 10px 0 10px -10px;
}

.card.white {
	background: #fff;
	border: 1px solid #dbdbdb;
	padding: 50px 40px
}

.card.shadow {
	padding: 40px;
	background: #fff;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
	margin-bottom: 0;
	min-height: 100%
}

.card.shadowService2 {
	padding: 0 20px;
	background: #fff;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
	margin-bottom: 0;
	min-height: 100%
}

.card.shadowService {
	background: #FAFAFC;
	padding: 0;
	margin-top: 60px;
	box-shadow: 0 0 14px 0 rgba(104, 104, 104, 0.1);
	margin-bottom: 0;
	min-height: 95%;
	width: 100%;
}

.priceGridInner {
	width: 94%;
}

.feeGridInner, .settlmntGridInner {
	width: 95%;
	grid-gap: 70px;
}

.card.shadow.escrow {
	padding: 62px
}

.card.calendarCard {
	margin: 35px 0 50px 0;
}

.card.border {
	padding: 35px 20px;
	background: #fff;
	border: 3px solid #dbdbdb;
	margin-bottom: 0;
	width: 94%;
	min-height: 100%;
}

.card.border.boderColor {
	border-color: #F47920;
}

.guidCardFlex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 17px;
}

.border>p {
	margin-bottom: 35px;
}

.guidCardFlex h3 {
	font-size: 20px;
	font-weight: 600;
}

.guidCardDiscript {
	display: flex;
}

.guidCardDiscript p:last-child {
	font-size: 20px;
	font-weight: 600;
	color: #383838;
}

.guidCardDiscript .cardLineThru {
	font-size: 20px;
	font-weight: 600;
	text-decoration: line-through;
	color: #bdbdbd;
	margin-right: 3px;
}

.feeCard {
	border-bottom: 1px solid #dbdbdb;
}

.feeCard.flex {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}

.feeCard.flex h3, .feeCard.flex p {
	font-size: 20px;
	font-weight: 500;
}

.settlmntGridInner .feeCard {
	padding: 30px 0;
}

#serviceTit .card {
	padding: 25px 40px 36px;
	margin-bottom: 0;
	background: #FAFAFC;
}

h2.cTit {
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 34px;
	color: #1d3c77
}

h3.cTit {
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.6
}

h3.cTit.cTitService {
	display: inline-block;
	margin: 10px 20px 20px 0;
	padding: 0 0 0 110px;
}

h3.cTit.serviceTit {
	display: inline-block;
	margin: 0 20px 10px 0;
	padding: 0 0 0 110px;
}

.priceGridInner h3.cTit, .feeGridInner h3.cTit {
	font-size: 24px;
	font-weight: 600;
}

.minCard h3.cTit {
	min-height: 77px
}

.card.calendarCard h3.cTit {
	font-weight: 800;
	margin-bottom: 30px
}

h4.cTit {
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 20px;
	line-height: 1.67;
	word-break: break-all;
	color: #575656
}

.cTitMin {
	font-size: 16px;
	color: #283c75;
	font-weight: 800;
	margin-bottom: 25px;
}

.cTitMin:first-child {
	margin-top: 15px
}

.card p+.cTitMin {
	margin-top: 47px
}

.card p, .card li {
	font-size: 17px;
	line-height: 1.67;
	word-break: break-all
}

.minCard .card p {
	font-size: 18px
}

.card .cCheckList li {
	margin-bottom: 5px;
	display: flex;
	align-items: flex-start;
}

.card p span {
	font-size: 16px;
	color: #283c75;
	font-weight: 800
}

.card li span.material-icons {
	color: #1d3c77;
	vertical-align: text-bottom;
	margin: 1px 12px 0 0;
}

.card .mdc-touch-target-wrapper {
	margin-top: 47px;
	display: inline-block;
}

.card .mdc-touch-target-wrapper a {
	margin-right: 18px
}

.card .mdc-touch-target-wrapper.service {
	padding: 0px 100px;
	margin-top: 5px;
}

.card .mdc-button {
	font-size: 14px;
}

.card .mdc-button .material-icons {
	margin-right: -7px
}

.cTitMin+.cLogoList {
	margin-top: 20px;
	min-height: 62px;
	align-items: center;
}

.cLogoList {
	display: flex;
	margin-top: 48px;
	flex-flow: row wrap
}

.cLogoList li {
	/* background: #fff; */
	/* line-height: 80px; */
	text-align: center;
	width: 20%
}

.cLogoList li img {
	width: 70%
}

.cInfoList li {
	/* list-style: "• "; */
	color: #575656;
	line-height: 1.89;
	margin-left: 10px
}

.cLogoList.easyPay {
	flex-direction: row-reverse;
	padding: 0 0 0 520px;
	margin-top: 20px;
}

.minCard .point {
	display: block;
	width: 2px;
	height: 41px;
	background: #283c75;
	left: 0;
	top: 40px;
	position: absolute;
}

.bold {
	font-weight: 800;
}

.pdtHigh {
	padding-top: 279px
}

.card.flex h3 {
	font-size: 18px;
	font-weight: 500
}

.card.flex p {
	font-size: 18px;
	font-weight: 500;
	/* 	color: #283c75;
 */
	line-height: 1;
	margin-left: 32px
}

.card.white h3 {
	margin-bottom: 42px
}

.priceList .card {
	margin-bottom: 0
}

.line {
	height: 1px;
	display: block;
	background: #d2d2d2;
	margin: 70px 0 100px
}

.line.serviceLine {
	margin: 0 40px 0 30px;
}

/*joinus*/
#joinus {
	background: #1E4FD7;
	text-align: center;
	padding: 85px 0;
}

#joinus.faqBottom {
	background: #efefef;
}

#recommendContent #joinus {
	margin-top: 152px
}

#joinus h2 {
	font-size: 35px;
	font-weight: 800;
	letter-spacing: -1px;
	color: #fff;
	line-height: 1.4;
}

#joinus.faqBottom h2 {
	color: #1d3c77;
}

#joinus p {
	margin: 20px 0 35px;
	font-size: 18px;
	line-height: 1.7;
	color: #fff;
	font-weight: 300;
}

#joinus.faqBottom p {
	color: #2b2b2b;
}
/* #joinus .mdc-button{color: #1d3c77} */

/* 자동결제, 지급대행, 에스크로 */
#serviceTit {
	padding: 60px 0 130px 0
}

#serviceTit .inner>div {
	padding: 0 13px
}

.goHistory {
	margin-left: -21px
}

.goHistory button.mdc-button { /* line-height: 52px; */
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 4px;
}

.goHistory .mdc-button__ripple+.material-icons {
	margin-left: -10px;
	margin-right: 10px
}

.greyBg {
	background: #fafafc;
}

.serviceTit h2 {
	line-height: 1.4;
	font-size: 36px;
	margin-bottom: 38px;
}

.serviceTit p {
	line-height: 1.7;
	font-size: 16px;
	color: #575656;
	margin-bottom: 41px
}

.serviceTit button.mdc-button {
	font-size: 15px;
	padding: 0 8px 0 18px;
	font-weight: 500
}

.serviceTit button.mdc-button.mdcService {
	padding: 0;
}

.serviceTit button.mdc-button--outlined {
	padding: 0 18px;
}

.memo {
	font-size: 16px;
	font-weight: 400;
	color: #9e9e9e;
	margin-left: 9px
}

.serviceTit .memo {
	margin: 0;
	font-size: 18px;
	color: #1E4FD7;
	font-weight: 500;
}

#partners {
	padding: 80px 0;
	overflow: hidden;
	margin: 108px 0 41px
}

#partners.greyBg.servicePartners {
	margin: 40px 0 40px;
}

.partnersTit {
	font-size: 25px;
	margin-bottom: 20px;
	padding: 0 13px
}

.subPartner {
	padding: 0 13px
}

.subPartner ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin: 0 -16px
}

.subPartner li {
	text-align: center; /* background: #fff */;
	width: calc(20% - 32px);
	margin: 40px 16px 0
}

.subPartner li img {
	width: 100%
}

.subPartner.serviceIcon li img {
	width: 40%
}

.subVertical {
	padding-top: 47px;
	padding-bottom: 133px
}

.subVertical.cardLayoutService {
	padding: 40px 0 100px;
}

.subVertical.cardLayoutEscrow {
	padding: 50px 0 100px;
}

.subVertical:last-child {
	padding-bottom: 181px
}

.subVertical .guide {
	float: none;
	display: flex;
	width: 100%;
	padding-top: 60px;
	margin-left: 20px
}

.subVertical .guide.linkpay {
	float: none;
	display: flex;
	width: 100%;
	padding-top: 60px;
	margin-left: 28px
}

.subVertical .guide li {
	width: 33.333%;
	border-left: 0;
	border-top: 1px solid #d2d2d2;
	padding: 50px 72px 0 0
}

.subVertical .guide li:last-child {
	border: 0;
}

.subVertical.escrow {
	padding-top: 130px;
	padding-bottom: 237px
}

.subVertical .inner:after {
	content: "";
	display: block;
	clear: both;
}

.subVerticalTit .cardTit1 {
	padding: 10px 0 0 15px;
}

.subVerticalTit .cardTit1.cardTitLayout {
	padding: 10px 0 0 15px;
}

.subVerticalTit .cardTit1.linkpay {
	padding: 10px 0 0 20px;
}

.subVertical .guide li h3 {
	margin-bottom: 25px;
	font-weight: 500
}

.subVertical .guide li p {
	margin-bottom: 0;
	word-break: break-all;
	font-size: 17px;
	line-height: 1.67;
}

.subVertical .mgImg {
	margin-bottom: 55px;
	margin-left: 0;;
	height: auto;
}

.subVertical .mgImg img {
	width: auto;
	height: 173px;
	max-width: 200px
}

.subVertical .guide li .dot {
	background: #1E4FD7;
}

.subVertical .inner.bottom {
	padding: 40px 30px;
}

.subVertical .inner.bottomloan {
	padding: 40px 26px;
}

.cImg {
	height: 289px;
	margin-bottom: 29px;
	text-align: center;
	margin-top: 15px
}

.cImg img {
	height: 100%
}

.mgb40 {
	margin-bottom: 40px
}

.arrowImg {
	height: 81px;
	margin-top: 104px;
	text-align: center;
}

.arrowImg img {
	height: 100%
}

.highlight {
	font-weight: 800;
	color: #283c75 !important
}

/* .tabContainer{display: flex;width: 200%;transition:all 0.35s} */
.tabContent {
	display: none; /* width: 50%;transition:all 0.2s;overflow: hidden; */
}

.tabContent.first {
	display: block;
}

.priceGuide.service {
	margin-top: 20px;
	padding: 10px 50px 40px 30px;
}

.priceGuide h2 {
	font-size: 43px;
	font-weight: 700;
	color: #575656;
	margin-bottom: 36px
}

.priceGuide h2 span {
	font-weight: 800;
	color: #283c75
}

.priceGuide p {
	font-size: 17px;
	color: #575656
}

.priceNotice, .feeNotice {
	padding: 50px 0 50px 0;
}

.calendar {
	text-align: center;
	margin-bottom: 35px
}

.calendar table {
	width: 100%;
	max-width: 350px;
	border-spacing: 0;
	text-align: center;
	margin: 0 auto;
}

.calendar table th {
	line-height: 40px;
	padding-bottom: 10px;
	color: #575656
}

.calendar table td {
	line-height: 40px;
	color: #575656
}

.calendar table td:first-child, .calendar table td:last-child {
	color: #9e9e9e
}

.calendar .buleBg {
	background: #1E4FD7;
	color: #fff
}

#customerTit {
	padding: 100px 0 74px;
	background: #fdfdfd
}

#customerTit .inner, #termsContent .inner {
	padding: 0 43px
}

#customerTit h2 {
	font-size: 36px;
	margin-bottom: 40px
}

#customerTit p {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.64;
	color: #575656
}

.searchForm {
	position: relative;
	width: 100%;
	max-width: 585px;
}

.tfInput {
	outline: none;
	background: #fff;
	padding: 0 16px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	font-size: 15px;
	line-height: 46px;
	height: 46px
}

.tfInput:focus {
	border-color: #283c75
}

.tfInput.search {
	width: 100%;
	padding-left: 56px;
	background: url(/images/homepage/customer/header_search.svg) no-repeat
		16px 50%/24px 24px
}

.close_search {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	outline: none;
	background: none;
	height: 48px;
	width: 48px
}

.close_search img {
	width: 24px;
	height: 24px
}

.whithLabel {
	display: flex;
	align-items: center;
}

.whithLabel label {
	margin-right: 72px;
	font-size: 15px;
	line-height: 48px;
	font-weight: 500
}

.whithLabel .mdc-select {
	width: calc(100% - 110px);
	max-width: 378px;
}

.mdc-select .mdc-list-item {
	justify-content: flex-start;
}

.whithLabel .mdc-list-item__text {
	letter-spacing: -0.5px
}

#boardContent {
	padding: 30px 0 150px
}

#historyContent {
	padding: 50px 0 120px
}

#termsContent {
	padding: 60px 0 150px
}

/* 게시판 */
#boardContent .mdc-tab {
	width: 120px
}

.boardList {
	margin-top: 30px;
	border-top: 1px solid #dbdbdb
}

.boardList .bl, .promoBoardList .bl {
	padding: 25px 0;
	display: flex;
	border-bottom: 1px solid #dbdbdb;
	cursor: pointer;
	align-content: center;
}

.accordion .bl {
	align-items: flex-start;
}

.blCategory {
	width: 120px;
	text-align: center;
}

.blCategory h4 {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
}

.blTit {
	flex-grow: 1;
	width: 0;
	padding: 0 44px
}

.blTit h2 {
	font-size: 16px;
	font-weight: 500;
	line-height: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 50px;
	margin-bottom: 11px
}

.blTit h3 {
	font-size: 15px;
	font-weight: 400;
	word-break: break-all;
	line-height: 24px
}

.blTit p {
	color: #9e9e9e;
	font-size: 14px;
	line-height: 1
}

.blBtn {
	transition: all 0.2s;
	display: flex;
	align-items: center;
	width: 98px;
	justify-content: center;
}

.open .blBtn {
	transform: rotate(180deg)
}

.blDetail {
	background: #fafafa;
	padding: 40px 33px;
	display: none;
	max-height: 400px;
	overflow: auto;
	white-space: normal;
	word-break: break-all;
	font-size: 15px;
	line-height: 1.88
}

.blDetail a {
	color: #283c75;
	text-decoration: underline;
}

.blDetail a:hover {
	opacity: 0.8
}

.pagination {
	text-align: center;
	margin-top: 43px
}

.pagination button {
	color: #898989;
	border: 0;
	padding: 0;
	outline: none;
	background: none;
	cursor: pointer;
	width: 25px;
	vertical-align: middle;
}

.pagination button:disabled {
	opacity: 0;
	cursor: auto;
}

.pagination span {
	display: inline-block;
	width: 19px;
	text-align: center;
	color: #898989;
	vertical-align: middle;
}

#boardDetailContent {
	padding-bottom: 70px
}

#boardDetailTit {
	padding: 100px 0 60px;
	background: #fdfdfd
}

#boardDetailTit .inner {
	padding: 0 43px
}

#boardDetailTit h2 {
	font-size: 36px;
}

.bdhead {
	border-radius: 10px;
	background: #fafafa;
	padding: 35px 40px 40px
}

.bdhead h3 {
	line-height: 1.5;
	font-size: 18px;
}

.bdhead p {
	margin-top: 14px;
	font-size: 16px;
	color: #9e9e9e
}

.bdbody {
	padding: 41px 40px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 40px
}

.bdbody p {
	line-height: 2;
	font-size: 16px;
}

.skeleton {
	width: 50%;
	background: rgba(0, 0, 0, 0.05);
	display: block;
	color: transparent;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.blCategory .skeleton {
	margin: 0 auto;
}

/* 내역조회 */
.historyForm {
	text-align: center;
	margin-top: 40px
}

.historyForm form {
	padding: 50px 40px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #eef0f1;
	text-align: left;
}

.historyForm .textFieldSet {
	display: flex;
	margin-bottom: 30px
}

.historyForm .textFieldSet:last-child {
	margin-bottom: 0
}

.historyForm .textFieldSet>label {
	width: 261px;
	font-size: 15px;
	font-weight: 500;
	line-height: 48px
}

.historyForm .textFieldSet>label.termPop {
	color: #283c75;
	text-decoration: underline;
	cursor: pointer;
}

.historyForm .textFieldSet>label.termPop:active {
	opacity: 0.7
}

.historyForm .textFieldSet>label span {
	color: #888;
	font-weight: 400
}

.historyForm .textFieldContainer {
	display: table;
	flex-grow: 0;
	width: calc(100% - 261px);
	max-width: 276px
}

.historyForm .textFieldContainer.long {
	max-width: 378px;
	width: auto;
	flex-grow: 1
}

.textFieldAlert {
	position: absolute;
	left: 0;
	bottom: -17px;
	line-height: 1;
	margin-left: 15px;
	font-size: 13px;
	white-space: nowrap;
	color: #df0101;
	font-weight: 500;
	display: none;
}

.historyForm .mdc-checkbox__native-control ~ .textFieldAlert {
	margin-left: 11px
}

.historyForm .tfInput {
	width: 100%
}

.tfInput.error {
	border-color: #df0101
}

.error ~ .textFieldAlert {
	display: block;
}

.historyForm .textFieldSet p:not(.textFieldAlert) {
	margin-left: 20px;
	line-height: 48px;
	color: #777;
	font-size: 14px;
	white-space: nowrap;
}

.historyForm .mdc-checkbox {
	margin-top: 4px;
}

.historyForm .mdc-button {
	margin-top: 30px;
	padding: 0 37px
}

.captchaSerction {
	display: flex;
}

.captchaSerction .mark {
	margin-right: 16px;
	height: 100px;
	width: 300px
}

.captchaSerction .tfInput {
	margin-bottom: 10px;
	width: calc(100% - 125px);
	max-width: 276px
}

.captchaSerction span {
	font-size: 14px;
	color: #777;
	line-height: 1.4
}

.datePickerCard, .datePickerAccount, .datePickerTransfer,
	.datePickerCell {
	background: url(../../images/merchant/input_calendar.svg) no-repeat 90%
		50%/18px auto;
}

.daterangepicker {
	z-index: 100000 !important
}

.tfInput.datePicker {
	padding-right: 36px;
	background: url(/images/homepage/customer/input_calendar.svg) no-repeat
		110% 50%/auto 18px;
	background: url(/images/homepage/customer/input_calendar.svg) no-repeat
		calc(100% - 16px) 50%/18px auto;
}

.radio input {
	display: none;
}

.radio label {
	font-size: 15px;
	color: #777;
	margin-right: 49px;
	line-height: 48px;
	display: inline-block;
	width: auto;
}

.radio label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../images/merchant/radio_off.svg) no-repeat center/20px
		20px;
	vertical-align: middle;
	margin-right: 16px;
}

.radio input:checked+label {
	font-weight: 500;
	color: #2b2b2b
}

.radio input:checked+label span {
	background: url(../../images/merchant/radio_on.svg) no-repeat center/100%
		100%
}

.historyResult {
	display: none;
}

.historyResult h3 span {
	color: #1d3c77
}

#hrList {
	display: flex;
	flex-flow: row wrap;
}

.hr {
	padding: 34px 40px 30px;
	background: #fafafa;
	border-radius: 20px;
	width: calc(33.333% - 20px);
	margin-bottom: 30px;
	margin-right: 30px;
}

.hr:nth-child(3n-0) {
	margin-right: 0
}

.hr.hrEmpty {
	width: 100%;
	padding: 14px 40px 10px;
	color: #575656
}

.hr dl {
	line-height: 64px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #dbdbdb;
	padding-right: 1px;
}

.hr dl:last-child {
	border-bottom: 0
}

.hr dt {
	width: 117px;
	font-size: 15px;
	font-weight: 500
}

.hr dd {
	max-width: calc(100% - 117px);
	height: 64px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 15px;
	padding-right: 1px;
}

.hr.hrEmpty dd {
	text-align: center;
	width: 100%;
	max-width: 100%
}

/* 이용약관 */
.terms {
	color: #2b2b2b
}

.terms h3 {
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 1.5
}

.terms p {
	margin-bottom: 35px
}

.terms p, .terms li {
	font-size: 16px;
	line-height: 2.22
}

.terms ol {
	list-style: decimal;
	padding-left: 17px;
	margin-bottom: 25px
}

.terms pre {
	line-height: 1.77;
	font-size: 14px;
	white-space: pre-wrap;
	width: 100%;
}

.terms .termsEnd {
	margin-bottom: 84px
}

.terms .termsEnd:last-child {
	margin-bottom: 0;
}

.terms table {
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 4px;
	background: #fff;
	border-spacing: 0;
	max-width: 100%;
	table-layout: fixed;
	margin-bottom: 35px;
	margin-top: 25px
}

.terms table th, .terms table td {
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	padding: 16px;
	border-left: 1px solid rgba(0, 0, 0, .12);
	font-size: 15px;
	word-break: break-all
}

.terms table tr:last-child td {
	border-bottom: 0
}

.terms table th:first-child, .terms table td:first-child {
	border-left: 0
}

.terms table th {
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}

.terms table td {
	line-height: 1.7
}

.terms pre table {
	margin-bottom: 0
}

.terms pre table th, .terms pre table td {
	font-size: 14px
}

/* 프로모션 */
.promoBoardList {
	margin-top: 30px;
}

#promotionList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 52px;
}

.gallery-item {
	position: relative;
	width: calc(31% - 10px);
	height: auto;
	aspect-ratio: 1.18/1;
	overflow: hidden;
	cursor: pointer;
}

.gallery-item img {
	width: 100%;
	height: 79%;
	display: block;
	object-fit: cover;
}

.gallery-item h2 {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
}

.gallery-item p {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	font-size: 14px;
	color: #9E9E9E;
}

/* 문의하기 */
#contactContent {
	padding: 100px 0;
}

.contactTitle h2 {
	font-size: 40px;
	line-height: 1.4;
}

.contactTitle p {
	font-size: 17px;
	line-height: 1.5;
	margin: 35px 0;
}

.contactInput {
	width: 100%;
	padding-left: 50px;
	outline: none;
	background: #f7f7f7;
	padding: 0 16px;
	border: none;
	border-radius: 10px;
	font-size: 15px;
	line-height: 45px;
	height: 45px;
	margin-bottom: 25px;
}

.contactSubTit {
	margin-bottom: 20px;
	position: relative;
}

.contactSubTit h4 {
	font-size: 17px;
}

.contactAmtList {
	width: 1050px;
	margin-bottom: 10px;
}

.contactAmtList ul {
	width: 100%;
}

.contactAmtList ul li {
	margin-bottom: 16px;
	display: flex;
	align-content: center;
}

.contactAmtList li .radioIcon {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../../images/merchant/radio_off.svg) no-repeat 0 0/100%
		100%;
	margin-right: 15px;
	vertical-align: middle;
}

.contactAmtList li label {
	width: 150px;
	color: #777;
	font-size: 15px;
	display: flex;
}

.contactAmtList li input[type=radio] {
	display: none;
}

.contactAmtList li input[type=radio]:checked+label .radioIcon {
	background-image: url(../../images/merchant/radio_on.svg);
}

.contactCheckList {
	border: 0;
	padding: 0;
}

.contactCheckList li {
	display: flex;
	align-items: flex-start;
	margin-left: -11px;
	width: calc(100% + 11px);
}

.contactCheckList label {
	margin-top: 12px;
	margin-left: 4px;
}

.contactCheckList label a {
	display: block;
	color: #2a2b2c;
	text-decoration: underline;
	font-size: 15px;
	width: fit-content;
}

.mdc-button.mdc-button--raised.orangeBtn {
	border-color: #ffad00;
	background-color: #ffad00;
	color: #fff;
	width: 100%;
	margin-top: 20px;
}

.error {
	border: 1.5px #df0101 solid;
}

.contactTxtFieldAlert {
	visibility: hidden;
	margin-top: -15px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.contactInput.error+.contactTxtFieldAlert {
	visibility: visible;
	color: #df0101 !important;
	font-weight: 500 !important
}

#priceContent .mdc-button {
	color: #999;
	font-weight: 500;
}

.pricePage button {
	width: 102px;
}

.pricePage button:first-child {
	width: 104px;
}

#priceContent .btnActive {
	color: #1E4FD7;
	box-sizing: border-box;
	border-bottom-style: solid;
	border-radius: 0;
}

.fixedTab {
	width: 100%;
}

#priceContent .tabService {
	width: 130px;
}

#priceContent .fixed {
	position: fixed;
	top: 97px;
	background-color: #fff;
	transition: top 0.3s ease;
	z-index: 1;
}

#priceContent .serviceTabBar {
	z-index: 1;
	width: 100%;
}

.material-icons.hompageArrow {
	font-size: 16px;
	font-weight: 600;
	margin-left: 3px;
}

.material-icons.serviceArrow {
	font-size: 14px;
	font-weight: 600;
	margin: 1px 0 0 3px;
}

.goHistory .hompageArrow {
	padding-top: 2px;
}

#mainSec2_1 .goHistory button {
	color: #1E4FD7;
}

.card .mdc-button.subServiceBtn {
	padding: 0 10px;
}

.priceBox {
	box-shadow: 0 0 14px 0 rgba(104, 104, 104, 0.1);
	background: #FAFAFC;
	margin-top: 60px;
	padding-left: 40px;
	border-radius: 20px;
}

/*태블릿pc 사이즈*/
@media screen and (max-width:1024px) {
	/*cardLayout*/
	.card {
		padding: 40px
	}
	.card.shadow.escrow {
		padding: 50px 40px
	}
	.cardTxt {
		font-size: 14px;
		padding: 0 15px 0;
		margin-top: -12px;
		line-height: 1.5
	}
	.cLogoList li img {
		width: 90%
	}
	.card.cardService {
		background: #FFF;
		border-radius: 20px;
		padding: 40px 20px;
		margin-bottom: 0;
		/* border: 1px solid #C4C4C4; */
		width: 537px;
		height: 225px;
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
		width: 100%;
	}
	.card.cardService.paylogo {
		width: 100%;
		height: auto;
	}
	.cLogoList.easyPay {
		flex-direction: row-reverse;
		padding: 0 0 0 60px;
		margin-top: 20px;
	}
	.cLogoList.easyPay img {
		position: relative;
		width: 80px;
		height: 30px;
		margin: 0;
	}

	/*sliderContainer*/
	.news-slider__item.swiper-slide-prev, .news-slider__item.swiper-slide-active+div+div,
		.news-slider__item.swiper-slide-active+div+div+div {
		opacity: 1;
		pointer-events: auto;
	}
	.news-slider__item {
		width: 230px
	}
	.news-slider__arrow {
		width: 40px;
		height: 40px;
		top: 127px
	}
	.news-slider__arrow.news-slider-prev {
		left: -30px
	}
	.news-slider__arrow.news-slider-next {
		right: -30px
	}
	.icon-font img {
		width: 18px;
		height: 16px
	}

	/* 요금 및 정산 안내 */
	.priceGuide h2 {
		line-height: 1.25
	}
	.priceGuide p {
		font-size: 18px
	}
	.calendar table {
		margin: 0
	}
	#serviceTit .goHistory a {
		margin-bottom: 30px
	}
	#serviceTit .card {
		margin-top: 30px
	}
	.subPartner li {
		width: calc(20% - 16px);
		margin: 20px 8px 0
	}
	.subVerticalTit {
		width: 100%;
		margin-bottom: 30px;
	}
	.subVertical .guide {
		flex-flow: row wrap;
		margin-left: 10px
	}
	.subVertical .guide.linkpay {
		flex-flow: row wrap;
		margin-left: 0
	}
	.subVertical .guide li {
		width: 100%;
		border-top: 0;
		border-left: 1px solid #d2d2d2;
		padding: 10px 40px 80px;
	}
	.subVertical .guide li:last-child {
		padding-bottom: 0
	}
	.subVertical .inner.bottom {
		padding: 40px 5px;
	}
	.subVertical .inner.bottomloan {
		padding: 40px 5px;
	}
	.cImg {
		display: flex;
	}
	.arrowImg {
		margin-top: 80px
	}
	.arrowImg img {
		width: 58px
	}
	.cardLayout {
		padding-bottom: 80px
	}
	#partners {
		margin-top: 50px;
		margin-bottom: 0
	}
	.minCard h3.cTit {
		margin-bottom: 20px;
		min-height: auto
	}
	.calendarCard {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: center;
	}
	.calendarCard .cTit {
		width: 100%
	}
	.calendar {
		width: calc(50% - 15px);
	}
	.calendar+p {
		width: calc(50% - 15px)
	}
	.historyForm .textFieldSet {
		flex-flow: row wrap;
	}
	.historyForm .textFieldSet>label {
		width: 230px;
	}
	.historyForm .textFieldSet p:not(.textFieldAlert) {
		width: 100%;
		margin-left: 240px;
		line-height: 1;
		margin-top: 9px
	}
	.hr {
		width: calc(50% - 15px)
	}
	.hr:nth-child(3n-0) {
		margin-right: 30px;
	}
	.hr:nth-child(even) {
		margin-right: 0
	}
	#priceContent .fixed {
		top: 62px;
		margin-left: -30px;
	}
	#priceContent .tabService, .pricePage button, .pricePage button:first-child
		{
		width: 100%;
		height: 40px;
	}
	#priceContent .mdc-button {
		font-size: 14px;
	}
	/* 프로모션 */
	#promotionList {
		gap: 35px;
	}
	.gallery-item img {
		height: 75%;
	}
	.gallery-item h2 {
		font-size: 14px;
		bottom: 20px;
	}
	.gallery-item p {
		font-size: 12px;
		bottom: 4px;
	}
	.material-icons.hompageArrow {
		font-size: 14px;
		padding-top: 0px;
	}
	.goHistory .hompageArrow {
		padding-top: 1px;
	}
}

/*모바일 사이즈*/
@media screen and (max-width:767px) {
	/* 서비스 소개 */
	#sliderContainer {
		padding: 56px 0 33px
	}
	.card.cardService {
		width: 100%;
		height: auto;
		padding: 0 20px 20px 20px;
	}
	.card.cardService img {
		width: 40px;
		height: 40px;
		margin: 20px 0 -30px 0px;
		position: relative;
	}
	h3.cTit.cTitService, h3.cTit.serviceTit {
		margin: 0 0 0 12px;
		padding: 26px 0 0;
	}
	.card.cardService p {
		padding: 15px 0 0 0;
	}
	.card.cardService.paylogo {
		width: auto;
		height: auto;
	}

	/*sliderContainer*/
	.news-slider__item {
		width: 100%
	}
	.news-slider__item.swiper-slide-active+div+div, .news-slider__item.swiper-slide-active+div+div+div
		{
		opacity: 0;
		pointer-events: none;
	}
	.news-slider__item.swiper-slide-prev, .news-slider__item.swiper-slide-active,
		.news-slider__item.swiper-slide-next {
		opacity: 1;
		pointer-events: auto;
	}
	.news-slider__arrow {
		top: 110px
	}
	.wrapper {
		margin-bottom: 50px
	}
	.news__item {
		padding: 20px;
		height: 260px;
		width: 210px;
		margin: 0 auto;
	}
	.news__img {
		height: 130px
	}
	.news__title {
		font-size: 16px;
		margin-bottom: 8px
	}
	.news__txt {
		font-size: 13px
	}
	.scTit {
		margin-bottom: 35px
	}
	.scTit h2 {
		font-size: 20px;
		margin-bottom: 20px
	}
	.news-slider__pagination {
		margin-top: 35px
	}
	.news-slider__pagination .swiper-pagination-bullet {
		width: 30px
	}
	.news-slider__pagination .swiper-pagination-bullet-active {
		width: 100px
	}
	#recommendContent .cardContainer {
		padding-top: 60px
	}
	.scTit p {
		font-size: 14px;
		line-height: 2
	}
	.scBtn .mdc-button {
		width: 190px;
		padding: 0 18px
	}
	.cardLayout {
		padding: 38px 0 50px
	}
	.mdc-tab-bar {
		margin: 0 auto;
	}
	.mdc-tab {
		height: 46px;
		font-size: 14px;
		font-size: var(- -mdc-typography-button-font-size, 14px);
		padding: 0 13px;
		text-align: center;
		width: 120px;
	}
	.cardTit1 {
		padding: 40px 0 30px 0;
		font-size: 20px
	}
	.cardTit1.cardTitLayout {
		padding: 0 0 40px 0;
	}
	.mdc-layout-grid__cell .cardTit1 {
		padding-top: 0;
		padding-bottom: 14px
	}
	.mdc-layout-grid__cell .cardTit1.service {
		padding: 50px 0 24px 20px;
	}
	.cardTit1.serviceTit {
		padding: 40px 0 10px 0;
	}
	.cardTit1.serviceTit span {
		color: #3F3F3F;
		margin-left: 20px;
	}
	.card {
		padding: 30px;
		margin-bottom: 0;
		border-radius: 10px
	}
	.card.shadowService {
		background: #FAFAFC;
		padding: 0;
		margin-top: 20px;
		box-shadow: 0 0 14px 0 rgba(104, 104, 104, 0.1);
		margin-bottom: 0;
		min-height: 95%;
		width: 100%;
	}
	h3.cTit {
		font-size: 18px;
		margin-bottom: 15px;
		font-weight: 800
	}
	.serviceTit .memo {
		margin: 0 0 0 5px;
		font-size: 18px;
	}
	.priceGridInner h3.cTit, .feeGridInner h3.cTit {
		font-size: 20px;
	}
	.card p, .card li {
		font-size: 13px;
		line-height: 1.67;
	}
	.card p br, .card li br {
		display: none;
	}
	.border>p {
		margin-bottom: 30px;
	}
	.cLogoList {
		margin-top: 10px;
		flex-flow: row wrap
	}
	.cLogoList.easyPay {
		flex-direction: row-reverse;
		padding: 0 0 0 100px;
	}
	.cLogoList:first-child {
		margin-top: -6px;
	}
	.cLogoList li {
		width: 33.333%;
		flex-grow: 0;
		margin-top: 20px;
		line-height: 51px;
		height: auto;
	}
	.cLogoList li:nth-child(odd) {
		margin-left: 0
	}
	.cLogoList li img {
		width: 100%
	}
	.cLogoList.serviceBilling li img {
		width: 50%
	}
	.cLogoList.easyPay li {
		width: 31%
	}
	.cLogoList.easyPay li:last-child {
		margin-left: 7%
	}
	.cLogoList.easyPay.service img {
		position: relative;
		width: 20px;
		height: 20px;
		margin: 0;
	}
	.cLogoList.easyPay.service img.kakao {
		position: relative;
		width: 45px;
		height: 20px;
		/* display: inline-block; */
		margin: 0;
	}
	.cardTit2 {
		font-size: 20px;
		padding: 80px 0 30px 10px
	}
	.mdc-layout-grid__cell .cardTit2 {
		padding-top: 64px;
		padding-bottom: 14px
	}
	.mdc-layout-grid__cell .line+.cardTit2 {
		padding-top: 0;
	}
	.line {
		margin: 34px 0 50px
	}
	.line.serviceLine {
		margin: 0 20px 0 20px;
	}
	.priceGuide.service {
		padding: 10px 20px 40px 20px;
	}
	.card .mdc-touch-target-wrapper.service {
		padding: 0;
		margin-top: 5px;
	}
	.card .mdc-touch-target-wrapper {
		margin-top: 22px
	}
	.card .mdc-touch-target-wrapper a {
		margin-right: 8px
	}
	.card .mbv {
		padding: 10px;
	}
	.cTitMin {
		font-size: 14px;
		margin-bottom: 18px
	}
	.cTitMin:first-child {
		margin-top: 0
	}
	.card li span.material-icons {
		font-size: 16px;
		margin-right: 13px;
		margin-top: 3px
	}
	.card .mdc-button {
		font-size: 13px;
		padding: 0 16px
	}
	.card p span {
		font-size: 14px;
		display: block;
		margin-top: 21px
	}
	#joinus {
		padding: 60px 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#recommendContent #joinus {
		margin-top: 50px
	}
	#joinus h2 {
		font-size: 22px
	}
	#joinus p {
		margin: 22px 0 30px;
		font-size: 15px;
		line-height: 1.5
	}

	/* 자동결제, 지급대행, 에스크로 */
	#serviceTit {
		padding: 20px 10px 40px 0;
	}
	#serviceTit .inner>div {
		padding: 0
	}
	.goHistory {
		margin-bottom: 27px;
		margin-left: -13px
	}
	.goHistory button.mdc-button {
		padding: 0 16px;
		font-size: 14px;
		height: 42px
	}
	.serviceTit h2 {
		font-size: 24px;
		line-height: 1;
		margin-bottom: 23px
	}
	.serviceTit p {
		font-size: 16px;
		margin-bottom: 30px
	}
	.serviceTit button.mdc-button {
		font-size: 10px
	}
	#serviceTit .card {
		margin-top: 24px;
		min-height: auto;
		padding: 30px 20px
	}
	#partners {
		padding: 40px 0;
		margin: 0
	}
	#partners.greyBg.servicePartners {
		margin: 40px 0 80px;
	}
	.partnersTit {
		font-size: 20px;
		margin-bottom: 4px;
		padding: 0 10px
	}
	.subPartner {
		padding: 0 10px
	}
	.subPartner li {
		width: 33.333%;
		margin: 16px 0 0
	}
	.subVertical.cardLayoutService {
		padding: 40px 0 0 0;
	}
	.subVertical {
		padding-bottom: 42px;
		padding-top: 30px
	}
	#serviceTit+.subVertical {
		padding: 40px 0 20px 0;
	}
	.subVertical:last-child {
		padding-bottom: 80px
	}
	.subVerticalTit {
		margin-bottom: 40px
	}
	.subVerticalTit .cardTit1.cardTitLayout {
		padding: 10px 0 0 0;
	}
	.subVerticalTit .cardTit1 {
		padding-top: 0
	}
	.subVerticalTit .cardTit1.linkpay {
		padding: 0
	}
	.subVertical .guide {
		padding: 0 10px 0;
		margin: 0;
	}
	.subVertical .guide li {
		border: 0;
		padding: 0;
		margin-bottom: 20px
	}
	.subVertical .guide li:last-child {
		margin-bottom: 0
	}
	.subVertical .guide li .dot {
		display: none;
	}
	.subVertical .mgImg {
		margin-bottom: 30px;
		height: auto;
	}
	.subVertical .mgImg img {
		height: 150px;
		max-width: 169px
	}
	.subVertical .guide .mgContentService {
		opacity: 1;
		width: 90%;
	}
	.subVertical .guide li h3 {
		font-size: 18px;
		margin-bottom: 24px
	}
	.subVertical .guide li p {
		font-size: 15px
	}
	#partners+.cardLayout {
		padding-top: 0px
	}
	.cardLayout.cardLayoutService {
		padding: 60px 0 40px;
	}
	.cardLayout.cardLayoutTransfer {
		padding: 60px 0 40px;
	}
	.cardLayout.cardLayoutEscrow {
		padding: 60px 0 40px;
	}
	.cardLayout.cardLayoutService.innerLayout {
		padding: 80px 0 40px 0
	}
	.cardLayout:last-child {
		padding-bottom: 80px
	}
	.card.minCard {
		padding: 10px 20px
	}
	.card.shadow {
		padding: 30px
	}
	.card.shadow.escrow {
		padding: 30px
	}
	.card.shadow p br {
		display: block;
	}
	.card p+.cTitMin {
		margin-top: 29px
	}
	.card.shadow .cTitMin {
		margin-top: 29px;
		font-size: 15px
	}
	.card.shadow p {
		font-size: 15px
	}
	.card.shadow p.mgb40 {
		margin-bottom: 0 !important
	}
	.cTitMin+.cLogoList {
		margin-top: -4px;
		min-height: 0
	}
	h4.cTit {
		font-size: 15px;
		margin-bottom: 10px
	}
	h2.cTit {
		font-size: 18px;
		margin-bottom: 20px
	}
	.minCard p {
		font-size: 16px
	}
	.minCard .point {
		height: 21px;
		top: 14px
	}
	.arrowImg {
		margin: 20px 0 17px;
		height: auto;
	}
	.arrowImg img {
		transform: rotate(90deg);
		width: 30px
	}
	.cInfoList li {
		line-height: 1.87;
		font-size: 15px;
		margin-left: 0
	}
	.memo {
		font-size: 13px;
	}

	/* 요금 및 상세 */
	.priceNotice, .feeNotice {
		padding: 0;
	}
	.priceGuide h2 {
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 1.6
	}
	.priceGuide p {
		font-size: 14px;
		line-height: 1.45
	}
	.feeCard.flex h3, .feeCard.flex p {
		font-size: 16px;
	}
	.card.flex {
		padding: 10px 30px;
		margin-bottom: 16px
	}
	.priceList .card {
		margin-bottom: 0
	}
	.card.cardEnd {
		margin-bottom: 0
	}
	.card.flex h3 {
		font-size: 15px;
		white-space: nowrap;
	}
	.card.flex p {
		font-size: 15px
	}
	.card.white {
		padding: 30px 20px
	}
	.card.white h3 {
		margin-bottom: 20px;
	}
	.card.white p {
		font-size: 14px
	}
	.card.calendarCard {
		margin-bottom: 80px;
		display: block;
	}
	.calendar {
		margin-bottom: 30px;
		width: 100%
	}
	.calendar table th {
		line-height: 32px;
		padding-bottom: 8px
	}
	.calendar table td {
		line-height: 32px
	}
	.calendar+p {
		width: 100%
	}

	/* 결제 내역 조회 */
	#customerTit {
		padding: 56px 0 20px
	}
	#customerTit .inner, #termsContent .inner {
		padding: 0 20px
	}
	#customerTit h2 {
		font-size: 20px;
		margin-bottom: 20px
	}
	#customerTit p {
		font-size: 14px;
		color: #575656;
		word-break: break-all;
		margin-bottom: 0;
		line-height: 2
	}
	#historyContent {
		padding: 60px 0
	}
	.historyForm {
		margin-top: 25px;
	}
	.historyForm form {
		padding: 30px 20px 20px;
	}
	.radio {
		margin-top: -12px
	}
	.radio input+label {
		font-size: 14px;
		margin: 20px 0 0;
		width: 100%;
		line-height: 20px;
		display: block;
	}
	.radio label span {
		margin-right: 9px
	}
	.historyForm .textFieldSet {
		flex-flow: row wrap;
	}
	.historyForm .textFieldSet>label {
		font-size: 13px;
		line-height: 1;
		margin-bottom: 12px;
		width: 100%
	}
	.historyForm .tfInput {
		width: 100%;
		max-width: none !important
	}
	.historyForm .textFieldSet p:not(.textFieldAlert) {
		margin-left: 0;
		font-size: 13px;
		line-height: 1.2
	}
	.historyForm .textFieldSet:last-child {
		margin-top: -10px;
		margin-left: -10px
	}
	.historyForm .textFieldSet:last-child label {
		order: 2;
		width: auto;
		line-height: 40px;
		margin-bottom: 0
	}
	.historyForm .textFieldSet:last-child .mdc-checkbox {
		order: 1;
		margin-top: 0
	}
	.historyForm .textFieldContainer, .historyForm .textFieldContainer.long
		{
		width: 100%;
		max-width: none;
	}
	.historyForm .mdc-button:not(.captchaSerction .mdc-button) {
		margin-top: 20px;
		width: 100%;
		height: 48px
	}
	.tfInput {
		font-size: 15px
	}
	.captchaSerction {
		flex-flow: row wrap;
		width: 100%
	}
	.captchaSerction>div {
		width: 100%;
	}
	.captchaSerction .mark {
		margin-right: 0;
		margin-bottom: 14px
	}
	.captchaSerction .tfInput {
		max-width: none;
		width: calc(100% - 125px)
	}
	.captchaSerction span {
		font-size: 13px
	}
	.hr {
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
		margin-right: 0 !important
	}
	.hr dl {
		line-height: 50px
	}
	.hr dt {
		font-size: 13px
	}
	.hr dd {
		font-size: 13px;
		max-width: calc(100% - 133px);
		height: 50px
	}

	/* 게시판 */
	.tfInput.search {
		font-size: 13px
	}
	#boardContent {
		padding: 60px 0 75px
	}
	#boardContent .mdc-tab-bar {
		width: 100%;
	}
	#boardContent .mdc-tab {
		width: 20%;
		min-width: auto;
	}
	.boardList {
		margin-top: 24px
	}
	.boardList .bl, .promoBoardList .bl {
		padding: 19px 0
	}
	.accordion .bl {
		padding: 12.5px 0
	}
	.blCategory {
		width: 65px;
		padding-right: 7px
	}
	.blCategory h4 {
		font-size: 13px;
		color: #283c75
	}
	.blTit {
		padding: 0;
	}
	.blTit h2 {
		padding: 0
	}
	.blTit h3 {
		font-size: 13px;
		padding-right: 15px
	}
	.blDetail {
		padding: 30px 20px;
		font-size: 13px;
		line-height: 1.77
	}
	.blBtn {
		width: 50px
	}
	.pagination {
		margin-top: 23px
	}
	.pagination span {
		font-size: 12px;
		line-height: 20px;
		vertical-align: bottom;
	}
	.pagination button {
		font-size: 20px
	}
	.blTit h2 {
		font-size: 14px;
		margin-bottom: 12px
	}
	.blTit p {
		font-size: 13px;
	}
	.skeleton {
		width: 80%;
	}
	.blTit h2 .skeleton {
		height: 12px;
	}
	.blTit p .skeleton {
		height: 10px;
	}
	#boardDetailContent {
		padding-bottom: 0
	}
	#boardDetailTit {
		padding: 56px 0 40px
	}
	#boardDetailTit .inner {
		padding: 0 20px
	}
	#boardDetailTit h2 {
		font-size: 20px
	}
	.bdhead {
		padding: 30px 20px
	}
	.bdhead h3 {
		font-size: 16px;
		line-height: 1.63
	}
	.bdhead p {
		font-size: 13px
	}
	.bdbody {
		padding: 30px 20px;
		margin-bottom: 24px
	}
	.bdbody p {
		font-size: 13px
	}
	.boardDetail+.goHistory {
		margin-bottom: 80px;
		margin-left: 0
	}

	/* 이용약관 */
	.whithLabel {
		flex-flow: row wrap;
		margin-top: 25px
	}
	.whithLabel label {
		margin-right: 0;
		width: 100%;
		line-height: 1;
		margin-bottom: 12px;
		font-size: 13px
	}
	.whithLabel .mdc-select {
		width: 100%;
		max-width: none;
	}
	.whithLabel .mdc-select__selected-text, .whithLabel .mdc-list-item__text
		{
		font-size: 14px
	}
	#termsContent {
		padding: 25px 0 60px
	}
	.terms h3 {
		font-size: 18px;
	}
	.terms ol {
		padding-left: 11px
	}
	.terms p {
		margin-bottom: 25px
	}
	.terms p, .terms li, .terms pre, .terms pre table th, .terms pre table td
		{
		font-size: 13px;
		line-height: 2
	}
	.terms .termsEnd {
		margin-bottom: 51px
	}
	.terms table th, .terms table td {
		font-size: 13px;
	}

	/* 프로모션 */
	.promoBoardList {
		margin-top: 0;
	}
	#promotionList {
		gap: 30px;
		justify-content: center;
	}
	.gallery-item {
		width: calc(80% - 10px);
	}
	.gallery-item img {
		width: 100%;
		display: block;
		object-fit: cover;
	}
	.gallery-item h2 {
		bottom: 11%;
		font-size: 12px;
	}
	.gallery-item p {
		bottom: 4%;
		font-size: 10px;
	}
	.bdbody img {
		width: 100%;
	}

	/* 이용요금 */
	.guidCardFlex h3, .guidCardDiscript .cardLineThru, .guidCardDiscript p:last-child
		{
		font-size: 16px;
	}
	.mdcWrapperHome {
		display: flex;
	}
	.mdcWrapperJoin {
		justify-content: center;
	}
	.material-icons.hompageArrow {
		font-size: 10px;
	}
	.goHistory .material-icons.hompageArrow {
		font-size: 14px;
		padding-bottom: 1px;
	}
	.material-icons.serviceArrow {
		padding-bottom: 1px;
	}
	#priceContent .fixed {
		margin-left: -20px;
	}
	.card .mdc-button.subServiceBtn {
		padding: 0 10px 0 0;
	}
	.priceGridInner {
		padding-left: 0px;
		width: 100%;
	}
	.feeGridInner, .settlmntGridInner {
		padding-left: 0px;
	}
	.cardTxt {
		padding: 0;
	}
	.btnAlign {
		padding-top: 2px;
	}
	.priceBox {
		padding: 10px 20px 20px;
	}
}