/* Add here all your CSS customizations */
@charset "UTF-8";


.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
   
}

.form-check{
    padding-right:1rem;
}

.height-fix-500{
    height: 500px;
    overflow-y: auto;
}

.form-check-input{
	border-color:rgb(96, 105, 123);
}

.input-readonly{
    background-color: var(--bs-pale-ash)!important;
}

.space-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#mainList ul.list li a, #mainList ul.list li i{
	color:#999;
}

.list-none{
	list-style: none;
	padding-left:0.5rem;
}

/**
¸ÞÀÎÈ­¸é »ö»ó
¹è°æ  FAB03C
¹è°æ °¥»ö 61553F
±ÛÀÚ»ö»ó 61543e

**/
/*
.btn-primary{
    background-color: #FAB03C;
    border-color: #FAB03C;
}
*/
.wbKeep {word-break: keep-all;}

.floating { position: fixed; right: 50%; top: 180px; margin-right: -850px; text-align:center; width: 120px; }

.link-cursor{
	cursor:pointer;
}

.copyText{
	cursor:pointer;
}

/**
padding ¹× width Á¶Àý
**/
.w5p{	width:5% !important;  }
.w10p{	width:10% !important;  }
.w15p{	width:15% !important;  }
.w20p{	width:20% !important;  }
.w24p{	width:24% !important;  }
.w25p{	width:25% !important;  }
.w30p{	width:30% !important;  }
.w40p{	width:40% !important;  }
.w50p{	width:50% !important;  }
.w60p{	width:60% !important;  }
.w70p{	width:70% !important;  }
.w80p{	width:80% !important;  }
.w90p{	width:90% !important;  }
.w100p{	width:100% !important;  }

.w100{	width:100px !important;  }
.w120{	width:120px !important;  }
.w140{	width:140px !important;  }
.w150{	width:150px !important;  }
.w160{	width:160px !important;  }
.w170{	width:170px !important;  }
.w180{	width:180px !important;  }
.w200{	width:200px !important;  }

.hide{ display:none !important;  }

.fs07{ font-size:0.7rem !important;}
.fs08{ font-size:0.8rem !important;}
.fs10{ font-size:1rem !important;}
.fs12{ font-size:1.2rem !important;}
.fs15{ font-size:1.5rem !important;}

.fw900{font-weight: 900;}
.fw700{font-weight: 700;}
.fw600{font-weight: 600;}
.fw500{font-weight: 500;}

.mxh-150{max-height: 150px;}

img.mxhw-150{
	width:100%;
	max-height: 150px;
	max-width: 150px;
}

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

.introduceImg{
	width:100%;
	max-width:800px;
}

.headerModeClass{
	font-size: 1.1rem;
    font-weight: 700;
    color: black;
}

.headerNotModeClass{
	/*font-size: 1.2rem;*/
    font-weight: 600;
    color: darkgray;
}

/*modal*/
.modal-header, .modal-body, .modal-footer {
	padding:0.75rem !important;
}

.btn-close > span{
	display: none;
}


ul, ol{
	line-height:1.7rem;
	padding-left:1rem;
}

#guideArea a, #mberConfirmArea a{
	font-size:0.8rem;
}

/**
½Ã½ºÅÛ »ö»ó ¹Ý¿µ
**/

.borderbox{
	max-height:300px;
	overflow: auto;
	border: 1px solid lightgray;
	padding:1rem 2rem;
}

.swal2-title{font-size:1.5rem;}
.swal2-text{font-size:1.3rem;}

.modal-body{
	margin-bottom:1.5rem;
}

.uploadImgList img {
	width: 100%;		
	max-width:100px;
	max-height:150px;
}

#mainList ul.list li a strong{
	float:right;
}


.badge-lg{
	font-size:0.7rem;
}


.pagination li.active a.page-link{
	background-color: #fef3e4;
}

.goods-image-circle{
	margin-right: 1rem;
    width: 5rem;
}

.strong{
	font-weight: 600;
}


.guide-side-widget ul{
	line-height:1.3rem;
}

.goods-image-circle img{
	max-width: 100px !important;
	max-height: 100px !important;
}
/*
.ck-editor__editable[role="textbox"] {
    height: 200px;
}
*/

/**
¸ð¹ÙÀÏ
**/
@media screen and (max-width: 768px) {

	ul, ol{
		line-height:1.5rem;
	}
	.youtube{
		width:325px;
	}
	
	.mow100p{
		width:100%;
	}
	
	.card-body{
		padding:0.75rem;
	}
	
	.uploadImgList img {
		width: 100%;		
		max-width:80px;
		max-height:120px;
	}
	
	.m-small{
		font-size:0.7rem;
	}
	
	div, span, p, li{
		font-size:0.8rem;
	}
	
	.lead{
		font-size:0.85rem;
	}
}