body{
font-family: 'Noto Sans KR';
}

.cloud-plan table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;

  font-family: "Noto Sans KR Regular";
}
.cloud-plan .type {
  text-align: start;
  background-color: #f4f4f4;
}
.cloud-plan th,
.cloud-plan td {
  font-size: 16px;
  border: 1px solid #ddd;
  padding: 1.5vw;
  text-align: center;
}
.cloud-plan th {
  font-weight: bold;
  font-family: "Noto Sans KR Regular";
  background-color: #d3e7fe;
  color: #0080c0; 
}

#pricingTable th{
   border: 1px solid #aaaaaa;
}

#pricingTable td{
   border: 1px solid #ddd;
}
#serviceTable{
  margin-top:50px;
}
#serviceTable th{
  font-weight: bold;
  font-family: "Noto Sans KR Regular";
  background-color: #ffe3c8;
  color: #8a4500;
  border: 1px solid #bcbcbc;
  width:50%;
}

#serviceTable td{
  border: 1px solid #ddd;
  width:50%;
}


.cloud-plan .total-row {
  text-align: right;
  padding: 10px;
  background-color: #f9f9f9;
}
.cloud-plan .bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin-bottom: 25vh;
  padding: 1vw;
}
.cloud-plan .total-price {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  gap: 3vw;
  font-family: "Noto Sans KR Regular";
}
.cloud-plan button {
  background-color: #0070a6;
  color: white;
  cursor: pointer;
  width: 10vw;
  height: 5vh;
  font-size: 18px;
  font-weight: 500;
  font-family: "Noto Sans KR Regular";
  border-radius: 0.3rem;
}
.cloud-plan h2 {
  font-weight: 700;
}
.cloud-plan button:hover {
  background-color: #00496c;
}

.cloud-plan button.submit_btn {
  background-color: #982c10; 
}

.cloud-plan button.submit_btn:hover {
  background-color: #641d0b; 
}

.cloud-plan button.close_btn {
  background-color: #272727; 
}

.cloud-plan button.close_btn_btn:hover {
  background-color: #000; 
}



.cloud-plan .payment {
  width: 100%;
  display: none;
  flex-direction: column;
}
.user-input {
  width: 30vw;
  height: 4vh;
}
.close-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.user-input-box {
  margin-top: 1.5vh;
  display: flex;
  border-radius: 0.5vw;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid rgb(228, 228, 228);
}
.user-input-box-title {
  padding: 0.7vw;
  border-radius: 0.5vw 0.5vw 0 0;

  background: #d9d9d9;
  font-family: "Noto Sans KR Regular";
  font-size: 15px;
}
.pick-payment-method {
  display: flex;
  gap: 1vw;
  padding: 0.7vw;
}
.user-input-box-info {
  display: flex;
  padding: 0.7vw;
  margin-top: 1vh;
  flex-direction: column;
}

.user-input-box-info .user-info {
  border-bottom: 1px solid rgb(211, 211, 211);
  margin-bottom: 1.4vh;
}
.user-input-box-info h3 {
  margin-bottom: 0.5vh;
  font-family: "Noto Sans KR Regular";
}

.request-total-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1vw;
  margin-top: 2vh;
  font-family: "Noto Sans KR Regular";
  height: 5vh;
}

.complete-payment {
  width: 100%;
  margin-top: 1.5vh;
  display: none;
  border-radius: 0.5vw;
  flex-direction: column;
  justify-content: flex-start;
}
.complete-modal {
  margin-top: 1.5vh;
  display: flex;
  border-radius: 0.5vw;
  padding: 1vw;
  flex-direction: column;
  justify-content: flex-start;
  border: 2px solid rgb(228, 228, 228);
}
.complete-modal h3 {
  border-bottom: 2px solid #d9d9d9;
  margin-top: 1vh;
  margin-bottom: 1vh;
  font-size: 18px;
  padding-bottom: 2vh;
  font-family: "Noto Sans KR Regular";
}
.complete-modal div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 2vh;
  border-radius: 0.5vw;
  padding: 3vw;
  background: #f4f4f4;
  gap: 1.5vh;
}

.complete-modal .backaccount-title {
  font-size: 18px;
  color: black;
  font-weight: bold;

  font-family: "Noto Sans KR Regular";
}
.complete-modal .backaccount {
  font-size: 16px;
  color: #707070;
  font-family: "Noto Sans KR Regular";
}
.complete-modal .final-price {
  font-size: 20px;
  font-weight: bold;
  color: #0085ff;
  font-family: "Noto Sans KR Regular";
}
.error-message {
  color: rgb(255, 103, 103);
  font-size: 12px;
  display: none; /* 기본적으로 숨김 */
}


.wp_btn{	 
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff; 
	font-size:15px;
	padding:7px 15px;
	line-height:100%;
	font-weight:700;
	text-decoration:none; 
	margin-left:5px;
	margin-right:5px; 
	text-align:center;

}


.wp_btn_small{	 
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff; 
	font-size:14px;
	padding:5px 7px;
	line-height:100%;
	font-weight:700;
	text-decoration:none; 
	margin-left:5px;
	margin-right:5px; 
	text-align:center;

}


.wp_btn_basic{	 
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff; 
	font-size:17px;
	padding:12px 35px;
	line-height:100%;
	font-weight:700;
	text-decoration:none; 
 
	margin:15px 10px;
	text-align:center;

}


.wp_btn:hover,
.wp_btn_small:hover,
.wp_btn_basic:hover{
   color:#fff;
   text-decoration:none; 
}



.blue_btn0{
   background-color:#2dabf9;
   border:1px solid #0b0e07;
}

.blue_btn{
   background-color:#0080ff;
   border:1px solid #005ebb;
}

.red_btn{
   background-color:#ca0000;
   border:1px solid #8c0000;
}

.organ_btn{
   background-color:#e37200;
   border:1px solid #bd5f00;
}

.green_btn{
   background-color:#006200;
   border:1px solid #004a00;
}

.syan_btn{
   background-color:#008b8b;
   border:1px solid #006060;
}

.black_btn{
   background-color:#2b2b2b;
   border:1px solid #000000;
}


.cloud_plan_title{
   font-size:30px;
   text-align:center;
   padding:20px 0;
   font-family: "Noto Sans KR", sans-serif;
   color:#202020;
   font-weight:bold;


}


 

.service_state0{
  color:#c40000;
  font-weight:bold;
}

.service_state1{
  color:#000000;
  font-weight:bold;
}

.service_state2{
  color:#ee7700;
  font-weight:bold;
}

.service_state3{
  color:#008000;
  font-weight:bold;
}

.service_state4{
  color:#b09203;
  font-weight:bold;
}

.service_state5{
  color:#420084;
  font-weight:bold;
}


.service_state6{
  color:#2e5a5a;
  font-weight:bold;
}



.data-pagination {
  display: flex;
}

.data-pagination ul {
  margin: auto;
  display: flex;
  padding-top: 40px;
}
data-pagination ul li {
  margin: 0 5px;
}
.data-pagination ul li.prev a,
.data-pagination ul li.next a {
  border: 1px solid #d6d6d6;
  background: #f1f2f6;
}
.data-pagination ul li.prev a.disabled,
.data-pagination ul li.next a.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
.data-pagination ul li.prev a:hover,
.data-pagination ul li.next a:hover {
  background: #d6d6d6;
  color: #333;
}
.data-pagination ul li.prev {
  margin-right: 14px;
}
.data-pagination ul li.next {
  margin-left: 14px;
}
.data-pagination ul li a {
  width: 35px;
  height: 35px;
  display: flex;
  font-size: 14px;
  font-family: "Open Sans Semi Bold", sans-serif;
  color: #333;
  cursor: pointer;
  border: 1px solid #e7e7e7;
}

.data-pagination ul li a i{
   color:#5f5f5f;
}

 

.data-pagination ul li a.selected {
  background-color: #227ef6;
  color: #fff;
  cursor: default;
  pointer-events: none;
}
.data-pagination ul li a:hover {
  background-color: #227ef6;
  color: #fff;
}
.data-pagination ul li a span {
  margin: auto;
  display: block;
}


.wp-form-control { 
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

  margin:5px;
}
.wp-form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.wp-form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.wp-form-control:-ms-input-placeholder {
  color: #999;
}
.wp-form-control::-webkit-input-placeholder {
  color: #999;
}
.wp-form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.wp-form-control[disabled],
.wp-form-control[readonly],
fieldset[disabled] .wp-form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.wp-form-control[disabled],
fieldset[disabled] .wp-form-control {
  cursor: not-allowed;
}
textarea.wp-form-control {
  height: auto;
}

.wp-form-inline{
  display:inline !important;
}



.serviceTb table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;

  font-family: "Noto Sans KR Regular";
}
.serviceTb .type {
  text-align: left;
  background-color: #f4f4f4;
  padding-left:10%;
}
.serviceTb th,
.serviceTb td {
  font-size: 15px;
  border: 1px solid #ddd;
  padding: 7px;
  text-align: center;
}

 


.serviceTb th {
  font-weight: bold;
  font-family: "Noto Sans KR Regular";
  background-color: #d3e7fe;
  color: #0080c0; 
}

.serviceTb table:nth-child(1) th{
   border: 1px solid #aaaaaa;
}

.serviceTb table:nth-child(1) td{
   border: 1px solid #ddd;
}


.serviceTb table:nth-child(2){
  margin-top:50px;
}
.serviceTb table:nth-child(2) th{
  font-weight: bold;
  font-family: "Noto Sans KR Regular";
  background-color: #ffe3c8;
  color: #8a4500;
  border: 1px solid #bcbcbc;
  width--:25%;
}

.serviceTb table:nth-child(2) td{
  border: 1px solid #ddd;
  width--:25%;
}


.manager .flex{
   display:flex;
   width:100%;
}

.manager .wp_item1{
  width:15%;
  font-size:16px; line-height: 150%;
  font-weight:600; 
  background-color:#f7f7f7;
  text-align:center;
  padding:15px 0;
  border:1px solid #e0e0e0; 

}

.manager .wp_content1{
  flex-grow:1;
  background-color-:yellow;
  border:1px solid #e0e0e0; 
  padding:3px 30px 3px 20px;

}

.manager .wp_content1 input{
   width:100%;
}


.manager .sub_title{
   font-size:21px;
   margin-top:30px;
   margin-bottom:7px;
   font-weight:700;
}

.manager .price_box{
   font-size:25px;
   text-align:center;
   padding:20px 0;
   color:#006da2;
   background-color:#ddeeff;
   font-weight:bold;
   border:2px solid #e8e8e8;
   border-radius:7px;
}


	.manager table.cs_table {
	  border-collapse: collapse;
	  width: 500px;
	  margin: 1rem auto;
	  background-color: white;
	  width:100%;
	}

	 
	.manager table.cs_table th, table.cs_table td {
	  padding: 8px 0;
	  text-align: left;
	  border : 1px solid #ddd;
	  text-align: center;		  
	  font-family: "Noto Sans KR", sans-serif;		  
	  

	}

	.manager table.cs_table th {
	  background-color: #0080c0;
	  color: #ddd;
	  font-size:16px;
	  font-weight:700;		  
	  padding:15px 0;
	}

	.manager table.cs_table td {
	  font-size:14px;
	  font-weight:normal;
	}


	 
	.manager table.cs_table tbody tr:hover {
	  background-color: #f2f2f2; 
	  opacity: 0.9;
	  cursor: pointer;
	}



	.manager table.cs_table tr:nth-child(even) {
	  background-color: #f4fcff;
	}
	 



	 .manager .manager_big_title{
	     font-size:30px;
		 margin-top:50px;
		 margin-bottom:20px;
		 text-align:center;
		 font-weight:bold;
		 color:#006b9f;
		 
		 border-bottom:3px solid #c7c7c7
	 
	 }


	 .manager .manager_big_title_mod{
	     font-size:37px;  
		 color:#d00000;
	 
	 }