/* 공통 */
:root {
  --primary: rgba(198,115,61,1); /* 메인색상 */
  --primary-01: #e5803e;  /* 메인색상-01 */
  --primary-lt: #f8e5d9; /* 메인 연한색상 , 보더 색상*/
  --primary-ltlt: #fbf5f1; /* 메인 연한 배경 */
}


.at {
  padding: 0 4.1667vw;
  padding-bottom: 13.3333vw;
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.at-container {
  padding: 0 4.1667vw;
  padding-bottom: 8.3333vw;
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.at-container.v2 {
	background:#fff;
	height: calc(100vh - 17.7778vh);
}
.flex {
  display: flex;
  align-items: normal;
  justify-content: normal;
}
.flex-c {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-sp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-r {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fz12 {
  font-size: 3.3333vw;
}
.fz14 {
  font-size: 3.8889vw;
}
.fz16 {
  font-size: 4.4444vw;
}
.fz18 {
  font-size: 5vw;
}
.p5 {
  padding: 1.9444vw;
  box-sizing: border-box;
}
.p10 {
  padding: 1.6667vw 2.7778vw;
  box-sizing: border-box;
}
.p15 {
  padding: 4.1667vw;
  box-sizing: border-box;
}
.pt20 {
  padding-top: 5.5556vw;
}
.pt30 {
  padding-top: 8.3333vw;
}
.pb20 {
  padding-bottom: 5.5556vw;
}
.pb30 {
  padding-bottom: 8.3333vw;
}
.ptb15 {
  padding: 4.1667vw 0;
}
.plr15 {
  padding: 0 4.1667vw;
  box-sizing: border-box;
}
.mt5 {
  margin-top: 1.3889vw;
}
.mt10 {
  margin-top: 2.7778vw;
}
.mt15 {
  margin-top: 4.1667vw;
}
.mt20 {
  margin-top: 5.5556vw;
}
.mt30 {
  margin-top: 8.3333vw;
}
.mb5 {
  margin-bottom: 1.3889vw;
}
.mb10 {
  margin-bottom: 2.7778vw;
}
.mb15 {
  margin-bottom: 4.1667vw;
}
.mb20 {
  margin-bottom: 5.5556vw;
}
.mb30 {
  margin-bottom: 8.3333vw;
}
.mtb15 {
  margin: 4.1667vw 0;
}
.ml10 {
	margin-left:10px;
}
.db {
  display: block;
}
.bd {
  border: 0.2778vw solid #ddd;
}
.coc {
  color: #fff;
}
.por {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
}
.pol {
  position: absolute;
  top: 50%;
  left: 4.1667vw;
  transform: translateY(-50%);
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.bgf {
  background: #fff;
}
.m0a {
  display: block;
  margin: 0 auto;
}
.w100 {
  width: 100%;
}
.w50 {
  width: 50%;
}
.w40 {
  width: 40%;
}
.w30 {
  width: 30%;
}
.w20 {
  width: 20%;
}
.w15 {
  width: 15%;
}
.w10 {
  width: 10%;
}
.pd {
  padding-top: 33.3333vw;
  padding-bottom: 16.6667vw;
}
.pdm {
  padding-top: 37.5vw;
  padding-bottom: 16.6667vw;
}
.pdm.v2 {
	padding-top:28.5vw;
}
.pdm2 {
  padding-top: 63px;
  padding-bottom: 16.6667vw;
}
.pds {
  padding-top: 19.4444vw;
  padding-bottom: 16.6667vw;
}
.pdt {
  padding-top: 33.3333vw;
}
.pdb {
  padding-bottom: 16.6667vw;
}
.spd {
  padding-top: 19.4444vw;
  padding-bottom: 19.4444vw;
}
.none {display:none;}
.vh100 {height:100vh;}
button {
  background: inherit;
  border: 0;
}

.blue{color:var(--primary);}



/* 헤더 */
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}
.header_wrap2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}
.header {
  padding: 2.7778vw 4.1667vw 2.7778vw;
  box-sizing: border-box;
  background: #f5f5f5;
  width: 100%;
}
.header_w {
  padding: 5vw;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  filter: blur(1.3889vw);
}
.header_wrap2 button {
  position: absolute;
  top: 6.6667vw;
  left: 4.1667vw;
  transform: translateY(-50%);
}
.header_wrap2 button img {
}

.header_wrap .top_txt {
	width:100%;
	background:#cc6b7f;
	text-align:center;
	color:#fff;
	height:38px;
	font-size:18px;
	box-sizing:border-box;
	padding-top:8px;
}
.header_wrap .top_txt span  {
	color:#fde44a;
	font-weight:bolder;
}
.header_wrap .top_txt img  {
	width:20px;
}



.header_wrap .wish_list {
	display:flex;
	justify-content: space-between;
	background:#fff;
	width:100%;

}
.header_wrap .wish_list li {
	flex: 1 1 auto;
	border-bottom:1px solid var(--primary-lt);
	text-align:center;
	font-size:3.8889vw;
}

.header_wrap .wish_list li a {
	display:block;
	padding:3.125vw 0;
	color:#5a5d62;
	margin-bottom:-1px;
	 box-sizing: border-box;
}
.header_wrap .wish_list li.cnt a {
	border-bottom:2px solid var(--primary);
}

.sub_header {
  position:relative;
  padding: 5.5556vw 4.1667vw;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
}
.sub_header .btn_back {
	position:absolute; left:4.1667vw; top:6vw;
}
.sub_header h1 {
  text-align: center;
  font-weight: 500;
  font-size: 5.5556vw;
}
.sub_header .back_btn {
  position: absolute;
  top: 50%;
  left: 4.1667vw;
  transform: translateY(-50%);
}
.sub_header .back_btn.v2 {
  left:initial;
  right: 4.1667vw;
}
.sub_header .del_go {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
}
.sub_header .ok_btn {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
  background: var(--primary);
  color: #fff;
  font-size: 3.3333vw;
  padding: 1.1111vw 1.9444vw;
  box-sizing: border-box;
  border-radius: 5.5556vw;
}
.header .logo img {
}
.header .bell {
  position: relative;
}
.header .bell img {
}
.header .bell .bdot {
  width: 2.2222vw;
  height: 2.2222vw;
  display: block;
  border-radius: 100%;
  background: #a61019;
  position: absolute;
  top: 0;
  right: 0;
}
.menu {
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  padding: 0 8px;
  gap: 0 8px;
  padding-bottom: 9px;
  padding-top: 9px;
}
.menu::-webkit-scrollbar {
  display: none;
}
.menu li {
  width: 25%;
  position: relative;
}
.menu li > a {
  position: relative;
  display: block;
}
.menu li a::after {
  content: "";
  display: block;
  clear: both;
}
.menu li a {
  display: block;
  padding: 1.7778vw 5px;
  box-sizing: border-box;
  font-size: 3.3333vw;
  width: 100%;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
}
.menu li.on a {
  display: block;
  font-size: 3.3333vw;
}
.menu li span {
  font-size: 2.2222vw;
  display: block;
}
.main .banner {
  padding: 26.1111vw 8.3333vw 2.7778vw 8.3333vw;
  box-sizing: border-box;
  background: url("../img/ban.png") no-repeat center center;
  background-size: cover;
}
.main .banner h1 {
  color: #fff;
  font-size: 6.6667vw;
  font-weight: 400;
}
ul.menu a > img {
  width: 35px;
  float: right;
}
.menu li a p {
  font-weight: bold;
  color: #4e4e4e;
}
.menu li a span {
  color: #4e4e4e;
}
.main .banner_teacher {}

.main .banner_teacher .swiper-slide {
  overflow: hidden;
}
.main .banner_teacher .swiper-slide a {
  padding: 0 4.1667vw 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 2.7778vw;
  position: relative;
}
.main .banner_teacher .swiper-slide a .img {
  width: 33%;
  position: relative;
}
.main .banner_teacher .swiper-slide a .img .pray {
  background: #444444;
  color: #fff;
  padding: 0.8333vw;
  border-radius: 1.9444vw;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3.3333vw;
}
.main .banner_teacher .swiper-slide a .img img {
  width: 31vw;
  height: 38vw;
  object-fit: cover;
  border-radius: 2.7778vw;
}
.main .banner_teacher .swiper-slide a .info {
  width: 60%;
  position: relative;
  overflow: hidden;
}
.main .banner_teacher .swiper-slide a .info .i1 {
  font-size: 4.7222vw;
  font-weight: 500;
}
.main .banner_teacher .swiper-slide a .info .i1 span {
  font-weight: 400;
  color: #ab9c29;
  margin-left: 1.6667vw;
  font-size: 3.8889vw;
}
.main .banner_teacher .swiper-slide a .info .i1 span.i1_1 {
  font-weight: 400;
  color: #a61019;
  margin-left: 1.6667vw;
  font-size: 3.8889vw;
}
.main .banner_teacher .swiper-slide a .info .i1 span.i1_2 {
  font-weight: 400;
  color: #a61019;
  margin-left: 1.6667vw;
  font-size: 3.8889vw;
}
.main .banner_teacher .swiper-slide a .info .i2 {
  display: block;
  color: #7e7e7e;
  margin: 2.7778vw 0 0;
  font-size: 3.8889vw;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main .banner_teacher .swiper-slide a .info .i3 {
  display: inline;
  font-weight: 500;
  font-size: 4.7222vw;
  width: 50%;
}
.main .banner_teacher .swiper-slide a .info .i4 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 3.3333vw;
}
.main .banner_teacher .swiper-slide a .info .i4 img {
}
.main .banner_teacher .swiper-slide a .info .i5 {
  display: inline;
  font-weight: 500;
  font-size: 3.7222vw;
  text-decoration: line-through;
  color: red;
}

.main .banner_teacher .tag_area {
  margin: 2.2222vw 0;
}
.main .banner_teacher .tag_area .tag_wrap {
  width: 200%;
}
.main .banner_teacher .tag_area .tag_wrap .tag {
  padding: 1.1111vw 1.9444vw;
  border: 0.2778vw solid #dddddd;
  border-radius: 6.6667vw;
  display: inline-block;
  margin-right: 0.5556vw;
}
.main .banner_teacher .tag_area .tag_wrap .tag:last-of-type {
  margin-right: 0;
}
.main .banner_teacher .tag_area .tag_wrap .tag.swiper-slide {
  width: auto;
}

.ban1 img {
  width: 100%;
}
.ban2 img {
  width: 100%;
}

.main_menu {
  margin-top: 50px;
  margin-bottom: 4.1667vw;
  gap: 0 5px;
  display:none;
}
.main_menu li {
  width: 18%;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
  padding: 1px;
}
.main_menu li a {
}
.main_menu li a img {
  margin: 0 auto;
  width: 50px;
  display: flex;
}
.main_menu li a span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}


.main_link_area {
	padding:0 2vw;
	margin-top:2vw;
	overflow:hidden;
}
.main_link_area .main_banner_wrap {
	position:relative;
}
.main_link_area .main_banner {
	width:100%;
}
.main_link_area .main_banner {
	position:relative;
	border:1px solid #e7e8ec;
	border-radius:2vw;
	overflow:hidden;
}
.main_link_area .main_banner img {
	width:100%;object-fit:cover;
}

.main_link_area .main_banner_wrap .swiper-pagination0 {
	text-align:center;
	margin-top:1.75vw;
}

.main_link_area .main_banner_wrap .swiper-pagination0 .swiper-pagination-bullet-active {
	background:#7e7e7e !important;
}

.main_link_area .sub_banner {
	display:flex; 
	justify-content: space-between;
	gap:2vw;
	margin:10px 0;
}
.main_link_area .sub_banner img{
	width:100%;
	height:103px;
	object-fit:cover;
}
.main_link_area .sub_banner .new_bnr {
	width:100%;
	position:relative;
	overflow:hidden;
}
.main_link_area .sub_banner .new_bnr .frame {
	position:relative;
	width:100%;
	border:1px solid #e5e5e5;
	border-radius:1.3vw;
	box-sizing: border-box;
	overflow:hidden;
}
.main_link_area .sub_banner .frame .tit {
	position:absolute;
	left:1.8333vw;
	top:1.8333vw;
	z-index:2;
	color:#fff;
	font-size:5vw;
	font-weight:800;
}

.main_link_area .sub_banner .top_bnr {
	width:100%;
	overflow:hidden;
	text-align:center;
}
.main_link_area .sub_banner .top_bnr .frame {
	position:relative;
	border:1px solid #e5e5e5;
	border-radius:1.3vw;
	box-sizing: border-box;
	overflow:hidden;
}

.main_link_area .sub_banner .new_bnr .swiper-pagination {
	position:relative;
	margin-top:3.75vw;
}
.main_link_area .sub_banner .top_bnr .swiper-pagination2 {
	position:relative;
	margin-top:3.75vw;
}

.main_link_area .sub_banner .swiper-pagination .swiper-pagination-bullet-active {
	background:#7e7e7e !important;
}
.main_link_area .sub_banner .swiper-pagination2 .swiper-pagination-bullet-active {
	background:#7e7e7e !important;
}

.main_link_area .sub_banner img {
	width:100%;
}
.main_link_area .link_list {
	display:flex; 
	justify-content: space-between;
	gap:2vw;
}
.main_link_area .link_list li {
	width:100%;
	height:88px;
	border:1px solid #e5e5e5;
	border-radius:1.5vw;
	box-sizing: border-box;
	font-size:12px;
	text-align:center;
} 
.main_link_area .link_list li a {
	color:#35363a;
	display:block;	
	padding-top:10px;
	height:88px;
	box-sizing:border-box;
}
.main_link_area .link_list li a span {
	display:block;
	text-align:center;
	margin-top:5px;
}

.main_link_area .link_list li img {
	width:67px;
	height:46px;
}

.main .wish_list_area {
	width:100%;
	margin-top:25px;
	padding-bottom:0vw;
}

.main .wish_list_area .tit {
	box-sizing: border-box;
	border-bottom:1px solid var(--primary-lt);
	color:var(--primary);
	font-size:4.7222vw;
	font-weight:bold;
}
.main .wish_list_area .tit span {
	display:inline-block;
	border-bottom:2px solid var(--primary);
	padding:0 7vw 7px 5vw;
}



.wish_list_area .tabs {
	box-sizing: border-box;
	border-bottom:1px solid var(--primary-lt);
	color:#333;
	font-size:4.7222vw;
	font-weight:bold;
}

.wish_list_area .tabs li a span {
	display:inline-block;
	padding:0 7vw 7px 5vw;
}
.wish_list_area .tabs li.cnt a {
	color:var(--primary);
}
.wish_list_area .tabs li.cnt a span{
	border-bottom:2px solid var(--primary);
}



.wish_list_area .tabs:after {display: block;clear: both; content:"";}
.wish_list_area .tabs li {float:left;}
.wish_list_area .tabs li.cnt {}
.wish_list_area .tabContent { display: none; }
.wish_list_area .tabContent.active { display: block; }


.index_menu {
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  padding: 0 8px;
  gap: 0 8px;
}
.index_menu li {
  width: 25%;
}
.index_menu li a {
  background-color: #9db7f7;
  display: block;
  padding: 2.7778vw 0;
  box-sizing: border-box;
  font-size: 3.3333vw;
  width: 100%;
  border-radius: 5px;
}
.index_menu li a span {
  font-size: 2.2222vw;
  display: block;
}
.index_menu li a p {
  color: #fff;
  font-weight: bold;
  font-family: ;
}
.index_menu li a span {
  color: #fff;
}
.footer {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.footer.v2 {
  box-shadow:none;
}
.main {padding-bottom:25vw;}
.footer.v2 ul {box-shadow: 0 -10px 10px -10px #ececec;}
.footer ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8.3333vw;
  box-sizing: border-box;
}
.footer ul li {
	width:100%;
}
.footer ul li a {
  display: block;
  padding: 3.3333vw 0;
  text-align:center;
}
.footer ul li a img {
  width:8.533vw;
}
.footer ul li a p {
	margin-top:2px;
}

.footer .f_logo {
	width:57px;
}

.alrm_list {
}
.alrm_list li {
  font-size: 4.1667vw;
  padding: 3.7778vw 0;
  box-sizing: border-box;
}
.alrm_list li .alrm_txt{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-bottom:10px;
}

.alrm_list li .alrm_date{
	display:block;
	font-size:3.1667vw;
	color:#7e7e7e
}

span.no_con {
  display: block;
  text-align: center;
  font-size: 4.1667vw;
  font-weight: 500;
  color: #7e7e7e;
  padding: 27.7778vw 0;
}

.sub {
}
.sub .sub_select {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 1.7778vw;
  padding:5.1667vw 4.1667vw 4.1667vw 4.1667vw;
  box-sizing: border-box;
  background: #f5f5f5;
}
.sub .sub_select select {
  padding: 1.9444vw;
  box-sizing: border-box;
  background: #fff;
  border: 0;
  width: 30%;
  border:1px solid #ddd;
  border-radius:2.1667vw;
  color:#a3a3a3;
  appearance:none;
  background: #fff url("../img/arr_b.gif") no-repeat 90% 50%;
}
.sub .rank_list {
  background: #fff;
  
}
.sub.v2 .rank_list {padding-bottom:0;}
.sub .rank_list ul {
}
.sub .rank_list ul li {
	position:relative;
}
.sub .rank_list > ul > li:after{
	content:'';
	display:inline-block;
	width:calc(100% - 8.3334vw);
	height:1px;
	margin:0 4.1667vw;
	background:#eee;
	box-sizing:border-box;
}
.sub .rank_list ul li a {
  padding: 4.1667vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 2.7778vw;
  position: relative;
}
.sub .rank_list ul li a .img {
  width: 33%;
  position: relative;
}
.sub .rank_list ul li a .img .type_tit {
	position:absolute; left:0; top:0;
	color:#fff; 
	background:var(--primary);
	border-radius:1.7778vw 0 1.7778vw 0;
	padding:5px;
	max-width:25.4vw;
}
.sub .rank_list ul li a .img .pray {
  background: #444444;
  color: #fff;
  padding: 0.8333vw;
  border-radius: 1.9444vw;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3.3333vw;
}
.sub .rank_list ul li a .img img {
  width: 28vw;
  height: 28vw;
  object-fit: cover;
  border-radius: 2.7778vw;
}
.sub .rank_list ul li a .info {
  width: 60%;
  position: relative;
  overflow: hidden;
}
.sub .rank_list ul li a .info .i1 {
  font-size: 4.7222vw;
  font-weight: 500;
}

.sub .rank_list ul li a .info .i1 b.counsel_no {
	display:inline-block;
	font-size: 3.8889vw;
	color:#999;
	border:1px solid #999;
	border-radius:5px;
	padding:3px 10px;
	margin-top:3px;
	width:65%;
	text-align:center;
}
.sub .rank_list ul li a .info .i1 b.counsel_ok {
	display:inline-block;
	color:var(--primary);
	font-size: 3.8889vw;
	border:1px solid var(--primary);
	border-radius:3px;
	padding:3px 10px;
	margin-top:3px;
	width:65%;
	text-align:center;
}
.sub .rank_list ul li a .info .i1 span {
  font-weight: 400;
  color: #ab9c29;
  margin-left: 1.6667vw;
  font-size: 3.8889vw;
}
.sub .rank_list ul li a .info .i1 span.i1_1 {
  font-weight: 400;
  color: #a61019;
  margin-left: 1.6667vw;
  font-size: 3.8889vw;
}
.sub .rank_list ul li a .info .i1 span.i1_2 {
  font-weight: 400;
  color: #a61019;
  margin-left: 1.6667vw;
  font-size: 3.8889vw;
}
.sub .rank_list ul li a .info .i2 {
  display: block;
  color: #7e7e7e;
  margin: 2.7778vw 0 0;
  font-size: 3.8889vw;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sub .rank_list ul li a .info .i3 {
  display: inline;
  font-weight: 500;
  font-size: 3.5222vw;
  width: 50%;
}
.sub .rank_list ul li a .info .i4 {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 3.3333vw;
}
.sub .rank_list ul li a .info .pay_method {
  font-size: 3.3333vw;
}
.sub .rank_list ul li a .info .pay_method.now {
	margin-right:5px;
}
.sub .rank_list ul li a .info .pay_method.now i {
	display:inline-block;
	background:var(--primary);
	color:#fff;
	font-style:normal;
	padding:3px 4px;
	border-radius:5px;
	font-size: 2.8vw;
	margin-right:5px;
}
.sub .rank_list ul li a .info .pay_method.later i {
	display:inline-block;
	background:#a3a3a3;
	color:#fff;
	font-style:normal;
	padding:3px 4px;
	border-radius:5px;
	font-size: 2.8vw;
	margin-right:5px;
}

.sub .rank_list ul li a .info .i4 .local_txt {
	display:inline-block;
	vertical-align:text-bottom;
	text-align:right;
	width:12vw;
	box-sizing:border-box;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sub .rank_list ul li a .info .i4 img {
}
.sub .rank_list ul li a .info .i5 {
  display: inline;
  font-weight: 500;
  font-size: 3.5222vw;
  text-decoration: line-through;
  color: red;
}

.sub .rank_list .tag_area {
  margin: 2.2222vw 0;
}
.sub .rank_list .tag_area .tag_wrap {
  width: 200%;
}
.sub .rank_list .tag_area .tag_wrap .tag {
  padding: 1.1111vw 1.9444vw;
  border: 0.2778vw solid #dddddd;
  border-radius: 6.6667vw;
  display: inline-block;
  margin-right: 0.5556vw;
}

.sub.v2 .rank_list .tag_area .tag_wrap .tag {
	background:#f6f7f9;
	color:#6f7074;
	border:none;
}
.sub .rank_list .tag_area .tag_wrap .tag:last-of-type {
  margin-right: 0;
}
.sub .rank_list .tag_area .tag_wrap .tag.swiper-slide {
  width: auto;
}

.search_no {
  display: block;
  /*padding: 27.7778vw 0;*/
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.search_no img {
  display: block;
  margin: 0 auto;
}
.search_no b {
  font-size: 4.4444vw;
  display: block;
  text-align: center;
  margin-top: 2.7778vw;
  color: #cccccc;
}
.login {
}
.login .logo_area{
	text-align:center;
	padding:54px 0 14px 0;
}
.login .logo_area img {
	width:150px;
}

.login .login_box{
	border-radius: 1.67vw;
	margin-bottom:25px;
	box-shadow:0 0 5px #ececec;
}
.login h1 {
  display: block;
  font-size: 6.6667vw;
  font-weight: 500;
  margin-bottom: 8.3333vw;
}
.login .log_btn {
  display: block;
}
.login .log_btn button {
  display: block;
  width: 100%;
  position: relative;
  padding: 4.1667vw;
  box-sizing: border-box;
  border-radius: 1.3889vw;
  margin-bottom: 4.1667vw;
}
.login .log_btn button.log1 {
  background: #fee500;
  color: #191600;
}
.login .log_btn button.log2 {
  background: #01c73c;
  color: #fff;
}
.login .log_btn button.log3 {
  background: #f2f2f2;
  color: #333;
}
.login .log_btn button.log4 {
  background: #272727;
  color: #fff;
}
.login .log_btn button.log5 {
  background: #fff;
  color: #222222;
  border: 1px solid #d1d1d1;
}
.login .log_btn button img {
  position: absolute;
  top: 50%;
  left: 4.1667vw;
  transform: translateY(-50%);
}

.view {
}
.view.v2 {
	padding-top:17.5vw;
}
.view .v_ban {
  display: block;
  position: relative;
}
.view .v_ban .back_w {
  position: absolute;
  top: 4.1667vw;
  left: 4.1667vw;
}
.view .v_ban img {
  display: block;
  width: 100%;
}
.view .v_ban .vb_btn {
  position: absolute;
  left: 4.1667vw;
  bottom: 2.7778vw;
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 2.7778vw;
}
.view .v_ban .vb_btn button {
  padding: 2.7778vw 4.1667vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 1.6667vw;
  font-size: 4.1667vw;
  background: #fff;
  border-radius: 1.3889vw;
}
.view .v_ban .vb_btn button img {
  width: 4.4444vw;
}
.view .v_ban .vb_btn button:first-child img {
  width: 4.4444vw;
  padding-top: 1.3889vw;
}
.view .v_info {
  display: block;
  padding: 3.3333vw 0;
  position: relative;
}
.view .v_info h1 {
  font-size: 5.5556vw;
  font-weight: 600;
  display: block;
  margin-bottom: 1.3889vw;
}

.view .v_info h1 .cs_code{
  color: var(--primary);
}

.view .v_info h1 .cs_code:before{
	content:'';
	display:inline-block;
	width:2px;
	height:5vw;
	background:#ddd;
	vertical-align:middle;
	margin:0 2vw;
}

.view .v_info h2 {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 0.8333vw;
  font-size: 3.8889vw;
  font-weight: 500;
}
.view .v_info h2 img {
}
.view .v_info h3 {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
 /* font-size: 5.5556vw;*/
  font-weight: 500;
  text-align:right;
}

.view .v_info h3 p{
	font-size:4.5556vw;
}

.view .v_info h3 p:first-child{
	margin-bottom:1.2vw;
}

.view .v_info h3 span{
	font-size:3.3333vw;
	color:#999;
}

.view .v_info h3 span.time{
	font-size: 2.93333vw;
    color: #666;
    display: inline-block;
    background: #f5f5f5;
    border-radius: 1.33333vw;
    padding: 1.33333vw;
    margin-left: 1.6vw;
	vertical-align:middle;
}

.view .v_info h4 {
  position: absolute;
  top: 75%;
  right: 4.1667vw;
  transform: translateY(-75%);
  font-size: 5.5556vw;
  font-weight: 500;
}
.view .v_info h5 {
  position: absolute;
  top: 25%;
  right: 4.1667vw;
  transform: translateY(-25%);
  font-size: 4.5556vw;
  font-weight: 500;
  color: red;
  text-decoration: line-through;
}
.view .v_info2 {
  padding: 2.7778vw 0;
  border-top: 0.2778vw solid #ddd;
}
.view .v_info2 b {
  font-size: 4.1667vw;
  font-weight: 500;
}
.view .v_info2 p {
  font-size: 4.1667vw;
  font-weight: 400;
  white-space: pre-line;
  margin-top: 2.7778vw;
}

.view .intro_wrap {
  margin-top: 2.7778vw;
}
.view .intro_wrap .intro_txt {
  margin-bottom: 4.4444vw;
  font-size: 4.1667vw;
}
.view .tag_wrap {
  font-size: 0;
}
.view .tag_wrap .tag {
  padding: 1.9444vw 3.3333vw;
  border: 0.2778vw solid #dddddd;
  border-radius: 6.6667vw;
  display: inline-block;
  margin-right: 1.1111vw;
  font-size: 4.1667vw;
  margin-bottom: 4.4444vw;
}
.view.v2 .tag_wrap {
	padding-bottom:20px;
	border-bottom:1px solid #f7f7f9;
	margin-bottom:20px;
}
.view.v2 .tag_wrap li.tag  {
	background:#f7f8fa;
	color:#6f7074;
	border:none;
	padding:5px 4px 3px 4px;
	margin-right:7px;
	margin-bottom:0;
}
.view .des_wrap {
  font-size: 4.1667vw;
  color:#313131;
}
.view .counsel_area {
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  box-shadow:0 0 10px #ececec;
  padding:2.5vw 4.17vw;
  box-sizing: border-box;
}
.view .counsel_area ul {
  display: flex;  justify-content:space-around ; 
}
.view .counsel_area li {

}
.view .counsel_area button {
	display:block;
}
.view .counsel_area .btn_chat {
	font-size:2.7778vw;
	color:#7e7e7e;
	background: url("../img/ico_chat.gif") no-repeat top 10px center;
	padding-top:9.33vw;
}
.view .counsel_area .btn_alrm{
	font-size:2.7778vw;
	color:#7e7e7e;
	background: url("../img/ico_alrm.gif") no-repeat top 10px center;
	padding-top:9.33vw;
}
.view .counsel_area .btn_counsel{
	display:inline-block;
	background:var(--primary);
	color:#fff;
	padding:4.17vw 25.75vw;
	font-size:4.44vw;
	border-radius:1.67vw;
}


.at.intro {
  padding: 0 4.1667vw 16.6667vw;
}

.bar10 {
  width: 100%;
  padding: 1.3889vw 0;
  background: #f5f5f5;
}
.v_policy {
  padding: 9.7222vw 4.1667vw;
}
.v_policy b {
  font-size: 5.5556vw;
  font-weight: 500;
  display: block;
  margin-bottom: 2.7778vw;
}
.v_policy p {
  font-size: 3.3333vw;
  font-weight: 400;
}
.v_review {
  padding: 3.3333vw 0;
  box-sizing: border-box;
  background:#fff;
  margin-top:20.3333vw;
}
.v_review.v2 {
	margin-top: 4.1667vw
}
.view.v2 .v_review {
	margin-top: 4.1667vw
}

.v_review h1 {
  display: block;
  font-size: 5.5556vw;
  font-weight: 500;
  margin-bottom: 2.7778vw;
}
.v_review .vr_box {
  display: block;
}
.v_review .vr_box .vrb1 {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 1.9444vw;
}
.v_review .vr_box .vrb1 .vrb_r {
}
.v_review .vr_box .vrb1 .img {
  display: block;
  width: 11.1111vw;
  height: 11.1111vw;
  overflow: hidden;
  border-radius: 100%;
}
.v_review .vr_box .vrb1 .img img {
  width: 100%;
  height: 100%;
}
.v_review .vr_box .vrb1 .nick {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 2.7778vw;
  font-size: 4.4444vw;
}
.v_review .vr_box .vrb1 .nick span {
  font-size: 3.3333vw;
  color: #999999;
}
.v_review .vr_box .vrb1 .star {
  display: block;
}
.v_review .vr_box .vrb1 .star img {
}
.v_review .vr_box .vrb1 .star ul {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 0.2778vw;
}
.v_review .vr_box .vrb1 .star ul li {
}
.v_review .vr_box .vrb1 .star ul li img {
  width: 3.6111vw;
}
.v_review .vr_box .vrb2 {
  display: block;
  padding: 4.1667vw 0;
}

.no_result {
  padding: 27.7778vw 0;
}
.no_result img {
  display: block;
  margin: 0 auto;
}
.no_result p {
  font-size: 4.1667vw;
  font-weight: 500;
  color: #cccccc;
  text-align: center;
}

.s_btn {
  width: 100%;
  border-radius: 1.6667vw;
  background: var(--primary);
  color: #fff;
  text-align: center;
  padding: 3.8889vw;
  box-sizing: border-box;
  font-size: 4.4444vw;
}
.s_btn_fix {
  width: 100%;
  border-radius: 1.6667vw;
  background: var(--primary);
  color: #fff;
  text-align: center;
  padding: 3.8889vw;
  box-sizing: border-box;
  font-size: 4.4444vw;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.1667vw;
  width: 91.6667vw;
}
.s_btn_del {
  width: 100%;
  border-radius: 1.6667vw;
  background: #eee;
  color: #7e7e7e;
  text-align: center;
  padding: 3.8889vw;
  box-sizing: border-box;
  font-size: 5.5556vw;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.9444vw;
}
.vr_box {
  position: relative;
}
.vr_box button.r_del {
  font-size: 3.6111vw;
  position: absolute;
  top: 0;
  right: 4.1667vw;
  color: #7e7e7e;
}
.vr_box button.r_del img {
	width:13px;
}

.chat_view {
  padding: 22.2222vw 0;
}
.chat_view .chat_d {
  font-weight: 500;
  font-size: 3.3333vw;
  margin: 4.1667vw 0;
  display: block;
  text-align: center;
  color: #7e7e7e;
}
.chat_view ul {
}
.chat_view ul li {
}
.chat_view ul li.me_chat_wrap {
  margin-bottom: 5.5556vw;
}
.chat_view ul li.your_chat_wrap {
  margin-bottom: 5.5556vw;
}
.chat_view ul li .me_chat {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.chat_view ul li .me_chat .txt {
  background: var(--primary-01);
  color: #fff;
  font-size: 4.1667vw;
  padding: 2.2222vw 2.7778vw;
  box-sizing: border-box;
  border-radius: 2.7778vw;
  max-width: 61.1111vw;
  margin-top: 1.9444vw;
}
.chat_view ul li .me_chat .time {
  font-size: 3.3333vw;
  margin-right: 1.3889vw;
  color:#dddddd;
}
.chat_view ul li .me_chat img {
  width: 50vw;
  border-radius: 2.7778vw;
}
.chat_view ul li .your_chat {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1.6667vw;
}
.chat_view ul li .your_chat img {
  width: 50vw;
  border-radius: 2.7778vw;
}
.chat_view ul li .your_chat .pro {
  width: 11.1111vw;
  height: 11.1111vw;
  overflow: hidden;
  border-radius: 100%;
}
.chat_view ul li .your_chat .pro img {
  width: 100%;
  height: 100%;
}
.chat_view ul li .your_chat .con {
  display: block;
}
.chat_view ul li .your_chat .con .nick {
  display: block;
  font-size: 4.4444vw;
  font-weight: 500;
}
.chat_view ul li .your_chat .con .yc_con {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 1.3889vw;
}
.chat_view ul li .your_chat .con .yc_con .txt {
  font-size: 4.1667vw;
  padding: 2.2222vw 2.7778vw;
  box-sizing: border-box;
  border-radius: 2.7778vw;
  background: #f6f7f9;
  max-width: 47.7778vw;
}
.chat_view ul li .your_chat .con .yc_con .time {
  font-size: 3.3333vw;
  color:#ddd;
}
.chat_input {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4.1667vw;
  box-sizing: border-box;
  background: #fff;
}
.chat_input input {
  position: fixed;
  left: -2777.5vw;
}
.chat_input input + label {
}
.chat_input .btn_file {
	width:15%;
}
.chat_input textarea {
  height: 9.7222vw;
  border: 1px solid #dddddd;
  border-right:none;
  border-radius:5.1667vw 0 0 5.1667vw;
  background: #fff;
  resize: none;
  width: 100%;
  padding:1.5625vw 1.5625vw 1.5625vw 3.1250vw;
  box-sizing: border-box;
  font-size: 4.1667vw;
}
.chat_input .gochat {
  border: 1px solid #dddddd;
  border-left:none;
  border-radius:0 5.1667vw 5.1667vw 0;
  padding:1.9vw;
  padding-right:4.1667vw;
  box-sizing: border-box;
  height: 9.7222vw;
}
.chat_input button {
}
.chat_input button img {
}
input[type="checkbox"] {
  position: fixed;
  left: -2777.5vw;
}
input[type="radio"] {
  position: fixed;
  left: -2777.5vw;
}
.police_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  overflow-y: auto;
  display: none;
}
.police_pop .txt {
	color:#a3a3a3;
}
.police_pop2 {
  display: none;
}
.police_pop .x_pop {
  position: absolute;
  top: 4.1667vw;
  left: 4.1667vw;
}
.police_pop .x_pop.v2 {
  position: absolute;
  top: 4.1667vw;
  left:initial;
  right: 4.1667vw;
}
.police_pop .x_pop img {
}
.police_pop h1 {
  display: block;
  text-align: center;
  font-size: 5.5556vw;
  font-weight: 500;
  padding: 4.1667vw 0;
}
.police_pop b {
  margin-top: 5.5556vw;
  padding-left: 4.1667vw;
  font-size: 4.1667vw;
  display: block;
}
.police_pop ul.police_ul {
}
.police_pop ul.police_ul li {
  padding: 4.1667vw;
  box-sizing: border-box;
  border-bottom: 0.2778vw solid #ddd;
}
.police_pop ul.police_ul li:nth-last-of-type(1) {
  border-bottom: 0;
}
.police_pop ul.police_ul li input + label {
  background: url("../img/ck_off.png") no-repeat center left;
  background-size: 4.4444vw;
  padding-left: 6.9444vw;
  font-size: 3.8889vw;
}
.police_pop ul.police_ul li input:checked + label {
  background: url("../img/ch_on5.gif") no-repeat center left;
  background-size: 4.4444vw;
  padding-left: 6.9444vw;
  font-size: 3.8889vw;
}
.police_pop ul.police_ul textarea {
  width: 90%;
  display: block;
  margin: 0 auto;
  margin-bottom: 8.3333vw;
  border-color: #ddd;
}
.police_pop .s_btn {
  width: 90%;
  margin: 0 auto;
  display: block;
  margin-bottom: 4.1667vw;
}
.police_pop2 p {
  display: block;
  text-align: center;
  padding: 55.5556vw 0;
  font-size: 4.1667vw;
  font-weight: 500;
}
.sub_header h1 {
  background: #fff;
}

.reserve {
}
.reserve .r_ch {
  display: block;
}
.reserve .r_ch b {
  display: block;
  margin-bottom: 3.3333vw;
  font-size: 4.4444vw;
  font-weight: 500;
  margin-top: 8.3333vw;
}
.reserve .r_ch button {
  display: inline-block;
  padding: 2.7778vw;
  box-sizing: border-box;
  border-radius: 5.5556vw;
  border: 0.2778vw solid #ddd;
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 1.3889vw;
}
.reserve .r_ch button img {
}
.reserve .r_ch button span {
  font-size: 4.1667vw;
}
.reserve .r_ch input[id="rch1"] + label {
  background: url("../img/call.png") no-repeat center left 2.7778vw;
  display: block;
  padding: 2.7778vw 2.7778vw 2.7778vw 9.7222vw;
  box-sizing: border-box;
  border: 0.2778vw solid #ddd;
  border-radius: 5.5556vw;
  font-size: 4.4444vw;
}
.reserve .r_ch input[id="rch1"]:checked + label {
  background: url("../img/call_on.png") no-repeat center left 2.7778vw;
  display: block;
  padding: 2.7778vw 2.7778vw 2.7778vw 9.7222vw;
  box-sizing: border-box;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  border-radius: 5.5556vw;
  font-size: 4.4444vw;
}
.reserve .r_ch input[id="rch2"] + label {
  background: url("../img/person.png") no-repeat center left 2.7778vw;
  display: block;
  padding: 2.7778vw 2.7778vw 2.7778vw 9.7222vw;
  box-sizing: border-box;
  border: 0.2778vw solid #ddd;
  border-radius: 5.5556vw;
  font-size: 4.4444vw;
}
.reserve .r_ch input[id="rch2"]:checked + label {
  background: url("../img/preson_on.png") no-repeat center left 2.7778vw;
  display: block;
  padding: 2.7778vw 2.7778vw 2.7778vw 9.7222vw;
  box-sizing: border-box;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  border-radius: 5.5556vw;
  font-size: 4.4444vw;
}

.reserve .r_ch input[name="pay_method"] + label {
  display: block;
  padding: 2.7778vw 2.7778vw 2.7778vw 2.7778vw;
  box-sizing: border-box;
  border: 0.2778vw solid #ddd;
  border-radius: 5.5556vw;
  font-size: 4.4444vw;
}
.reserve .r_ch input[name="pay_method"]:checked + label {
  display: block;
  padding: 2.7778vw 2.7778vw 2.7778vw 2.7778vw;
  box-sizing: border-box;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  border-radius: 5.5556vw;
  font-size: 4.4444vw;
}

.reserve .r_per {
  display: block;
  margin-top: 8.3333vw;
}
.reserve .r_per b {
  color: #333;
  font-weight: 400;
  font-size: 4.4444vw;
}
.reserve .r_per b.on {
  color: #333;
  font-weight: 400;
  font-size: 4.4444vw;
}
.reserve .r_per .r_p_c {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 4.1667vw;
  margin-top: 4.1667vw;
}
.reserve .r_per .r_p_c button {
	padding:0;
	border:none;
}
.reserve .r_per .r_p_c button img {
}
.reserve .r_per .r_p_c button p {
  color: #ccc;
  font-size: 4.4444vw;
}
.r_p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 11.1111vw;
}
.r_p p {
  font-size: 4.1667vw;
}
.r_p .rpr {
}
.r_p .rpr input {
  width: 19.4444vw;
  border-radius: 1.3889vw;
  text-align: right;
  padding: 2.7778vw;
  box-sizing: border-box;
}
.r_p .rpr span {
  font-size: 4.1667vw;
  margin-left: 1.3889vw;
}
.reserve .flex-r {
  margin-top: 2.7778vw;
  font-size: 3.6111vw;
  margin-bottom: 4.1667vw;
}

.r_result {
}
.r_result ul {
  padding: 4.1667vw 0;
  border-top: 0.2778vw solid #ddd;
}
.r_result ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.7778vw;
}
.r_result ul li b {
  font-size: 4.1667vw;
  font-weight: 400;
}
.r_result ul li p {
  font-size: 4.1667vw;
  font-weight: 400;
}
.r_result ul li.last {
  margin-top: 5.5556vw;
}
.r_result ul li.last p {
  font-size: 6.1111vw;
  font-weight: 500;
}
.r_result ul li.last b {
  font-size: 4.4444vw;
}

/* .cal_pop {display: block;} */
.cal_pop .top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.5556vw;
  margin-top: 5.5556vw;
}
.cal_pop .top button {
}
.cal_pop .top h2 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.cal_pop .center {
  padding: 0 4.1667vw;
  box-sizing: border-box;
  margin-top: 8.3333vw;
}
.cal_pop .center .cal_m {
  display: flex;
  align-items: center;
  justify-content: normal;
  border-bottom: 0.2778vw solid #ddd;
}
.cal_pop .center .cal_m li {
  width: 14.2%;
}
.cal_pop .center .cal_m li span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 4.1667vw;
  box-sizing: border-box;
}
.cal_pop .center .cal_d {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
}
.cal_pop .center .cal_d li {
  width: 14.2%;
  position: relative;
}
.cal_pop .center .cal_d li.end[class*="sun"] span {
	color: rgba(0, 0, 0, 0.3) !important;
}
.cal_pop .center .cal_d li.end[class*="sat"] span {
	color: rgba(0, 0, 0, 0.3) !important;
}
.cal_pop .center .cal_d li[class*="sun"] span {
	color:#ff5b5a !important;
}
.cal_pop .center .cal_d li[class*="sat"] span {
	color:var(--primary) !important; 
}
.cal_pop .center .cal_d li span {
  display: block;
  text-align: center;
  padding: 4.1667vw;
  box-sizing: border-box;
  border-radius: 100%;
  position: relative;
}

.cal_pop .center .cal_d li.on[class*="sun"] span {
	color:#fff !important;
}
.cal_pop .center .cal_d li.on span {
  display: block;
  text-align: center;
  padding: 4.1667vw;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 100%;
  color: #fff !important; 
  position: relative;
}
.cal_pop .center .cal_d li.on[class*="sun"]::before{
	background: #ff5b5a;
}
.cal_pop .center .cal_d li.on::before {
  content: "";
  display: block;
  width: 8.8889vw;
  height: 8.8889vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--primary);
  border-radius: 100%;
}
.cal_pop .center .cal_d li.sun span {
  color: #a61019;
}
.cal_pop .center .cal_d li.endsun span {
  color: rgba(166, 16, 25, 0.3);
}
.cal_pop .center .cal_d li.sat span {
  color: var(--primary);
}
.cal_pop .center .cal_d li.endsat span {
  color: rgba(58, 108, 199, 0.3);
}
.cal_pop .center .cal_d li.end span {
  color: rgba(0, 0, 0, 0.3);
}
.pop_fix_btn {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.police_pop .time {
  display: flex;
  align-items: center;
  justify-content: normal;
  margin-top: 8.3333vw;
}
.police_pop .time b {
  font-size: 4.4444vw;
  font-weight: 400;
  width: 15%;
}
.police_pop .time ul {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 2.7778vw;
  flex-wrap: wrap;
  width: 85%;
}
.police_pop .time ul li {
}
.police_pop .time ul li input + label {
  display: block;
  padding: 4.1667vw 2.7778vw;
  box-sizing: border-box;
  border-radius: 2.7778vw;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  text-align: center;
  width: 16.6667vw;
  font-size: 4.4444vw;
}
.police_pop .time ul li input:checked + label {
  display: block;
  padding: 4.1667vw 2.7778vw;
  box-sizing: border-box;
  border-radius: 2.7778vw;
  background: var(--primary);
  border: 0.2778vw solid var(--primary);
  font-size: 4.4444vw;
  color: #fff;
  text-align: center;
  width: 16.6667vw;
}
.police_pop .time ul li input:disabled + label {
  color: #7e7e7e;
  border-color: #cccccc;
}

.reserve_com {
}
.reserve_com h1 {
  font-size: 6.6667vw;
  margin: 6.9444vw 0;
  display: block;
  font-weight: 500;
}
.reserve_com .rc_img {
  display: block;
  width: 100%;
  border-radius:2.1667vw;
  overflow:hidden;
}
.reserve_com .rc_img img {
	width:100%;
}
.reserve_com ul {
  margin-top: 5.5556vw;
  margin-bottom: 9.7222vw;
  box-shadow: 0 0.8333vw 1.6667vw rgba(0, 0, 0, 0.12);
  border-radius: 1.3889vw;
  overflow: hidden;
}
.reserve_com ul li {
  display: flex;
  align-items: center;
  justify-content: normal;
}
.reserve_com ul li b {
  width: 30%;
  padding: 4.1667vw 0;
  box-sizing: border-box;
  background: #eeeeee;
  text-align: center;
  font-size: 4.1667vw;
  font-weight: 400;
}
.reserve_com ul li p {
  width: 70%;
  padding: 1.3889vw 4.1667vw;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
  font-size: 4.1667vw;
  font-weight: 400;
}
.reserve_com span {
  font-size: 4.1667vw;
  font-weight: 400;
  color: #7e7e7e;
  display: block;
  margin-top: 9.7222vw;
  margin-bottom: 7.5vw;
}

.search {
  padding-top: 6.9444vw;
  padding-bottom: 22.2222vw;
}
.search .search_box {
  width: 100%;
  position: relative;
  display:flex; justify-content: flex-start;
}
.search_box_prev {
	padding:4.1667vw;
}

.search_box_input {
	width:100%;
}

.search .search_box input {
  width: 100%;
  border: 0.2778vw solid var(--primary-lt);
  border-radius: 5.5556vw;
  padding: 3.6111vw 5.5556vw;
  box-sizing: border-box;
  font-size: 4.1667vw;
  font-weight: 400;
}
.search .search_box input:focus {
  background:var(--primary-lt);}
.search .search_box input::placeholder {
  color:#a3a3a3 !important;
}
.search .search_box .search_box_input button {
  position: absolute;
  top: 50%;
  right: 5.5556vw;
  transform: translateY(-50%);
}

.mypage {
  padding: 0 4.1667vw 4.1667vw 4.1667vw ;
}
.mypage .top {
  display: block;
  padding: 2.7778vw 0;
  box-sizing: border-box;
  border-bottom: 0.2778vw solid #eee;
}
.mypage .top p {
  font-size: 4.4444vw;
  font-weight: 400;
}
.mypage .top h1 {
  font-size: 7.7778vw;
  font-weight: 500;
  display: block;
  margin-top: 1.3889vw;
  color:var(--primary);
  font-weight:bold;
}
.mypage ul {
  display: block;
}
.mypage ul li {
  display: block;
  width: 100%;
  position: relative;
}
.mypage ul li a {
  display: block;
  padding: 4.1667vw 0;
  box-sizing: border-box;
  font-size: 4.1667vw;
}
.mypage ul li img {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
  width: 10px;
}

.my1 {
}
.my1 b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 4.4444vw;
  margin-top: 5.5556vw;
  margin-bottom: 2.7778vw;
}
.my1 b input {
  display: none;
}
.my1 b input + label {
  display: flex;
  align-items: center;
  gap: 2.7778vw;
}
.my1 b input + label em {
  font-size: 4.1667vw;
  width: 4.4444vw;
  height: 4.4444vw;
  display: inline-block;
  font-weight: 400;
  background: url("../img/ck2_off.png") center center/100%;
  vertical-align: middle;
}
.my1 b input:checked + label em {
  background: url("../img/ck2_on.png") center center/100%;
}
/* .my1 b input{position: fixed;left: -2777.5000vw;}
.my1 b input+label{font-size: 4.1667vw; font-weight: 400; background: url('../img/ck2_off.png')no-repeat center left;background-size:4.4444vw ; padding-left: 6.9444vw;}
.my1 b input:checked+label{font-size: 4.1667vw; font-weight: 400; background: url('../img/ck2_on.png')no-repeat center left;background-size:4.4444vw ; padding-left: 6.9444vw;} */
.my1 input {
  display: block;
  border-color: #ddd;
  border-radius: 2.2222vw;
  padding: 5.5556vw 2.7778vw;
  box-sizing: border-box;
  width: 100%;
  font-size: 4.4444vw;
}
.my1 .picker_wrap {
  width: 100%;
  position: relative;
}
.my1 .picker_wrap button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.my1 .sel1 {
  display: flex;
  align-items: center;
  gap: 2.7778vw;
}
.my1 .sel1 span {
  width: 30%;
  display: flex;
  align-items: center;
  font-size: 3.8889vw;
  font-weight: 500;
  gap: 1.3889vw;
}
.my1 .sel1 select {
  width: 80%;
  font-size: 4.1667vw;
  padding: 3.5556vw 2.7778vw;
  appearance:none;
  background: #fff url("../img/arr_b.gif") no-repeat 90% 50%;
}
.my1 select {
  padding: 2.7778vw 2.7778vw;
  border-color: #ddd;
  border-radius: 2.2222vw;
}
.my1 select.sel2 {
  width: 100%;
  display: block;
  font-size: 4.1667vw;
  padding: 5.5556vw 2.7778vw;
  appearance:none;
background: #fff url("../img/arr_b.gif") no-repeat 95% 50%;
}

.my2 {
}
.my2 .top {
  display: block;
  padding: 2.7778vw 0;
  border-bottom: 0.2778vw solid #ddd;
}
.my2 .top p {
  display: block;
  margin-bottom: 1.3889vw;
  font-size: 4.4444vw;
  font-weight: 400;
}
.my2 .top b {
  font-size: 7.7778vw;
  color:var(--primary);
}
.my2 ul {
}
.my2 ul li {
  display: block;
  padding: 4.1667vw 0;
}
.my2 ul li .pot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my2 ul li .pot .pot1 {
  font-size: 4.4444vw;
}
.my2 ul li .pot .pot2 {
  font-size: 4.4444vw;
}
.my2 ul li .pot .pot2.mi {
  color: #ff4442;
}
.my2 ul li .pot .pot2.pl {
  color: var(--primary);
}
.my2 ul li .pob {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.3889vw;
}
.my2 ul li .pob .pob1 {
  font-size: 3.6111vw;
  font-weight: 400;
  color: #7e7e7e;
}
.my2 ul li .pob .pob2 {
  font-size: 3.6111vw;
}

.my3 {
}
.my3 ul {
}
.my3 ul li {
  display: flex;
  align-items: center;
  justify-content: normal;
  position: relative;
  padding: 2.7778vw 0;
}
.my3 ul li .rml {
  width: 20%;
  margin-right: 2.7778vw;
}
.my3 ul li .rml img {
  width: 100%;
}
.my3 ul li .rmc {
  width: 60%;
}
.my3 ul li .rmc .rmc1 {
  display: block;
  font-size: 4.7222vw;
  margin-bottom: 2.2222vw;
}
.my3 ul li .rmc .rmc2 {
  font-size: 3.8889vw;
  font-weight: 400;
  color: #a61019;
}

.my3 ul li .rmr {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.my3 ul li .rmr .rmr1 {
  color: #7e7e7e;
  font-size: 3.6111vw;
  font-weight: 400;
  margin-bottom: 2.2222vw;
  display: block;
}
.my3 ul li .rmr .rmr2 {
  padding: 1.6667vw;
  box-sizing: border-box;
  border-radius: 5.5556vw;
  border: 0.2778vw solid #ddd;
  font-size: 3.3333vw;
  font-weight: 400;
  display: block;
  text-align: center;
}
.my3 ul li .rmr .rmr2.to {
  padding: 1.6667vw;
  box-sizing: border-box;
  border-radius: 5.5556vw;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  font-size: 3.3333vw;
  font-weight: 400;
  display: block;
  text-align: center;
}

.my4 .at {
	padding:0;
}
.my4 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my4 .top a {
  width: 50%;
  padding: 4.1667vw;
  box-sizing: border-box;
  text-align: center;
  font-size: 4.4444vw;
  border-bottom: 1px solid var(--primary-lt);
}
.my4 .top a.on {
  padding-bottom:4vw;
  color: var(--primary);
  border-bottom: 0.5556vw solid var(--primary);
}
.my4 ul li input {
  position: fixed;
  left: -2777.5vw;
}
.my4 ul li input + label {
  background: url("../img/ck4_off.png") no-repeat center center;
  padding: 3.3333vw;
  box-sizing: border-box;
  position: absolute;
  top: 2.1667vw;
  left: -0.6vw;
}
.my4 ul li input:checked + label {
  background: url("../img/ck4_on.png") no-repeat center center;
  padding: 3.3333vw;
  box-sizing: border-box;
  position: absolute;
  top: 2.1667vw;
  left: -0.6vw;
}

.btn_del {
	padding:0 4.1667vw;
	width:100%;
	box-sizing:border-box;
	position: fixed;
	left: 0;
	bottom: 0;
}
.btn_del .s_btn_del{
	color:#fff;
	background:#a3a3a3;
	position:relative;
	width:100%;
	display:block;
}
.review_write {
}
.review_write .star {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 2.7778vw;
}
.review_write .star ul {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 0.2778vw;
}
.review_write .star ul li {
}
.review_write .star ul li img {
  width: 4.4444vw;
}
.review_write .star p {
  font-size: 3.8889vw;
  font-weight: 400;
}
.review_write textarea {
  width: 100%;
  margin: 4.1667vw 0;
  padding: 4.1667vw 0;
  box-sizing: border-box;
  border: 0;
  resize: none;
}

.my3 {
}
.my3 ul {
}
.my3 ul li {
  display: flex;
  align-items: center;
  justify-content: normal;
  position: relative;
  padding: 2.7778vw 0;
}
.my3 ul li .rml {
  width: 20%;
  margin-right: 2.7778vw;
}
.my3 ul li .rml img {
  width: 100%;
}
.my3 ul li .rmc {
  width: 60%;
}
.my3 ul li .rmc .rmc1 {
  display: block;
  font-size: 4.7222vw;
  margin-bottom: 2.2222vw;
}
.my3 ul li .rmc .rmc2 {
  font-size: 3.8889vw;
  font-weight: 400;
  color: #fff;
  background:var(--primary);
  display:inline-block;
  padding:5px 10px;
  border-radius:14px;
  box-sizing: border-box;
}
.my3 ul li .rmr {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.my3 ul li .rmr .rmr1 {
  color: #7e7e7e;
  font-size: 3.6111vw;
  font-weight: 400;
  margin-bottom: 2.2222vw;
  display: block;
}
.my3 ul li .rmr .rmr2 {
  padding: 1.6667vw;
  box-sizing: border-box;
  border-radius: 5.5556vw;
  border: 0.2778vw solid #ddd;
  font-size: 3.3333vw;
  font-weight: 400;
  display: block;
  text-align: center;
}
.my3 ul li .rmr .rmr2.to {
  padding: 1.6667vw;
  box-sizing: border-box;
  border-radius: 5.5556vw;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  font-size: 3.3333vw;
  font-weight: 400;
  display: block;
  text-align: center;
}
.my4 .counsel_list {
	padding:0 4.1667vw;
}
.my4 .counsel_list .rml {
	border-radius:9.1667vw;
	overflow:hidden;
	box-sizing:border-box;
	display:block;
}

.my4 .counsel_list .rmc3{
  font-size: 3.8889vw;
  font-weight: 400;
  color: var(--primary);
  background:var(--primary-lt);
  display:inline-block;
  padding:4px 9px;
  border-radius:14px;
  border:1px solid var(--primary);
  box-sizing: border-box;
}

.my4 .counsel_list .rml img {
	width:100%;object-fit:cover;
}

.my5 {
}
.my5 .at {
	padding:0;
}
.my5 .review_list{
	padding:0 4.1667vw;
}
.my5 .review_list .rml {
	border-radius:9.1667vw;
	overflow:hidden;
	box-sizing:border-box;
	display:block;
}
.my5 .review_list .rml img {
	width:100%; object-fit:cover;
}

.my5 .rmc {
  width: 100%;
}
.my5 .review_list li .rmc .rmc1 {
	display:inline-block;
}
.my5 .review_list li .rmc .rmc2 {
	background:none;
	padding:0 0 0 10px;;
}
.my5 .review_list li .rmc .rmc2 img {
	vertical-align:top;
}

.my5 ul li {
  position: relative;
  padding: 4.1667vw 0;
}
.my5 ul li .rmc .rmc1 {
  margin-bottom: 0.8333vw;
}
.my5 .rmc .rmc2 {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 0.2778vw;
}
.my5 .rmc .rmc2 img {
  width: 3.3333vw;
}
.my5 .rmc .rmc3 {
  display: block;
  width: 100%;
  color: #7e7e7e;
  font-size: 3.8889vw;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4.1667vw;
}
.my5 .rmdate {
  position: absolute;
  top: 6.1667vw;
  right: 0;
  color: #7e7e7e;
  font-size: 3.3333vw;
  font-weight: 400;
}
.my5 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my5 .top a {
  width: 50%;
  padding: 4.1667vw;
  box-sizing: border-box;
  text-align: center;
  font-size: 4.4444vw;
  border-bottom: 1px solid var(--primary-lt);
}
.my5 .top a.on {
  color: var(--primary);
  border-bottom: 0.5556vw solid var(--primary);
  padding-bottom:4vw;
}
.my5 ul li input {
  position: fixed;
  left: -2777.5vw;
}
.my5 ul li input + label {
  background: url("../img/ck4_off.png") no-repeat center center;
  padding: 3.3333vw;
  box-sizing: border-box;
  position: absolute;
  top: 2.1667vw;
  left: -0.6vw;
}
.my5 ul li input:checked + label {
  background: url("../img/ck4_on.png") no-repeat center center;
  padding: 3.3333vw;
  box-sizing: border-box;
  position: absolute;
  top: 2.1667vw;
  left: -0.6vw;
}

.txtover {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.chat_list {
}
.chat_list ul {
}
.chat_list ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 3.0556vw;
  padding: 2.7778vw 0;
}
.chat_list ul li .ch1 {
  width: 19vw;
  height: 19vw;
  display: grid;
  overflow: hidden;
  border-radius: 100%;
  align-content: center;
}
/* .chat_list ul li .ch1{display: block; width: 20%;} */
.chat_list ul li .ch1 img {
  width: 100%;
  object-fit:cover;
}
.chat_list ul li .ch2 {
  width: 70%;
}
.chat_list ul li .ch2 .ch2_1 {
  display: flex;
  align-items: center;
  justify-content: normal;
  gap: 1.3889vw;
  font-size: 4.7222vw;
  font-weight: 500;
}
.chat_list ul li .ch2 .ch2_1 .ch_new {
  display: flex;
}
.chat_list ul li .ch2 .ch2_2 {
  display: block;
  width: 100%;
  padding-top: 2.7778vw;
  font-size: 3.8889vw;
}
.chat_list ul li .ch3 {
  color: #7e7e7e;
  position: absolute;
  top: 5.7778vw;
  right: 0;
}
.no_con {
  display: block;
  text-align: center;
  padding: 27.7778vw 0;
  color: #a3a3a3;
  font-size: 3.8889vw;
}
.no_con2 {
  display: block;
  text-align: center;
  padding: 8.3333vw 0;
  color: #7e7e7e;
  font-size: 3.8889vw;
}

.manage {
}
.manage .manage_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.manage .manage_menu a {
  display: block;
  width: 33.333%;
  font-size: 4.4444vw;
  padding: 3.6111vw 0;
  text-align: center;
}
.manage .manage_menu a.on {
  display: block;
  width: 33.333%;
  border-bottom: 0.5556vw solid var(--primary);
  color: var(--primary);
}

.manage_table {
  margin-top: 5.5556vw;
  margin-bottom: 2.7778vw;
  box-shadow: 0 0.8333vw 1.6667vw rgba(0, 0, 0, 0.12);
}
.manage_table ul {
}
.manage_table ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.manage_table ul li span {
  width: 25%;
  display: block;
  text-align: center;
  padding: 4.1667vw;
  box-sizing: border-box;
  font-size: 4.1667vw;
}
.manage_table ul li.mt_top {
}
.manage_table ul li.mt_top span {
  background: #eeeeee;
}
.manage_table ul li.mt_list {
}
.manage_table ul li.mt_list.on {
  border: 0.2778vw solid var(--primary);
  box-sizing: border-box;
}
.manage_table ul li.mt_list.on span {
  color: var(--primary);
}
.mt_war {
  font-size: 3.8889vw;
  margin-bottom: 27.7778vw;
}

.teacher_cal .top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.5556vw;
  margin-top: 5.5556vw;
}
.teacher_cal .top button {
}
.teacher_cal .top h2 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.teacher_cal .center {
  box-sizing: border-box;
  margin-top: 8.3333vw;
}
.teacher_cal .center .cal_m {
  display: flex;
  align-items: center;
  justify-content: normal;
  border-bottom: 0.2778vw solid #ddd;
}
.teacher_cal .center .cal_m li {
  width: 14.2%;
}
.teacher_cal .center .cal_m li span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 4.1667vw;
  box-sizing: border-box;
}
.teacher_cal .center .cal_d {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
}
.teacher_cal .center .cal_d li {
  width: 14.2%;
  position: relative;
}
.teacher_cal .center .cal_d li span {
  display: block;
  text-align: center;
  padding: 2.7778vw 0;
  box-sizing: border-box;
  position: relative;
  height: 9vh;
}
.teacher_cal .center .cal_d li.on span {
  border: 0.2778vw solid #ddd;
  display: block;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto;
  color: #333;
  position: relative;
  top: 0px;
}
/* .teacher_cal .center .cal_d li.on::before {content:''; display: block; width: 8.8889vw;height: 8.8889vw; position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);background: #326CC7;border-radius: 100%;} */
.teacher_cal .center .cal_d li.sun span {
  color: #fe504f;
}
.teacher_cal .center .cal_d li.endsun span {
  color: rgba(166, 16, 25, 0.3);
}
.teacher_cal .center .cal_d li.sat span {
  color: var(--primary);
}
.teacher_cal .center .cal_d li.endsat span {
  color: rgba(58, 108, 199, 0.3);
}
.teacher_cal .center .cal_d li.end span {
  color: rgba(0, 0, 0, 0.3);
}
.teacher_cal .center .cal_d li span span {
  padding: 0;
  border-radius: 0;
  height: auto;
  margin-top: 2.7778vw;
  padding: 0.5556vw 0;
  border: 0;
}
.teacher_cal .center .cal_d li.on span span {
  border: 0;
  margin-top: 2.7778vw;
}
.teacher_cal .center .cal_d li span span.vac1 {
  background: var(--primary);
  color: #fff;
}
.teacher_cal .center .cal_d li span span.vac2 {
  background: #a3a3a3;
  color: #fff;
  margin-top: 3.0556vw;
}
.pop5 {
  padding: 0 4.1667vw;
  box-sizing: border-box;
}
.ma3 {
}
.ma3 .ma31 {
}
.ma3 .ma31 b {
  display: block;
  font-weight: 500;
  font-size: 4.4444vw;
  margin-top: 8.3333vw;
  margin-bottom: 2.7778vw;
}
.ma3 .ma31 p {
  display: block;
  font-size: 4.1667vw;
  font-weight: 400;
}
.ma3 .ma32 {
}
.ma3 .ma32 b {
  display: block;
  font-weight: 500;
  font-size: 4.4444vw;
  margin-top: 8.3333vw;
  margin-bottom: 2.7778vw;
}
.ma3 .ma32 ul {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
  gap: 2.7778vw;
}
.ma3 .ma32 ul li {
  display: block;
  padding: 4.1667vw 0;
  text-align: center;
  border: 0.2778vw solid #111;
  border-radius: 1.3889vw;
  width: 20%;
  font-size: 4.1667vw;
}
.ma3 .ma33 {
}
.ma3 .ma33 b {
  display: block;
  font-weight: 500;
  font-size: 4.4444vw;
  margin-top: 8.3333vw;
  margin-bottom: 2.7778vw;
}
.ma3 .ma33 p {
  font-size: 4.1667vw;
  font-weight: 400;
  margin-bottom: 2.7778vw;
}

.ma_pop {
  padding: 0 4.1667vw;
  box-sizing: border-box;
}
.ma_pop .mp1 {
}
.ma_pop .mp1 b {
  display: block;
  margin-bottom: 2.7778vw;
  font-size: 4.4444vw;
  font-weight: 500;
  padding-left: 0;
}
.ma_pop .mp1 ul {
  display:flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
  gap: 2.7778vw;
}
.ma_pop .mp1 ul.on {
  display: flex;
}
.ma_pop .mp1 ul li {
  width: 20%;
  display: block;
}
.ma_pop .mp1 ul li input {
}
.ma_pop .mp1 ul li input + label {
  padding: 4.1667vw 0;
  text-align: center;
  border-radius: 1.3889vw;
  font-size: 4.1667vw;
  border: 0.2778vw solid #dddddd;
  color:#7e7e7e;
  width: 100%;
  display: block;
}
.ma_pop .mp1 ul li input:checked + label {
  padding: 4.1667vw 0;
  text-align: center;
  border-radius: 1.3889vw;
  font-size: 4.1667vw;
  color: var(--primary);
  border: 0.2778vw solid var(--primary);
  width: 100%;
  display: block;
}

.ma_pop .mp2 b {
  display: block;
  margin-bottom: 2.7778vw;
  font-size: 4.4444vw;
  font-weight: 500;
  margin-top: 8.3333vw;
  padding-left: 0;
}
.ma_pop .mp2 ul {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
  gap: 2.7778vw;
}
.ma_pop .mp2 ul.on {
  display: flex;
}
.ma_pop .mp2 ul li {
  width: 20%;
  display: block;
}
.ma_pop .mp2 ul li input {
}
.ma_pop .mp2 ul li input + label {
  padding: 4.1667vw 0;
  text-align: center;
  border-radius: 1.3889vw;
  font-size: 4.1667vw;
  border: 0.2778vw solid #dddddd;
  color:#7e7e7e;
  width: 100%;
  display: block;
}
.ma_pop .mp2 ul li input:checked + label {
  padding: 4.1667vw 0;
  text-align: center;
  border-radius: 1.3889vw;
  font-size: 4.1667vw;
  color: var(--primary);
  border: 0.2778vw solid var(--primary);
  width: 100%;
  display: block;
}

.mp3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8.3333vw;
}
.mp3 b {
  font-size: 4.4444vw;
  font-weight: 500;
  padding-left: 0;
}
.mp3 button {
  font-size: 3.8889vw;
  font-weight: 400;
}

.mp3_result {
}
.mp3_result ul {
}
.mp3_result ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5.5556vw;
}
.mp3_result ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3889vw;
  border: 0.2778vw solid #ddd;
  border-radius: 5.5556vw;
  padding: 2.7778vw;
  box-sizing: border-box;
  width: 45%;
}
.mp3_result ul li span img {
  width: 4.4444vw;
  height: 4.4444vw;
}

.pop7_con {
  padding: 0 4.1667vw;
  box-sizing: border-box;
}
.pop7_con .top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.7778vw;
}
.pop7_con .top button {
}
.pop7_con .list {
}
.pop7_con .list ul {
}
.pop7_con .list ul li {
  display: block;
  margin-top: 5.5556vw;
  width: 100%;
}
.pop7_con .list ul li input + label {
  background: url("../img/ck_off.png") no-repeat center left;
  padding: 2.7778vw 8.3333vw 2.7778vw 0;
}
.pop7_con .list ul li input:checked + label {
  background: url("../img/ck4_on.png") no-repeat center left;
  padding: 2.7778vw 8.3333vw 2.7778vw 0;
}
.pop7_con .list ul li input + label span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3889vw;
  border: 0.2778vw solid #ddd;
  border-radius: 5.5556vw;
  padding: 2.7778vw;
  box-sizing: border-box;
  width: 45%;
}
.pop7_con .list ul li input + label span img {
  width: 4.4444vw;
  height: 4.4444vw;
}

.diainner {
  z-index: 5;
}
.ti_write h1 {
  display: block;
  width: 100%;
  padding: 13.8889vw 0;
  font-size: 6.6667vw;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.ti_write h1 span {
  font-size: 5.5556vw;
  color:#7e7e7e;
}
.ti_write .tib.ti_new1 b {
  font-size: 4.1667vw;
  font-weight: 400;
  color: #7e7e7e;
}
.ti_write .tib {
  display: block;
  margin-top: 5.5556vw;
}
.ti_write .tib p {
  display: block;
  font-weight: 500;
  font-size: 4.4444vw;
  margin-bottom: 2.7778vw;
}
.ti_write .tib input[type="text"] {
  border: 0.2778vw solid #ddd;
  border-radius: 1.3889vw;
  box-sizing: border-box;
  width: 100%;
  padding: 4.1667vw;
  box-sizing: border-box;
}
.ti_write .tib input[type="email"] {
  border: 0.2778vw solid #ddd;
  border-radius: 1.3889vw;
  box-sizing: border-box;
  width: 100%;
  padding: 4.1667vw;
  box-sizing: border-box;
}
.ti_write .tib input[type="number"] {
  border: 0.2778vw solid #ddd;
  border-radius: 1.3889vw;
  box-sizing: border-box;
  /*padding: 4.1667vw;*/
  box-sizing: border-box;
}
.ti_write .ti1 input[type="file"] {
  position: fixed;
  left: -2777.5vw;
}
.ti_write .ti1 input[type="file"] + label {
  display: block;
}
.ti_write .ti1 textarea {
  width: 100%;
  padding: 4.1667vw;
  box-sizing: border-box;
  border-color: #ddd;
  resize: none;
  border-radius: 1.3889vw;
  height: 15.5556vw;
}
.ti_write .ti1 select {
  border: 0.2778vw solid #ddd;
  border-radius: 1.3889vw;
  box-sizing: border-box;
  width: 50%;
  padding: 4.1667vw;
  box-sizing: border-box;
  appearance:none;
  background: #fff url("../img/arr_b.gif") no-repeat 90% 50%;
  color:#a3a3a3;
}
.ti_write .ti2 ul {
  display: flex;
  align-items: center;
  justify-content: normal;
}
.ti_write .ti2 ul li {
}
.ti_write .ti2 ul li input {
}
.ti_write .ti2 ul li input + label {
  background: url("../img/ck_off.png") no-repeat center left;
  font-size: 3.8vw;
  background-size: 6.6667vw;
  padding: 2.7778vw 3.5333vw 2.7778vw 6.9vw;
  box-sizing: border-box;
  word-break:keep-all;
  display:inline-block;
}
.ti_write .ti2 ul li input:checked + label {
  background: url("../img/ck4_on.png") no-repeat center left;
  font-size: 3.8vw;
  background-size: 6.6667vw;
  padding: 2.7778vw 3.5333vw 2.7778vw 6.9vw;
  box-sizing: border-box;
  color: var(--primary);
}
.ti_write .ti3 {
  margin-top: 9.7222vw;
}
.ti_write .ti3 ul {
  display: flex;
  align-items: center;
  justify-content: normal;
  flex-wrap: wrap;
  gap: 2.7778vw;
}
.ti_write .ti3 ul li input + label {
  display: block;
  padding: 1.9444vw 3.3333vw;
  box-sizing: border-box;
  text-align: center;
  border: 0.2778vw solid #ddd;
  border-radius: 4.1667vw;
  font-size: 4.1667vw;
}
.ti_write .ti3 ul li input:checked + label {
  display: block;
  padding: 1.9444vw 3.3333vw;
  box-sizing: border-box;
  text-align: center;
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
  border-radius: 4.1667vw;
  font-size: 4.1667vw;
}
.ti_write .ti4 b {
  border: 0.2778vw solid #ddd;
  border-radius: 1.3889vw;
  width: 50%;
  position: relative;
  padding: 4.1667vw;
  box-sizing: border-box;
  display: block;
}
.ti_write .ti4 b input {
  border: 0 !important;
  width: 90%;
  display: block;
  outline: none;
  font-size: 4.1667vw;
}
.ti_write .ti4 b span {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
  font-size: 4.1667vw;
}
.ti_write .ti5 {
}
.ti_write .ti5 .adr_ti {
  width: 100%;
  position: relative;
}
.ti_write .ti5 .adr_ti input:last-child {
  margin-top: 2.7778vw;
}
.ti_write .ti5 .adr_ti button {
  position: absolute;
  top: 50%;
  right: 4.1667vw;
  transform: translateY(-50%);
  color: var(--primary);
  font-weight: 400;
}
.ti_write .ti6 textarea {
  width: 100%;
  padding: 4.1667vw;
  box-sizing: border-box;
  border-color: #ddd;
  resize: none;
  border-radius: 1.3889vw;
  /*color:#ccc;*/
}
.ti_write .ti6 textarea::placeholder {
	color:#ccc;
}
.ti_write .ti7 ul{
	display: flex;
	align-items: center;
    justify-content: normal;
    flex-wrap: wrap;
    gap: 2.7778vw;
}
.ti_write .ti7 ul li{
	width: 20%;
    display: block;
}
.ti_write .ti7 ul li input + label {
  padding: 4.1667vw 0;
  text-align: center;
  border-radius: 1.3889vw;
  font-size: 4.1667vw;
  border: 0.2778vw solid #dddddd;
  color:#7e7e7e;
  width: 100%;
  display: block;
}
.ti_write .ti7 ul li input:checked + label {
  padding: 4.1667vw 0;
  text-align: center;
  border-radius: 1.3889vw;
  font-size: 4.1667vw;
  color: var(--primary);
  border: 0.2778vw solid var(--primary);
  width: 100%;
  display: block;
}

.ti_write .ti8 input[type="checkbox"] + label {
  background: url("../img/term.png") no-repeat center left/ 6.6667vw;
  margin-right: 1.6667vw;
  font-size: 4.1667vw;
  font-weight: 500;
  padding: 5.2778vw 0 5.2778vw 9.7222vw;
  display: inline-block;
  word-break: keep-all;
}
.ti_write .ti8 input[type="checkbox"]:checked + label {
  background: url("../img/term-on2.gif") no-repeat center left/ 6.6667vw;
}

.ti_write .profile_img {
	display:inline-block;
	border-radius:15vw;
	overflow:hidden;
}

.ti_write .ti_cont_c {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display: block;
    text-align: center;
    font-size: 4.1667vw;
    font-weight: 400;
	color:#a3a3a3;
	width:100%;
}

.s_btn_two {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8.3333vw;
}
.s_btn_two button {
  width: 49%;
  padding: 3.8889vw;
  box-sizing: border-box;
  border-radius: 1.3889vw;
  font-size: 4.7222vw;
  font-weight: 400;
  background: #eee;
  color: #7e7e7e;
}
.s_btn_two button.sbt_prev {
}
.s_btn_two button.sbt_next {
  background: var(--primary);
  color: #fff;
}
.ti_write .ma_pop .mp1 ul li input + label {
  border: 0.2778vw solid #ddd;
  color: #7e7e7e;
}
.ti_write .ma_pop .mp1 ul li input:checked + label {
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
}
.ti_write .ma_pop .mp2 ul li input + label {
  border: 0.2778vw solid #ddd;
  color: #7e7e7e;
}
.ti_write .ma_pop .mp2 ul li input:checked + label {
  border: 0.2778vw solid var(--primary);
  color: var(--primary);
}

.ti_com {
  display: block;
  text-align: center;
  padding: 27.7778vw 0;
  font-size: 4.1667vw;
  font-weight: 400;
}
.tm {
}
.tm .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.1667vw;
}
.tm .top h1 {
  font-size: 5.5556vw;
  font-weight: 500;
}
.tm .top button {
}
.sub.sub2 .rank_list ul li a {
  padding: 0;
  padding-top: 4.1667vw;
  padding-bottom: 4.1667vw;
}

.pay {
}
.pay .top {
  position: relative;
  display: block;
  padding: 2.7778vw 0;
  border-bottom: 0.2778vw solid #eee;
}
.pay .top p {
  font-size: 4.4444vw;
  font-weight: 400;
  display: block;
  margin-bottom: 1.3889vw;
}
.pay .top h1 {
  display: block;
  font-weight: 500;
  font-size: 7.7778vw;
  color: var(--primary);
}
.pay .top button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: var(--primary);
  font-size: 4.1667vw;
  font-weight: 400;
}
.pay ul {
}
.pay ul li {
  display: block;
  padding: 4.1667vw 0;
}
.pay ul li b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6667vw;
}
.pay ul li b .p1 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.pay ul li b .p2 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.pay ul li p {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pay ul li p .p3 {
  font-size: 3.6111vw;
  color: #7e7e7e;
}
.pay ul li p .p4 {
  font-size: 3.6111vw;
}

.teacher_cal2 .center .cal_d li.on span {
  border: 0;
}
.teacher_cal2 .center .cal_d li span span.vac2 {
  margin-top: 2.7778vw;
  background: #7e7e7e;
  font-size: 3.0556vw;
}
.teacher_cal2 .center .cal_d li span span.vac1 {
  font-size: 3.0556vw;
}

.month_bar {
  display: block;
  padding: 3.3333vw 4.1667vw;
  box-sizing: border-box;
  background: #e8f0fc;
}
.month_bar .mb1 {
  color: #444;
  font-size: 4.4444vw;
  font-weight: 400;
  display: block;
  margin-bottom: 1.3889vw;
}
.month_bar .mb2 {
  font-size: 7.7778vw;
  font-weight: 500;
  color:var(--primary);
}
.month_list {
  display: block;
}
.month_list ul {
}
.month_list ul li {
  display: block;
  padding: 4.1667vw;
  box-sizing: border-box;
}
.month_list ul li .mlt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.month_list ul li .mlt .mlt1 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.month_list ul li .mlt .mlt2 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.month_list ul li .mlb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.month_list ul li .mlb .mlb1 {
  font-size: 3.6111vw;
  color: #7e7e7e;
}
.month_list ul li .mlb .mlb2 {
  font-size: 3.6111vw;
}

.basic_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}
.basic_pop .pop_back {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.basic_pop .bp_con {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 4.1667vw;
  box-sizing: border-box;
  border-radius: 1.6667vw;
  width: 70%;
}
.basic_pop .bp_con h1 {
  font-size: 4.4444vw;
  font-weight: 500;
}
.basic_pop.pop13 .bp_con h1 {
	font-size:3.4444vw;
}

.basic_pop .bp_con .bp_r_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 4.1667vw;
}
.basic_pop .bp_con .bp_r_btn button {
  color: var(--primary);
  font-size: 4.1667vw;
}
.basic_pop .bp_con .bp_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.1667vw;
}
.basic_pop .bp_con .bp_btn button {
  width: 47%;
  padding: 3.6111vw;
  box-sizing: border-box;
  border-radius: 1.3889vw;
  background: #eeeeee;
  font-size:4.4444vw;
}
.basic_pop .bp_con .bp_btn button.bp_ok {
  background: var(--primary);
  color: #fff;
}
.basic_pop.pop12 .bp_con{
	width:80%;
}
.basic_pop.pop12 h1 {
	
}

.rm_view_com {
	position:relative;
}
.rm_view_com .back_btn{
  position: absolute;
  top: 5.2778vw;
  right: 4.1667vw;
}
.rm_view_com h1 {
  margin-top: 16.6667vw;
  display: block;
  font-size: 6.6667vw;
  font-weight: 500;
}
.rm_view_com .cen {
  display: block;
  text-align: center;
  font-size: 4.4444vw;
  padding: 55.5556vw 0;
}

.review_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
}
.review_pop .pop_back {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.review_pop .rp_con {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3889vw;
  background: #fff;
  padding: 8.3333vw 0;
  border-top-left-radius: 1.9444vw;
  border-top-right-radius: 1.9444vw;
}
.review_pop .rp_con .rp_star {
  background: url("../img/rv_star_off.png") no-repeat center center;
  padding: 6.1111vw;
  box-sizing: border-box;
}
.review_pop .rp_con .rp_star.on {
  background: url("../img/rv_star_on.png") no-repeat center center;
  padding: 6.1111vw;
  box-sizing: border-box;
}
.review_pop .rp_ok {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 33.3333vw;
  background: #111;
  color: #fff;
  padding: 2.7778vw 8.3333vw;
  border-radius: 6.9444vw;
  box-sizing: border-box;
}

.chat_dot {
  position: absolute;
  top: 50%;
  right: 2.7778vw;
  transform: translateY(-50%);
}
.chat_dot button {
}
.chat_dot button img {
}
.chat_dot ul {
  position: absolute;
  top: 5vw;
  right: 5vw;
  box-shadow: 0 0.8333vw 1.6667vw rgba(0, 0, 0, 0.2);
  display: none;
}
.chat_dot.on ul {
  position: absolute;
  top: 5vw;
  right: 5vw;
  box-shadow: 0 0.8333vw 1.6667vw rgba(0, 0, 0, 0.2);
  display: block;
  border-radius:4.1667vw;
}
.chat_dot ul li {
  background: #fff;
  display: block;
  padding: 2.7778vw;
  box-sizing: border-box;
  width: 33.3333vw;
  font-size: 4.1667vw;
  border-radius:4.1667vw 4.1667vw 0 0; 
}
.chat_dot ul li:last-child {
  border-radius:0 0 4.1667vw 4.1667vw;
}

.v_ban {
  position: relative;
}
.v_ban .v_ban_top {
  position: relative;
}
.v_ban .v_ban_top .vbt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5vw;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  filter: blur(1.3889vw);
}
.v_ban .v_ban_top .vbt button {
  position: absolute;
  top: 6.6667vw;
  left: 4.1667vw;
  transform: translateY(-50%);
}
.v_ban .v_ban_top .vbt button img {
}

/* ============ 오늘의 운세 ========== */
.today_fortune {
  margin: 3.3333vw 0 1.3889vw;
}
.today_fortune .at {
  padding-bottom: 0;
}
.today_fortune .tit {
  text-align: center;
  padding: 6.6667vw 0 5vw;
  border-radius: 2.2222vw;
  margin-bottom: 3.6111vw;
}
.today_fortune .tit h2 {
  font-size: 5.5556vw;
  font-weight: 700;
  color: var(--primary-01);
  margin-bottom: 0.8333vw;
}
.today_fortune .tit p {
  font-size: 4.4444vw;
  font-weight: 400;
  color: var(--primary-01);
}
.today_fortune .box {
  padding: 5vw 4.4444vw;
  min-height: 121.9444vw;
  box-sizing: border-box;
  border-radius: 2.2222vw;
}
.today_fortune .box span {
  display: block;
  margin-bottom: 5vw;
}
.today_fortune .box h3 {
  text-align: center;
  font-size: 5.5556vw;
  font-weight: 700;
  margin-bottom: 2.2222vw;
}
.today_fortune .box p {
  font-size: 3.8889vw;
  font-weight: 400;
  color: #111;
}

/* ============ 추가페이지 ========== */
.call {
  width: 100%;
  height: 100vh;
  padding: 0.6667vw 8.3333vw 16.6667vw;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.call .time {
  font-size: 13.8889vw;
  font-weight: bold;
  margin: 25vw auto 21.3889vw;
}
.call .state {
  font-size: 7.8889vw;
  font-weight: bold;
  margin-bottom: 10vw;
  display: none;
}
.call .cus-info {
  margin-bottom: 13.6111vw;
}
.call .cus-info div {
  margin-bottom: 1.3889vw;
  font-size: 5.5556vw;
  font-weight: bold;
}
.call .cus-info div:last-child {
  margin-bottom: 0;
}
.call .call-time {
  font-size: 5.5556vw;
  font-weight: bold;
  margin-bottom: 24.8889vw;
}
.call .call-btn-wrap {
  width: 100%;
  height: 16.6667vw;
  position: absolute;
  left: 0;
  bottom: 25vw;
}
.call .call-btn-wrap button {
  width: 38.8889vw;
  background: #e74233;
  border-radius: 1.6667vw;
  font-size: 6.1111vw;
  color: #fff;
  padding: 4.7222vw 0;
}
.call .call-btn-wrap button.btn-call {
  background: var(--primary-01);
  margin-left: 3.8889vw;
}

/* 회원가입 페이지 */
.join {
  margin: 16.6667vw 0 0;
  padding: 0 4.1667vw;
}
.join.v2 {
  padding: 0 4.1667vw;
}
.join.v2 .logo {
	padding-bottom:75px;
	width:103px;
}
.join.v2 .logo a{
	display:block;
}
.join.v2 .logo img {
	width:100%;
}
.join.v2 h1 {
  font-size: 6.67vw;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 80px;
  text-align: left;
}

.join .img-area {
  width: 27.7778vw;
  height: 27.7778vw;
  margin-bottom: 16.6667vw;
}
.join .img-area img {
  width: 100%;
}
.join .intro {
  font-size: 6.6667vw;
  font-weight: 500;
  margin-bottom: 21.9444vw;
}
.join .term-all {
  border-bottom: 0.2778vw solid #eeeeee;
  margin-bottom: 5.2778vw;
  padding-bottom: 5.2778vw;
}
.join input[type="checkbox"] + label {
  background: url("../img/term.png") no-repeat center left/ 6.6667vw;
  margin-right: 1.6667vw;
  font-size: 4.1667vw;
  font-weight: 500;
  padding: 5.2778vw 0 5.2778vw 9.7222vw;
}
.join input[type="checkbox"]:checked + label {
  background: url("../img/term-on2.gif") no-repeat center left/ 6.6667vw;
}
.join .term-wrap .term-block {
  margin-bottom: 7.2222vw;
  position: relative;
}
.join .term-wrap .term-block img {
  width: 2.2222vw;
  height: 4.4444vw;
  position: absolute;
  right: 0;
}
.join .term-wrap {
  margin-bottom: 9.1667vw;
}
.join .join-next-btn {
  width: 100%;
  padding: 3.8889vw 0;
  color: #fff;
  font-size: 4.7222vw;
  background: var(--primary);
  border-radius: 1.6667vw;
}

.term-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9;
}
.term-title {
  width: 100%;
  padding: 5.5556vw 4.1667vw;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.term-title .close-btn {
  position: absolute;
  left: 4.1667vw;
  top: 50%;
  transform: translateY(-50%);
}
.term-title .title {
  font-size: 5.5556vw;
  font-weight: 500;
}
.term-content {
  padding: 3.0556vw 4.1667vw;
  color: #7e7e7e;
}

/* 상담날 관리 pop7 */
.pop7 .pop7_con .list ul li span.date {
  display: inline-block;
  width: 40%;
  border: 0.2778vw solid #ddd;
  border-radius: 5.5556vw;
  padding: 2.7778vw;
  box-sizing: border-box;
}

.page_bottom {
  width: 100%;
  font-size: 3.3333vw;
  color: #b4b3b9;
  margin-top: 20vw;
  background-color: #f3f3f3;
}
.page_bottom ul li {
  border-bottom: none !important;
  margin-bottom: 0.5556vw;
  padding: 2.2222vw 5vw !important;
}
.page_bottom ul li button {
  background: none;
  border: 0;
  font-size: 3.3333vw;
  color: #b4b3b9;
}
.page_bottom ul li:last-child {
  margin-top: 3.6111vw;
}

.weekly_tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.weekly_tab .tab_menu {
  display: block;
  width: 20%;
  font-size: 4.4444vw;
  padding: 3.6111vw 0;
  text-align: center;
}
.weekly_tab .tab_menu.on {
  display: block;
  width: 20%;
  border-bottom: 0.5556vw solid var(--primary);
  color: var(--primary);
}

.weekly_tab2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.weekly_tab2 .tab_menu2 {
  display: block;
  width: 20%;
  font-size: 4.4444vw;
  padding: 3.6111vw 0;
  text-align: center;
}
.weekly_tab2 .tab_menu2.on {
  display: block;
  width: 20%;
  border-bottom: 0.5556vw solid var(--primary);
  color: var(--primary);
}

/* 오늘의 운세 */
.fortune_banner img {
  width: 100%;
}

/* 꿈해몽 */
.Dream_interpretation_wrap img {
  width: 100%;
}

.display_none {
  display: noen;
}
@media (max-width: 500px) {
  .menu li a p {
    font-size: 14px;
  }
}
@media (max-width: 440px) {
  .menu li span {
    font-size: 11px;
  }
  .main_menu li a span {
    font-weight: 700;
    font-size: 13px;
  }
}
@media (max-width: 420px) {
  .menu li a p {
    font-size: 12px;
  }
  ul.menu a > img {
    width: 24px;
  }

  .menu li a {
    height: 106px;
  }
}

@media (max-width: 440px) {
  .main_menu li a span {
    font-size: 12px;
  }
}
@media (max-width: 440px) {
  .main_menu li a span {
    font-size: 11px;
  }
}

.chat_count {
  position: absolute;
  left: 50%;
  top: 12px;
  background: red;
  padding: 1px 5px;
  border-radius: 50%;
  font-size: 11px;
  color: #fff;
}
.container {
  max-width: 91.67vw;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 38.33vw;
}
.container .logo {
	padding-bottom:25px;
	width:150px;
}
.container .logo img {
	width:100%
}

.container h1 {
  font-size: 6.67vw;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 8.61vw;
  text-align: left;
}

.form_group {
  margin-bottom: 4.17vw;
}
.form_group.v2 {
	margin-bottom: 0;
}

.form_group label {
  display: block;
  margin-bottom: 2.78vw;
  font-size: 4.44vw;
  color: #111111;
}
.form_group.v2 label {
	margin-bottom: 0;
}

.form_group input {
  width: 100%;
  padding: 4.17vw;
  font-size: 3.89vw;
  border: 0.28vw solid #ddd;
  border-radius: 1.67vw;
  box-sizing: border-box;
  margin-bottom: 5.56vw;
}
.form_group.v2 input {
	margin-bottom: 0;
	/*box-shadow:0 0 5px #ececec;*/
}
.form_group input.email {
	border-radius: 1.67vw 1.67vw 0 0; border-bottom:none;
}
.form_group input.password {
	border-radius: 0 0 1.67vw 1.67vw;
}

.btn_primary {
  width: 100%;
  padding: 4.17vw;
  background-color: var(--primary);
  color: #fff;
  font-size: 4.72vw;
  border: none;
  border-radius: 1.67vw;
}

.link_group {
  display: flex;
  justify-content: center;
  gap: 4.17vw;
  margin-top: 4.17vw;
}
.link_group ul {display: flex; justify-content: center;}
.link_group ul li {position:relative; background: url("../img/bg_bar.gif") no-repeat center right; padding:0 10px;}
.link_group ul li:first-child { padding-left:0; }
.link_group ul li:last-child {background:none;  padding-right:0;  }

.link_group .link {
  font-size: 3.89vw;
  color: #6a6a6a;
  text-decoration: none;
  font-weight: normal;
}

.link_group .link:hover {
  color: var(--primary-01);
}

.login .kakaolaver_login {margin-top:50px; padding-bottom:20px;}
.login .kakaolaver_login p {font-size:3.5vw; color:#6a6a6a; text-align:center;margin-bottom:14px;}
.login .kakaolaver_login ul {display:flex; justify-content: center;gap:3vw;}

.google_login {margin-top:20px;text-align:center;}
.google_login p {font-size:3.5vw; color:#6a6a6a;margin-bottom:25px;}
.google_login .btn_google {
	display:inline-block;
	border:1px solid #efefef; 
	border-radius:7vw; padding:4.1667vw 4.1667vw 4.1667vw 11vw; 
	color:#6d6d6d; 
	text-align:center; 
	background:#f9f9f9 url("../img/ico_google.gif") no-repeat 4.1667vw 4.6vw;
}

.error_message {
  font-size: 3.89vw;
  color: #d40000;
  display: none;
}

.login_box  p:first-of-type {
	border-top:1px solid #ddd;
}
.login_box .form_group:nth-child(2) p {
	border-top:none;
}
.message_box {
  margin-bottom: 10vw;
  text-align: left;
}

.message_text {
  font-size: 6vw;
  color: #222222;
  margin-bottom: 15vw;
  text-align: center;
  font-weight: 500;
}

.email_display_box {
  width: 100%;
  font-size: 4.44vw;
  color: #222222;
  background-color: #f2f2f2;
  border: 0.28vw solid #dddddd;
  border-radius: 1.67vw;
  padding-top: 4.17vw;
  padding-bottom: 4.17vw;
  margin-top: 14.17vw;
  text-align: center;
}

.btnBottom {
  margin-top: 86.94vw;
}

.time_wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.top {
  position: relative;
}

#birth_time {
  width: 100%;
  padding: 4.17vw;
  font-size: 3.89vw;
  border: 0.28vw solid #ddd;
  border-radius: 1.67vw;
  box-sizing: border-box;
}

#customContainer .checkbox_label {
  position: absolute;
  top: -30%;
  right: 2.78vw;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  font-size: 3.89vw;
}

#customContainer .checkbox_label input[type="checkbox"] {
  margin-right: 1.39vw;
  width: 5.56vw;
  height: 5.56vw;
  left: 0;
  top: 3vw;
  border: 0.28vw solid #cccccc !important;
  position: relative;
}

#customContainer .checkbox_label input[type="checkbox"]:checked {
  background-color: var(--primary);
  border: 0.28vw solid var(--primary);
}

.checkbox_text {
  font-size: 4.17vw;
  color: #111111;
}

#customContainer .checkbox_label input[type="checkbox"]:checked::before {
  content: "✓";
  color: white;
  font-size: 1.39vw !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.address_input_container {
  position: relative;
  display: flex;
  align-items: center;
}

#address {
  flex: 1;
  font-size: 3.89vw;
  border: 0.28vw solid #ddd;
  border-radius: 1.67vw;
  box-sizing: border-box;
  margin-bottom: 4.17vw;
}

#address_search_button {
  position: absolute;
  right: 2.78vw;
  top: 4.17vw;
  background-color: transparent;
  border: none;
  color: var(--primary);
  font-size: 4.17vw;
  cursor: pointer;
}

.picker_header {
  display: flex;
  justify-content: center;
  gap: 2.78vw;
  margin-bottom: 4.17vw;
}

.calendar_btn {
  flex: 1;
  border: 0.28vw solid #ddd;
  background: #fff;
  padding: 3.33vw 0;
  font-size: 3.89vw;
  cursor: pointer;
  border-radius: 1.67vw;
  color: #666;
}

.calendar_btn.active {
  border: 0.28vw solid var(--primary);
  background-color: #fff;
  color: var(--primary);
}

.picker_container {
  display: flex;
  justify-content:space-between;
  /*gap: 2.78vw;*/
  padding: 2.78vw 0;
  width: 60%;
  height: 93.06vw;
  margin:0 auto;
}

.scroll_picker {
  text-align: center;
  align-items: center;
  max-height: 83.33vw;
  overflow-y: scroll;
  border-radius: 1.67vw;
  padding: 1.39vw 15vw 1.39vw 0;
  position: relative;
  width:100%;
  box-sizing:border-box;
}

.scroll_picker::-webkit-scrollbar {
  width: 1.67vw;
}

.scroll_picker{
   -ms-overflow-style: none;
}
.scroll_picker::-webkit-scrollbar{
  display:none;
}


.scroll_picker::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 0.83vw;
}

.scroll_picker::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.picker_item {
  font-size: 8.3333vw;
  color: #eeeeee;
  padding: 2.78vw 0;
  text-align: center;
  width:100%;
}

.picker_item.active {
  position:relative;
  color: #111;
  font-size: 8.3333vw;
}
.picker_item.active span {
  display:inline-block;
  padding:3.125vw 0;
  border-bottom: 0.28vw solid var(--primary);
  border-top: 0.28vw solid var(--primary);
}
.picker_item.active:after {
	display:block;
	position:absolute;
	right:-7vw;
	top:6.25vw;
	content:'시';
}
.scroll_picker:last-child .picker_item.active:after {
	content:'분';
}
.container.birth_date .picker_container {
	width:100%;
}
.container.birth_date .scroll_picker:nth-child(1) {
	width:200%;
}
.container.birth_date .scroll_picker:nth-child(1) .picker_item.active:after {
	content:'년';
}
.container.birth_date .scroll_picker:nth-child(2) .picker_item.active:after  {
	content:'월';
}

.container.birth_date .scroll_picker:nth-child(3) .picker_item.active:after  {
	content:'일';
}

.f_txt {padding:10px 10px 0px 13.3333vw; background:#fff; color:#333; font-size:12px; font-weight:200; line-height:16px;display:none;}
.f_txt span {font-size:9px; line-height:9px; padding:0 4px;}
.footer.v2 > .f_txt { padding-bottom:30px;}
.loading {
	position:relative;
	background:var(--primary);
	width:100%;
	height:100vh;
}
.loading .img {
	width:180px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.loading .img img {
	width:100%;
}

.radio_type1 {display: inline-block; position: relative; padding-left: 34px; cursor: pointer; font-size:3.9vw; vertical-align: middle; } 
.radio_type1 input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radio_type1 .checkmark {position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 24px; width: 24px; background: url("../img/ck_off.png") no-repeat; background-size:cover }
.radio_type1 input:checked ~ .checkmark { }
.radio_type1 input:checked + .checkmark:after {content: ""; position: absolute;left:0px;top:0px; height: 24px; width: 24px; background: url("../img/ck4_on.png") no-repeat; background-size:cover}

.selec_pay {margin:20px 0; font-size:3.4444vw;}
.r_ch .tabContent {display:none;}
#PayNow .tit {font-size:4.4444vw;}
#PayNow .r_result ul li b {margin:0;}
#PayNow .s_btn {border-radius:1.6667vw; display:block; text-align:center;}
#PayNow  .info_txt {display:flex; justify-content: space-between; font-size:4.4444vw; vertical-align:middle; margin:40px 0;}
#PayNow  .info_txt  span {display:inline-block; text-align:left; vertical-align:text-bottom;}
#PayNow  .info_txt  span.num {font-weight:600;}
#PayNow  .info_txt  span i {position:relative;  top:-2px;  margin:0 5px; display:inline-block; background:#e1e1e1; border-radius:5px; padding:3px;  font-size:3.3vw; font-weight:400; font-style: normal;}
#PayNow  .btn_paynow { width:100%; text-align:center; background:#415ef7; color:#fff; font-size:4.4444vw; border-radius:10px;justify-content: center;}
#PayLater  .tit {font-size:4.4444vw;}
#PayLater  .info_txt {display:flex; justify-content: space-between; font-size:4.4444vw; vertical-align:middle; margin:40px 0;}
#PayLater  .info_txt  span {display:inline-block; text-align:left; vertical-align:text-bottom;}
#PayLater  .info_txt  span.num {font-weight:600;}
#PayLater  .info_txt  span i {position:relative;  top:-2px;  margin:0 5px; display:inline-block; background:#e1e1e1; border-radius:5px; padding:3px;  font-size:3.3vw; font-weight:400; font-style: normal;}
#PayLater  .btn_paylater { width:100%; text-align:center; background:#415ef7; color:#fff; font-size:4.4444vw; border-radius:10px;justify-content: center;}


/* 상담하기 모달창 추가 */
.modal_layer{position:fixed;inset:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.3);display:none;}
.modal_layer.show{display:block;}
.modal_layer .modal_wrap{display:flex;flex-flow:column;width:90%;height:auto;max-height:90vh;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index:1;background:#fff;border-radius:2.66667vw;overflow:hidden;}
.modal_layer .modal_wrap .modal_tit{text-align:center;font-size:4.8vw;color:#000;font-weight:500;position:relative;padding:4.53333vw 0;}
.modal_layer .modal_wrap .modal_tit .close_btn{position:absolute;right:5.33333vw;top:50%;transform:translateY(-50%);font-size:0;width:4.8vw;height:4.8vw;background:url(../img/x_btn2.png) 0 0 no-repeat;background-size:cover;}
.modal_layer .modal_wrap .modal_con{height:calc(100% - 14.66667vw);overflow:auto;padding-bottom:5.33333vw;}
.modal_layer .modal_wrap .modal_con .modal_inner{padding:0 5.33333vw;}
.modal_layer .modal_wrap .counsel_info .top_banner{display:flex;align-items:center;background:var(--primary-ltlt);height:26.66667vw;}
.modal_layer .modal_wrap .counsel_info .top_banner .pic{flex:0 0 50%;height:100%;text-align:center;}
.modal_layer .modal_wrap .counsel_info .top_banner .pic img{width:auto;height:100%;}
.modal_layer .modal_wrap .counsel_info .top_banner .txt{flex:0 0 50%;}
.modal_layer .modal_wrap .counsel_info .top_banner .txt .line1{font-size:5.33333vw;font-weight:800;color:var(--primary); }
.modal_layer .modal_wrap .counsel_info .top_banner .txt .line2{font-size:4.26667vw;color:var(--primary);font-weight:800;/*margin-top:2.66667vw;*/}
.modal_layer .modal_wrap .counsel_info .top_banner .txt .line2 span{font-size:inherit;color:var(--primary-01);font-weight:400;}
.modal_layer .modal_wrap .counsel_info .tit{display:flex;margin:6.66667vw 0 5.33333vw 0;}
.modal_layer .modal_wrap .counsel_info .tit li{flex: 1 1 auto;}
.modal_layer .modal_wrap .counsel_info .tit li:first-child{font-size:4.26667vw;font-weight:600;color:#000;}
.modal_layer .modal_wrap .counsel_info .tit li:first-child:before{content:'';display:inline-block;width:5.33333vw;height:5.33333vw;background:url(../img/coin.png) 0 0 no-repeat;background-size:cover;vertical-align:text-top;margin-right:1.33333vw;}
.modal_layer .modal_wrap .counsel_info .tit li:last-child{text-align:right;font-size:3.46667vw;font-weight:600;color:#444;}
.modal_layer .modal_wrap .counsel_info .tit li:last-child strong{color:#000;display:inline-block;margin-right:0.53333vw;}
.modal_layer .modal_wrap .counsel_info .tit li:last-child span{font-size:2.93333vw;color:#666;display:inline-block;background:#f5f5f5;border-radius:1.33333vw;padding:1.33333vw;margin-left:1.6vw;}
.modal_layer .modal_wrap .counsel_info .info_box{display:inline-block;position:relative;}
.modal_layer .modal_wrap .counsel_info .info_box .info_btn{font-size:3.2vw;width:4.26667vw;height:4.26667vw;font-weight:600;color:#cfd2d3;border:0.53333vw solid #cfd2d3;border-radius:100px;}
.modal_layer .modal_wrap .counsel_info .info_box .detail{width:26.66667vw;position:absolute;top:110%;left:0;background:#fff;border:0.26667vw solid #ccc;border-radius:1.33333vw;padding:1.33333vw;font-size:3.2vw;font-weight:400;color:#444;z-index:10;display:none;}
.modal_layer .modal_wrap .counsel_info .info_box:hover .detail{display:block;}
.modal_layer .modal_wrap .counsel_info .mycoin{display:flex;background:var(--primary-ltlt);border:0.26667vw solid var(--primary-lt);border-radius:2.66667vw;position:relative;}
.modal_layer .modal_wrap .counsel_info .mycoin:after{content:'';width:3.2vw;height:5.6vw;display:block;background:url(../img/arrow_gold.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-size:cover;}
.modal_layer .modal_wrap .counsel_info .mycoin > div{flex:0 0 50%;padding:5.33333vw;text-align:center;box-sizing: border-box;}
.modal_layer .modal_wrap .counsel_info .mycoin div p{font-size:4vw;color:#000;font-weight:600;word-break: keep-all;}
.modal_layer .modal_wrap .counsel_info .mycoin div p.sm{font-size:2.66667vw;color:#999;font-weight:600;margin-bottom:2.66667vw;}
.modal_layer .modal_wrap .counsel_info .noti{font-size:3.2vw;line-height:2.25;color:#b0b0b0;text-align:center;margin:6.66667vw 0;}
.modal_layer .modal_wrap .counsel_info .btn{font-size:3.73333vw;display: inline-block;border-radius:2.13333vw;padding:4vw 0;}
.modal_layer .modal_wrap .counsel_info .btn img{margin-right:1.6vw;}
.modal_layer .modal_wrap .counsel_info .btn .bar{width:0.26667vw;height:3.2vw;display:inline-block;margin:0 2.66667vw;vertical-align:middle;}
.modal_layer .modal_wrap .counsel_info .btn_white{color:var(--primary);width:100%;border:0.26667vw solid var(--primary);}
.modal_layer .modal_wrap .counsel_info .btn_white .bar{background:var(--primary);}
.modal_layer .modal_wrap .counsel_info .btn_blue{color:#fff;width:100%;background:var(--primary);}
.modal_layer .modal_wrap .counsel_info .btn_blue .bar{background:#fff;}
.modal_layer .modal_wrap .counsel_info .tab_box{border-top:0.26667vw solid #eee;margin-top:5.33333vw;padding-top:5.33333vw;}
.modal_layer .modal_wrap .counsel_info .tab_tit{width:100%;font-size:4.26667vw;font-weight:600;color:#000;}
.modal_layer .modal_wrap .counsel_info .tab_tit:after{content:'';display:inline-block;width:2.93333vw;height:4.26667vw;background:url(../img/arrow-bottom.png) 50% 50% no-repeat;float:right;transition:all 0.2s;}
.modal_layer .modal_wrap .counsel_info .tab_tit.open:after{background:url(../img/arrow-top.png) 50% 50% no-repeat;}
.modal_layer .modal_wrap .counsel_info .tab_con{display:none;transition:all 0.2s;}
.modal_layer .modal_wrap .counsel_info .tab_con.open{display:block;}


/* 선생님 등록*/
.tjoin_intro{padding-top: 17.5vw;}
.tjoin_intro .top_txt{background:url(../img/tjoin_intro_bg.jpg) 0 0 no-repeat;background-size:cover;color:#fff;padding:18.66667vw 8.0vw 69.33333vw;}
.tjoin_intro .top_txt .tit{font-size:8.0vw;line-height:1.3;margin-bottom:8.0vw;}
.tjoin_intro .top_txt .des{font-size: 3.73333vw;line-height:1.7;}
.tjoin_intro .btm_txt p{font-size:6.66667vw;line-height:1.52;text-align:center;color:#000;margin:18.66667vw 0 9.33333vw 0;}

.tjoin_con{padding-top: 17.5vw;}
.tjoin_con .top_txt h2{font-size:6.4vw;font-weight:600;}
.tjoin_con .top_txt h2 span{font-size: 5.5556vw;color: #7e7e7e;}
.tjoin_con .top_txt p{font-size:4.26667vw;margin-top:2.66667vw;}
.tjoin_con .btn{font-size:4.44vw;display: inline-block;border-radius:2.13333vw;padding:4.17vw 25.75vw;text-align:center;box-sizing: border-box;}
.tjoin_con .btn_white{color:var(--primary);width:100%;border:0.26667vw solid var(--primary);}
.tjoin_con .btn_blue{color:#fff;width:100%;background:var(--primary);}


/* 코인충전 페이지 추가*/
.radio_type2{display:block;position:relative;padding-left:9.1vw;}
.radio_type2 .checkmark{display:block;width:6.4vw;height:6.4vw;position:absolute;left:0;top:50%;transform: translateY(-50%);background: url(../img/chk_off.png) 0 0 no-repeat;background-size: cover;}
.radio_type2 input:checked + .checkmark{background: url(../img/chk_on.png) 0 0 no-repeat;background-size: cover;}
.radio_type2 .txt{display:flex;justify-content: space-between;align-items: center;}

.chag{padding-top: 17.5vw;padding-bottom:20vw;}
.chag .my_coin{padding:5.33333vw;}
.chag .chag_sec .user_coin{display: flex;justify-content: space-between;align-items: center;background: var(--primary-ltlt); border: 0.26667vw solid var(--primary-lt);border-radius: 2.66667vw;padding:4vw;}
.chag .chag_sec .user_coin .tit{font-size:4vw;color:#444;}
.chag .chag_sec .user_coin .tit:before{content: '';display: inline-block;width: 5.33333vw;height: 5.33333vw;background: url(../img/coin.png) 0 0 no-repeat;background-size: cover;vertical-align: text-top;margin-right: 1.33333vw;}
.chag .chag_sec .user_coin .txt{font-size:4.26667vw;color:#000;}
.chag .chag_sec .user_coin .txt strong{font-size:6.4vw;vertical-align:middle;}
.chag .chag_sec .top_tit{display: flex;justify-content: space-between;align-items: center;font-size: 4.4444vw;font-weight: 500;padding:5.33333vw;}
.chag .chag_sec .top_tit .sm{font-size: 3.2vw;line-height: 2.25;color: #b0b0b0;text-align: center;}
.chag .chag_sec .btm_con{border-top: 0.26667vw solid #eee;}
.chag .chag_sec .price_list li{border-top: 0.26667vw solid #eee;padding:4.8vw 5.33333vw;}
.chag .chag_sec .price_list li:first-child{border-top:0;}
.chag .chag_sec .price_list li.title{padding:1.8vw 5.33333vw;display:flex;justify-content:space-between;background:#f8f8f7;}
.chag .chag_sec .price_list li.title span{width:18.7vw;text-align:center;color:#666;}
.chag .chag_sec .price_list li .radio_type2 .txt{font-size:3.7vw;}
.chag .chag_sec .price_list li .radio_type2 .txt p{width:22vw;}
.chag .chag_sec .price_list li .radio_type2 .price_box{width:23.1vw;font-size:3.7vw;color:#fff;font-weight:600;background:var(--primary-01);padding:1.45vw;border-radius: 1.6vw;text-align:center;}
.chag .chag_sec .price_list li .radio_type2 .price_box .plus{font-size:3.2vw;display:block;font-weight:500;color:#ffdf7c;}
.chag .chag_sec .price_list li .radio_type2 .time_box{width:18.7vw;text-align:center;color:#7e7e7e;}
.chag .chag_sec .coin_payment dl{border-top: 0.26667vw solid #eee;}
.chag .chag_sec .coin_payment dl:first-child{border-top:0;}
.chag .chag_sec .coin_payment dl dt{font-size:4vw;padding: 4.8vw 5.33333vw;}
.chag .chag_sec .coin_payment dl dd{display:none;padding: 0 5.33333vw 4.8vw;}
.chag .chag_sec .coin_payment .pay_option{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;}
.chag .chag_sec .coin_payment .pay_option li{flex:0 0 48%;}
.chag .chag_sec .coin_payment .pay_option li label{display:block;font-size: 3.7vw;text-align:center;padding: 2.7778vw;border: 0.2778vw solid #ddd;border-radius: 1.3889vw;}
.chag .chag_sec .coin_payment .pay_option li input:checked + label{border: 0.2778vw solid var(--primary);
color: var(--primary);}
.chag .chag_sec .bubble{display:inline-block;font-size: 3.2vw;background:#f5f7ff;color: var(--primary);border-radius: 1.6vw;padding:1.3vw 2.7vw;}
.chag .chag_sec .total_price {padding: 5.33333vw;}
.chag .chag_sec .total_price ul{}
.chag .chag_sec .total_price ul li{display:flex;justify-content: space-between;align-items: center;margin-bottom: 2.7778vw;}
.chag .chag_sec .total_price ul li span{font-size:4.4444vw;}
.chag .chag_sec .total_price ul li.total{border-top: 0.2778vw solid #eee;padding: 4.1667vw 0;margin-top:10vw;}
.chag .chag_sec .total_price ul li.total  span{font-weight: 500;}
.chag .chag_sec .total_price ul li.total .txt{font-size: 6.1111vw;}
.pay_confirm{position: sticky;left: 0;bottom: 12.7vw;background: #fff;padding:5.33333vw;border-top:0.26667vw solid #eee;}

.login{padding-bottom:12vw;}

/* 신명소리 */
.header_wrap .top_txt, .main_link_area .top_txt {	width:100%;	background:#c6733d;	text-align:center;	color:#fff;	padding:3vw; font-size:18px;box-sizing:border-box; line-height:1.3; border-radius:1vw }
.header_wrap .top_txt span, .main_link_area .top_txt span  {	color:#fde44a;	font-weight:bolder; }
.header_wrap .top_txt img, .main_link_area .top_txt img  {	width:20px;}
.main_link_area .top_txt { /*margin:20px -2vw; width:calc(100% + 4vw);*/ margin:20px auto; }