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


.highlight{
	font-size: 1.0rem;
	font-weight:700;
}


.img-mw100{
	max-width:100%;
}

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

.edit-text{
	font-size: 0.6rem;
    padding-left: 3pt;
}

.form-select{
	color:black;
}

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

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

.hide{
	display: none !important;
}

/*��ǰ�̹���*/
.goods-cirlce{
	margin-right: 1rem;
	margin-bottom: 1rem;
    width: 5rem;
    height: 5rem;
    /* position: relative; */
    border-radius: 10%;
}

.goods-cirlce-sm{
	margin-right: 0.6rem;
	margin-bottom: 0.6rem;
    width: 4rem;
    height: 4rem;
    /* position: relative; */
    border-radius: 10%;
}

.image-container {
  overflow: hidden;
  position: relative;
  margin: 0;
  height: 80vh;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  background-image: url('/assets/img/photos/ship1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  
}

.centered-image {
  width: 100%; /* �̹����� 100%�� �����Ͽ� �θ� �����̳ʿ� ���� */
  height: auto;
  object-fit: cover;
  object-position: center center; /* �߾� ��ġ */
}
    
.cursor {
	cursor:pointer;
}

.cursor-pointer {
	cursor:pointer;
}

.copyText {
	cursor:pointer;
	margin-right:0.3rem;
}

.boardChangeDtText{
	font-size:0.7rem;	
}

.radioLarge label{
	font-size:1.4rem;
}

#mainProcSttusList a{
	font-size:0.7rem;
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color:#999;
}

#mainProcSttusList ul{
	line-height: 1.7rem;
}

/* w-100 ���
.w100p{
    width:100%;
}
*/

/* justify-content-center ���
.space-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
*/


/**************************88
�׸�����
*************************8*/
.text-main{
 color:#3349A3	!important;
}


/**************************88
���ø� CSS ����
*************************8*/
.timeline{
    display: block !important;
}

.badge-lg{
	font-size: .8rem !important;
}

small, .small{
	font-size: .7rem !important;
}

.bold{
	font-weight:600;
}

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

.mobile-hide{
	display: block;
}

.w100p {
	width:100%;
}


/**************************88
�����
*************************8*/
@media screen and (max-width: 768px) {
	.card-header{padding:1.0rem;}
	.card-body{padding:1.0rem;}
	.modal-body{padding:1.1rem;}
	.modal-header{padding:0.5rem;}
	.modal-footer{padding:0.5rem;}
	
	/*�̿���*/
	#terms-conditions ul, #terms-conditions ol, #privacy-policy ul, #privacy-policy ol{
		padding-left:0.7rem !important;
	}
	#terms-conditions p, #privacy-policy p, #terms-conditions ol>li, #privacy-policy ol>li{
		font-size:0.8rem;
	}
	
	.table th, .table td{
		padding:0.5rem 0.3rem;
	}
	
	.mobile-hide{
		display: none;
	}
}

.invoiceGoodsDtl td{
	padding:5px;
}


.invoiceGoodsDtl div.form-floating{
	margin-bottom:0.2rem !important;
}