:root {
  --black: rgb(0 0 0);
  --dark-navy: rgb(26 28 60);
  --navy: rgb(45 54 77);
  --navy-bg: rgb(86 94 115);
  --gray: rgb(167 167 167);
  --white: rgb(255 255 255);
  --yellow: rgb(255 181 0);
  --light-yellow: rgb(255 209 98);
}

@keyframes rotate {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-20%);
  }

  50% {
    transform: translateY(-40%);
  }

  75% {
    transform: translateY(-60%);
  }

  100% {
    transform: translateY(-80%);
  }
}

.intro {
  text-align: center;
}

.type {
  font-size: 24px;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}

.type_list {
  animation: rotate 14s infinite;
  list-style: none;
}

#navbar {
	margin : 0;
  	color : white;
}

.mainImg {
	margin : auto;
	text-align : center;
}

#contact_details {
	color : white;
	padding : 10px;
	background-color : #444;
}

.text-center a {
	background-color : transparent;
    border : none;
  	border-radius : 10px;
}

.주문하기 {
	font-size : 38px;
	font-family: 'Dongle', sans-serif;
	text-align : center;
	width : 100%;
    height : 40px;
  	padding : 10px;
  	margin-bottom : 0px;
}

.주문하기p {
    font-size : 20px;
	font-family: 'Dongle', sans-serif;
	text-align : center;
  	margin : 0px;
}

.검색하기 {
	width : 100%;
}

.서비스가격표Btn {
	width : 80%;
  	margin-bottom : 15px;
    border-radius: 6px;
    border: solid 1px rgba(0,0,0,.15);
    background-color: #03c75a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}

.addfundForm {
	text-align : center;
}

.methodCustomLabel {
	font-size : 15px;
  	text-align : center;
  	margin : 10px;
}

.충전하기 {
	width : 100%;
	text-align : center;
  	display: block;
    padding: 10px 0 10px;
    border-radius: 6px;
    border: solid 1px rgba(0,0,0,.15);
    background-color: #fee500;
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    color: black;
}

.login창 {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding : 10px;
    box-sizing: border-box;
    padding: 24px 24px 0 24px;
}
.login창id, .login창pw {
	position: relative;
    display: block;
    height: 100%;
    border: 1px solid #dadada;
    padding: 17px 18px 17px 19px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: left;
}

.login버튼 {
	display: block;
    width: 100%;
    padding: 17px 0 15px;
    border-radius: 6px;
    border: solid 1px rgba(0,0,0,.15);
    background-color: #fee500;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
    color: black;
}

.test로그인 {
	display: block;
    width: 100%;
    margin-bottom : 10px;
    padding: 10px;
    border-radius: 6px;
    border: solid 1px rgba(0,0,0,.15);
    background-color: #fee500;
    font-size: 15px;
    font-weight: 400;
    color: black;
}

.loginBox {
	display : flex;
  	justify-content: space-between;
}

.package_details {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    font-size: 10px;
    opacity: 1;
    text-align : center;
}
.package_heading {
	padding: 3px;
    font-weight: bold;
    color: #000;
}
.package_body {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 8px;
    color: #FFF;
}
.package_body img {
	width : 30px;
    height : 30px;
}
@media (min-width: 768px){
.package_details {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    font-size: 12px;
    opacity: 1;
    text-align : center;
}
.package_heading {
	padding: 10px;
    font-weight: bold;
    color: #000;
}
.package_body img {
	width : 50px;
    height : 50px;
}
}

.계좌번호복사 {
	border: solid 1px rgba(0,0,0,.15);
    background-color: #fee500;
    text-align: center;
}

/* .tpt {
	font-family: 'Dongle', sans-serif;
    font-size: 20px;
    font-weight: bolder;
} */


/* 문의하기 */
/*.sketchy {
	margin-top: 10px;
    padding: 5px;
    display: inline-block;
    border: 3px solid #f9f9f929;
    font-size: 12px;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3ch;
    background: #ffffff00;
    position: relative;
} */
    
.serviceAllButton {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-39 1 511 511.99897' xmlns='http://www.w3.org/2000/svg' fill='rgb(26,28,60)'%3E%3Cdefs/%3E%3Cpath d='M396.367188 369.371094c-20.109376-12.152344-48.074219-22.054688-80.933594-28.683594-22.523438-29.804688-58.25-49.101562-98.402344-49.101562s-75.878906 19.300781-98.402344 49.101562c-32.820312 6.625-60.757812 16.507812-80.863281 28.644531-2.296875 1.386719-4.445313 2.78125-6.476563 4.183594V210.027344l154.289063-78.820313c5.148437-2.628906 8.390625-7.925781 8.390625-13.707031s-3.242188-11.078125-8.390625-13.707031L31.289062 24.972656v-9.578125C31.289062 6.890625 24.394531 0 15.894531 0S.5 6.890625.5 15.394531v405c0 .097657.011719.191407.015625.289063C.507812 421.023438.5 421.359375.5 421.691406c0 26.851563 24.519531 50.773438 69.046875 67.355469C109.285156 503.847656 161.664062 512 217.03125 512c31.320312 0 64.132812-2.898438 92.390625-8.164062 77.734375-14.472657 124.144531-45.183594 124.144531-82.144532 0-13.613281-6.453125-33.738281-37.199218-52.320312zm6.410156 52.320312c0 3.476563-1.605469 7.300782-4.746094 11.277344-13.730469-11.992188-33.550781-22.308594-58.3125-30.285156-.878906-8.914063-2.714844-17.550782-5.398438-25.8125 45.046876 12.789062 68.457032 31.183594 68.457032 44.820312zm-64.121094 13.167969c13.710938 5.011719 25.171875 10.796875 33.773438 17.015625-11.59375 5.933594-26.414063 11.558594-44.304688 16.261719 5.058594-10.535157 8.621094-21.746094 10.53125-33.277344zM99.746094 376.867188c-2.6875 8.265624-4.523438 16.910156-5.402344 25.832031-24.761719 7.980469-44.699219 18.347656-58.421875 30.375-3.019531-3.890625-4.632813-7.734375-4.632813-11.382813-.003906-13.644531 23.40625-32.035156 68.457032-44.824218zM144.738281 117.5L31.289062 175.457031V59.542969zM61.496094 452.019531c8.648437-6.277343 20.171875-12.105469 33.878906-17.128906 1.90625 11.59375 5.457031 22.804687 10.535156 33.332031-9.0625-2.371094-17.632812-5.050781-25.617187-8.023437-6.894531-2.570313-13.179688-5.320313-18.796875-8.179688zm86.757812 24.554688c-15.300781-17.03125-23.726562-38.859375-23.726562-61.695313 0-51.007812 41.496094-92.503906 92.503906-92.503906s92.503906 41.496094 92.503906 92.503906c0 21.027344-7.304687 41.636719-20.570312 58.035156-.859375 1.0625-1.539063 2.210938-2.070313 3.402344-22.210937 3.140625-46.835937 4.898438-69.863281 4.898438-23.90625 0-47.125-1.59375-68.777344-4.640625zm0 0'/%3E%3Cpath d='M254.625 413.472656c-.558594-.042968-1.085938-.242187-1.535156-.574218-.394532-.296876-.707032-.6875-.910156-1.132813-3.507813-7.746094-12.628907-11.183594-20.375-7.675781-7.742188 3.507812-11.179688 12.628906-7.671876 20.375 2.335938 5.160156 5.96875 9.683594 10.503907 13.078125 5.164062 3.867187 11.292969 6.160156 17.730469 6.632812.382812.027344.765624.042969 1.144531.042969 7.988281 0 14.738281-6.171875 15.335937-14.265625.625-8.480469-5.742187-15.855469-14.222656-16.480469zm0 0M203.050781 376.625c-.558593-.039062-1.089843-.238281-1.53125-.570312-.398437-.296876-.710937-.6875-.914062-1.132813-3.507813-7.746094-12.625-11.183594-20.375-7.675781-7.742188 3.503906-11.179688 12.625-7.671875 20.371094 2.335937 5.160156 5.964844 9.683593 10.503906 13.082031 5.164062 3.867187 11.296875 6.160156 17.726562 6.632812.386719.027344.765626.042969 1.148438.042969 7.988281 0 14.738281-6.171875 15.335938-14.265625.625-8.480469-5.746094-15.859375-14.222657-16.484375zm0 0M255.039062 358.859375c-.558593-.039063-1.089843-.238281-1.535156-.574219-.394531-.292968-.707031-.6875-.910156-1.132812-3.507812-7.746094-12.628906-11.179688-20.375-7.675782-7.742188 3.507813-11.179688 12.628907-7.671875 20.375 2.335937 5.160157 5.96875 9.683594 10.503906 13.078126 5.164063 3.867187 11.292969 6.160156 17.726563 6.632812.386718.027344.765625.042969 1.144531.042969 7.988281 0 14.742187-6.171875 15.335937-14.265625.625-8.480469-5.742187-15.855469-14.21875-16.480469zm0 0'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 609.629 609.629' xmlns='http://www.w3.org/2000/svg' fill='rgb(26,28,60)' %3E%3Cdefs/%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M579.142 419.214V354.96c.034-9.059-3.988-17.659-10.963-23.44l-47.967-40.042c-5.481-4.551-12.383-7.039-19.508-7.031h-5.69l-54.185-162.566h16.389c16.834 0 30.481-13.647 30.481-30.481s-13.647-30.481-30.481-30.481H101.604c-22.446 0-40.642 18.196-40.642 40.642 0 11.223 9.098 20.321 20.321 20.321h10.16v81.283h-20.32c-16.834 0-30.481 13.647-30.481 30.481v83.153c-12.135 4.29-20.267 15.741-20.321 28.612v12.03C8.186 361.729.053 373.18 0 386.051v60.962c0 16.834 13.647 30.481 30.481 30.481 0 39.28 31.843 71.123 71.123 71.123s71.123-31.843 71.123-71.123h294.651c-.041 33.771 23.671 62.914 56.744 69.741s66.388-10.545 79.722-41.571 3.011-67.152-24.702-86.45zm-104.52-131.719c-9.312 4.468-15.72 13.356-17.019 23.603l-82.543-82.533 18.218-18.218c3.85-3.987 3.795-10.324-.124-14.243s-10.256-3.974-14.243-.124l-50.802 50.802c-2.641 2.551-3.701 6.329-2.771 9.881s3.704 6.327 7.256 7.256c3.552.93 7.33-.129 9.881-2.771l18.218-18.218 96.524 96.524v46.595c0 11.223-9.098 20.321-20.321 20.321h-81.283c-11.223 0-20.321-9.098-20.321-20.321v-60.962c0-22.446-18.196-40.642-40.642-40.642h-81.283c-5.611 0-10.16-4.549-10.16-10.16v-60.962c0-16.834-13.647-30.481-30.481-30.481h-20.321V121.88H419.42zm-261.254 17.273h81.283c11.223 0 20.321 9.098 20.321 20.321v18.492l-162.566-27.098V203.164h20.321c5.611 0 10.16 4.549 10.16 10.16v60.962c0 16.835 13.647 30.482 30.481 30.482zM81.283 101.56c0-11.223 9.098-20.321 20.321-20.321h355.613c5.611 0 10.16 4.549 10.16 10.16s-4.549 10.16-10.16 10.16H81.283zm50.802 20.321v193.047h-20.321V121.881zM60.962 233.645c0-5.611 4.549-10.16 10.16-10.16h20.321v20.321H60.962zm0 30.481h30.481v50.802H60.962zm-20.32 81.283c0-5.611 4.549-10.16 10.16-10.16h90.6l173.57 28.927v21.875c.042 7.156 1.992 14.17 5.649 20.321H202.395c-14.788-.024-28.494-7.757-36.161-20.402-5.531-9.3-13.411-16.982-22.851-22.272-9.395-5.322-20.008-8.122-30.806-8.128H40.642zm60.962 182.887c-28.057 0-50.802-22.745-50.802-50.802s22.745-50.802 50.802-50.802 50.802 22.745 50.802 50.802c-.034 28.043-22.759 50.768-50.802 50.802zm368.822-71.123H169.678c-9.078-30.003-36.729-50.524-68.075-50.524s-58.996 20.522-68.075 50.524H30.48c-5.611 0-10.16-4.549-10.16-10.16v-60.962c0-5.611 4.549-10.16 10.16-10.16h82.096c7.293.009 14.46 1.899 20.808 5.487 6.359 3.556 11.668 8.725 15.393 14.987 11.35 18.778 31.675 30.274 53.616 30.329h234.502c22.446 0 40.642-18.196 40.642-40.642v-71.123c0-5.611 4.549-10.16 10.16-10.16h13.005c2.367 0 4.66.819 6.492 2.317l48.008 40.073c2.326 1.918 3.656 4.788 3.617 7.803v54.46c-18.055-5.412-37.521-3.419-54.104 5.539-16.582 8.957-28.919 24.145-34.289 42.212zm68.074 71.123c-28.057 0-50.802-22.745-50.802-50.802s22.745-50.802 50.802-50.802 50.802 22.745 50.802 50.802c-.034 28.043-22.759 50.768-50.802 50.802z'/%3E%3Cpath d='M538.5 447.013c-16.834 0-30.481 13.647-30.481 30.481s13.647 30.481 30.481 30.481 30.481-13.647 30.481-30.481-13.647-30.481-30.481-30.481zm0 40.641c-5.611 0-10.16-4.549-10.16-10.16s4.549-10.16 10.16-10.16 10.16 4.549 10.16 10.16-4.549 10.16-10.16 10.16zM101.604 447.013c-16.834 0-30.481 13.647-30.481 30.481s13.647 30.481 30.481 30.481 30.481-13.647 30.481-30.481-13.647-30.481-30.481-30.481zm0 40.641c-5.611 0-10.16-4.549-10.16-10.16s4.549-10.16 10.16-10.16 10.16 4.549 10.16 10.16-4.549 10.16-10.16 10.16z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(0% - 100px), calc(100% - 12px);
  background-color: var(--light-yellow);
  color: var(--dark-navy);
  cursor: pointer;
  display: block;
  position: relative;
  border: 2px solid var(--light-yellow);
  border-radius: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px 24px 12px 12px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  letter-spacing: 0.08em;
  text-shadow: 0 0 1px rgb(0 0 0 / 20%), 0 1px 0 rgb(0 0 0 / 20%);
  white-space: nowrap;
  transition: background-position 2s ease;
  text-decoration : none;
}
.serviceAllButton:hover {
	background-position: calc(25% - 30px), calc(100% + 100px);
    text-decoration : none;
    color : black;
}
    
/* 네비게이션 메뉴 a 태그 호버 시 색상 및 배경 변화 없애기 */
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: inherit !important;           /* 기존 텍스트 색상을 유지 */
  background-color: transparent !important; /* 배경색 제거 */
  text-decoration: none !important;    /* 밑줄 등 효과 없애기 */
}
    
.login-links {
  display: flex;
  justify-content: flex-end;  /* 오른쪽 정렬 */
  gap: 12px;                   /* 링크 사이 간격 */
  margin-bottom: 12px;         /* 버튼 위 여백 */
}
.login-links a {
  display: inline-block;
  text-decoration: none;
}