@charset "UTF-8";

/*임시*/
.datatable, .contractImg{text-align: center;background: #fff; line-height: 189px;border: 1px solid #dcdcdc; border-radius: 6px;color: #aaa}
.contractImg{max-width: 754px;margin-bottom: 24px;margin-top: -6px}

.compare{display: flex;justify-content: space-between;gap:30px}
.mdc, .mdl{width: 50%; background: #fff; border-radius: 10px; border: 1px solid #e9e9e9;padding: 30px;}
.component{margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9}
.component:last-child{border-bottom: 0}
.component h3{margin-bottom: 20px}
.component button{vertical-align: bottom}

/* 머티리얼 디자인 스타일 클리어 */
.mdc-button {box-shadow: none !important;--mdc-theme-primary: #233976;--mdc-theme-on-primary: var(--mdc-theme-text-primary-on-dark);
  border-radius: 10px !important;font-size: 14px;font-weight: 500;margin: 0;/* letter-spacing: -0.5px; */
  height: 40px;
  overflow: hidden;
  /* padding: 0 16px !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important; */
}
.mdc-button.whiteBtn {
	border: solid 1px #e2e2e2;
  --mdc-theme-primary: #fff;
  --mdc-theme-on-primary: var(--mdc-theme-text-primary-on-light);
	color:#575656;
    background: #fff;
}
/* 2021.07.13 버튼 비활성화(회색) 필요시 주석제거 */
/* .mdc-button.whiteBtn:disabled { */
/*     color: rgba(0, 0, 0, 0.38); */
/*     background-color: rgba(0, 0, 0, 0.12); */
/* } */
.mdc-button.mdc-button--outlined {
  border-color: #233976;
  --mdc-theme-on-primary: var(--mdc-theme-text-primary-on-light);
}
.mdc-button.mdc-button--outlined.whiteBtn {
  border-color: #fff;
  --mdc-theme-on-primary: var(--mdc-theme-text-primary-on-dark);
}
.mdc-button.mdc-button--text {
  --mdc-theme-on-primary: var(--mdc-theme-text-primary-on-light);
  color:#575656;
}
.mdc-button.mdc-button--text.greyBtn{
  color:#666;
}
.mdc-dialog .mdc-dialog__surface{
	border-radius: 20px;
	border-radius: var(--mdc-shape-medium, 20px);
	background: #fcfcfc;
	background: var(--mdc-theme-surface, #fcfcfc);
}
.mdc-dialog__button.greyBtn {
  color: #575656;
}
.mdc-select{
	--mdc-theme-primary: #233976;--mdc-theme-on-primary: var(--mdc-theme-text-primary-on-dark);
    background-color: #fff
}
.mdc-dialog{z-index: 99999}
.mdc-select__menu{z-index: 100000}


/*공통 레이아웃*/
#wrap{
	padding-left: 260px;
}
#head, #body, #foot{
	min-width: 1140px
}
.mgl{margin-left: 14px !important;}
.mgb{margin-bottom: 25px !important;}
.mgt{margin-top: 44px !important;}
.pdt0{padding-top: 0 !important;}
.daterangepicker{z-index: 100000 !important}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

/*스크롤 스타일*/
/*IE*/
html {scrollbar-base-color: #efefef; scrollbar-Face-Color: #d3d3d3; scrollbar-Track-Color: #f2f2f2; scrollbar-DarkShadow-Color: #d3d3d3; scrollbar-Highlight-Color: #d3d3d3; scrollbar-Shadow-Color: #d3d3d3;}

/*파이어폭스*/
html {scrollbar-width: thin; scrollbar-color: #d3d3d3 #f2f2f2}

/*크롬, 사파리*/
::-webkit-scrollbar{width: 7px}
::-webkit-scrollbar-thumb{background: #d3d3d3;border-radius: 4px}
::-webkit-scrollbar-track{background: #f2f2f2}


/*헤더*/
header{
	background: #fff;
	border-bottom: 1px solid #dcdcdc;
	height: 72px;
	display: flex;
	justify-content: space-between;
	padding: 0 20px 0 47px
}
.headerSearch{
	display: flex;
	align-items: center;
	width:70%;
	position: relative;
}
.hsIcon{
	margin-right: 15px;
}
.hsIcon img{
	width:24px;
	height:24px;
}
.hsTextField{
	font-size: 15px;
	/* letter-spacing: -0.38px; */
	text-align: left;
	width:calc(100% - 40px);
	border: 0;
	outline: none;
}
.headerMenu ul{
	display: flex;
	align-items: center;
	height: 100%;
}
.headerMenu li{
	position: relative;
	margin-left: 5px
}
.headerMenu .betaVer{
	margin-right: 24px
}
.alarmCount{
	position: absolute;
	top:5px;
	right:5px;
	width:15px;
	height: 15px;
	border-radius: 50%;
	background: #ffad00;
	line-height: 14px;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
}

/*진행중계약*/
.historyNotice{
	/* display: flex; */
	display: none;
	align-items: center;
	position: relative;
	height: 80px;
	border-bottom: 1px solid #dcdcdc;
	padding-left: 47px
}
.hnIcon{
	margin-right: 15px;
}
.hnIcon img{
	width:24px;
	height:24px;
}
.hnTxt{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.67;
}
.hnBtn{
	position: absolute;
	right: 20px;
	bottom: 7px
}

/*네비게이션*/
#aside{
	background: #f6f6f6;
	border-right: 1px solid #dcdcdc;
	height: 100%;
	width: 260px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 88;
    overflow: auto
}
aside{
    position: relative;
	padding-bottom: 242px;
    min-height: 100%
}
.shop{
	position: relative;
}
.currShop{
	height: 72px;
	padding: 0 16px 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition:all 0.2s;
	cursor: pointer;
}
.currShop:hover{
	background: #eee
}
.currShop h3{
	font-size: 17px;
	font-weight: 800;
}
.currShop h3 span{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    padding-right: 10px;
}
.currShop .selectBoxIcon{
	transForm:rotate(0deg);
}
.currShop .selectBoxIcon img{
	width: 16px;
	height:16px;
}
.shopList{
	display: none;
}

/*상점 리스트 열었을때*/
.currShop.active{
	background: #eee
}
.currShop.active .selectBoxIcon{
	transForm:rotate(180deg);
}

.depth1 > li button{
	height: 46px;
	background: none;
	border: 0;
	outline: none;
	padding: 0 25px;
	font-size: 16px;
	text-align: left;
	width: calc(100% - 10px);
	cursor: pointer;
	margin: 5px;
	border-radius: 10px;
	transition: all 0.1s;
	color: #9e9e9e
}
.depth1 > li button:hover, .depth1 > li button:focus{
	background: rgba(35,57,118,0.03)
}
.depth1 > li button:active{
	background: rgba(35,57,118,0.15);
	color:#2a2b2c
}
.depth1 > li .navIcon{
	display: inline-block;
	width:24px;
	height: 24px;
	background: no-repeat center/cover;
	vertical-align: middle;
	margin-right: 32px
}


/*.depth1 > li:nth-child(1) .navIcon{background-image: url(../../images/merchant/menu_payment.svg)}
.depth1 > li:nth-child(2) .navIcon{background-image: url(../../images/merchant/menu_money.svg)}
.depth1 > li:nth-child(3) .navIcon{background-image: url(../../images/merchant/menu_dev.svg)}
.depth1 > li:nth-child(4) .navIcon{background-image: url(../../images/merchant/menu_shop.svg)}
.depth1 > li:nth-child(5) .navIcon{background-image: url(../../images/merchant/menu_inquiry.svg)}*/

#menu-image-1 {background-image: url(../../images/merchant/menu_payment.svg)}
#menu-image-2 {background-image: url(../../images/merchant/menu_payment.svg)}
#menu-image-3 {background-image: url(../../images/merchant/menu_money.svg)}
#menu-image-4 {background-image: url(../../images/merchant/menu_dev.svg)}
#menu-image-5 {background-image: url(../../images/merchant/menu_shop.svg)}
#menu-image-6 {background-image: url(../../images/merchant/menu_inquiry.svg)}

.depth2{
	background: #eee;
	display: none;
}
.depth2 li{
	line-height: 41px;
	font-size: 16px;
	color:#9e9e9e;
	padding: 5px 8px;
}
.depth2 li a{
	padding: 0 38px;
	display: block;
	border-radius: 10px;
	transition: all 0.1s;
	color:#9e9e9e;
    cursor: pointer
}
.depth2 li a:hover, .depth2 li a:focus{
	background: rgba(0,0,0,0.03)
}
.depth2 li a:active{
	background: rgba(0,0,0,0.1);
	color:#2a2b2c
}


.depth3{
	background: #eee;
/* 	display: none; */
}
.depth3 li{
	line-height: 41px;
	font-size: 16px;
	color:#9e9e9e;
	padding: 5px 8px;
}
.depth3 li a{
	padding: 0 38px;
	display: block;
	border-radius: 10px;
	transition: all 0.1s;
	color:#9e9e9e;
    cursor: pointer
}
.depth3 li a:hover, .depth3 li a:focus{
	background: rgba(0,0,0,0.03)
}
.depth3 li a:active{
	background: rgba(0,0,0,0.1);
	color:#2a2b2c
}

/*네비게이션 active 상태*/
.depth1 > li.active button{
	color: #2a2b2c
}

.depth1 > li.active:nth-child(1) button .navIcon,
.depth1 > li:nth-child(1) button:active .navIcon{
	background-image: url(../../images/merchant/menu_payment_on.svg)
}
.depth1 > li.active:nth-child(2) button .navIcon,
.depth1 > li:nth-child(2) button:active .navIcon{
	background-image: url(../../images/merchant/menu_payment_on.svg)
}
.depth1 > li.active:nth-child(3) button .navIcon,
.depth1 > li:nth-child(3) button:active .navIcon{
	background-image: url(../../images/merchant/menu_money_on.svg)
}
.depth1 > li.active:nth-child(4) button .navIcon,
.depth1 > li:nth-child(4) button:active .navIcon{
	background-image: url(../../images/merchant/menu_dev_on.svg)
}
.depth1 > li.active:nth-child(5) button .navIcon,
.depth1 > li:nth-child(5) button:active .navIcon{
	background-image: url(../../images/merchant/menu_shop_on.svg)
}
.depth1 > li.active:nth-child(6) button .navIcon,
.depth1 > li:nth-child(6) button:active .navIcon{
	background-image: url(../../images/merchant/menu_inquiry_on.svg)
}

.depth2 li.active a{
	color:#2a2b2c
}

.ad{
	width: 200px;
	height: 182px;
	background: #fdfdfd;
	border-radius: 10px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	overflow: hidden;
}
.ad ul{height: 100%;display: flex;transition: all 0.3s;position: relative;background: url(/images/merchant/adDefaultImg.jpg) no-repeat center/cover}
.ad li{width: 200px; height: 100%;background: url(/images/merchant/adDefaultImg.jpg) no-repeat center/cover}
.ad li a{display: block;width: 100%; height: 100%;}

/*컨테이너*/
#container{
	background: #fdfdfd;
	min-height: calc(100vh - 125px);
	padding: 50px 30px 37px
}
.contentHead{
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 50px;
    padding-bottom: 50px
}.contentHead.noLine{
	border-bottom: 0;padding: 0
}.contentHead.zeroline{
	border-bottom: 1px solid #dcdcdc;
	padding: 0
}
.title{
	margin-bottom: 45px;
}
.title:last-child{margin-bottom: 0}
.title h2{
	font-size: 32px;
	font-weight: 800;
}
.title h2.withBtn button {
	margin-top: -7px;
	margin-left: 12px;
}
.title h2 .titleMemo{font-size: 18px; color: #283c75; margin-left: 28px}
.title p{
    margin-top: 25px;
    font-size: 17px;
    line-height: 1.7;
    margin-left: 7px
}
.title p a{
    margin-left: 30px;
    text-decoration: underline
}
.title .mdc-button{
    margin-top: 10px;
    margin-left: 7px
}
.subTitle{
  padding: 0 7px
}
.subTitle h3{
  font-size: 18px;
  font-weight: 800;
}
.subTitle p{
    margin-top: 15px
}

.cardList{
	padding: 0 6px;
}
.contentHead .cardList{padding: 0; margin-top: 24px}
.cardList > ul{
	display: flex;
}
.cardList > ul > li{
/* 	width: 378px; */
	width: 33%;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 0 24px 0 rgba(104, 104, 104, 0.1);
	background-color: #fff;
    margin-left: 28px;
    position: relative
}
.cardList > ul > li.min{width: 242px;min-width: 160px}
.cardList > ul > li.big{width: 512px}
.cardList > ul > li:first-child{margin-left: 0}

.cardList h4{
	font-size: 17px;
	font-weight: 500
}
.cardTitIcon{
	margin-right: 14px;
}
.cardTitIcon img{
	width:24px;
	height:24px;
	vertical-align: middle;
}

.cardBottom{position: absolute;bottom: 30px;left: 0;width: 100%;padding: 0 30px;display: flex;justify-content: space-between;align-items: flex-end}
.cardBottom p{font-size: 16px; color: #333}
.cardBottom.right p{width: 100%}
.cardBottom .cbLeft p:nth-child(1){color: #565758}
.cardBottom .cbLeft p:nth-child(2){color: #9e9e9e;margin-top: 16px}

.cardPrice{
	margin-top: 4px
}
.cardPrice.right{
	text-align: right;
}
.cardPrice.flex{
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}
.cardPrice p{
	color: #2a2b2c;
	font-size: 26px;
	font-weight: 500
}
.cardPrice p.cardPriceMin{
	color: #575656;
	font-size: 16px;
	margin-top: 15px;
	font-weight: 400
}
.cardPrice p span{margin-right: 8px}

.cardState{margin-top: 30px}
.cardState li{display: flex;justify-content: space-between;margin-bottom: 18px;align-items: flex-end;flex-flow:row wrap}
.cardState li:last-child{margin-bottom: 0;}
.cardState li p{font-size: 16px;}
.cardState li p:nth-child(1){color: #575656;}
.cardState li p:nth-child(2){color: #333;}
.cardState li p.big{color: #2a2b2c;font-size: 26px;font-weight: 500;margin-top: 8px;}

@media screen and (max-width:1620px){
    .cardList .cardTitIcon{margin-bottom: 8px}

    .cardBottom{flex-flow: row wrap}
    .cardBottom>p{margin-top: 16px}
    .cardBottom p{font-size: 14px}

    .cardPrice{margin-top: 8px}
    .cardPrice p{font-size: 20px;/* letter-spacing: -1px; */}
    .cardPrice p span{margin-right: 0}

    .cardState li p{font-size: 14px}
    .cardState li p.big{font-size: 20px;}
}

/*데이터 테이블*/
.dataTable{
	margin-top: 60px;
}
.dataTable.info, .dataTable.log{
    margin-top: 10px;
    margin-bottom: 24px;
}
.dataTable.info table, .dataTable.info th, .dataTable.info td:not(.ovfhd),
.dataTable .mdc-data-table__table-container{overflow: visible !important}
.dataTable .mdc-data-table{
	width: 100%;
}
.dataTable .mdc-data-table .mdc-data-table__header-cell,
.dataTable .mdc-data-table .mdc-data-table__cell{
	text-align: center;
}
.dataTable .mdc-data-table .mdc-data-table__cell--numeric{
	text-align: right;
}
.dataTable .mdc-data-table .mdc-data-table__cell.left{
	text-align: left
}
.mdc-data-table__row{
	cursor: pointer;
}
.info .mdc-data-table__row{
	cursor: auto;
}
.mdc-data-table__row:not(.mdc-data-table__row--selected):hover{
	background: #f1f2f6
}
.info .mdc-data-table__row:not(.mdc-data-table__row--selected):hover{
    background: transparent
}
.dataTable td{
	color: #999
}
.dataTable.info td, .dataTable.log td{
	color: #2a2b2c
}
.dataTable .mdc-data-table__row:not(.mdc-data-table__row--selected):hover td{
	color: #2a2b2c
}
.mdc-data-table__row{
	border-top-color: #eef0f1;
}
.dtPagination{
	margin-top: 30px;
    text-align: center
}
.dtPagination ul{
	border: 1px solid #eef0f1;
	border-radius: 6px;
	display: inline-flex;
	margin: 0 auto;
}
.dtPagination li{
	border-right: 1px solid #eef0f1;
}
.dtPagination li:last-child{
	border-right:0
}
.dtPagination li button{
	width:30px;
	height: 30px;
	text-align: center;
	color:#898989;
	background: #fff;
	font-size: 12px;
	transition: all 0.1s;
	border: 0;
	outline: none;
}
.dtPagination li button:focus, .dtPagination li button:hover{
	background: rgba(0,0,0,0.03)
}
.dtPagination li.active button, .dtPagination li button:active{
	background-color: #233976;
	color: #fff;
	font-weight: 800
}

/*결제 내역*/
.searchForm{
	display: flex;
	align-items: flex-end;
	margin-bottom: 24px;
	margin-top: 29px;
    padding: 0 7px
}
.searchForm:last-child{margin-bottom: 0}
#detailSearch .searchForm{
    margin-top: 0
}
#detailSearch .searchForm:last-child{
    margin-bottom: 0
}
.searchForm .textFieldSet{
	display: block;
}
.searchForm .textFieldSet label{font-size: 14px;line-height: 1;margin-bottom: 12px;display: inline-block;width: 100%}

.searchForm label span{
	font-size: 12px
}
.searchForm .textFieldSet{
	max-width:653px;
	width:55%;
    margin-left: 16px
}
.searchForm .textFieldSet.datePicker{
	width:247px !important;
}
.searchForm .textFieldSet.monthPicker{
	width:164px !important;
}
.searchForm .textFieldSet:first-child{
    margin-left: 0
}
.searchForm .textFieldContainer{
	margin-bottom: 0;
}
.datePicker .textFieldContainer .tfInput:not(.time){
	padding-right: 36px;
	background: url(../../images/merchant/input_calendar.svg) no-repeat calc(100% - 16px) 50%/18px auto;
}
.monthPicker .textFieldContainer .tfInput:not(.time){
	padding-right: 36px;
	background: url(../../images/merchant/input_calendar.svg) no-repeat calc(100% - 16px) 50%/18px auto;
}
.searchForm .mdc-button{
	width:120px;
	margin-bottom: 4px;
	margin-left: 8px;
    padding: 0;
}

.searchForm .mdc-select{width: 100%}
.searchForm .chCheckList{display: flex}
.searchForm .chCheckList li{display: flex; align-items:flex-end;margin-right:15px}
.searchForm .cmRadioList li .radioIcon{display: inline-block;margin-right:5px}
#searchCheckBox {align-items:flex-start}
#searchCheckBox .textFieldSet{width:auto;max-width:none;margin-right:17px}


.formTitMin{
	color: #333; font-size: 17px; font-weight: 800;margin: 15px 0 24px
}


/*푸터*/
footer{
	background: #fdfdfd;
	border-top: 1px solid #dcdcdc;
	height: 53px;
}
.highlight{
	color: #283c75 !important;
    font-weight: 800;
}

/*로그인*/
.login-content{
	width:100%;
	min-height: 100vh;
	background: #f6f6f6;
    padding-bottom: 40px;
    overflow: auto;
    max-height: 100vh
}
.login{
	width:464px;
	margin: 0 auto;
}
.loginHead{
	text-align: center;
	padding: 120px 0 100px;
}
.loginHead h1 img{
	width: 245px;
}
.loginForm{
	padding: 50px 32px 51px;
	border-radius: 20px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
	background-color: rgba(255,255,255,0.64)
}
.textFieldContainer{
	margin-bottom: 24px;
}
.textFieldSet:last-child .textFieldContainer{
	margin-bottom: 0;
}
.topLine .textFieldContainer.textArea{
	/*width: calc(100% - 18px);*/
    width: 100%;
}
.textField{
	border:1px solid #e4e6e9;
	background: #fff;
	border-radius: 14px;
	height: 48px;
	overflow: hidden;
}
.textField.focus{
	border-color:#1d3c77;
}
.textField.error{
	border-color:#df0101;
}
.textFieldContainer.textArea .textField{
	height: auto;
}
.login .textField{
	display: flex;
	justify-content: space-between;
	height: 56px;
	align-items: center;
	padding: 0 16px;
}
.login .textField label{
	width: 70px
}
.textField label{
	color:#777;
	font-size: 15px;
	font-weight: 800;
}
.textField.focus label{
	color:#233976;
}
.textField.error label{
	color:#df0101;
}

.textFieldContainer.data{margin-bottom: 0}
.textFieldContainer.data span{font-size: 16px; color: #9e9e9e; line-height: 46px}

.tfInput{
	border: 0;
	outline: none;
	height: 100%;
	font-size: 15px;
	width:100%;
	padding: 0 18px;
}
textarea.tfInput{
	padding: 17px 18px;
	resize:none;
}
.tfInput.right{
	text-align: right;
}
.tfInput:disabled + span{background-color: rgba(239, 239, 239, 0.3);display: block;line-height: 100;}
.login .tfInput:not(.mark ~ .right .tfInput){
	flex-grow:1;
	padding-left: 30px;
}

.errorIcon{
	width:20px;
	display: block;
	visibility: hidden;
}
.textField.error .errorIcon{
	visibility: visible;
}
.errorIcon img{
	width:100%;
}

.textField.error + .textFieldAlert{
	visibility: visible;
}
.login .textFieldAlert{
	margin-top: 11px;
	font-weight: 500;
}

.loginCaptcha{
	text-align: center;
	margin-bottom: 16px;
	display: none;
}

.keepLogin{
	margin-bottom: 20px;
}
.keepLogin input{
	display: none;
}
.keepLogin label{
	font-size: 16px;
}
.keepLogin label span{
	display: inline-block;
	width: 20px;
	height:20px;
	background: url(/images/merchant/radio_off.svg) no-repeat center/100% 100%;
	vertical-align: middle;
	margin-right: 15px;
}
.keepLogin input:checked + label span{
	background: url(/images/merchant/radio_on.svg) no-repeat center/100% 100%
}

.login .mdc-touch-target-wrapper{
	width:100%;
	display:block;
	margin-bottom: 10px
}
.login .mdc-button{
	width:100%;
	height: 60px;
	font-size: 16px;
	font-weight: 800;
}

.join{
	margin-top: 30px;
	text-align: center;
}
.join span{
	color: #575656;
	font-size: 14px;
	margin-right: 15px
}
.join a{
	font-size: 14px;
	font-weight: 800;
	color: #575656;
	cursor: pointer;
}

/*캡차 추가*/
.mark{display: inline-block;vertical-align: bottom;margin-bottom: 10px}
.mark label{display: block; margin-bottom: 15px; font-weight: 800; color: #777;}
.mark + button{vertical-align: bottom; background: #fff; border-radius: 6px; border: 1px solid #e4e6e9; padding: 6px 0; margin-bottom: 10px; width: 80px; text-align: center; display: inline-block;outline: none}
.mark + button + .right > span{display: block; margin-bottom: 10px;}
.mark + button + .right .textFieldContainer{margin-bottom: 30px;}

/*팝업*/
.superDialog .mdc-dialog__surface{
	width: 1024px;
	max-width: none
}
.bigDialog .mdc-dialog__surface{
	width: 600px;
	max-width: none
}
.minDialog .mdc-dialog__surface{
	width: 560px;
}
.wideDialog .mdc-dialog__surface{
	width: 905px;
	max-width: none
}
.wideDialog .mdc-dialog__header{
	padding: 23px 20px 30px 30px;
}
.wideDialog .mdc-dialog__content{
	padding: 0 30px 30px 30px;
}
.tinyDialog .mdc-dialog__surface{
	width: 484px;
}
.bigDialog .mdc-dialog__header{
	padding: 23px 20px 30px 30px;
}
.dialog-cancel{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2
}
.bigDialog .mdc-dialog__content{
	padding: 0 30px 30px 30px;
}
.minDialog .mdc-dialog__content, .superDialog .mdc-dialog__content{
	padding: 30px;
}
.minDialogBtn .mdc-dialog__content{
	padding-bottom: 10px
}
.dialogContent.center{text-align: center}
.tinyDialog .dialogContent.center{padding: 40px 0 22px}
.bigDialog .dialogContentTxt{
	border-bottom: 0;
	padding-bottom: 15px;
}
.wideDialog .dialogContentTxt{
	border-bottom: 0;
	padding-bottom: 15px;
}

#joinDialog .dialogContentTxt{
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 29px;
}
.superDialog .dialogContentTxt{
	display: flex;
	justify-content: space-between;
	padding-top: 46px;
	padding-bottom: 40px;
}
.dialogContentTxt h3, .dialogContentTxt h4{
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
	color: #2a2b2c;
	height: 20px
}
.dialogContentTxt.multiplLines h3{
	line-height: 1.7;
	height: 50px
}
.superDialog .dialogContentTxt h3{ font-size: 28px; font-weight: 800; }
.superDialog .dialogContentTxt h3 span{ font-size: 18px;}
.superDialog .btnFlexArea button{margin-left: 10px;}
.dialogContentTxt p{
	margin-top: 8px;
	font-size: 15px;
	color: #2a2b2c;
    line-height: 1.76
}
.dialogContentTxt p a{text-decoration: underline;margin-left: 14px}
.dialogForm{
	padding: 29px 0 29px 0;
}
.dialogForm.topLine{
	/*border-top: 1px solid #dbdbdb;
	padding: 25px 0 0 18px;
	margin-top: 15px*/
    padding: 15px 0 0;
}
.minDialog .dialogForm{
	padding-top: 35px;
	padding-bottom: 20px
}

.textFieldSet{
	display: flex;
}
.textFieldSet label:not(.byteLabel):not(.mdc-button){
	line-height: 46px;
	width:170px;
	color: #333;
	font-size: 17px;
	font-weight: 500;
}
.textFieldSet button{
	margin: 4px 0 0 15px;
	min-width: 101px;
    padding: 0 24px
}
.textFieldSet label + button{margin-left: 0}
#joinDialog .textFieldContainer, .topLine .textFieldContainer{
	width: 243px;
}

#joinDialog .textFieldSet.countCheck .textFieldContainer{
	width: 122px;
	margin-right: 16px;
}
.count{
	color: #df0101;
	font-size: 17px;
	line-height: 48px;
	width: 106px;
}

.joinCheckList, .updateCheckList{
	padding: 30px 17px 0;
	border-top: 1px solid #e2e2e2;
}
.joinCheckList li, , .updateCheckList li{
	margin-bottom: 20px
}
.joinCheckList li:last-child, .updateCheckList li:last-child{
	margin-bottom: 0
}
.joinCheckList label a, .updateCheckList label a{
	display: block;
	color: #2a2b2c;
	text-decoration: underline;
	font-size: 14px;
	width: fit-content
}
.joinCheckList label a:hover{ opacity: 0.8 }

.bigDialog .dialog__foot, .tinyDialog .dialog__foot,  .wideDialog .dialog__foot{ padding: 0 30px 30px 30px; border: 0 }
.dialog__foot.center{ justify-content: center !important; }
.minDialog.minDialogBtn .dialog__foot.center{padding: 30px}
.superDialog .dialog__foot{padding: 10px 30px 30px; border: 0}
.dialog__foot.left{justify-content: flex-start !important}
#joinDialog .dialog__foot{ display: flex; justify-content: space-between; }
.dialog__foot p{ color: #575656; font-size: 14px; }
.dialog__foot p a{ cursor: pointer; font-weight: 800; margin-left: 16px; color: #283c75 }
.superDialog .dialog__foot .mdc-button{ min-width: 120px; padding: 0 35px}
.dialog__foot.center .mdc-button{ min-width: 120px; padding: 0 35px}
.tinyDialog .dialog__foot.center .mdc-button{min-width: 200px}
#joinDialog .dialog__foot .mdc-button{ width: 120px; }

#resetPw2 .textFieldContainer{ width:calc(93% - 133px); }
#resetPw2 .dialogForm{ padding-bottom: 15px; }
.dialogIcon img{ width:20px; height: 20px; margin-bottom: 21px }
#resetPw3 .dialogContentTxt{ margin-bottom: 10px }

#kakaoCheck .mdc-dialog__surface,
#kakaoCheck .mdc-dialog__content{ overflow: inherit; }
.tooltip{ position: relative; }
.ttMemo{
	width: 360px; padding: 17px 18px 16px 16px; border-radius: 10px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); background-color: #fcfcfc;
	font-size: 12px; font-weight: 500; line-height: 1.83;
	/* letter-spacing: -0.12px; */ color: #2a2b2c; position: absolute;
	bottom: 20px; left: 20px; display: none; text-align: left;z-index: 3}

.ttIcon:hover + .ttMemo{ display: block; }
.ttIcon img{width: 20px; height: 20px}

/* 2021.05.26 에스크로 툴팁 추가 */
.ttMemoEscrow{
	width: 650px; height:100% padding: 17px 18px 16px 16px; border-radius: 10px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); background-color: #fcfcfc;
	font-size: 12px; font-weight: 500; line-height: 1.83;
	/* letter-spacing: -0.12px;  */color: #2a2b2c; position: absolute; top:50%;
	bottom: 20px; left: 35px; display: none; }

.ttIcon:hover + .ttMemoEscrow{ display: block; }

.mobileMemo{
	width: 234px; padding: 17px 18px 16px 16px; border-radius: 10px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); background-color: #fcfcfc;
	font-size: 12px; font-weight: 500; line-height: 1.83;
	/* letter-spacing: -0.12px; */ color: #2a2b2c; position: absolute;
	bottom: 20px; left: 20px; display: none; z-index: 1; }

.ttIcon:hover + .mobileMemo,.ttIcon:hover + .remainAmtToolTip{ display: block !important; }

#joinDialog .ttIcon img{margin-bottom: 2px;vertical-align: middle}
.kakaoCheckInput{ text-align: center; margin-top: 34px; }
.kakaoCheckInput input{width: 40px; height: 41px; border-radius: 10px;
	border: solid 1px #e2e2e2; background-color: #fff; font-size: 20px;
	font-weight: 800; text-align: center; color: #1d3c77; outline: none;
	margin: 0 2px 10px; }
.kakaoCheckInput input:focus{border-color: #233976}
.kakaoCheckInput span{ color: #575656; margin: 0 7px; font-size: 14px; line-height: 1 }

.diContainer{margin-bottom: 30px;}
.diContainer:last-child{margin-bottom: 0;}
.diContainer .infoTit{color: #333;font-size: 17px;font-weight: 800;margin-bottom: 17px}
.diContainer table{width: 100%;border-spacing: 0;border-top: 1px solid #eef0f1}
.diContainer table th{background: #f6f6f6;color: #2a2b2c; font-size: 15px;
	text-align: left; font-weight: 500;padding: 16px 25px 17px;border-bottom: 1px solid #eef0f1}
.diContainer table td{color: #2a2b2c; font-size: 15px;padding: 16px 25px 17px;
	border-bottom: 1px solid #eef0f1}
.diContainer table td.right{text-align: right;}
.diContainer p{word-break: break-all}

.timeLine{margin-left: 19px; padding-top:7px; position: relative;}
.tlList{display: flex;border-left: 1px solid #eef0f1;}
.tlList:last-child{border-left: 0;}
.tlList .tlDot{width: 9px; height: 9px; border-radius: 50%;
	margin-right: 30px;margin-left: -4px}
.tlList.blue .tlDot{background-color: #283c75}
.tlList.red .tlDot{background-color: #df0101}
.tlList.green .tlDot{background-color: #3cb878}

.tlList .tlData{margin: -7px 45px 27px 0;}
.tlList .tlData:last-child{margin-right: 0;}
.tlDot + .tlData{width: 40px}
.tlList .tlData h5{font-size: 15px; font-weight: 400; color:#2a2b2c;}
.tlList .tlData h5 b{font-weight: 800}
.tlList .tlData h5 span{color:#9e9e9e}
.tlList .tlData p{font-size: 12px; color: #777}

.tlBtn{position: absolute;top: 0;right: 0}

/*문의등록*/
#writeQna .textFieldContainer:not(.textArea){width: calc(100% - 116px)}
#writeQna .textFieldContainer.mdc-select{width: 100%}
.fileRead{display: none;}



/*개발정보*/
.dataTableTit{ display: flex; justify-content: space-between;align-items: center}
.dataTableTit h3{line-height: 38px}
.dataTableTit h3 a{margin-left: 12px; font-size: 15px; text-decoration: underline}
.dataTableTit h3 a:hover{opacity: 0.85}
.dataTableTit h3 .mdc-button{ margin-left: 23px; width: 120px;}
.info .mdc-button{min-width: 120px;}
.log .mdc-button{padding: 0 30px}

.pageBtnArea{display: flex;justify-content: flex-end}
.pageBtnArea.bottom{margin-top: 39px}
.pageBtnArea .mdc-button{min-width: 120px;margin-left: 8px;}

.chips{display: inline-block; color: #575656; font-size: 14px; text-align: center; vertical-align: middle; width: 100px; line-height: 30px; height: 30px; border-radius: 15px;background: #f6f6f6;margin-right: 13px;font-weight: 500}
.chips.success{margin: 0;font-weight: 800; color: #1d3c77; background: #ebf0f8;}
.chips.fail{margin: 0;font-weight: 800;color: #9e9e9e}
.chips.type{margin-right: 13px;font-weight: 800; color: #1d3c77; background: #ebf0f8;}

.info .dialogIcon img{margin-bottom: 0}
.info .ttMemo{width: auto; text-align: left}
.info .mdc-icon-button{color: #9e9e9e;vertical-align: middle;}

.empty{position: relative}
.empty td span, .empty li span{display: block; height: 20px; background: #f6f6f6; width: 80%;margin: 0 auto}
.emptyAddBtn{position: absolute; top: 56px; left: 0; width:100%; height: calc(100% - 56px); background: rgba(0,0,0,0.1)}
.emptyAddBtn button{position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%)}

.sortTh{cursor: pointer}
.sortTh .sortIcon{display: inline-block; width: 20px;height: 22px;vertical-align: middle;background: url(../../images/merchant/icon_sort.svg) no-repeat center/cover;margin-left: 10px}
.sortTh .sortIcon.up{background-image: url(../../images/merchant/icon_sort_up.svg)}
.sortTh .sortIcon.down{background-image: url(../../images/merchant/icon_sort_down.svg)}

/*로그 상세보기*/
.flexContainer{display: flex;}
.flexItem{width:50%;}
.flexItem:last-child{margin-left: 30px}

.title .mdc-icon-button{width: 56px; height: 56px}
.title .mdc-icon-button img{width: 32px; height: 32px}

.log table td:nth-child(3){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: break-all;max-width: 150px}
.chips.outline{border: solid 1px #d3d3d3;}
.chips.success.outline{border-color: #1d3c77;}

.logDetail{padding: 39px 30px 30px;border-radius: 6px; box-shadow: 0 0 24px 0 rgba(104, 104, 104, 0.1);border: solid 1px #e9e9e9;background-color: #fff}
.ldTit{margin-bottom: 30px;height: 70px}
.ldTit h3{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px}
.ldTit h3 button{width: 120px;}
.ldTit h3 > span{font-size: 22px;}
.ldTit p{font-size: 15px; font-weight: 500;color: #1d3c77}

.logDetailView{padding: 39px 30px 30px;border-radius: 6px; box-shadow: 0 0 24px 0 rgba(104, 104, 104, 0.1);border: solid 1px #e9e9e9;background-color: #fff}
.ldTit{margin-bottom: 30px;height: 70px}
.ldTit h3{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px}
.ldTit h3 button{width: 120px;}
.ldTit h3 > span{font-size: 22px;}
.ldTit p{font-size: 15px; font-weight: 500;color: #1d3c77}

.whLogView{padding: 39px 30px 30px;border-radius: 6px; box-shadow: 0 0 24px 0 rgba(104, 104, 104, 0.1);border: solid 1px #e9e9e9;background-color: #fff}
.ldTit{margin-bottom: 30px;height: 70px}
.ldTit h3{display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px}
.ldTit h3 button{width: 120px;}
.ldTit h3 > span{font-size: 22px;}
.ldTit p{font-size: 15px; font-weight: 500;color: #1d3c77}

.diContainer.empty span{margin: 0}

.ldTitSub{color: #333; font-size: 17px;margin-bottom: 24px}

.devTimeLine{padding: 32px 0 50px;}
.devTimeLine ul{margin-left: 20px;border-left: 1px solid #eef0f1}
.devTimeLine li{margin-bottom: 38px;}
.devTimeLine li:last-child{margin-bottom: 0}
.devTimeLineLi{display: flex;align-items: center}
.devTimeLineLi .dtlIcon{width:10px; height: 10px;background: #9e9e9e;border-radius: 50%;margin-right: 16px}
.devTimeLineLi .dtlIcon.req{background: #1d3c77}
.devTimeLineLi .dtlIcon.res{border: 3px solid #1d3c77;background: #fff}
li.devTimeLineLi .dtlIcon{margin-left: -5px;margin-right: 30px}
.devTimeLineLi h5{font-size: 15px; font-weight: 500;margin-right: 23px; cursor: pointer;}
.devTimeLineLi .dtlIcon.req + h5,.devTimeLineLi .dtlIcon.res + h5{cursor: auto;} 
li.devTimeLineLi h5{width: 240px;margin-right: 0}
.devTimeLineLi p{font-size: 12px; color: #777}

/* test리포트 팝업 */
#testReport .devTimeLine {
	background-color: #f1f2f6;
	border-radius: 10px;
	margin: 12px 0;
	padding: 24px;
}
#testReport .devTimeLine:last-child {
	margin: 12px 0 0 0;
}
#testReport .ldTitSub {
	display: flex;
    align-items: center;
}
#testReport .ldTitSub .chips {
	font-size: 12px;
	margin-left: 12px;
}
#testReport .devTimeLine .dialogIcon img {
	margin: 0;
}
#testReport .devTimeLineLi {
	justify-content: space-between;
}
#testReport .devTimeLine ul {
	border-left: 0
}
#testReport .devTimeLine li {
	margin-bottom: 24px;
}
#testReport .devTimeLine li.devTimeLineLi .dtlIcon {
	margin-right: 12px;
	margin-left: -10px;
}
#testReport .devTimeLine li.devTimeLineLi h5 {
	width: 200px;
}
#testReport .devTimeLine li.devTimeLineLi p {
	width: 200px;
}
#testReport .devTimeLine li.devTimeLineLi .dtlIcon {
	width: 20px;
	height: 20px;
	background-color: transparent;
}
#testReport .devTimeLine li.devTimeLineLi .dtlIcon.on {
	background-image: url(../../images/merchant/check_on.svg);
	background-size: 20px;
	background-position: center center;
}
#testReport .devTimeLine li.devTimeLineLi .dtlIcon.fail .tooltip .ttIcon {
	background-image: url(../../images/merchant/login_error.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
}

.devCode{margin-bottom: 16px; padding: 30px;background: #f1f2f6;border-radius: 10px;}
.devCode:last-child{margin-bottom: 0}
.devCodeTit{display: flex;align-items: flex-start;justify-content: space-between}
.devCodeContent{line-height: 1.67;font-size: 14px}

.devCode.emptycode .devTimeLineLi{display: none}
.devCode.emptycode .devCodeContent span{display: block;height: 20px; background: #fff;margin-bottom: 16px;}
.devCode.emptycode .devCodeContent span:last-child{margin-bottom: 0}


/*개발정보 팝업*/
.msgBox{margin-top: 23px;}
.topLine .msgBox{margin-top: 0;margin-bottom: 30px; padding: 0}
.msgBox p{padding: 14px 25px; background: #f6f6f6;border-radius: 10px;font-size: 15px;margin-bottom: 15px;}
.msgBox p:last-child{margin-bottom: 0}
.topLine .msgBox p{/*width: calc(100% - 18px)*/width:100%}

#webHookAdd .joinCheckList{border: 0; padding: 0 0 10px}
#webHookAdd .joinCheckList .checkIcon{margin-top: 3px}
#webHookAdd .joinCheckList b{margin-right: 12px}
#webHookAdd .textFieldContainer{width: 100%;margin-bottom: 30px}

.dialogCheckList{margin-left: -11px}
.dialogCheckList li{margin-bottom: 2px}
.dialogCheckList li:last-child{margin-bottom: 0}
.dialogCheckList .mdc-checkbox + label{display: inline-block;margin-top: 7px;color: #2a2b2c;font-size: 15px}
.dialogCheckList .mdc-checkbox + label b{margin-right: 8px; font-size: 17px;}

.daterangepicker{z-index: 100000 !important}
#ipRuleAdd .textFieldSet{flex-flow: row wrap;}
#ipRuleAdd .textFieldSet label{width: 100%;font-size: 14px; color: #333;line-height: 1;margin-bottom: 11px}
#ipRuleAdd .textFieldSet label a{text-decoration: underline;margin-left: 14px}
#ipRuleAdd .textFieldSet .textFieldContainer{width: calc(100% - 18px);margin-bottom: 20px}
#ipRuleAdd .textFieldSet.datePicker .textFieldContainer{width: calc(50% - 17px);margin-bottom: 10px}
#ipRuleAdd .textFieldSet.datePicker .textFieldContainer:last-child{margin-left: 16px}
#ipRuleAdd .textFieldSet.monthPicker .textFieldContainer{width: calc(50% - 17px);margin-bottom: 10px}
#ipRuleAdd .textFieldSet.monthPicker .textFieldContainer:last-child{margin-left: 16px}

#testReport .dialog__foot {padding: 0 30px 30px;}
#testReport .dialogForm p {margin-bottom: 12px;}
#testReport .dialogForm p span {color: #9e9e9e; font-weight: normal;}

#keyIssued .textFieldSet{flex-flow: row wrap;}
#keyIssued .textFieldSet > label{width: 100%;font-size: 14px; color: #333;line-height: 1;margin-bottom: 11px}
#keyIssued .textFieldSet label a{text-decoration: underline;margin-left: 14px}
#keyIssued .tabList{margin-bottom: 16px;}
#keyIssued .tabList label{width: 210px !important; text-align: center; font-size: 15px; color: #9e9e9e; border: 1px solid #d3d3d3;font-weight: 800;cursor: pointer;border-right: 0;display: inline-block}
#keyIssued .tabList label:last-child{border-right: 1px solid #d3d3d3}
#keyIssued .tabList input{display: none}
#keyIssued .tabList input:checked + label{border-color: #283c75; color: #1d3c77; background: #ebf0f8;}
#keyIssued .tabList input:checked +label + input + label{border-left-color: #283c75}
#keyIssued .tabList{display: flex;padding: 0 7px;}

#logDetailInfo .tabList label{width: 150px !important; text-align: center; font-size: 15px; color: #9e9e9e; border: 0;font-weight: 800;cursor: pointer;display: inline-block;}
#logDetailInfo .tabList input{display: none}
#logDetailInfo .tabList input:checked + label{border-bottom: 2px solid #283c75; color: #1d3c77; background: #fdfdfd;border-radius: 0}
#logDetailInfo .tabList input:checked + label + input + label{border-left-color: #283c75}
#logDetailInfo .tabList{display: flex;padding: 0;}
#logDetailInfo .tabList input[name='tab'] + label {position: relative;}
#logDetailInfo .tabList input[name='tab'] + label .badge{/* position:absolute; top: 0; right:0;  */display:inline-block;text-align:center;height:30px; line-height:30px; background: #f6f6f6; border:1px solid #d3d3d3;border-radius: 15px;width:50px;font-size: 15px; font-weight: 400;margin-left: 5px}
#logDetailInfo .tabList input[name='tab']:checked + label .badge{border-color: #283c75; color: #1d3c77; background: #ebf0f8;}

/*에스크로*/
.escrowSearch{padding-bottom: 50px; border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;}
.escrowSearch:last-child{border-bottom: 0; padding-bottom: 0}
.searchForm.short .textFieldSet{width:207px;}
.searchForm .textFieldSet.range{width: 334px}
.textFieldSet.range .textField{display: flex;align-items: center}
.textField.RRNField{display: flex;align-items: center}
.escrowSearch .mdc-select{width: 100%}

.tabList{display: flex;padding: 0 7px;}
.contentHead .tabList{margin-top: 24px;}
.escrowSearch .tabList{margin-top: 30px;}
.tabList label{width: 156px !important; text-align: center; font-size: 14px; color: #9e9e9e; border: 1px solid #d3d3d3;font-weight: 800;cursor: pointer;border-right: 0;display: inline-block}
.tabList label:first-of-type{border-radius: 10px 0 0 10px;}
.tabList label:last-of-type{border-radius: 0 10px 10px 0;}
.tabList label:last-child{border-right: 1px solid #d3d3d3}
.tabList input{display: none}
.tabList input:checked + label{border-color: #283c75; color: #283c75;}
.tabList input:checked +label + input + label{border-left-color: #283c75}

.escrowTableTit{display: flex;justify-content: space-between;margin-bottom: 10px;}
.ettBtn{display: flex;align-items: center}
.ettBtn p{font-size: 15px;line-height: 1.5}
i.material-icons{margin-top: 3px}

.tabContent{display: none}
.tabContent#tabContent1{display: block}
.noti{margin: 7px 0 0 19px;font-size: 14px}
.noti .tooltip img{margin-bottom: 0; vertical-align: text-bottom;}

/*에스크로 팝업*/
.escrowDetailContent{padding-top: 33px; color: #2a2b2c}ㅁ
.escrowDetailContent h3{font-size: 17px;margin-bottom: 16px;}
.escrowDetailContent p{font-size: 15px;margin-bottom: 24px}
.escrowDetailContent p:last-child{margin-bottom: 0}
.escrowDetailContent p b{font-weight: 500}
.escrowDetailContent .edcImg{margin-bottom: 30px;}
.escrowDetailContent ol{padding: 0 19px 0 37px;margin-bottom: 29px;}
.escrowDetailContent ol li{list-style: decimal;line-height: 1.7; font-size: 15px;}
.escrowDetailContent ul{padding: 0 19px 0 37px;margin-bottom: 45px;}
.escrowDetailContent ul li{list-style: "-   ";line-height: 1.7; font-size: 15px;}
.agreeBtn{padding: 0 24px}

/* 이체요청등록 */
.fundTransReqTableTit{display: flex;justify-content: space-between; align-items:center; margin-bottom: 18px;}
.fundTransReqTableTit + script + div{/* border: 1px solid rgba(0, 0, 0, 0.12); */ border-radius: 4px;overflow: hidden;box-sizing: content-box;box-shadow: 0px 0px 1px #000}
.fundTransReqTableTit + script + div table{border:0 !important}
.fundTransReqSearch{padding-bottom: 50px; border-bottom: 1px solid #dcdcdc;margin-bottom: 30px;}
.fundTransReqSearch:last-child{border-bottom: 0; padding-bottom: 0}
.fundTransReqSearch .mdc-select{width: 100%}
.fundTransReqSearch .tabList{margin-top: 30px;}
#REQ_RESULT_GRID {margin-top:50px;}
#REQ_RESULT_GRID2 {margin-top:15px;}

/*현금영수증*/
.ettBtn .switchLabel{margin-left: 9px;}
.ettBtn .mdc-switch{margin-left: 14px;margin-right: 40px}


/*전자결제 신청*/
.contractHead{margin-bottom: 36px;}
.contractHead > div:last-child{margin-bottom: 0}
.stepImg{text-align: center;margin-bottom: 39px;}
.stepImg img{max-width: 958px; width: 100%;}

.chTit{margin-bottom: 50px;}
.chTit h3{font-size: 22px;}
.chTit p{font-size: 17px; color: #575656; line-height: 1.76;margin-top: 20px}
.chTit>*:last-child{margin-bottom: 0}

.chTitSub{margin-bottom: 10px;}
.chTitSub + .searchForm{margin-top: 23px;}
.chTitSub h4{margin-bottom: 16px; font-size: 17px}
.chTitSub p{font-size: 14px; color: #575656}
.chTitSub>*:last-child{margin-bottom: 0}

.contractHead .searchForm{padding: 0}

.contractForm{background: #fff; border: 1px solid #e1e1e1; border-radius: 10px;padding: 32px 32px;margin-bottom: 23px}
.contractForm .textFieldContainer, .contractForm .mdc-select{width: 242px}
.contractForm .textFieldContainer.long{width: 378px}
.contractForm .textFieldContainer.multiple{display: flex}
.contractForm .textFieldSet:last-child .textFieldContainer{margin-bottom: 0}

.contractForm .chCheckList{display: flex;margin-bottom: 16px}
.contractForm .chCheckList li{margin-right: 24px}
.contractForm .chCheckList li:last-child{margin-right: 0}
.contractForm .userState{line-height: 46px;margin-right: 31px;margin-left: 9px;font-size: 14px;color: #333}
.contractForm .userState:last-child{margin-left: 16px;}

.contractForm .dialogIcon img{margin-bottom: 0;vertical-align: sub}

.contractForm .contractFormTit{margin-bottom: 23px;position: relative}
.contractForm .contractFormTit h4{font-size: 17px}
.contractForm .contractFormTit p{margin-top: 15px; font-size: 14px; color: #575656}
.contractForm .contractFormTit button{position: absolute; right: 0;top: -5px; padding: 0 26px;}
.contractForm .line{background: #e1e1ec; height: 1px;margin: 16px 0 32px}

.accordion{max-width: 780px;}
.accordion .accordionItem{margin-bottom: 16px;display: flex;justify-content: space-between; align-items: center; flex-flow: row wrap; background: #f6f6f6; border-radius: 10px}
.accordion .accordionItem:last-child{margin-bottom: 0}
.accordion .accordionItem .aiTit{display: flex;align-items: center; padding: 10px 12px}
.accordion .accordionItem .aiBtn{padding: 10px 12px;transition: all 0.2s}
.accordion .accordionItem .aiBtn.open{transform:rotate(180deg)}
.accordion .accordionItem .aiTit label{width: auto;font-size: 17px; font-weight: 500;margin-left: 12px}
.accordion .accordionItem .mdc-icon-button span{font-size: 24px;}
.accordion .accordionItem .detail{padding: 30px; border-top: 1px solid #e1e1ec; font-size: 13px; line-height: 23px;display: none}
.dialogForm .accordion .accordionItem .detail{border: 0}
.accordion .accordionItem .detail > *:first-child{margin-top: 0}
.accordion .accordionItem .detail h4{margin-top: 20px}
.accordion .accordionItem .detail p{margin-top: 7px}
.accordion .accordionItem .detail li p{margin-top: 0}
.accordion .accordionItem .detail .ol1{margin-left: 10px;margin-top: 7px}
.accordion .accordionItem .detail .ol1>li{list-style: decimal;}
.accordion .accordionItem .detail .ol2{margin-left: 20px;margin-bottom: 7px}
.accordion .accordionItem .detail .ol2>li{list-style: hangul;}
.accordion .accordionItem .detail .ol3{margin-left: 20px;margin-bottom: 7px}
.accordion .accordionItem .detail .ol3>li{list-style: "-  "}

.readOnly .textField{border-color: #f6f6f6 !important}
.readOnly .tfInput{background: #f6f6f6; color: #575656;}

.contractChipsWrap{width: 460px;background: #f6f6f6; border-radius: 10px;}
.contractChips{display: flex;}
.contractChips > div{display: flex; align-items: center;margin-right:16px;padding: 17px;}
.contractChips > div h5{font-size: 15px; color: #575656; font-weight: 500;margin-right: 13px; padding-right: 14px; border-right: 1px solid #e4e6e9}
.contractChips > div p{font-size: 15px; text-overflow: 575656;}

.contractFormList{margin-bottom: 40px}
.contractFormList:last-child{margin-bottom: 24px}
.contractFormList h5{font-size: 17px; margin-bottom: 24px;font-weight: 500;color: #333}
.contractFormList li{margin-bottom: 16px;display: flex;align-content: center}
.contractFormList li:last-child{margin-bottom: 0}
.contractFormList li input[type=radio]{display: none}
.contractFormList li label{width: 243px;color: #777;font-size: 15px;display: flex}
.contractFormList li input[type=radio]:checked ~ label{color: #2a2b2c; font-weight: 500;}
.contractFormList li .textFieldContainer{margin-bottom: 0;margin-top: -14px}
.contractFormList 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}
.contractFormList li input[type=radio]:checked + label .radioIcon{background-image: url(../../images/merchant/radio_on.svg)}
.econtRadioIcon{background-image: url(../../images/merchant/radio_on.svg);display: none;width: 20px;height: 20px;margin-right: 15px;vertical-align: middle;margin-top: 13px;margin-left: 15px; background-repeat: no-repeat;}

.contractCard{margin-bottom: 50px}
.contractCard.last{margin-bottom: 0;padding-bottom: 15px}
.contractCard > div{display: flex;align-items: center;border: 1px solid #d3d3d3; border-radius: 10px;margin-bottom: 16px;max-width: 650px;}
.contractCard > div:last-child{margin-bottom: 0}
.contractCard h5{width: 141px;text-align: center; font-size: 17px;color: #1d3c77; font-weight: 500}
.contractCard p{padding: 19px 23px; border-left: 1px solid #d3d3d3;font-size: 15px; color: #575656;line-height: 1.67;}

.contractHead + .fileUploadList{margin-top: -12px}
.fileUploadList li{display: flex}
.fileUploadList li .textFieldContainer{width: 378px;margin-right: 15px;}
.fileUploadList li .mdc-button{margin: 3px 32px 0 0}

.fileUploadList p{color: #575656; font-size: 14px;padding-left: 16px}
.fileUploadList h4{font-size: 17px; color: #333;margin-bottom: 16px;font-weight: 500}
.fileUploadList > .mdc-button{padding: 0 24px;margin: 8px 0 13px}
.finalAgree{display: flex;align-items: center;margin-left: -10px}
.finalAgree label{margin-left: 5px;font-size: 15px; color: #575656}

.fileUploadList .contractFormList li label{width: auto}
.fileUploadList .contractFormList li label .memo{margin-left: 10px;display: block;color: #898989; font-size: 14px;font-weight: 400;}

.contractTxt{padding-left: 16px;margin-bottom: 45px;margin-top: 10px}
.contractTxt h4{font-size: 14px; font-weight: 500;margin-bottom: 9px}
.contractTxt li{line-height: 1.86;font-size: 14px}
.contractNoti{margin-bottom: 16px;margin-left: 6px; font-size: 14px;}

.contractComplited{text-align: center;padding: 0 0 60px}
.contractComplited #apply_end{height: 260px}
.contractComplited h3{font-size: 17px; color: #1d3c77;line-height: 1.76;margin-bottom: 28px;}
.contractComplited h4{font-size: 15px;font-weight: 500;margin-bottom: 17px}
.contractComplited p{font-size: 15px; color: #333;line-height: 1.8;margin-bottom: 25px}


/*대시보드*/
.dashboardTit{display: flex; align-items: center}
.dashboardTit h3{margin-right: 30px; font-size: 28px;}
.dashboardTit .textFieldContainer{margin: 0 9px 0 0;width: 210px}
.dashboardTit button{color: #84848d}

.dashboardContent{margin-top: 10px;}
.dashboardContent > ul{display: flex;justify-content: space-between;flex-flow: row wrap}
.dashboardContent .dashboardItem{background: #fff; border: 1px solid #e9e9e9; border-radius: 10px; padding: 30px;width: calc(50% - 15px); margin-top: 30px;min-height: 329px}
.dashboardContent .dashboardItem h4{font-size: 18px; font-weight: 500}
.dashboardContent .dashboardItem h4 span{color: #9e9e9e}

.dashboardContent .dashboardItem li{border-bottom: 1px solid #dcdcdc;display: flex;justify-content: space-between;}
.dashboardContent .dashboardItem li:last-child{border-bottom: 0}
.dashboardContent .dashboardItem ul{margin-top: 30px}
.dashboardContent .dashboardItem li h5{line-height: 55px;font-size: 16px; color: #333;font-weight: 400; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 15px}
.dashboardContent .dashboardItem li h5 span{margin: 0 41px 0 24px}
.dashboardContent .dashboardItem li p{line-height: 55px;font-size: 16px; color: #333; font-weight: 500; white-space: nowrap}

/*대시보드 차트*/
#dounutChart {
  width: 89%;
  height: 330px;
}
#colAndlineChart {
  width: 100%;
  height: 250px;
    transform: translate(-7px,24px)
}
#lineChart {
  width: 100%;
  height: 320px;
  transform: translate(-7px,27px)
}
#lineChart2 {
  width: 100%;
  height: 250px;
  transform: translate(-7px,24px)
}


/*매출 통계 설정*/
#mainSetting .mdc-dialog__surface{overflow: hidden}a

.mainSettingTit{border-bottom: 1px solid #dbdbdb; padding-bottom: 20px;;margin-bottom: 30px}
.mainSettingTit h3{font-size: 28px;margin-bottom: 39px;color: #2b2b2b}
.mainSettingTit h4, .mainSettingList h4{margin-bottom: 12px; font-size: 17px; color: #333; margin-left: 17px;}
.mainSettingList p, .mainSettingTit p{margin-left: 17px;margin-bottom: 6px}
.msCheck{margin-left: 7px;margin-bottom: 8px}
.mainSettingTit label, .mainSettingList label{line-height: 40px;font-size: 16px;color: #2b2b2b;margin-left: 5px;}

.mainSettingList ul{display: flex;justify-content: space-between;flex-flow: row wrap;padding: 0 17px}
.mainSettingList li{margin-top: 23px; background: #fff; border-radius: 10px; border: 1px solid #e9e9e9; padding: 15px;position: relative;width: calc(50% - 12px);height: 72px}
.mainSettingList li.focus{border-color: #1d3c77}
.mainSettingList li.mslPlaceholder{background: #f6f6f6}
.mainSettingList li .dragAndDropIcon{position: absolute;right: 25px;width: 24px; height: 24px; top: 24px; background: url(../../images/merchant/drag_off.svg)no-repeat center}
.mainSettingList li.focus .dragAndDropIcon{position: absolute;right: 25px;width: 24px; height: 24px; top: 24px; background-image: url(../../images/merchant/drag_on.svg)}


/*계정 정보*/
.deleteAccount{padding: 14px 17px 16px}


/*메인(계약 신청 전)*/
.main{text-align: center;}
.main p{font-size: 17px; line-height: 30px;margin-bottom: 20px;}
.main .mainBtn{margin-top: 43px}
.main .mainBtn button{display: block;width: 170px;height: 48px;margin-bottom: 0}


/*계정관련 팝업*/
#autoLogout .dialogContent.center{padding-top: 20px}
#autoLogout .dialogContentTxt h3{line-height: 1.3em;height: auto}
#autoLogout .dialogContentTxt p{color: #666}
#autoLogout .dialogContentTxt .autoLogoutCount{margin-top: 22px;color: #283c75;font-size: 17px; font-weight: 500}

#autoLogout2 .dialogContent.center{padding-top: 20px}
#autoLogout2 .dialogContentTxt h3{margin-bottom: 22px;height: auto;line-height: 1.2}
#autoLogout2 .dialogContentTxt p{color: #666;margin-top: 10px}

#deleteId .dialogContentTxt h3{height: auto;line-height: 1.59}
#deleteId .dialogContentTxt p{margin-top: 16px}

#updateLoginInfo .dialogForm{padding-top: 0}
.dialogForm p{color: #333;font-weight: 500}
#updateLoginInfo .dialogForm p{margin-bottom: 17px;margin-top: 12px}
#updateLoginInfo .textFieldContainer{width: calc(100% - 116px)}


/*헤더관련 팝업*/
#userInfo .dialogContentTxt h3{font-size: 20px;font-weight: 800}
#userInfo .dialogContentTxt p{color: #585656}
#userInfo .dialogContentTxt .lastLog{color: #898989;margin-top: 22px}
#userInfo .dialog__foot .mdc-button{min-width: 120px;margin: 0 8px}

#addShopAlert .dialogContentTxt h3{font-size: 20px;font-weight: 800;margin-bottom: 8px}
#addShopAlert .dialog__foot .mdc-button{min-width: 120px;margin: 0 8px}

#pre_contract_info h4{margin-top: 15px;}
#pre_contract_info .dialogContentTxt span{font-size: smaller;}


#testAddShop .dialogContentTxt h3{font-size: 20px;font-weight: 800}
#testAddShop .dialogForm{padding-bottom: 0;padding-top: 35px}
#testAddShop .textFieldContainer{width: 100%;margin-top: 16px;}
#testAddShop .dialog__foot{padding: 0 30px 30px}
#testAddShop .dialog__foot .mdc-button{width: 120px}

#addShop .dialogContentTxt h3{font-size: 20px;font-weight: 800}
#addShop .dialogForm p{margin-bottom: 17px;}
#addShop .dialogForm .asdNoti{color: #333; font-size: 15px; padding-top: 25px;margin-top: 15px; border-top: 1px solid #dbdbdb;font-weight: 400;line-height: 1}
#addShop .tabList{padding: 0;margin-bottom: 24px;}
#addShop .tabList label{line-height: 40px; width: 156px}
#addShop .mdc-select{margin-bottom: 30px}
#addShop .textFieldContainer{width: 100%}

#alarm .dialogContentTxt h3{font-size: 20px; font-weight: 800}
#alarm .dialogContentTxt h3 img{width: 24px;  height: 24px; margin-right: 10px}
.alarmList, .notiList{margin-top: 30px;}
.alarmList h4,,.notiList h4{color: #898989; font-weight: 400; font-size: 15px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb;}
.alarmList li a, .notiList li a{display: flex; line-height: 56px}
.alarmList li p, .notiList li p{text-align: center; font-size: 15px;}
.alarmList li h5{width: calc(100% - 90px);padding: 0 30px; font-size: 15px; color: #333; font-weight: 500;}
.alarmList li .alarmCategory,.notiList li .alarmCategory{width: 65px; color: #333;}
.alarmList li .alarmDate,.notiList li .alarmDate{color: #9e9e9e;width: 75px; margin-top: 17px;}
.alarmList .beforeHead{ font-weight: 400;}


/*상점설정*/
.shopSettingList{}
.shopSettingList ul{border-top: 1px solid #dcdcdc}
.shopSettingList li a{border-bottom: 1px solid #dcdcdc;display: flex;justify-content: space-between;align-items: center}
.sslTit{padding: 24px 0 24px 7px}
.sslTit h3{font-size: 18px;}
.sslTit h3 span.light{font-size: 18px; font-weight: 400; margin-left: 15px;}
.sslTit h3 span.state{font-size: 12px; font-weight: 400}
.sslTit h3 span.state span{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #ffad00; margin-left: 12px; margin-right: 15px;}
.sslTit p{margin-top: 12px;font-size: 14px}
.sslBtn{padding: 0 18px}
.sslBtn button{color: #9e9e9e}
.sslBtn button.alarm{color: #ffad00}
.shopInfoCheck{margin-left: -45px;margin-right: 5px;margin-top: 3px}
.important{color: #df0101 !important}


/*=====================20210422========================*/

/*팝업 탬플릿*/
.smDialog .mdc-dialog__surface{width: 484px}
.smDialog .dialogContent{padding: 10px 10px 5px}
.smDialog .dialog__foot{padding: 0 20px 20px}
.smDialog .dialog__foot.center button{width: auto; min-width: auto}
.lgDialog .mdc-dialog__surface{width: 600px}
.lgDialog .dialogContent{padding: 20px 10px}
.lgDialog .dialog__foot{padding: 0 30px 30px}
.lgDialog .dialog__foot button{min-width: 120px}
.smDialog .dialog__foot .layer_close,
.lgDialog .dialog__foot .layer_close{margin-right: 5px}


/*=====================20210422이후 추가====================*/

/*기존 소스 수정*/
/*공통*/
.errorFont{
	color: #df0101 !important;
    font-weight: 800;
}
.successFont{
	color: #3cb878 !important;
    font-weight: 800;
}
.pdt0{padding-top: 0 !important;}

.textFieldAlert{
	visibility: hidden;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom:-8px;
	line-height:1.2;
	font-size: 14px;
	padding: 0 16px;
    color: #2b2b2b;
    font-weight: 400 !important
}
.textFieldAlert:not(#pwAlert){
	white-space: nowrap;
}
.textField.error + .textFieldAlert{
	visibility: visible;
	color: #df0101 !important;
    font-weight: 500 !important
}
.textFieldAlert.tip{visibility: visible;}

/*ie에서 데이트피커 아이콘 안보이는 부분 수정*/
.datePicker .textFieldContainer .tfInput:not(.time){
	padding-right: 36px;
	background: url(../../images/merchant/input_calendar.svg) no-repeat 110% 50%/auto 18px;
	background: url(../../images/merchant/input_calendar.svg) no-repeat calc(100% - 16px) 50%/18px auto;
	cursor:pointer;
}
.monthPicker .textFieldContainer .tfInput:not(.time){
	padding-right: 36px;
	background: url(../../images/merchant/input_calendar.svg) no-repeat 110% 50%/auto 18px;
	background: url(../../images/merchant/input_calendar.svg) no-repeat calc(100% - 16px) 50%/18px auto;
	cursor:pointer;
}

/*아코디언 레이아웃 수정*/
.accordion .accordionItem .aiTit{padding-left: 30px;}
.accordion .accordionItem .aiTit label{margin-left:0}
.accordion .accordionItem .aiTit .mdc-checkbox{margin-left: -11px;margin-right: 12px}
.tabList label{line-height: 40px; width: 156px !important;}
#addShop .tabList label{line-height: 48px !important;}
.tabList input:checked + label{background: #fff}
.title p{line-height: 1.76;}

/*팝업 폼 수정*/
.mdc-dialog .textFieldContainer:not(.notFlexGrow){
    flex-grow: 1
}
.mdc-dialog .tfWithBtn .textFieldContainer{
    width: calc(100% - 249px)
}
#escrowDetail .dialog__foot .mdc-button{padding: 0}
#writeQna .textFieldContainer.mdc-select{width: 100%}
.msgBox{padding: 0;margin-top: 18px}
.dialogContentTxt h3{font-weight: 800;font-size: 20px;height: 23px;}
.dialogContentTxt h4{font-weight: 500;font-size: 17px;height: auto;line-height: 1.59}
.dialogContentTxt.multiplLines h3{height: 56px}
.dialogContentTxt p{margin-top: 23px}
.dialogContentTxt p:first-child{margin-top: 0}
.dialogIcon img{ width:20px; margin-bottom: 21px }
.minDialogBtn .dialogForm{padding-bottom: 0}
#identification .dialogForm, #ChangeAccount2 .dialogForm{padding-bottom: 20px}
.tinyDialog .dialogContent.center{padding-top: 20px}

#addShop .dialogForm .asdNoti{margin-top: 0; border-top: 0;line-height: 1.67}
#addShop .dialog__foot{padding: 0 30px 30px;}
#addShop .dialog__foot button{width: 100%;}

#userInfo .dialogContent.center, #addShop .dialogContent.center{padding-top: 20px}

.mainSettingTit h4, .mainSettingTit h4, .mainSettingList h4{margin-left: 0}
.msCheck{margin-bottom: 28px}
#joinDialog .dialogContentTxt{border-bottom: 0; padding-bottom: 0}
#joinDialog .dialogContentTxt h3{font-size: 17px}
.joinCheckList, .updateCheckList{border: 0;padding: 0}
.kakaoCheckInput{margin-top: 14px}
#kakaoCheck .mdc-dialog__actions{padding: 8px}
#resetPw2 .textFieldSet label{width: 171px}
.joinCheckList li, .updateCheckList li{display: flex;align-items: flex-start;margin-left: -11px;width: calc(100% + 11px)}
.joinCheckList input, .updateCheckList input{display: inline-block}
.joinCheckList label, .updateCheckList label{margin-top: 7px;margin-left: 4px}

#ipRuleAdd .mdc-dialog__content{padding-bottom: 0}
#ipRuleAdd .textFieldSet.datePicker .textFieldContainer{width: 125px;flex-grow: initial}
#ipRuleAdd .textFieldSet.monthPicker .textFieldContainer{width: 125px;flex-grow: initial}

/*에스크로*/
.escrowTableTit{margin-bottom: 24px;}
.ettBtn p{font-size: 14px;color: #575656}
/* .noti{margin-top: -10px;} */

/*개발 정보*/
.chips{background: #fff}
.chips.fail{background: #f6f6f6}
#keyInfo .mdc-data-table__row:nth-child(even){border-top: 0}
.flexItem .dataTable{margin-top: 0}
.logDetail{height: 582px; overflow: auto}
.logDetailView{height: 582px; overflow: auto}
.whLogView{height: 582px; overflow: auto}
.devCodeContent pre{word-break: break-all}

/*기존 소스 수정 끝*/

/*결제 정보 페이지 검색 수정*/
.searchForm .mdc-button.minBtn{width: auto; padding: 0 16px}
.accordionItem .aiTit{min-height: 56px}
.accordionItem .detail{width: 100%}
.accordionItem.opened .detail{display: block !important}

/*상점 설정*/
.contractForm .contractFormTit h3{font-size: 22px;margin-bottom: 30px;padding-left: 18px}
.contractForm .contractFormTit h3 .mdc-switch{margin-left: 22px}

.aiTit label .grey{color: #9e9e9e; font-weight: 400;margin-left: 5px}
.aiTit label .mini{font-weight: 400;margin-left: 5px;font-size: 14px;}
.aiTit p{font-size: 17px;line-height: 1.76;padding: 8px 0}
.aiTit h4{font-size: 17px}
.aiTit .tooltip img{margin-bottom: 1px;margin-left: 7px}
.aiBtn .mdc-switch{margin-right: 20px}
.line2{background: #e1e1ec; height: 1px;margin: 16px 0 32px;margin: 32px 0}

.accordion.serviceSetting{width: 100%; max-width: 1130px}

.switchList1{display: flex;flex-flow: row wrap;margin-top: -30px}
.switchList1 li{margin-right: 30px; background: #fff; border-radius: 10px; border: 1px solid #e4e6e9;display: flex;align-items: center; justify-content: space-between;padding: 0 20px 0 30px;width: calc(20% - 24px);margin-top: 30px;/* flex-flow: row wrap */}
.switchList1 li:nth-child(5n+0){margin-right: 0}
.switchList1 h5{font-size: 17px;font-weight: 500}
.switchList1 p{width: 100%;font-size: 14px; color: #9e9e9e;margin-top: 6px}
.switchList1 li .mdc-switch{margin: 24px 0}

#easyPayInfo.switchList1 li{flex-flow: row wrap;padding: 20px;padding-left: 30px}
#easyPayInfo.switchList1 li h5{width: 0; flex-grow: 1;}
#easyPayInfo.switchList1 li .mdc-switch{margin: 0}

.switchList2 li{display: flex;margin-bottom: 24px;align-items: center}
.switchList2 li:last-child{margin-bottom: 0;}
.switchList2 li label{width: 120px; font-size: 17px}

/* @media screen and (max-width:1430px){
    .switchList1 li{padding-left: 20px}
    .switchList1 h5{font-size: 14px}
    .switchList1 p{font-size: 12px;margin-top: 4px;line-height: 1.4}

}@media screen and (max-width:1290px){
    .switchList1 .mdc-switch{width: 100%;margin: 10px 0;order: 3}
    .switchList1 h5{order: 1}
    .switchList1 p{order: 2}
} */
.contractManage{padding: 11px 0}
.contractManage li{height: 140px;position: relative;border-left: 2px solid #dcdcdc;padding-left: 35px;margin-left: 10px}
.contractManage li:last-child{border: 0;height: auto}
.contractManage li .cmDot{text-indent: -9999px;width: 13px; height: 13px;border-radius: 50%; background: #dcdcdc; position: absolute;top: 6px;left: -1px;transform: translate(-50%,-50%);text-align: center;font-weight: 800; color: #fff;line-height: 25px;}
.contractManage li .cmTit{transform: translateY(-7px)}
.contractManage li .cmTit h3{font-weight: 400; font-size: 17px; color: #5e5e5e;display: inline-block;line-height: 27px}
.contractManage li p{font-size: 14px; color: #5e5e5e;line-height: 1.71;}
.contractManage li .cmTit > span{margin-left: 5px;font-size: 17px;display: none}
.contractManage li .cmTit > .progressText{color: #5e5e5e;font-weight: 800}
.contractManage li .cmTit > .returnText{font-weight: 800;color: #df0101}
.contractManage li .cmTit > .returnText .underLine{text-decoration: underline; cursor: pointer;margin-left: 5px}
.contractManage li .cmTit > .completedText, .contractManage li .cmTit > .completedText a{color: #233976}
.chips.color{color: #fff; background: #233976;font-weight: 400;width: 110px;margin-left: 5px;margin-top: -1px}
.chips.color.outline{border-color: #233976; background: #fff; color: #233976}

.contractManage li:first-child .progressText{display: inline-block}

.contractManage li.completed + li .progressText{display: inline-block}
.contractManage li.completed + li .cmDot{width: 25px;height: 25px;text-indent: 0;background: #233976;}

.contractManage li.completed{border-color: #233976}
.contractManage li.completed .cmDot{text-indent: -9999px !important;width: 13px !important; height: 13px !important;}
.contractManage li.completed .progressText{display: none !important;}
.contractManage li.completed .completedText{display: inline-block}

.contractManage li.return h3{color: #2b2b2b; font-weight: 800}
.contractManage li.return .progressText{display: none !important}
.contractManage li.return .completedText{display: none !important}
.contractManage li.return .returnText{display: inline-block}

.textFieldSet.right .tfInput{text-align: right !important}

.cmRadioList{display: flex}
.cmRadioList li{display: flex;align-content: center}
.cmRadioList li input[type=radio]{display: none}
.cmRadioList li label{font-size: 15px;margin-left: 16px; margin-right: 33px;display: flex;align-items: center;width: auto;color: #777;font-weight: 400}
.cmRadioList li input[type=radio]:checked ~ label{color: #2a2b2c;}
.cmRadioList 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}
.cmRadioList li input[type=radio]:checked + label .radioIcon{background-image: url(../../images/merchant/radio_on.svg)}

.insuranceList{margin-bottom: 44px;}
.insuranceList li{line-height: 1.8; font-size: 15px; list-style: "• "}
.insuranceList li:last-child{margin-bottom: 0}
.insurancePost{line-height: 1.8; font-size: 15px;margin-bottom: 17px}
.insuranceInfo{display: flex;}
.insuranceInfo > div{border: 1px solid #dcdcdc; border-radius: 6px;width: 50%; max-width: 440px}
.insuranceInfo .iiBox1{background: #fdfdfd;margin-right: 30px;}
.iibTit{display: flex;justify-content: center;border-bottom: 1px solid #dcdcdc;}
.iibTit h5{font-size: 15px;font-weight: 500;line-height: 57px; width: 38%;text-align: center}
.iibTit h5:nth-child(2){width: 24%}
.iibTit h6{font-size: 14px;font-weight: 400;line-height: 57px}
.iibtxt{text-align: center;padding-top: 55px}
.iibtxt p{margin-bottom: 24px;}
.iibtxt h3{font-size: 22px; color: #233976;margin-bottom: 10px}
.iibtxt h4{font-size: 22px; font-weight: 500}
.iibList li{display: flex;width: 100%;border-bottom: 1px solid #eef0f1}
.iibList li:last-child{border: 0}
.iibList li span{width: 38%;display: block;text-align: center;line-height: 55px;font-size: 14px; color: #666}
.iibList li span:nth-child(2){width: 24%}

#invite .mdc-dialog__surface, #invite .mdc-dialog__content{overflow: visible}
.dialogFormSubTit{color: #2b2b2b; font-size: 17px; line-height: 1; margin: 24px 0;}

/*정산정보*/
.textFieldSet.tabs{width: auto}
.textFieldSet.tabs .tabList{padding: 0;margin: 0}
.textFieldSet.tabs .tabList label{height: 48px;margin-bottom: 0}
.searchForm .textFieldSet.yearSelect{width: 104px}
.searchForm .textFieldSet label{white-space: nowrap}
.searchForm .textFieldSet.yearSelect label{white-space: nowrap}
.searchForm .textFieldSet.yearSelect .mdc-select{}
.searchFormCheck{display: flex;align-content: center;margin-left: 13px;margin-bottom: 4px}
.searchFormCheck label{margin-left: 5px; line-height: 41px}
.cardPrice.flex{flex-flow: row wrap}
.cardPrice.left{margin-top: 20px;}
.cardPrice.left p{line-height: 40px}

.chAddBtn{display: flex; align-items: center;margin-bottom: 50px;padding-left: 7px}
.chAddBtn .mdc-button{padding-left: 12px}
.chAddBtn p{font-size: 12px; margin-left: 16px;}

.searchForm label span.comment{font-size: 14px; margin-left: 15px; font-weight: 400}
.cardPrice p span.cplCost{font-size: 16px; color: #575656; font-weight: 500;margin-right: 0; margin-left: 13px;line-height: 0}


/*이용 문의*/
.notice{background: #fff; border: 1px solid #e9e9e9;margin-bottom: 24px;border-radius: 6px}
.noticeList{display: flex; border-top: 1px solid #e9e9e9; align-items: center;line-height: 57px;padding: 0 30px;white-space: nowrap;}
.noticeList:first-child{border-top: 0}
.noticeTit{flex-grow: 1; font-size: 17px; font-weight: 400; height: 57px; text-overflow: ellipsis; overflow: hidden;cursor: pointer}
.newIcon{display: inline-block;width: 9px; height: 9px; border-radius: 50%; background: #ffad00;vertical-align: middle; margin-left: 4px;}
.newIcon:first-child{margin-right: 12px}
.noticeDate{font-size: 15px; color: #9e9e9e;margin-left: 22px}
.noticeBtn{margin-bottom: 24px}
.noticeCategory{color: #1d3c77; font-weight: 500; font-size: 17px;margin-right: 40px;}
.noticeEditer{font-size: 15px;margin-left: 22px; width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.noticeState{color: #9e9e9e;font-size: 15px; width: 190px; text-align: right}
.noticeState.ok{color: #233976; font-weight: 500}

.notice .noticeToggleBtn{line-height: 1;margin-left: 18px}
.notice .noticeToggleBtn .material-icons{transition: all 0.2s;}
.notice .noticeToggleBtn.open .material-icons{transform:rotate(180deg)}
.notice .noticeToggleBtn button{vertical-align: middle}
.notice .detail{width: 100%;background: #f6f6f6;display: none}
.notice .detail .noticeDetail{padding: 24px 99px 24px 99px;}
.notice .detail .noticeComment{padding: 24px 30px 30px 99px;border-top: 1px solid #e1e1ec}

.noticeDetail h5{font-size: 17px; font-weight: 400;margin-bottom: 14px;}
.noticeDetail pre{font-size: 15px;line-height: 1.67}

.comments .chips{margin-bottom: 14px;font-size: 15px;color: #9e9e9e;background: #f6f6f6}
.comments h3{font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.comments pre{font-size: 15px;line-height: 1.67;width: 100%}
.comments pre a{color: #283c75;text-decoration: underline;}
.comments pre a:hover{opacity: 0.8}
.comments > u{color: ;padding: 0 15px 15px;display: inline-block;padding: 10px 0}
.comments > u > span{vertical-align: middle;font-size: 18px; transform:rotate(45deg)}
.comments .commentDate{margin-top: 12px; font-size: 15px; color: #9e9e9e}
.comments .commentDate span{color: #2b2b2b}
.noticeComment > p{font-size: 15px;margin-top: 54px;}
.noticeComment > p a{margin-left: 12px; cursor: pointer;text-decoration: underline}
.addComment{display: flex;align-items: center;margin-top: 13px}
.addComment textarea{resize:none;outline: none;flex-grow: 1;max-width: 922px;margin-right: 16px;border: 1px solid #d3d3d3; border-radius: 10px; padding: 15px 17px;font-size: 15px;}
.addComment textarea:focus{border-color: #233976}
.addComment button{width: 120px}
.commentBottom{font-size: 14px; margin-top: 8px;padding-left: 0;display: flex;max-width: 910px;line-height: 14px;width: 100%;justify-content: space-between;padding: 0 16px}
.commentBottom > label{color:#df0101}
.commentBottom > span{color:#9e9e9e;display: block;}
.recomments{display: flex;align-items: flex-start;}
.recomments > div{padding: 8px 16px; background-color: #dcdcdc;border-radius: 10px}
.recomments > span{display: block;flex-grow: 1;width: 0}
.recomments > span pre{width: 100%; padding: 3px 15px 15px}
.recomments > span p{color: #9e9e9e;padding: 0 15px}

/* 에러메세지 노출 */
.addComment.error textarea{border-color:#df0101}

/*공지 상세*/
.ndTit{padding: 25px 31px;border-bottom: 1px solid #eef0f1;align-items: flex-end}
.ndTit h4{font-size: 18px;flex-grow: 1;line-height: 30px}
.ndTit p{font-size: 15px; color: #9e9e9e;white-space: nowrap;line-height: 30px}
.ndContent{padding: 36px;}
.ndContent pre{line-height: 1.67}

/*================210428추가================*/

/*기존 스타일 추가 및 수정*/
.newIcon:first-child{margin-left: -23px}
.noticeTit .newIcon{margin-left: 12px; margin-right: 0}

.contractComplited #apply_end{height: auto;margin-bottom: 47px}


/*데이트피커 수정*/
.drp-calendar.right .table-condensed thead th:first-child{display: none !important}

/*개발정보*/
.info .mdc-data-table{max-width: 100%;}
.info .mdc-data-table__table{width: 100%;}
.info table td:nth-child(2){text-overflow: ellipsis;overflow: hidden !important;padding-left: 23px}

/*아코디언*/
.allCheck{display: flex; align-items: center;margin-bottom: 16px;padding-left: 18px;}
.allCheck label{font-size: 17px; font-weight: 500;margin-left: 12px;line-height: 48px;}
.aiTit h4, .aiTit label{line-height: 48px}


/*================210429추가================*/
.currShop h3 a img{vertical-align: middle;margin-right: 12px}

.logDetail{height: 0;}
.log table td:nth-child(2){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: break-all;max-width: 250px}
.log table td:nth-child(3){max-width: 230px}

.tabContent1{display: block}
#alarm .tabList{padding: 0;margin-top: 30px;width: 100%}
#alarm .tabList label{width: 50% !important}
.alarmList li h5 span:first-child{margin-right: 5px}



/*=====================210503추가=====================*/
#accountPop{}
#accountPop .textFieldSet > span{line-height: 48px; margin-right: 10px;color: #2b2b2b}
#accountPop .textFieldSet .count{width: auto;margin-right: 0;color: #df0101}
#accountPop .textFieldSet > span + .textFieldContainer{max-width: 130px}

.accountMemo ol{padding-left: 20px;}
.accountMemo ol li{list-style: decimal;margin-top: 7px}
.accountEx{font-size: 24px;color: #233976;font-weight: 500;/* letter-spacing: -0.7px */}
.accountEx span{color: #2b2b2b;margin-left: 5px;border: 3px solid #df0101;line-height: 1;display: inline-block}


/*================210504추가==================*/
.logDetail{min-height: calc(100% - 24px)}
.flexItem{position: relative;padding-bottom: 40px}
.flexItem .pageBtnArea{position: absolute;bottom: 0;right: 0}
.flexItem .dataTable.log .mdc-data-table{min-height: 582px}
.devCodeContent pre{white-space: pre-wrap}

.ldTit h3 > span{line-height: 40px}

.dtPagination li button:disabled{background: #eee}


/*==================210512추가==================*/
#salesCheck .dialog__foot{padding-top: 15px}
#salesCheck .dialogForm{padding-top: 0;padding-bottom: 16px}
#salesCheck .textFieldSet label{width: 160px}
.mdc-dialog .tfWithBtn .textFieldContainer{width:0;}
#salesCheck .textFieldContainer{margin-bottom: 0}
#salesCheck hr{border-color: rgba(0,0,0,0); border-top-color: rgba(0,0,0,0.18);margin: 16px 0;width: 100%}
.receiptArea{background: #f6f6f6;border-radius: 20px;}
.receiptTit{line-height: 1;padding: 30px 30px 0;display: flex;justify-content: space-between;align-items: center}
.receiptTit h4{font-size: 18px; color: #2d2d2d;font-weight: 500;}
.receiptTit h4 img{width: 20px;vertical-align: top;margin-right: 4px;height: 20px;}
.receiptTit p{font-size: 15px}
.receiptArea dl{border-bottom: 1px dashed #d7d7d7;padding: 16px 30px 20px;display: flex;justify-content: space-between;flex-flow: row wrap;line-height: 1.87;font-size: 14px}
.receiptArea dl:last-child{border: 0;padding-bottom: 30px}
.receiptArea dt{width: 150px;color: #2b2b2b;}
.receiptArea dt.big{font-size: 28px;line-height: 1.5;font-weight: 800;margin-left: -2px}
.receiptArea dd{width: calc(100% - 150px);text-align: right;color: #575656}
.receiptArea dd.big{font-size: 28px;line-height: 1.5;color: #2b2b2b;font-weight: 800}
.receiptNoti{color: #575656;font-size: 13px;line-height: 1.3;margin-top: 16px}
.receiptNoti p{margin-bottom: 5px}
.receiptNoti p:last-child{margin: 0}


/*===================210513추가===================*/
/*우편번호 찾기*/
#findPost .dialogContentTxt p{font-size: 14px;line-height: 1.6;margin-top: 16px}
/* #findPost .dialog-cancel{background: #fff;z-index: 1} */
#findPost .dialogForm{padding-top: 25px;padding-bottom: 25px}
.searchNoti{margin-bottom: 15px}
.searchNoti ul{padding-left: 13px}
.searchNoti p, .searchNoti li{font-size: 14px;line-height: 1.6;list-style: "• ";color: #2b2b2b;}
.scrollArea{min-height:calc(100vh - 635px)}
.searchList{position: relative;padding-top: 40px;}
.searchList table{width: 100%;table-layout: fixed;border-spacing: 0;}
.searchListTh{border-radius: 10px 10px 0 0;overflow: hidden;position: absolute;top: 0;}
.searchListTh th{line-height: 40px;background: #f6f6f6;font-size: 14px;color: #2b2b2b;font-weight: 500;}
.searchList td{border-right: 1px solid #e4e6e9;text-align: center;border-bottom:1px solid #e4e6e9;padding: 0 10px}
.searchList th:last-child, .searchList td:last-child{border-right: 0}
.searchList td{font-size: 14px;line-height: 36px}
.searchList td.pointer{cursor: pointer;text-align: left;}
.searchList .dtPagination{margin-top: 20px}
#paging > div{display: inline-flex;border: 1px solid #eef0f1; border-radius: 6px; margin: 0 auto;overflow:hidden;margin: 20px auto 0 }
#paging a{display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #898989; background: #fff; font-size:12px;transition: all 0.1s;border-right: 1px solid #eef0f1; outline: none; cursor: pointer; }
#paging a:last-child{border: 0}
#paging a:focus, #paging a:hover{background: rgba(0,0,0,0.03)}
#paging a:active, #paging a.on{background-color: #233976 ;color: #fff;font-weight: 800;}

#findPost .dialog__foot{border-top: 0}





.shopList{display: block;position: absolute;width: 100%;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);border-radius: 0 0 10px 10px;}
.shopList ul{overflow: auto;max-height: 309px;}
.shopList li{padding: 18px 35px;border-bottom: 1px solid #dcdcdc;cursor: pointer}
.shopList li:hover{background: rgba(0,0,0,0.02)}
.shopList div{padding: 18px 35px;justify-content: space-between;display: flex;width: 100%;align-items: center; cursor: pointer;}
.shopList div label{display: block;font-weight: 500;color: #283c75;cursor: pointer;}
.shopList div label span{vertical-align: text-bottom;}
.shopList div button{min-width: 45px;padding: 0}

/* ib시트 스타일 수정 */
/* .mdc-dialog-scroll-lock .WHMVScroll div div{height: 0 !important;} */
.mdc-dialog-scroll-lock .WHMVScroll div div{height: 0}
.escrowTableTit + script + div{/* border: 1px solid rgba(0, 0, 0, 0.12); */ border-radius: 4px;overflow: hidden;box-sizing: content-box;box-shadow: 0px 0px 1px #000}
.escrowTableTit + script + div table{border:0 !important}
.WHMHeadMid .WHMHeaderRow td{padding: 16px !important;}
.WHMHeadMid .WHMHeaderRow td, .WHMHeadMid .WHMHeaderRow .WHMHeaderText{font-size: 0.875rem !important; color: rgba(0,  0,  0,  0.87) !important;font-weight: 400 !important; line-height: 1.375rem !important}
.GridMain1 .GridMain2 .WHMBodyMid .WHMDataRow td{font-size: 0.875rem !important; color: #999;font-weight: 400 !important;line-height: 1.375rem !important;height: 52px !important;padding: 0 10px}
.WHMCountFont{font-size: 13px !important; padding: 10px !important;color: #2a2b2c}
.WHMCellButton{text-shadow: none !important; font-weight: 500 !important;height: 40px !important; padding: 0 16px !important;font-size: 14px;background: #fff !important;box-shadow: none !important;border:1px solid #e2e2e2!important;border-radius: 10px!important;color:#2b2b2b!important}
.WHMCellButton:hover{background: rgba(0,0,0,0.04) !important;}
.WHMCellButton0{text-shadow: none !important; font-weight: 500 !important;height: 40px !important; padding: 0 16px !important;font-size: 14px;background: #fff !important;box-shadow: none !important;border:1px solid #e2e2e2!important;border-radius: 10px!important;color:#2b2b2b!important}
.WHMCellButton0:hover{background: rgba(0,0,0,0.04) !important;}
/* .WHMSection{min-width: 100% !important} */

.padding_bottom {padding-bottom: 20px;}

/*초대메일 안내 팝업*/
#sendInviteEmail .mdc-dialog__surface{overflow: visible;}
.receptionNoti{width: 100%;margin: 20px 0 10px;text-align: center;position: relative;}
.receptionNoti > a{text-decoration: underline;cursor: pointer;}
.receptionNotipop{width: 360px; padding: 24px 20px 20px; border-radius: 10px;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); background-color: #fcfcfc;
	font-size: 12px; font-weight: 500; line-height: 1.83;
	/* letter-spacing: -0.12px; */ color: #2a2b2c; position: absolute;
	top: 20px; left: 50%; display: none; text-align: left; display: none;}
.rnCloseBtn{position: absolute; top: 10px;right: 10px; width: 18px;height: 18px; min-width: auto !important;}
.rnCloseBtn img{width: 100%; height: 100%}


/* 알림 상세 */
.alarm{ background: #fff; border: 1px solid #e9e9e9;margin-bottom: 24px;border-radius: 6px;}
.alarmMoreList{ display: flex; border-top: 1px solid #e9e9e9; align-items: center;padding: 18px 30px;white-space: nowrap;}
.alarmMoreList:first-child{	border-top: 0;}
.alarmTit{flex-grow: 1; font-size: 17px; font-weight: 400; text-overflow: ellipsis; overflow: hidden;width: 100%;height: 20px;margin-bottom: 7px;}
.alarmDate{font-size: 15px; color: #9e9e9e;line-height: 1;}
.alarmCategory{color: #1d3c77; font-weight: 500; font-size: 17px;margin-right: 10px; width: 100px;}

#paging a{background-position: center !important; background-size: 65% 65% !important; background-repeat: no-repeat !important;}
#paging a.ll{background-image: url(/images/merchant/page_first.svg);}
#paging a.ll:active, #paging a.ll.on{background-image: url(/images/merchant/page_first_on.svg);}
#paging a.l{background-image: url(/images/merchant/page_left.svg);}
#paging a.l:active, #paging a.l.on{background-image: url(/images/merchant/page_left_on.svg);}
#paging a.r{background-image: url(/images/merchant/page_right.svg);}
#paging a.r:active, #paging a.r.on{background-image: url(/images/merchant/page_right_on.svg);}
#paging a.rr{background-image: url(/images/merchant/page_last.svg);}
#paging a.rr:active, #paging a.rr.on{background-image: url(/images/merchant/page_last_on.svg);}

/* 상점 추가 팝업 */
.add_shop_btn_div{margin-top:20px;text-align: left;}
.add_shop_btn_div button{width:100%;}
.add_shop_btn_div p{font-size: 15px;}

/* 로그인 이메일 안내 팝업 */
.guidePop{overflow: visible ;}

/* 로그인후 메인 화면 버튼들 */
#main_img{
	width:200px;
	height: 200px;
	margin: 0 auto 20px;
}
.btnDiv {
	max-width: 530px;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
    /* min-height: 65px;
    background: #f6f6f6; */
    border-radius: 10px;
    align-items: center;
    padding: 0 20px
}
.btnDiv span{
    
}

/* 푸터 */
footer{
	background: #f6f6f6;
	padding: 0 0 71px
}
.footNav{position: relative;}
.footNav ul{
	/* display: flex; */
}
.footNav li{display:inline-block;}
.footNav li a{
	display:inline-block;
	margin: 0 38px 20px 0;
	font-size: 14px;
	font-weight: 500;
	color:#555;
	line-height: 1;
	padding: 20px 0;
}

.footInfo p{
	font-size: 12px;
	color: #555;
	margin-bottom: 15px;
	line-height: 17px;
}
.footNav .toTop{width: 45px; height: 45px;}
.footNav .toTop img{width: 15px; height: 15px;}
.footInfo h4{margin-bottom: 20px;}
.footInfo address{
	font-size: 12px;
	color: #898989
}
.inner{padding: 0 20px 20px; background: #f6f6f6;}

/* 상점 리스트 테스트 문구 */
.shopInfo p{
	float: right;
    margin: -8px -26px 0 0;
    /* border: 1px solid #d7d7d7; */
    background: #f6f6f6;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    border-radius: 15px;
    color: #666;
    font-size: 12px;
}



/* 210716 추가 (전자계약 step1 테이블)*/
.accordion .accordionItem .detail table{
	text-align: center;
	border: 1px solid #dcdcdc;
	border-spacing: 0;
	background: #fff;
	width: 100%;
	border-bottom: 0;
	margin: 10px 0;
	table-layout: fixed;
	word-break: break-all;
}
.accordion .accordionItem .detail table th, .accordion .accordionItem .detail table td{
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 15px;
}
.accordion .accordionItem .detail table th.left, .accordion .accordionItem .detail table td.left{
	text-align: left;
}
.accordion .accordionItem .detail table th:first-child, .accordion .accordionItem .detail table td:first-child{
	border-left: 0
}

.updateAcctStr{
    width: 105px;
    margin-top: 13px;
}
.updateAcctStr a{
	text-decoration-line: underline !important;
    text-decoration-color: rgb(49,63,108) !important;
    color: rgb(49,63,108) !important;
}
.step4ToolTip{
	display: inline-block;
    margin-top: 17px;
    text-decoration-line: underline;
    cursor: pointer;
    margin-left: 15px;
}
.step4ToolTip .ttMemo{
	left: 180px !important;
}

.payExp1{
	font-weight: 700;
    color: royalblue;
    margin: 10px;
    font-size: x-large;
}
.payExp2{
	color: royalblue;
    margin: 10px;
    font-size: x-large;
}
.listInside{
	list-style: inside;
}
.accordion .accordionItem .detail ol li{
	white-space: normal;
	word-break:break-all
}
.notiList li h5 {
    width: 84%;
    padding: 0 30px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    display: flex;
    align-items: center;
    
}
.notiList li h5 span:first-child {
    height: 56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width:100%;
}
.remainAmtToolTip{
	width: 270px;
    padding: 17px 18px 16px 16px;
    border-radius: 10px;
    box-shadow: 0 0 18px 0 rgb(0 0 0 / 10%);
    background-color: #fcfcfc;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.83;
    color: #2a2b2c;
    position: absolute;
    bottom: -60px;
    left: 20px;
    display: none;
    z-index: 1;
}


/* 211207(전자계약 step2 ) 추가 수정 */

.labelWidth{
	width: 215px !important;
}
.personal p{
	line-height: 1.5;
}

.contractContiner{
	width: 1440px;
	background: #FFFFFF !important;
}