/*border*/

	.border_left{

		border-left: 1px solid rgb(230,230,230);

	}

/*btn*/

	.btn_icon, .btn_icon_word{

		width: 3rem;

		height: 3rem;

		border-radius: 50%;

		font-size: 1.375rem;

		display: flex;

		justify-content: center;

		align-items: center;

		box-shadow: 0 1px .375rem rgba(0, 0, 0, 0.6);

		cursor: pointer;

		text-decoration: none;

	}

	a.btn_icon:hover ,.btn_icon_word:hover{

		text-decoration: none;

	}

	.btn_text,.btn_tab{

		white-space: nowrap;

		border-radius: 0.75rem;

		font-size: 1.05rem;

		padding: 0.5rem 1.5rem;

		display: flex;

		justify-content: center;

		align-items: center;

		box-shadow: .1px 3px 5px rgb(0 0 0 / .2);

		cursor: pointer;

		text-decoration: none;

		font-weight: 400;

	}

	a.btn_text:hover{

		text-decoration: none;

	}

	.icon_sm{

		width: 2.1rem;

		height: 2.1rem;

		font-size: 1.2rem;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);

	}

	.text_sm{

		font-size: 1rem;

		padding: 0.25rem 1rem;

	}

/*input*/

	.checkbox_control,.radio_control{

		position: relative;

		margin-bottom: .5rem;

		min-height: 36px;

		min-width: 36px;

	}

	.checkbox_control label,.radio_control label{

		margin-bottom: 0;

	}

	.checkbox_element,.radio_element{

		display: block;

		position: relative;

		-webkit-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

	}

	.checkbox_element input,.radio_element input{

		position: absolute;

		opacity: 0;

	}

	.checkbox_element_range,.radio_element_range{

		position: absolute;

		width: 36px;

		height: 36px;

		display: flex;

		justify-content: center;

		align-items: center;

	}

	.checkbox_label, .radio_label{

		padding-left: 2.5rem;

		display: flex;

		min-height: 36px;

		align-items: center;

	}

	.checkbox_control input:disabled ~ .checkbox_element,

	.checkbox_control .checkbox_label.disabled,

	.radio_style input:disabled,

	.radio_style .radio_label.disabled{

		cursor: default;   

	}

/*checkbox*/

	.checkbox_element input{

		opacity: 0;

		cursor: pointer;

	}

	.checkbox_element{

		height: 36px;

		width: 36px;

		cursor: pointer;

	}

	.checkbox_label{

		min-height: 36px;

		cursor: pointer;

	}

	.tickmark {

		position: absolute;

		z-index: 1;

		top: 8px;left: 8px;

		height: 20px;

		width: 20px;

		border-radius: 20%;

	}

	.tickmark:after {

		content: "";

		position: absolute;

		display: none;

	}

	input:checked ~ .checkbox_element .tickmark:after {

		display: block;

	}

	.checkbox_element .tickmark:after {

		left: 7px;

		top: 3px;

		width: 6px;

		height: 12px;

		border: solid white;

		border-width: 0 3px 3px 0;

		-webkit-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		transform: rotate(45deg);

	}

	.under_checkbox_collapse,.under_radio_collapse{

		padding-left: 2.5rem;

	}

/*radio*/

	.radio_element input{

		opacity: 0;

		cursor: pointer;

	}

	.radio_element{

		height: 36px;

		width: 36px;

		cursor: pointer;

	}

	.radio_label{

		min-height: 36px;

		cursor: pointer;

	}

	.radiomark {

		position: absolute;

		z-index: 1;

		top: 8px;left: 8px;

		height: 20px;

		width: 20px;

		border-radius: 50%;

	}

	.radiomark:after {

		content: "";

		position: absolute;

		display: none;

	}

	.radio_element input:checked ~ .radiomark:after {

		display: block;

	}

	.radio_element .radiomark:after {

		width: .9rem;

		height: .9rem;

		border-radius: 50%;

		background-color: rgb(99, 160, 204);

		border: 3px solid rgb(255, 255, 255);

		left: 50%;top: 50%;

		transform: translate(-50%, -50%);

	}

/*switch*/

	.switch_style{

		display: flex;

		align-items: center;

	}

	.switch_element {

		position: relative;

		display: inline-block;

		width: 36px;

		height: 20.4px;

	}

	.switch_element input {

		opacity: 0;

		width: 0;

		height: 0;

	}

	.switch_slip {

		position: absolute;

		cursor: pointer;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		background-color: #ccc;

		-webkit-transition: .4s;

		transition: .4s;

		border-radius: 34px;

	}

	.switch_slip:before {

		position: absolute;

		content: "";

		height: 15.6px;

		width: 15.6px;

		left: 2.4px;

		bottom: 2.4px;

		background-color: white;

		-webkit-transition: .4s;

		transition: .4s;

		border-radius: 50%;

	}

	input:checked + .switch_slip {

		background-color: rgb(99, 160, 204);

	}



	input:focus + .switch_slip {

		box-shadow: 0 0 1px rgb(99, 160, 204);

	}



	input:checked + .switch_slip:before {

		-webkit-transform: translateX(15.6px);

		-ms-transform: translateX(15.6px);

		transform: translateX(15.6px);

	}





/*list_table*/

	.list_table{

		border-collapse: separate;

		border-spacing: 0px .375rem;

	}

	.list_head .d-table-cell, .list_body .d-table-cell, .list_head td, .list_body td{

		padding: .25rem .5rem;

	}

	.list_body{

		/*filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.1));*/

		filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.2));

	}

	.list_body .d-table-cell:first-child, .list_body td:first-child{

		border-top-left-radius: .375rem;

		border-bottom-left-radius: .375rem;

	}

	.list_body .d-table-cell:last-child, .list_body td:last-child{

		border-top-right-radius: .375rem;

		border-bottom-right-radius: .375rem;

	}

/*list_row*/

	.list_container .list_body{

		filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.2));

		border-radius: .375rem;

		margin: .375rem 0;

	}

	.list_container .list_body [class*="col"]{

		padding-top: .25rem;

		padding-bottom:  .25rem;

	}

	.list_container .list_head{

		margin-right: 0;

		margin-left: 0;

	}

	.list_tool .btn_primary:not(:last-child){

		margin-right: .5rem;

	}

	.list_tool .btn_warn{

		margin-right: 2rem;

	}

/*list_2nd_table*/

	.list_2nd_body{

		background-color: rgb(255, 255, 255);

		border-radius: .375rem;

		margin-bottom: .25rem;

		padding: .5rem 0rem;

	}

	.list_tool_border{

		border-top: 1px solid rgb(230, 230, 230);

		padding-top: .25rem;

	}

	.list_2nd_body [class*="-cell"]{

		padding-top: .25rem;

		padding-bottom: .25rem;

	}

	.list_2nd_body .item_label, .item_label{

		color: rgb(170,170,170);

	}

	.list_tool{

		width: 100%;

	}

	@media(min-width: 768px){

		.list_tool_border{

			border-top: 0px solid rgb(230, 230, 230);

		}

	}

	

	



	@media(min-width: 992px){

		.list_2nd_table{

			border-collapse: separate;

		}

		.list_2nd_head{

			color: rgb(150, 150, 150);

			white-space: nowrap;

		}

		.list_2nd_head [class*="-cell"], .list_2nd_body [class*="-cell"], .list_2nd_head td, .list_2nd_body td{

			padding: .375rem .75rem;

		}

		.list_2nd_body{

			background-color: transparent;

			margin-bottom: 0;

		}

		.list_2nd_body:hover{

			background-color: rgba(255, 255, 255, .8);

			transition: .3s;

		}

		.list_2nd_body [class*="-cell"]{

			border-top: 1px solid rgb(220, 220, 220);

			height: 63.38px;

		}

		.list_2nd_table .operation_area{

			position: absolute;

			top: 0;

			right: 0;

			background-color: rgb(225 237 238);

			border-left: 1px solid rgb(220, 220, 220);

		}

		.list_2nd_table .operation_area .list_2nd_head {

			background-color: rgb(238 242 243);

		}

	}

/*tag*/

	.tag_frame{

		padding: .125rem .375rem;

		border-radius: .25rem;

		font-size: .85rem;

		width: auto;

		font-weight: 400;

	}

/*inputbox_inside_icon*/

	.inputbox_inside_icon{

		position: absolute;right: 0;top: 50%; 

		transform: translateY(-50%);

		width: 38px;height: 38px;

		display: flex;

		align-items:center; 

		justify-content:center;cursor: pointer;

	}

/*link*/

	.link{

		font-weight: bolder;

	}

	.link:hover{

		text-decoration: none;

	}

/*ratio*/

	.box_1to1{

		width: 100%;

	}

	.box_1to1:after{

		content: "";

		display: block;

		padding-bottom: 100%;

	}

	.box_16to9{

		width: 100%;

	}

	.box_16to9:after{

		content: "";

		display: block;

		padding-bottom: calc(100%*9/16);

	}

/*tab_pills*/

	.tab_pills{

		font-size: 1.05rem;

	}

	.tab_pills .nav-item:first-child{

		border-top-left-radius: .375rem;

		border-bottom-left-radius: .375rem;

	}

	.tab_pills .nav-item:last-child{

		border-top-right-radius: .375rem;

		border-bottom-right-radius: .375rem;

	}

/*item_5*/

	.form-row > [class*="object_"] {

		padding-right: 5px;

		padding-left: 5px;

	}

	.object_xxl_5{

		position: relative;

		width: 100%;

		padding-right: 15px;

		padding-left: 15px;

	}

	@media(min-width: 1400px){

		.object_xxl_5{

			-ms-flex: 0 0 20%;

			flex: 0 0 20%;

			max-width: 20%;

		}

	}

/*scrollbar*/

	.scrollbar_x{

		overflow-x: auto;

		scrollbar-width: thin;

	}

	.scrollbar_x::-webkit-scrollbar-track {

		border-radius: 10px;

		background-color: transparent;

	}



	.scrollbar_x::-webkit-scrollbar {

		background-color: transparent;

		height: 8px;

	}



	.scrollbar_x::-webkit-scrollbar-thumb {

		border-radius: 10px;

		background-color: rgb(190, 190, 190);

	}

	.scrollbar_y{

		overflow-y: auto;

		scrollbar-width: thin;

	}

	.scrollbar_y::-webkit-scrollbar-track {

		border-radius: 10px;

		background-color: transparent;

	}



	.scrollbar_y::-webkit-scrollbar {

		background-color: transparent;

		width: 8px;

	}



	.scrollbar_y::-webkit-scrollbar-thumb {

		border-radius: 10px;

		background-color: rgb(190, 190, 190);

	}

/*modal_style*/

	.modal_style{

		color: rgb(86, 86, 86);

	}

	.modal_style .modal-body{

		font-size: 1rem;

	}

	@media(min-width: 576px){

		.modal_style .modal-body{

			font-size: 1.05rem;

		}

	}

/*tool_area*/

	#tool_area{

		position: fixed;

		bottom: 0;

		z-index: 2;

		width: auto;

		padding: 0 15px;

		left: 0;

		right: 0;

	}

	@media(min-width: 576px){

		#tool_area{

			padding: 0 10%;

		}

	}

/*main_title*/

	.main_title{

		font-size: 1.25rem;

		font-weight: 500;

	}

	@media(min-width: 576px){

		.main_title{

			font-size: 1.375rem;

		}

	}

/*crew*/

	.crew_item:not(:first-child){

		border-top: 1px solid rgb(235, 235, 235);



	}

	.crew_item{

		padding: .375rem 0rem;	

	}

	.crew_image{

		width: 3rem;

		height: 3rem;

		border-radius: 50%;

		background-color: rgb(255, 255, 255);

		padding: 0.15rem;

	}

	.crew_image:not(:first-child){

		margin-left:-.25rem;

	}

	.crew_image_sm{

		width: 1.5rem;

		height: 1.5rem;

		border-radius: 50%;

	}

	.more_count{

		font-weight: bold;

		font-size: .5rem;

		background-color: rgb(250, 250, 250);

		border: 1px solid #dee2e6;

		height: 1.5rem;

		display: flex;

		align-items: center;

		padding: 0 .25rem;

		border-radius: .25rem;

		margin-left: -.25rem;

	}

/*pagination*/

	.pagination_style .page-item:first-child .page-link{

		border-top-left-radius: 0.75rem;

		border-bottom-left-radius: 0.75rem;

	}

	.pagination_style .page-item:last-child .page-link{

		border-top-right-radius: 0.75rem;

		border-bottom-right-radius: 0.75rem;

	}

	.pagination_style .page-link{

		color: rgb(74, 188, 181);

		font-weight: bold;

	}

	.pagination_style .page-link:hover{

		color: rgb(84, 199, 192);

		background-color: rgb(250, 250, 250);

	}

	.pagination_style .page-link:focus {

		box-shadow: none;

	}

	.pagination_style .page-link:active{

		background-color: rgb(245, 245, 245);

	}

	.pagination_style .page-item.active .page-link, .pagination_style .page-item.active .page-link:hover{

		background-color: rgb(84, 199, 192);

		border-color: rgb(84, 199, 192);

		color: rgb(255, 255, 255);

	}

/*progress step*/

	.progress_step{

		counter-reset: step;

		flex-wrap: nowrap;

		overflow-x: auto;

		padding-left: 0;

	}

	.progress_step li {

		list-style-type: none;

		float:left;

		position:relative;

		text-align: center;

		font-weight: 400;

		white-space: nowrap;

		margin: 0 .25rem;

	}

	.progress_step li:before{

		content: counter(step);

		counter-increment: step;

		width: 45px;

		height: 45px;

		border-radius: 50%;

		border: 3px solid rgb(200,200,200);

		background-color: rgb(255,255,255);

		color: rgb(100,100,100);

		display: block;

		display: flex;

		align-items: center;

		justify-content: center;

		margin:auto;

		margin-bottom: .25rem;

	}

	.progress_step li:after{

		content: "";

		position: absolute;

		width: 80%;

		height: 3px;

		background-color: rgb(200,200,200);

		left: -42%;

		top: 21px;

		z-index: -1;

		border-radius: .125rem;

	}

	.progress_step li:first-child:after{

		content: none;

	}

	.progress_step li.active:before{

		border-color: rgb(45, 89, 132);

		background-color: rgb(45, 89, 132);

		color: rgb(255, 255, 255);

	}

	.progress_step li.active{

		color: rgb(45, 89, 132);

	}

/*pill_tab_style*/

	.pill_tab_style li .nav-link{

		padding: 0.125rem 0.5rem;

		border: 1px solid rgb(46, 161, 154);

		border-radius: 0.25rem;

		font-size: 1rem;

		color: rgb(46, 161, 154);

		font-weight: 400;

		cursor: pointer;

	}

	.pill_tab_style li .nav-link:hover{

		background-color: rgba(46, 161, 154, .1);

	}

	.pill_tab_style li .nav-link.active{

		background-color: rgb(46, 161, 154);

	}