/* 교재 리스트 */
#content .book_container {
	width:1280px;margin:0 auto;	padding-top:30px;
	display: flex;flex-direction: column;gap:20px;
}
#content .book_container *{
	font-family:"Wanted Sans Variable";
}
.book_container .book_header {
	padding:20px 0;border-bottom:1px solid #222222;position: sticky;top:0;background: #fff;z-index: 3;
	display: flex;align-items: center;justify-content: space-between;
}
.book_container .book_header > h2 {
	font-size:24px;font-weight: 700;color:#222;
}
.book_container .book_header ul{
	display: flex;gap:8px;
}
.book_container .book_header ul li {
	display: flex;
}
.book_container .book_header ul li a{
	font-size:16px;font-weight:500;color:#444444;background-color: #F1F3F8;border-radius: 20px;
	padding:6.5px 17px;
}
.book_container .book_header   ul li a.active {
	background: #222;color:#fff;
}
.book_container .book_header .searchbox {
	margin:0;float: unset;display: flex;gap:10px;height: 38px;
}
.book_container .book_header   .searchbox input[type='text'] {
	border-radius: 5px;height: 38px;width: 296px;padding-left:20px;	font-size: 14px;
	font-weight: 500;
	color: #444444;
	border:1px solid #ddd;outline: 0;
	box-sizing: border-box;
	position: relative;
}
.book_container .book_header .searchbox input[type='text']:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
  }
.book_container .book_header .searchbox input[type='text']::placeholder {
	color: #999999;
}
.book_container .book_header .searchbox button[type='submit']{
	position: absolute;border-radius: 5px;height: 38px;display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 20px 1px 10px;
			outline: 0;
			border: 0;
			background: transparent;
			right: 0;
}

.book_container .book_body {
	display: flex;flex-direction: column;gap:20px;     margin-bottom: 100px; position: relative;
}
.book_container .book_body .book_title {
	width:100%;
}
.book_container .book_body .book_title .book_title_wrap {
	display: flex;justify-content: space-between;align-items: center;
}
.book_container .book_body .book_title h2 {
	font-size:24px;line-height:32px;font-weight:700;color:#222222;line-height: 1;
}
.book_container .book_body .book_title .topbtn a {
	font-size:14px;font-weight:500;color:#fff;background: #999999;border-radius: 5px;
	line-height: 1;padding: 12px 20px;    letter-spacing: -0.2px;
}
.book_container .book_body .book_title .topbtn a.logoutBtn {
	background-color: #E3EFFF;color:#0081ff;
}
.book_container .book_body .book_content {
	width: 100%;
}
.book_container .book_body .book_content .book_type {
	display: grid;grid-template-columns: 1fr 1fr;width: 100%;gap:30px;
}
.book_container .book_body .book_content .book_type .booktype_01 {
	width:100%;display: flex;border:1px solid #ddd;padding:40px;border-radius: 10px;    gap: 60px;
}
.book_container .book_body .book_content .book_type .booktype_01 li {
	display: flex;flex-direction: column;gap:20px;height: 100%;
}
.book_container .book_body .book_content .book_type .booktype_01 li > a{
	display: flex;    min-width: 160px;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.book_container .book_body .book_content .book_type .booktype_01 li a img {
	max-width: 160px;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_title h2 {
	font-size:20px;font-weight: 700;color:#000;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 26px;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_title a {
	display: flex;flex-direction: column;gap:10px;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_title a > span {
	font-size:14px;color:#999999;font-weight:500;letter-spacing: -0.2px;display: flex;flex-direction: column;    line-height: 1;gap:4px;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_price {
	display: flex;gap:7px;align-items: flex-end;justify-content: flex-start;margin: 10px 0 auto;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_price .discount_info {
	display: flex;gap:20px;align-items: flex-end;justify-content: flex-start;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_price .dc_rate{
	color: #FC1C49;font-size:18px;font-weight: 700;line-height: 1;
}

.book_container .book_body .book_content .book_type .booktype_01 li .book_info_price .ori_price{
	color: #999999;font-size:14px;font-weight: 500;line-height: 1;text-decoration: line-through;
}

.book_container .book_body .book_content .book_type .booktype_01 li .book_info_price .sell_price{
	color: #222222;font-size:18px;font-weight: 700;line-height: 1;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content{
	display: flex;gap:7px;align-items: center;justify-content: flex-start;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .ctrl {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
	border: 1px solid #DDDDDD;
	height:100%;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .ctrl .ctrl__counter {
  position: relative;
  width: 40px;
  height: 36px;
  color: #333C48;
  text-align: center;
  overflow: hidden;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#444444;
	font-size: 14px;
	font-weight: 500;
}

.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .ctrl .ctrl__button {
  width: 36px;
  line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	box-sizing: border-box;
  text-align: center;
  color: #000;
  cursor: pointer;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
}

.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .ctrl .ctrl__button:hover {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .ctrl .ctrl__button:hover svg rect, .ctrl__button:hover svg path{
	fill:#fff;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .ctrl .ctrl__button:active {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .btnlist {
	display: flex;gap:7px;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .btnlist a{
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 36px;
	width: 64px;
	height: 38px;
	background-color: #fff;
	border:1px solid #0081ff;
	color: #0081ff;
	border-radius: 5px;
	transition: all 0.2s;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .btnlist a:hover{
	background: #0081ff;
    transition: all 0.2s;
    color: #fff;
}

.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .btnlist .buynow a{
	background-color: #0081ff;color:#fff;    transition: all 0.2s;
}
.book_container .book_body .book_content .book_type .booktype_01 li .book_info_content .btnlist .buynow a:hover{
	background: #0056b3;
	transition: all 0.2s;
}
/* 교재 리스트 */

/*페이징 버튼 css*/
.book_container .pagebox {
	margin-top:60px;
	display: flex;
	align-items: center;
    justify-content: center;
}
.book_container .pagebox .pages {
	display: flex;gap:5px;
}
.book_container .pagebox .pages.cf:after {
	display: none;
}
.book_container .pagebox .pages a {
	border-radius: 36px;border:0;width:36px;height:36px;font-size:16px;font-weight: 500;color:#999999;
	display: flex;align-items: center;justify-content: center;
}
.book_container .pagebox .pages ul {
	display: flex;gap:5px;align-items: center;justify-content: center;
}
.book_container .pagebox .pages ul::after{
	display:none;
}
.book_container .pagebox .pages li.on a {
	color:#444444;background: #F1F3F8;
}
.book_container .pagebox .pages .prev {
	display: flex;
}
.book_container .pagebox .pages .next {
	display: flex;
}
/*페이징 버튼 css*/



/* 로그인팝업 */
.popup_panel { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.popup_panel div.popup_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.popup_panel div.popup_container { position: absolute;top: 50%;left: 50%;width: 420px;height: 341px;background-color:#fff;transform: translate(-50%, -50%);}
.popup_panel div.popup_contents {
	padding:30px 25px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	height: 100%;
}
.popup_panel div.popup_contents .popup_contents_title {
	display: flex;justify-content: space-between;align-items: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.popup_panel div.popup_contents .popup_contents_title h3 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height:1;
	display: flex;
	gap:10px;
	align-items: center;
}
.popup_panel div.popup_contents .popup_contents_title h3 img {
	width: 17px;
}
.popup_panel div.popup_contents .popup_contents_title a {
	display: flex;
}
.popup_panel div.popup_contents .popup_contents_info {
	display: flex;flex-direction: column;gap:15px;    padding: 10px 8px 5px;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap {
	display: flex;gap:15px;align-items: center;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_title {
	font-size:16px;font-weight: 500;color:#222222;min-width:62px;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_title span {
	color:#0081ff
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_con {
	width: 100%;display: flex;gap:5px;align-items: center;font-size:16px;font-weight: 500;color:#999999;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_con input[type="text"]{
	width:100%;height:40px;padding:0 10px; border:1px solid #ddd;outline: 0;    box-sizing: border-box;font-size:16px;font-weight: 500;color:#222222;border-radius: 5px;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_con input[type="text"]::placeholder{
	font-size:14px;font-weight: 500;color:#999999;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_con select{
	height:40px;	border:1px solid #ddd;outline: 0;padding:0 10px;font-size:16px;font-weight: 500;color:#222222;border-radius: 5px;appearance: unset;-webkit-appearance: unset;
	min-width:66px;    background: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/community/selarr_v2.png) 90% 50% no-repeat, #fff !important;
	background-size: 10px auto !important;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_con input[type="tel"]{
	width:100%;height:40px;padding:0 10px; border:1px solid #ddd;outline: 0;    box-sizing: border-box;font-size:16px;font-weight: 500;color:#222222;border-radius: 5px;
}
.popup_panel div.popup_contents .popup_contents_info .inp_wrap .inp_con input[type="tel"]::placeholder{
	font-size:14px;font-weight: 500;color:#999999;
}
.popup_panel div.popup_contents p {
	font-size:12px;font-weight: 500;color:#999999;line-height: 16px;
	background: #F1F3F8;border-radius: 5px;width:100%;
	text-align: center;padding:8px 0;
	margin-bottom:auto;
}
.popup_panel div.popup_contents p span {
	font-weight: 700;
}
.popup_panel .popup_container .bottom_btn{
	width: 100%; height: 38px; 
	text-decoration: none; 
	line-height: 38px; 
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	background-color: #0081ff;
	border-radius: 7px;
	align-items: center;
	justify-content: center;
}
/* 로그인팝업 */

/*장바구니 팝업*/
#book_add_list_popup_bg{
	width:100%;height:100%;background-color: rgba(0,0,0,.5);
	position: fixed;
	top:0;left:0;
	z-index: 9999;
	opacity: 0;
	visibility:hidden;
	transition: 0.3s ease;
}
#book_add_list_popup_bg.active{
	opacity: 1;
	visibility: visible;
	transition: 0.3s ease;
}
#book_add_list_popup{
	position: fixed;
	top:50%;left:50%;
	transform: translate(-50%, -50%) scale(0.9);
	will-change: transform;
	background: #fff;
	border-radius: 10px;
	width: 500px;
	max-height: 550px;
	z-index: 9999;
	opacity: 0;
	visibility:hidden;
	transform: ;
	transition: 0.3s ease;
	overflow: hidden;
}
#book_add_list_popup.active{
	opacity: 1;
	visibility: visible;
	transition: 0.3s ease;
	transform: translate(-50%, -50%) scale(1);
}
#book_add_list_popup .book_add_list_popup_inner {
	padding-top:30px;height:100%;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_title{
	display: flex;justify-content: space-between;align-items: center;max-width: 440px;
	width:100%;margin:0 auto;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 18px;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_title h3 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height:1;
	display: flex;
	gap:10px;
	align-items: center;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_title h3 img {
	width: 22px;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_title a {
	display: flex;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content {
	padding:0 10px 0 30px;height:100%;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner {
	padding:5px 5px 5px 0;overflow-y: auto;max-height:345px;height:100%;
}
/* 스크롤바의 폭 너비 */
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner::-webkit-scrollbar {
	width: 5px;  
}

#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner::-webkit-scrollbar-thumb {
	background: #cccccc; /* 스크롤바 색상 */
	border-radius: 5px; /* 스크롤바 둥근 테두리 */
}

#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner::-webkit-scrollbar-track {
	background: #ddd;  /*스크롤바 뒷 배경 색상*/
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea {
	height:100%;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li {
	padding:20px 10px;display: flex;gap: 30px;align-items: center;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li.none_list {
	display: flex;flex-direction: column;gap:20px;align-items: center;justify-content: center;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li.none_list p {
	font-size:15px;color: #999999;line-height: 1;font-weight: 500;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_thum_wrap{
	display: flex;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_thum_wrap img {
	width: 70px;max-width:70px;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_info_wrap {
	display: flex;flex-direction: column;gap:20px;align-items: flex-start;justify-content: center;width: 100%;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_info_wrap .book_title {
	justify-content: space-between;display: flex;align-items: center;max-width:320px;width:100%;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_info_wrap .book_title h2{
	font-size:16px;line-height:22px;color:#222222;font-weight: 500;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_info_wrap .book_title a {
	display: flex;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_info_wrap .book_con{
	display: flex;justify-content: flex-start;align-items: center;gap:20px;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .book_info_wrap .book_con span{
	font-size:16px;font-weight:700;color:#222222;
}

#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .ctrl {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
	border: 1px solid #DDDDDD;
	height:100%;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .ctrl .ctrl__counter {
  position: relative;
  width: 40px;
  height: 36px;
  color: #333C48;
  text-align: center;
  overflow: hidden;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#444444;
	font-size: 14px;
	font-weight: 500;
}

#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .ctrl .ctrl__button {
  width: 36px;
  line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	box-sizing: border-box;
  text-align: center;
  color: #000;
  cursor: pointer;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
	height:36px;
}

#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .ctrl .ctrl__button:hover {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .ctrl .ctrl__button:hover svg rect, .ctrl__button:hover svg path{
	fill:#fff;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_content .book_add_list_popup_content_inner #cartarea li .ctrl .ctrl__button:active {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_total {
	width:100%;background: #F1F3F8;border-top:1px solid #ddd;    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 129px;
	padding:0 35px;
	gap:17px;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_total_price{
	display: flex;width: 100%;justify-content: space-between;align-items: center;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_total_price h2 {
	font-size:16px;font-weight: 500;color:#222;line-height: 1;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_total_price p {
	font-size:20px;font-weight: 700;color:#0081ff;line-height: 1;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_payment {
	display: flex;gap:10px;width:430px;justify-content: space-between;align-items: center;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_payment a{
	width:100%;font-size:14px;font-weight: 500;border-radius: 5px;background: #0081ff;color:#fff;display: flex;align-items: center;justify-content: center;padding:11px 0;line-height: 1;transition: all 0.2s;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_payment a:hover{
	background: #0056b3;transition: all 0.2s;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_payment a.book_add_list_popup_close{
	background: #fff;border:1px solid  #0081ff;color:#0081ff;transition: all 0.2s;
}
#book_add_list_popup .book_add_list_popup_inner .book_add_list_popup_payment a.book_add_list_popup_close:hover{
	background: #0081ff;transition: all 0.2s;color:#fff;
}
/*장바구니 팝업*/

/*장바구니 하단 표시바*/
.book_add_list_bottom {
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 9999;
	opacity: 1;
	width: 100%;
	max-width: 1280px;
	transform: translate(-50%, 100%);
	transition: 0.5s ease-in-out;
	box-shadow: 0 -5px 10px rgba(0,0,0,.1);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden;
}
.book_add_list_bottom.active{
	transform: translate(-50%, 0%);transition: 0.5s ease-in-out;
}
.book_add_list_bottom.on{
	transform: translate(-50%, 100%) !important;
}
.book_add_list_bottom .book_add_list_bottom_on{
	max-width:1280px; margin:0 auto;height:69px;background: #ffffff;
	padding:0 150px;
	display: flex;flex-direction: row;justify-content: center;align-items: center;
	z-index: 1;
	position: relative;
	gap:110px;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_left{
	display: flex;gap:30px;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_left h2{
	font-size:20px;color:#333333;font-weight:700;line-height: 1.2;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_left span{
	font-size:16px;color:#333333;font-weight:400;line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right{
	display: flex;justify-content: center;align-items: center;gap:70px;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right div{
	display: flex;align-items: center;justify-content: center;gap:15px;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right div #total_cnt{
	font-size:16px;color:#444444;font-weight:500;line-height: 1;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right div #total_price{
	font-size:20px;color:#0081FF;font-weight:700;line-height: 1;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right div a{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	background: #0082ff;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 313px;
	line-height: 1.2;
	border-radius: 5px;
	gap:10px;
	transition: all 0.2s;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right div a:hover{
	background: #0056b3;
	transition: all 0.2s;
}
.book_add_list_bottom .book_add_list_bottom_on .book_add_list_right div a span {
	border-radius: 18px;
	background: #fff;
	font-size: 12px;
	line-height: 1;
	color:#0081ff;
	font-weight: 700;
	width:18px;height:18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*장바구니 하단 표시바*/


/*교재 구매 목록 리스트*/
.book_container_order .book_body .book_title .topbtn a.orderBtn {
	display:none;
}
.book_container_order .book_body .book_title h2{
	display: flex;align-items: center;gap:15px;
}
.book_container_order .book_body .book_title h2 a {
	display: flex;
}
.book_container_order .book_body {
	gap:40px;
}
.book_container_order .book_body .book_title {
	padding:20px 0 25px;
	border-bottom: 1px solid #ddd;
}
.book_container_order .book_body .book_content .order .student_num{
	display: flex;justify-content: space-between;align-items: center;
	border-bottom:1px solid #222;font-size: 20px;font-weight:700;color:#222;
	padding:20px 0;line-height: 1;
}
.book_container_order .book_body .book_content .order .student_num .bookcount {
	font-size:16px;font-weight: 500;color:#444;
}
.book_container_order .book_body .book_content .order .student_num .bookcount strong{
	color:#0081ff;font-weight:500;
}
.book_container_order .book_body .book_content .order table {
	width:100%;
}
.book_container_order .book_body .book_content .order table thead{
	width:100%;;
}
.book_container_order .book_body .book_content .order table thead tr{
	border-bottom:1px solid #ddd;height: 60px;
}
.book_container_order .book_body .book_content .order table thead tr th {
	font-size:14px;font-weight:600;color:#222222;line-height: 1;vertical-align: middle;
}
.book_container_order .book_body .book_content .order table .order_tbody{
	width:100%;
}
.book_container_order .book_body .book_content .order table .order_tbody tr{
	border-bottom:1px solid #ddd;height:85px;cursor: pointer;
}
.book_container_order .book_body .book_content .order table .order_tbody tr:hover {
	background: #f8f8f8;
}
.book_container_order .book_body .book_content .order table .order_tbody tr td {
	font-size: 14px;font-weight:500;
	color:#444;vertical-align: middle;
	padding:0;
}
.book_container_order .book_body .book_content .order table .order_tbody tr td .book_order_title{
	display: flex;gap:20px;border:0;align-items: center;padding-left:40px;
}
.book_container_order .book_body .book_content .order table .order_tbody tr td p{
	font-size: 16px;font-weight:500;
	color:#444;vertical-align: middle;
}
.book_container_order .book_body .book_content .order table .order_tbody tr td img {
	width: 40px;
}
.book_container_order .pagebox {
	margin-top:20px;
}
/*교재 구매 목록 리스트*/

/*교재 구매 상세 팝업*/
.order_detail_popup_bg {
	width:100%;height:100%;
	position: fixed;top:0;left:0;
	background: rgba(0,0,0,.5);
	z-index: 9999;
	display: none;
}
.order_detail_popup {
	position:fixed;top: 50%;left: 50%;
	background: #fff;border-radius: 10px;
	z-index: 9999;transform: translate(-50%, -50%);
	width:500px;
	overflow: hidden;
	display: none;
}
.order_detail_popup .order_detail_popup_inner{
	padding:30px 0 0;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_title{
	display: flex;justify-content: space-between;align-items: center;max-width: 440px;
	width:100%;margin:0 auto;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 18px;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_title h3 {
	font-size: 20px;
	font-weight: 600;
	color:#222222;
	text-align: center;
	line-height:1;
	display: flex;
	gap:10px;
	align-items: center;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_title h3 img {
	width: 17px;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_title a {
	display: flex;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content {
	display: flex;flex-direction: column;gap:30px;width: 100%;	
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_top{
	display: flex;gap:30px;align-items: center;padding:20px;border-bottom: 1px solid #eeeeee;max-width: 440px;margin:0 auto;width: 100%;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_top .order_thum_wrap{
	display: flex;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_top .order_thum_wrap img {
	width:50px;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_top .order_name_wrap h2{
	font-size:16px;font-weight: 500;line-height: 19px;color:#222222;    letter-spacing: -0.4px;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_bottom{
	display: flex;flex-direction: column;gap:30px;width: 100%;max-width: 440px;margin:0 auto;padding:0 30px;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_bottom p {
	font-size:16px;font-weight:500;color:#999999;width: 100%;display: flex;justify-content: space-between;align-items: center;line-height:1;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_bottom p span {
	line-height:1;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_price {
	background: #F1F3F8;
	padding:30px 60px 40px;
	display: flex;flex-direction: column;gap:30px;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_price p {
	width:100%;display: flex;justify-content: space-between;align-items: center;
	font-size: 16px;font-weight:500;color:#444444;line-height: 1;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_price p span{
	line-height: 1;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_price p.discount_price span{
	color:#FC1C49;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_price p.total_price{
	color:#222222;
}
.order_detail_popup .order_detail_popup_inner .order_detail_popup_content .order_detail_info_price p.total_price span{
	color:#0081FF;
}
/*교재 구매 상세 팝업*/

/*교재 상세 페이지*/
#content .book_container_detail {
	display: flex;flex-direction: row;gap:70px;position: relative;
}
#content .book_container_detail .topbtn{
	display: none;
}
.book_container_detail .book_body {
	gap:50px;width: 100%;
}
.book_container_detail .book_body .book_title {
	padding: 20px 0 25px;
	border-bottom: 1px solid #ddd;
}
.book_container_detail .book_body .book_title h2{
	display: flex;align-items: center;gap:15px;
}
.book_container_detail .book_body .book_title h2 a {
	display: flex;
}
.book_container_detail .book_body .book_content .detail{
	display: flex;flex-direction: column;gap:50px;
}
.book_container_detail .book_body .book_content .detail .detail_info_main{
	display: flex;gap:70px;padding-bottom:50px;border-bottom:1px solid #ddd;align-items: center;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_thum {
	display: flex;align-items: center;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_thum img {
	width: 275px;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info {
	display: flex;flex-direction: column;height:100%;gap:50px;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .common_info_wrap{
	display: flex;flex-direction: column;gap:30px;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .common_info {
	display: flex;gap:50px;align-items: center;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .common_info h2 {
	font-size:14px;font-weight:500;color:#222222;min-width:55px;line-height: 1;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .common_info p {
	font-size:16px;font-weight:500;color:#444444;line-height: 1;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .common_info.sale_rate p {
	color: #FC1C49;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .common_info.sale_price p {
	font-size:18px;color:#222222;font-weight: 600;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .book_ap_btn {
	display: flex;
			gap: 20px;
			align-items: center;
			justify-content: flex-start;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .ctrl {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
	border: 1px solid #DDDDDD;
	height:36px;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .ctrl .ctrl__counter {
  position: relative;
  width: 40px;
  height: 36px;
  color: #333C48;
  text-align: center;
  overflow: hidden;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#444444;
	font-size: 14px;
	font-weight: 500;
}

.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .ctrl .ctrl__button {
	width: 36px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	box-sizing: border-box;
	text-align: center;
	color: #000;
	cursor: pointer;
	-webkit-transition: background-color 100ms ease-in;
	transition: background-color 100ms ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .ctrl .ctrl__button:hover {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .ctrl .ctrl__button:hover svg rect, .ctrl__button:hover svg path{
	fill:#fff;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .ctrl .ctrl__button:active {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .btnlist {
	display: flex;gap:7px;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .btnlist a{
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 36px;
	width: 128px;
	height: 38px;
	background-color: #fff;
	border:1px solid #0081ff;
	color: #0081ff;
	border-radius: 5px;
	transition: all 0.2s;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .btnlist a:hover{
	background: #0081ff;
	transition: all 0.2s;
	color: #fff;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .btnlist .buynow a{
	background-color: #0081ff;color:#fff;transition: all 0.2s;
}
.book_container_detail .book_body .book_content .detail .detail_info_main .detail_info .btnlist .buynow a:hover{
	background-color: #0056b3;
	color: #fff;
	transition: all 0.2s;
}










.book_container_detail .book_body .book_content .detail .detail_info_sub {
	display: flex;flex-direction: column;gap:70px;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub{
	display: flex;flex-direction: column;gap: 30px;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub h2{
	font-size: 18px;font-weight: 700;color:#222222;
	padding: 20px 0;border-bottom: 1px solid #ddd;line-height: 1;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index p{
	font-size: 16px;font-weight: 500;color:#444444;line-height: 22px;
	overflow: hidden;position: relative;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index p.showstep2{
	max-height: 195px;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index p.showstep2::after{
	content: '';
	position: absolute;bottom:0;left:0;width:100%;height:30px;background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index .btn_open{
	background: #E4F2FF;border-radius: 5px;width:85px;height:34px;display: flex;gap:10px;
	align-items: center;justify-content: center;font-size:14px;font-weight: 500;color:#0081ff;cursor: pointer;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index .btn_open.hide{
	display:none;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index .btn_close{
	background: #E4F2FF;border-radius: 5px;width:85px;height:34px;display: flex;gap:10px;
	align-items: center;justify-content: center;font-size:14px;font-weight: 500;color:#0081ff;cursor: pointer;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index .btn_close.hide{
	display:none;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_index .btn_close svg{ transform: rotate(180deg);}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_info .book_info_wrap{
	gap:20px;display: flex;flex-direction: column;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_info p{
	font-size:14px;font-weight:500;color:#999999;display: flex;gap:90px;line-height: 1;
}
.book_container_detail .book_body .book_content .detail .detail_info_sub .book_common_sub.book_info p span{
	font-size:14px;font-weight:500;color:#999999;min-width:80px;display: flex;line-height: 1;
}









#content .book_container_detail .book_cart {
	position: sticky;
	top:50px;right:0;
	max-height:475px;min-width: 350px;height: fit-content;
	border:1px solid #ddd;
	border-radius: 15px;
	margin-top: 20px;
	overflow: hidden;
}
#content .book_container_detail .book_cart .book_cart_inner {
	padding:25px 0 30px;height:100%;
}
#content .book_container_detail .book_cart .book_cart_inner .book_cart_title{
	display: flex;justify-content: space-between;align-items: center;max-width: 300px;
	width:100%;margin:0 auto;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 15px;
	
}
#content .book_container_detail .book_cart .book_cart_inner .book_cart_title h3 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height:1;
	display: flex;
	gap:10px;
	align-items: center;
}
#content .book_container_detail .book_cart .book_cart_inner .book_cart_title h3 img {
	width: 21px;
}
.book_cart .book_cart_inner .book_cart_content {
	height:100%;padding:0 8px 0 25px;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner {
	overflow-y: auto;max-height:250px;height:100%;
}
/* 스크롤바의 폭 너비 */
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner::-webkit-scrollbar {
	width: 5px;  
}

.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner::-webkit-scrollbar-thumb {
	background: #CCCCCC; /* 스크롤바 색상 */
	border-radius: 5px; /* 스크롤바 둥근 테두리 */
}

.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner::-webkit-scrollbar-track {
	background: #ddd;  /*스크롤바 뒷 배경 색상*/
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea {
	height:100%;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li {
	padding:25px 0 20px;display: flex;gap: 20px;border-bottom:1px solid #eeeeee;    max-width: 300px;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li.none_list {
	display: flex;flex-direction: column;gap:20px;align-items: center;justify-content: center;border:0;padding:90px 0 65px;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li.none_list p {
	font-size:15px;color: #999999;line-height: 1;font-weight: 500;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_thum_wrap{
	display: flex;align-items: center;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_thum_wrap img {
	width: 55px;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap {
	display: flex;flex-direction: column;gap:15px;align-items: flex-start;justify-content: center;width: 100%;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap .book_title {
	justify-content: space-between;display: flex;align-items: flex-start;max-width:300px;width:100%;gap:5px;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap .book_title h2{
	font-size:14px;line-height:18px;color:#444444;font-weight: 500;word-break: keep-all;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap .book_title a {
	display: flex;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap .book_title a img {
	width: 10px;margin-top:5px;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap .book_con{
	display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 20px;
			width: 100%;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .book_info_wrap .book_con span{
	font-size:16px;font-weight:700;color:#222222;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .ctrl {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
	border: 1px solid #DDDDDD;
	height:100%;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .ctrl .ctrl__counter {
  position: relative;
  width: 27px;
  height: 26px;
  color: #333C48;
  text-align: center;
  overflow: hidden;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#444444;
	font-size: 14px;
	font-weight: 500;
}

.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .ctrl .ctrl__button {
  width: 24px;
  line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	box-sizing: border-box;
  text-align: center;
  color: #000;
  cursor: pointer;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
	height:26px;
}

.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .ctrl .ctrl__button:hover {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .ctrl .ctrl__button:hover svg rect, .ctrl__button:hover svg path{
	fill:#fff;
}
.book_cart .book_cart_inner .book_cart_content .book_cart_content_inner #cartarea li .ctrl .ctrl__button:active {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_cart .book_cart_inner .book_cart_content_total {
	width:100%;background: #ffffff;   display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding:30px 0 0;
	gap:28px;
	max-width: 300px;margin: 0 auto;
}
.book_cart .book_cart_inner .book_cart_content_total_price{
	display: flex;width: 100%;justify-content: space-between;align-items: center;padding:0 20px;
}
.book_cart .book_cart_inner .book_cart_content_total_price h2 {
	font-size:14px;font-weight: 500;color:#222;line-height: 1;
}
.book_cart .book_cart_inner .book_cart_content_total_price p {
	font-size:18px;font-weight: 700;color:#0081ff;line-height: 1;
}
.book_cart .book_cart_inner .book_cart_content_payment {
	display: flex;gap:10px;width:100%;justify-content: space-between;align-items: center;
}
.book_cart .book_cart_inner .book_cart_content_payment a{
	width:100%;font-size:18px;font-weight: 700;border-radius: 5px;background: #0081ff;color:#fff;display: flex;align-items: center;justify-content: center;padding:17px 0;line-height: 1;transition: all 0.2s;
}
.book_cart .book_cart_inner .book_cart_content_payment a:hover{
	background-color: #0056b3;
	color: #fff;
	transition: all 0.2s;
}
/*교재 상세 페이지*/








/*교재 결제 페이지*/
#content .book_container_pay {
	display: flex;flex-direction: row;gap:70px;position: relative;padding-bottom: 100px;
}
.book_container_pay .book_body {
	gap:50px;width: 100%;
}
.book_container_pay .book_body .book_title {
	padding:20px 0 25px;
	border-bottom: 1px solid #ddd;
}
.book_container_pay .book_body .book_title h2{
	display: flex;align-items: center;gap:15px;
}
.book_container_pay .book_body .book_title h2 a {
	display: flex;
}
.book_container_pay .book_body .book_content .order_list_title img {
	width: 19px;
}
.book_container_pay .book_body .book_content .order_list_title h2 {
	font-size:20px;font-weight:700;color:#222222;display: flex;gap:10px;align-items: center;
}
.book_container_pay .book_body .book_content .order{
	display: flex;flex-direction: column;gap:20px;
}
.book_container_pay .book_body .book_content .order .order_list_content {
	display: flex;flex-direction: column;gap:20px;
}
.book_container_pay .book_body .book_content .order .order_list_content .all_chk_apply {
	display: flex;
  gap: 5px;
  align-items: center;
}
.book_container_pay .book_body .book_content .order .order_list_content .all_chk_apply label{
	font-size:16px;font-weight:500;color:#444444;
	display: flex;
			align-items: center;
			gap: 8px;
			line-height: 1;
}
.book_container_pay .book_body .book_content .order .order_list_content .all_chk_apply label input[type="checkbox"]{
	width:18px;height:19px;appearance: unset;
	border:1px solid #ddd;border-radius: 3px;
	margin:0;cursor: pointer;
}
.book_container_pay .book_body .book_content .order .order_list_content .all_chk_apply label input[type="checkbox"]:checked{
	background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/blue_chk_on.png);
	background-size: cover;
	border:0;
}
.book_container_pay .book_body .book_content .order .order_list_content .all_chk_apply span{
	font-size:16px;font-weight:500;color:#999999;line-height: 1;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container {
	background-color: #F1F3F8;
	display: flex;
	border-radius: 15px;
	padding:35px 30px 15px;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container {
	display: flex;flex-direction: column;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul {
	padding:25px 10px;border-bottom: 1px solid #dddddd;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li {
	display: flex;justify-content: space-between;gap:10px;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .chk_wrap{
	display: flex;gap:15px;    align-items: center;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .chk_wrap input[type="checkbox"]{
	width:18px;height:19px;appearance: unset;
	border:1px solid #ddd;border-radius: 3px;
	margin:0;cursor: pointer;background: #fff;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .chk_wrap input[type="checkbox"]:checked{
	background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/blue_chk_on.png);
	background-size: cover;
	border:0;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .chk_wrap h2{
	font-size:16px;font-weight:500;color:#222222;width:380px;white-space: nowrap;
	text-overflow: ellipsis;overflow: hidden;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .ctrl {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
	border: 1px solid #DDDDDD;
	height:100%;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .ctrl .ctrl__counter {
  position: relative;
  width: 27px;
  height: 24px;
  color: #333C48;
  text-align: center;
  overflow: hidden;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#444444;
	font-size: 14px;
	font-weight: 500;
}

.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .ctrl .ctrl__button {
  width: 24px;
	height: 24px;
  line-height: 24px;
	font-size: 16px;
	font-weight: 700;
	box-sizing: border-box;
  text-align: center;
  color: #000;
  cursor: pointer;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
	display: flex;
	align-items: center;
	justify-content: center;
}

.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .ctrl .ctrl__button:hover {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .ctrl .ctrl__button:hover svg rect, .ctrl__button:hover svg path{
	fill:#fff;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .ctrl .ctrl__button:active {
  background-color: #0082ff;
	color: #fff;
  -webkit-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .price_wrap {
	display: flex;gap:10px;align-items: center;margin-left:auto;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .price_wrap p{
	text-decoration: line-through;
	font-size:14px;line-height: 1;
	font-weight: 500;color:#999999;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .price_wrap span{
	font-size:12px;line-height: 1;
	font-weight: 700;color:#ffffff;
	background: #FC1C49;
	border-radius: 3px;
	padding: 4px 6px;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li .price_wrap h2{
	font-size:18px;line-height: 1;
	font-weight: 500;color:#222222;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container ul li a {
	display: flex;align-items: center;justify-content: center;margin-left:20px;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container .total_info_wrap {
	display: flex;flex-direction: column;padding:30px 30px 20px;gap:20px;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container .total_info_wrap .sale_price {
	display: flex;flex-direction: column;gap:20px;border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container .total_info_wrap .sale_price {
	width:100%;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container .total_info_wrap p{
	display: flex;justify-content: space-between;width:100%;
	font-size:20px;font-weight:700;color:#0081ff;line-height:1;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container .total_info_wrap .sale_price p{
	display: flex;justify-content: space-between;width:100%;
	font-size:16px;font-weight:500;color:#999999;line-height:1;
}
.book_container_pay .book_body .book_content .order .order_list_content .order_list_container .total_info_wrap .sale_price p.discount_total{
	color:#FC1C49;
}

#content .book_container_pay .payment {
	position: sticky;
	top:50px;right:0;
	min-width: 350px;width:350px;height: fit-content;
	border:1px solid #ddd;
	border-radius: 15px;
	margin-top: 20px;
	overflow: hidden;
	padding:30px 25px;
	display: flex;
	flex-direction: column;
	gap:20px;
}
#content .book_container_pay .payment .payment_title{
	border-bottom:2px solid #ddd;padding-bottom:15px;
}
#content .book_container_pay .payment .payment_title img {
	width: 21px;
}
#content .book_container_pay .payment .payment_title h2 {
	font-size:20px;font-weight:600;color:#222222;display: flex;gap:10px;align-items: center;
	line-height:1;
}
#content .book_container_pay .payment .payment_st_content {
	display: flex;flex-direction: column;gap:25px;
}
#content .book_container_pay .payment .payment_st_content .student_chk{
	display: flex;flex-direction: column;gap:8px;align-items: center;justify-content: center;
}
#content .book_container_pay .payment .payment_st_content .student_chk p {
	background-color: #E3EFFF;border-radius: 30px;font-size:12px;font-weight:500;color:#0081ff;text-align: center;width: fit-content;align-items: center;display: flex;justify-content: center;
	gap:5px;padding: 9.5px 18px;line-height: 1;position: relative;
}
#content .book_container_pay .payment .payment_st_content .student_chk p img {
	margin-bottom: 1px;
}
#content .book_container_pay .payment .payment_st_content .student_chk p::after{
	position: absolute;
	content:'';
	bottom: -13px;
	left: 50%;
	width: 8px;
	height: 8px;
	-webkit-transform: translate(-50%, -50%) rotate(225deg);
	transform: translate(-50%, -50%) rotate(225deg);
	margin-top: 2px;
	border-top: 8px solid #E4F2FF;
	border-left: 8px solid #E4F2FF;
}
#content .book_container_pay .payment .payment_st_content .student_chk button{
	background: linear-gradient(to right, #6FB8FF, #0081ff);outline: 0;border:0;border-radius: 5px;
	font-size:16px;color:#fff;font-weight: 700;width: 100%;padding: 10px 0;cursor: pointer;
	display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
#content .book_container_pay .payment .payment_st_content .student_chk button.readonly{
	pointer-events: none;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:25px;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .price_line{
	width:100%;height:1px; background-color: #EEEEEE;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .stu_info{
	display: flex;flex-direction: column;gap:25px;width:100%;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .stu_info p {
	font-size:16px;font-weight:500;color:#444444;line-height:1;display: flex;justify-content: space-between;align-items: center;width:100%;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .stu_info p.disabled {
	color:#999999;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .stu_info p span{
	color:#222222;line-height:1;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .stu_info p.discount_price{
	color:#FC1C49;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .stu_info p.discount_price span{
	color:#FC1C49;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .price_wrap p {
	font-size:16px;font-weight:700;color:#0081ff;line-height:1;display: flex;justify-content: space-between;align-items: center;width:100%;
}
#content .book_container_pay .payment .payment_st_content .stu_info_wrap .price_wrap p span{
	color:#0081ff;line-height:1;
}
#content .book_container_pay .payment .payment_st_content .payment_apply_wrap {
	display: flex;flex-direction: column;gap:15px;
}
#content .book_container_pay .payment .payment_st_content .payment_select {
	display: flex;flex-direction: column;gap:20px;padding:25px 0 15px;
}
#content .book_container_pay .payment .payment_st_content .payment_select h2 {
	font-size:18px;line-height: 1;font-weight: 700;color:#222222;
}
#content .book_container_pay .payment .payment_st_content .payment_select ul{
	display: flex;gap:9px;width: 100%;
}
#content .book_container_pay .payment .payment_st_content .payment_select ul li {
	width:100%;
}
#content .book_container_pay .payment .payment_st_content .payment_select ul li label{
	background: #f1f3f8;border-radius: 5px;cursor: pointer;padding: 12px 15px;
	display: flex;
	white-space: nowrap;
	text-align: center;
	justify-content: center;
	width: 100%;
	color:#999999;
	font-size:14px;font-weight: 500;line-height: 1;
	letter-spacing: -0.2px;
	transition: all 0.2s ease;
}
#content .book_container_pay .payment .payment_st_content .payment_select ul li input:checked + label{
	background: #0081ff;color:#fff;
}
#content .book_container_pay .payment .payment_st_content .privacy{
	width:100%;display: flex;flex-direction: column;gap:15px;
}
#content .book_container_pay .payment .payment_st_content .privacy .titles{
	width:100%;
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}
#content .book_container_pay .payment .payment_st_content .privacy .titles input{
	margin:0;
	width:15px;height:15px;
}
#content .book_container_pay .payment .payment_st_content .privacy .titles input[type="checkbox"]{
	width:15px;height:16px;appearance: unset;
	border:1px solid #ddd;border-radius: 3px;
	margin:0;cursor: pointer;
}
#content .book_container_pay .payment .payment_st_content .privacy .titles input[type="checkbox"]:checked{
	background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/blue_chk_on.png);
	background-size: cover;
	border:0;
}
#content .book_container_pay .payment .payment_st_content .privacy .titles strong{
	color:#999999;
	font-weight:500;
	font-size:14px;
	text-align:left;
	cursor:pointer;
	line-height:1;
	display: flex;
	align-items: center;
	gap: 8px;
}
#content .book_container_pay .payment .payment_st_content .privacy .titles strong svg.on {
	transform: rotate(180deg);
}
#content .book_container_pay .payment .payment_st_content .privacy .privacybox{
	display:none;
	width:100%;height:110px;
	padding:10px;
	background:#f1f3f8;
	border:1px solid #ddd;
	overflow:hidden;
	border-radius: 5px;
}
#content .book_container_pay .payment .payment_st_content .privacy .privacybox .boxing{
	width:100%;height:90px;
	font-size:12px;
	color:#666;
	text-align:left;
	overflow:auto;
	padding-right:10px;
}
/* 스크롤바의 폭 너비 */
#content .book_container_pay .payment .payment_st_content .privacy .privacybox .boxing::-webkit-scrollbar {
	width: 5px;  
}

#content .book_container_pay .payment .payment_st_content .privacy .privacybox .boxing::-webkit-scrollbar-thumb {
	background: #cccccc; /* 스크롤바 색상 */
	border-radius: 5px; /* 스크롤바 둥근 테두리 */
}

#content .book_container_pay .payment .payment_st_content .privacy .privacybox .boxing::-webkit-scrollbar-track {
	background: #ddd;  /*스크롤바 뒷 배경 색상*/
}
#content .book_container_pay .payment .payment_st_content .finalpay_btn {
	width:100%;
}
#content .book_container_pay .payment .payment_st_content .finalpay_btn a {
	width:100%;color:#fff;border-radius: 5px;display: flex;align-items: center;
	justify-content: center;font-weight:700;font-size:18px;line-height: 1;padding:17px 0;
	background: #ddd;
}
#content .book_container_pay .payment .payment_st_content .finalpay_btn a.active {
	background: #0081ff;
}
#content .book_container_pay .payment .payment_st_content .finalpay_btn a.active:hover{
	background: #0056b3;
	transition: all 0.2s;
}


.popup_file_upload {
  display: none; 
  position: fixed;
  top: 0; left: 0;bottom:0;right:0;
  background: rgba(0,0,0,0.5);
  justify-content: center; 
  align-items: center;
  z-index: 10000;
}
.popup_file_upload_title{
	padding: 4px 15px;background: #F1F3F8;
	text-align: right;
}
.popup_file_upload_content {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%);
	width: 290px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	border: 1px solid #ccc;
	padding-bottom: 20px;
}

.popup_file_upload_content p {
  margin-bottom: 20px;
  font-size: 14px;
	line-height:20px;
	font-weight: 500;
	font-family: "Wanted Sans Variable";
	padding:15px 20px 0;
	text-align: left;
}
.popup_file_upload_content .popupBtn {
	display: flex;gap:10px;
	margin-left: auto;
	margin-right: 20px;
	width: fit-content;
	align-items: center;
}
.popup_file_upload_content .popupBtn > a.popupUploadClose {
	padding: 7px 13px;
	background: #999;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	font-family: "Wanted Sans Variable";
	display: flex;
	width: fit-content;
}
.popup_file_upload_content .popupBtn > a.popupUploadClose:last-child {
	padding: 7px 13px;
	background: #fff;
	color: #999999;
	border: 1px solid #999999;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	font-family: "Wanted Sans Variable";
	display: flex;
	width: fit-content;
}
.popup_auth {
  display: none; 
  position: fixed;
  top: 0; left: 0;bottom:0;right:0;
  background: rgba(0,0,0,0.5);
  justify-content: center; 
  align-items: center;
  z-index: 9999;
	width:100%;
}
.popup_auth_content {
	position: relative;
	width: 430px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	border: 1px solid #ccc;
	padding:30px 25px 25px;
}
.popup_auth_content .popup_auth_title{
	display: flex;justify-content: space-between;align-items: center;
	padding-bottom:15px;border-bottom: 1px solid #ddd;
}
.popup_auth_content .popup_auth_title p {
	display: flex;align-items: center;
	gap:5px;
	font-size: 20px;
	line-height:30px;
	font-weight: 500;
	font-family: "Wanted Sans Variable";
}
.popup_auth_content .stu_chk_form {
	display: flex;flex-direction: column;gap:15px;padding:25px 10px 0;
}
.popup_auth_content .stu_chk_form .user_name_fm {
	display: flex;gap:16px;align-items: center;
}
.popup_auth_content .stu_chk_form .user_name_fm label {
	font-size:16px;font-weight: 500;color:#222;font-family: "Wanted Sans Variable";    letter-spacing: -0.2px;min-width:61px;text-align: left;
}
.popup_auth_content .stu_chk_form .user_name_fm label span {
	color:#0081ff;font-family: "Wanted Sans Variable";
}
.popup_auth_content .stu_chk_form .user_name_fm input{
	width: 100%;font-size: 14px;font-weight:500;color:#222222;outline: 0;border:1px solid #ddd;
	border-radius: 5px;font-family: "Wanted Sans Variable"; padding-left:10px;height: 40px;
}
.popup_auth_content .stu_chk_form .user_name_fm input:disabled{
	color:#ddd;
}
.popup_auth_content .stu_chk_form .user_name_fm input::placeholder{
	color:#999999;
}
.popup_auth_content .stu_chk_form .user_tel_fm {
	display: flex;gap:16px;align-items: center;
}
.popup_auth_content .stu_chk_form .user_tel_fm label {
	font-size:16px;font-weight: 500;color:#222;font-family: "Wanted Sans Variable";min-width:61px;text-align: left;    letter-spacing: -0.2px;
}
.popup_auth_content .stu_chk_form .user_tel_fm label span {
	color:#0081ff;font-family: "Wanted Sans Variable";
}
.popup_auth_content .stu_chk_form .user_tel_fm .tel_box {
	display: flex;align-items: center;gap:5px;
}
.popup_auth_content .stu_chk_form .user_tel_fm select{
	width: 100%;font-size: 14px;font-weight:500;color:#222222;outline: 0;border:1px solid #ddd;
	border-radius: 5px;font-family: "Wanted Sans Variable"; height:40px;min-width: 60px;box-sizing: border-box;
	background:url('https://img.megastudyacademy.co.kr/campusdev/iws_html_img/community/selarr.png') 95% 50% no-repeat,#fff !important;
	padding-left:10px;
}
.popup_auth_content .stu_chk_form .user_tel_fm select:disabled {
	color:#ddd;
}
.popup_auth_content .stu_chk_form .user_tel_fm input{
	width: 100%;font-size: 14px;font-weight:500;color:#222222;outline: 0;border:1px solid #ddd;padding-left:0;text-align: center;
	border-radius: 5px;font-family: "Wanted Sans Variable"; height:40px;width: 100%;box-sizing: border-box;
}
.popup_auth_content .stu_chk_form .user_tel_fm input:disabled{
	color:#ddd;
}
.popup_auth_content .stu_chk_form .user_tel_fm input::placeholder{
	color:#999999;
}
.popup_auth_content .stu_chk_form .user_tel_fm button {
	background: #0081ff;color:#fff;font-size:14px;font-weight:500;border-radius: 5px;outline: 0;border: 0;font-family: "Wanted Sans Variable";width:78px;height: 40px;cursor: pointer;
	transition: all 0.2s;
}
.popup_auth_content .stu_chk_form .user_tel_fm button:hover{
	background: #0056b3;
	transition: all 0.2s;
}
.popup_auth_content .stu_chk_form .user_tel_fm button.disabled {
	background: #ddd;color:#fff;font-size:14px;font-weight:500;border-radius: 5px;outline: 0;border: 0;font-family: "Wanted Sans Variable";width:78px;height: 40px;cursor: unset;
}
.popup_auth_content .stu_chk_form .user_tel_fm button:disabled {
	background: #ddd;color:#fff;font-size:14px;font-weight:500;border-radius: 5px;outline: 0;border: 0;font-family: "Wanted Sans Variable";width:78px;height: 40px;cursor: unset;
}
.popup_auth_content .stu_chk_form .user_tel_fm .tel_box {
	display: flex;width: 100%;
}
.popup_auth_content .stu_chk_form .secu_num_box{
	display: none;gap:16px;align-items: center;
}
.popup_auth_content .stu_chk_form .secu_num_box label {
	font-size:16px;font-weight: 500;color:#222;font-family: "Wanted Sans Variable";min-width:61px;text-align: left;    letter-spacing: -0.2px;
}
.popup_auth_content .stu_chk_form .secu_num_box label span {
	color:#0081ff;font-family: "Wanted Sans Variable";
}
.popup_auth_content .stu_chk_form .secu_num_box .secu_chk_wrap {
	display: flex;align-items: center;gap:5px;
}
.popup_auth_content .stu_chk_form .secu_num_box .secu_txt_box {
	position: relative;
}
.popup_auth_content .stu_chk_form .secu_num_box input{
	width: 100%;font-size: 14px;font-weight:500;color:#222222;outline: 0;border:1px solid #ddd;
	border-radius: 5px;font-family: "Wanted Sans Variable"; height:40px;width: 100%;box-sizing: border-box;
	padding-left: 10px;
}
.popup_auth_content .stu_chk_form .secu_num_box input:disabled{
	color:#ddd;
}
.popup_auth_content .stu_chk_form .secu_num_box .secu_txt_box .timer {
	position: absolute;top:50%;right:10px;transform: translate(0, -50%);
	font-size:12px;color:#ff0000;
}
.popup_auth_content .stu_chk_form .secu_num_box input::placeholder{
	color:#999999;
}
.popup_auth_content .stu_chk_form .secu_num_box button {
	background: #0081FF;color:#fff;font-size:14px;font-weight:500;border-radius: 5px;outline: 0;border: 0;font-family: "Wanted Sans Variable";width:78px;height: 40px;cursor: pointer;transition: all 0.2s;
}
.popup_auth_content .stu_chk_form .secu_num_box button:hover{
	background: #0056b3;
	transition: all 0.2s;
}
.popup_auth_content .stu_chk_form .secu_num_box button:disabled {
	background: #ddd;cursor: unset;
}

#st_list_box{
  display:none;width:100%;
	flex-direction: column;gap:19px;align-items: center;justify-content: center;
}
#st_list{
  width:100%;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	overflow: hidden;
}
.tg  {border-collapse:collapse;border-spacing:0;width:100%;text-align: center;}
.tg thead{
	background: #F1F3F8;
}
.tg td{border-top-color:#e8e8e8;border-top-style:solid;border-top-width:1px;font-size:14px;
  overflow:hidden;padding:4.25px 5px;word-break:normal;color:#222;font-family: "Wanted Sans Variable";}
.tg th{border-top-color:#e8e8e8;border-top-style:solid;border-top-width:1px;font-size:14px;
  font-weight:normal;overflow:hidden;padding:4.25px 5px;word-break:normal;}
.tg td a{color:#0081ff; font-weight:500}
.tg td a:hover{
	color: #0056b3;transition: all 0.2s;
}
#st_list table thead th{
  font-size:14px;color: #222222;border-top-width:0px !important;font-weight: 500;font-family: "Wanted Sans Variable";
}
#st_list_box > span {
	background: #E3EFFF;position: relative;color:#0081FF;font-size:12px;font-weight:500;line-height: 1;
	padding:10px 0;width: 100%;display: flex;justify-content: center;align-items: center;border-radius:5px;
	font-family: "Wanted Sans Variable";
}
#st_list_box > span::after{
	content: '';
	position: absolute;
	top: -9px;
	left: 50%;
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-top-color: #E3EFFF;
	margin-left: -9px;
	margin-top: -9px;
	transform: rotate(180deg);
}
/*교재 결제 페이지*/