select {
	/*ios대응*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/*화살표 배경 넣기*/
	/*background: url('이미지경로') no-repeat 98% 50% #fff;  /* 경로가 한글이라서 주석했음..... 경로...있으면...써죠..화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
/*ios대응*/
* {
	word-break: break-all;
	white-space: normal;
}
input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.faq_list img {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
}
select::-ms-expand {
	display: none; /* 화살표 없애기 for IE10, 11*/
}
.screen_out {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.no-border {
	border: none !important;
}
.color-black {
	color: #000 !important;
}
.col-red {
	color: #c01a1a;
}
.col-blue {
	color: #1857b5;
}
.txt_point {
	color: #f14f4f;
	font-weight: 900;
}
span.icon_new {
	flex-shrink: 0;
	position: relative;
	top: 5px;
	margin-left: 5px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url('/_skin/myclass/images/icon/bullet_new.png') no-repeat center / 100% auto;
}
span.icon_new.type_sm {
	top: 2px;
	width: 14px;
	height: 14px;
}
#view_mymain {
	position: relative;
	top: 0;
	left: 0;
}
#view_mymain .wrap_title {
	margin: 0 0 3% 0;
}
#view_lectureContent {
	overflow: hidden;
}
.no_list_ment {
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
}
.no_list {
	padding: 20px 0 !important;
	font-size: 18px;
	text-align: center;
}
.mypage_title {
	border-bottom: 2px #000 solid;
	position: relative;
	padding: 3% 3% 10px;
	text-align: center;
	background: #fff;
	overflow: hidden;
}
.mypage_title h2 {
	text-align: center;
	line-height: 120%;
	font-weight: 900;
	color: #000;
	margin: 0 0 0 0%;
	font-size: 38px;
	display: inline-block;
	font-family: 'noto6';
	width: 100%;
}
.community_wrap .page_title_area.mypage_title {
	margin: 0 0 5%;
}
.my_cs_title {
	font-size: 20px;
	font-weight: 900;
	margin: 10px 0 10px;
}
.mypage_title .prev,
.mypage_title .go_home {
	width: 46px;
	height: 55%;
	max-width: 5.5%;
	font-size: 0;
	background: url(/mobile/new/main/common/prev_arr.png) no-repeat center 2%;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
}
.mypage_title .go_home {
	background: url(/mobile/new/main/common/home_icon.png) no-repeat center 2%;
	background-size: contain;
	left: 12%;
}
.user_class_top {
	width: 100%;
	border-bottom: 2px solid #000;
	margin-bottom: 0;
}
.user_class_top div:last-of-type {
	text-align: right;
	vertical-align: top;
}
.play_history {
	background: #545454;
	color: #fff;
	border-radius: 5px;
	border: none;
}
.apply_type_table .apply_type {
	width: 94%;
	margin: 0 auto 5%;
	border: 1px solid #c0c0c0;
}
.apply_type_table .apply_type li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
}
.apply_type_table .apply_type li:last-of-type,
.apply_type_table .apply_type li a:last-of-type {
	border: none;
}
.apply_type_table .apply_type li > a {
	border-right: 1px solid #c0c0c0;
	box-sizing: border-box;
	vertical-align: middle;
	display: table-cell;
	width: 33.33%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	word-break: keep-all;
	padding: 2.5% 0;
	box-sizing: border-box;
}
.apply_type_table .apply_type li > a.selected {
	background: #484e67;
	color: #fff;
}
.user_class_list li {
	padding: 20px 0 0;
}
.user_class_list li {
	padding: 3% 0;
}
.user_class_list {
	border-top: 10px solid #eeeeee;
}
.user_class_list li:first-child {
	margin-top: 0;
}
.user_class_list li > a {
	display: block;
}
.user_class_list .class_title {
	font-size: 20px;
	word-break: keep-all;
	font-weight: 600;
}
.user_class_list p {
	font-size: 15px;
	margin: 10px 0 0;
	line-height: 27px;
	word-break: keep-all;
}
.user_class_list .class_sub_title {
	margin: 0;
}
.mypage_bottom {
	background: #f4f0e7;
	padding: 15px 3%;
}
.mypage_bottom > p {
	font-size: 0;
	margin: 0;
}
.mypage_bottom > h1 {
	font-size: 23px;
	font-weight: 900;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 0px;
}
.mypage_bottom > span,
.common_refrash {
	display: block;
	margin: 5px 0 0 0;
}
.mypage_bottom > a {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	padding: 0.5% 1%;
	border: 1px solid #000;
	border-radius: 5px;
	background: #fff;
	font-size: 13px;
	font-weight: 900;
}
.total-search {
	font-size: 17px;
	font-weight: 800;
	color: #000;
	overflow: hidden;
	margin: 0 0 11px;
	padding: 0;
	background: #fff;
}
.mid_banner_mylec {
	/*	background:url('/mobile/new/mypage/mylec_bn_bg.png') center no-repeat;*/
	overflow: hidden;
}
.mid_banner_mylec .bn_txt {
	position: relative;
}
.mid_banner_mylec .app_btn {
	width: 35%;
	height: 40%;
	position: absolute;
	right: 3%;
	top: 35%;
}
.mid_banner_mylec .app_btn li {
	width: 100%;
	height: 20%;
}
.mid_banner_mylec .app_btn li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-size: 0;
}
.mid_banner_mylec .app_btn li a.sd-book-banner-btn1 {
	background: url('/mobile/new/mypage/play_store.png') center no-repeat;
	background-size: contain;
}
.mid_banner_mylec .app_btn li a.sd-book-banner-btn2 {
	background: url('/mobile/new/mypage/app_store.png') center no-repeat;
	background-size: contain;
}
.app_down_wrap {
	width: 30%;
	height: 100%;
	box-sizing: border-box;
	text-align: right;
}
.app_down_wrap a {
	width: 190px;
	height: 40px;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	line-height: 40px;
	margin-bottom: 5px;
	position: relative;
	left: 0;
	padding-left: 60px;
	box-sizing: border-box;
	background: #39437e;
	text-align: left;
}
.app_down_wrap a:after {
	position: absolute;
	width: 18%;
	max-width: 30px;
	height: 100%;
	display: block;
	content: '';
	top: 0;
	left: 15px;
}
.app_down_wrap a:first-child:after {
	background: url('/mobile/new/mypage/mypage_icon.png') 10px 7px no-repeat;
	background-size: 130px;
}
.app_down_wrap a:last-child:after {
	background: url('/mobile/new/mypage/mypage_icon.png') -18px 8px no-repeat;
	background-size: 120px;
}
.play_guide {
	width: 100%;
	display: table;
	padding: 0 3%;
	margin: 5% 0 1%;
}
.play_guide > * {
	width: 80%;
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	word-break: keep-all;
	font-weight: 900;
}
.play_guide p {
	font-size: 15px;
}
.play_guide li:last-child {
	text-align: right;
}
.play_guide a {
	text-align: right;
	background: #d6d6d7;
	border: none;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 9px;
}
.recently_play_area {
	box-sizing: border-box;
}
.recently_play_area > h1 {
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 10px;
}
.recently_chart {
	border-top: 1px solid #000;
	padding: 4% 0 2%;
	overflow: hidden;
}
.recently_chart .percent_txt {
	display: table;
	float: left;
}
.recently_chart .percent_txt > * {
	display: table-cell;
	vertical-align: bottom;
}
.recently_chart .percent_txt .percent {
	font-size: 30px;
	color: #0c00f9;
	font-weight: 900;
	letter-spacing: -0.7px;
}
.recently_chart .percent_txt .state {
	font-size: 17px;
	font-weight: 600;
	padding-bottom: 4px;
}
.recently_chart .play_btn_area {
	float: right;
	width: auto;
	text-align: right;
	vertical-align: middle;
}
.recently_chart .play_btn_area .replay_btn {
	color: #0c00f9;
	font-size: 20px;
	font-weight: 600;
	margin-top: calc(50% - 28px);
}
.chart_graph {
	width: 100%;
	height: 30px;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 0;
}
.chart_graph .graph_bg {
	display: block;
	width: 100%;
	height: 100%;
	background: #dedede;
}
.chart_graph .graph_bar {
	display: inline-block;
	height: 100%;
	/* 	background:#0c00f9; */
	background: linear-gradient(90deg, rgba(214, 39, 238, 1) 37%, rgba(123, 47, 168, 1) 66%);
	border-radius: 5px;
}
.recently_info {
	width: 100%;
	margin-top: 15px;
}
.recently_info .recently_itname {
	font-size: 20px;
	font-weight: 900;
}
.recently_info .recently_type {
	margin-top: 8px;
	color: #8e8e8e;
	font-size: 17px;
	line-height: 150%;
	font-weight: 600;
}

.user_class_list li {
	font-size: 14px;
	border-bottom: 4px solie #eff1f2;
}
.user_class_list li:last-child {
	border-bottom: none;
}
.user_class_list li {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 3%;
	border-bottom: 10px solid #eeeeee;
	box-sizing: border-box;
}
.user_class_list li.apply_end_banner {
	width: 100%;
	padding: 3%;
}
.user_class_list li .icon_go {
	width: 30px;
	height: 30px;
	display: block;
	content: '';
	background: url('/mobile/new/main/book_arrow.png') -8.5px no-repeat;
	background-size: 29px;
	position: absolute;
	right: 3%;
	top: calc(50% - 15px);
	border: 1px solid #000;
	border-radius: 50%;
}
.user_class_list li.play_list {
	padding: 3% 0;
}
.apply_info {
	margin: 5px 0 0;
}
.apply_info dt,
.apply_info dd {
	display: inline-block;
	margin: 2px 0 0px;
	font-size: 17px;
}
.apply_state > a {
	display: inline-block;
	margin-left: 0px;
	border: 1px solid #b8b7b7;
	background: #f0f0f0;
	color: #353535;
	font-weight: 400;
	width: auto;
	text-align: center;
	font-size: 16px;
	padding: 4px 12px;
	border-radius: 4px;
}
.apply_state .common_refrash_on {
	border: 1px solid #afafaf;
	background: #afafaf;
	color: #fff;
}
.apply_state .extensionbtn {
	background: #16b0b2;
	border: 1px solid #16b0b2;
	color: #fff;
}
.apply_state .extensionbtn2 {
	background: #6988c5;
	border: 1px solid #6988c5;
	color: #fff;
}
.apply_state .refund_btn {
	background: #6988c5;
	border: 1px solid #6988c5;
	color: #fff;
}
.apply_state .bookmark_view_btn {
	background: #f2b149;
	border: 1px solid #f2b149;
	color: #fff;
	border-radius: 4px;
}
.apply_state {
	color: #cc3f3f;
	font-weight: 900;
	margin: 5px 0 0;
}
#tbContent {
}
#tbContent #apply_itid {
	display: none;
}
#tbContent > div {
	padding: 2% 10px;
	border-bottom: 10px solid #eff1f2;
}
.apply_class_detail h3 {
	font-size: 25px;
	font-weight: 900;
	word-break: keep-all;
	margin: 5px 0;
	line-height: 130%;
}
.apply_class_detail .class_detail {
	margin-top: 8px;
}
.apply_class_detail .class_detail .detail_list li {
	font-size: 16px;
}
.apply_class_detail .class_detail .detail_list li + li {
	margin-top: 4px;
}
.apply_class_detail .class_detail .detail_list li::before {
	content: '·';
	margin-right: 2px;
}
.apply_class_detail .class_detail .btn_record {
	display: inline-block;
	margin-top: 10px;
	border: 1px solid #b8b7b7;
	padding: 4px 12px;
	border-radius: 4px;
	text-align: center;
	color: #353535;
	font-weight: 400;
	font-size: 16px;
	background: #f0f0f0;
}
.apply_head {
	position:relative;
	font-size: 20px;
	font-weight: 900;
	margin-bottom: 1%;
}
.play_list_wrap .apply_head {
	border-bottom: none;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.apply_head .apply_all_pop {
	font-size: 24px;
	border: 1px solid #c8c8c8;
	width: auto;
	height: auto;
	padding: 3% 15px;
	text-align: center;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
	display: none;
}
.apply_head > div > * {
	font-size: 20px;
	display: inline-block;
	margin: 0;
}
.apply_head > div:last-child {
	text-align: right;
}
.apply_process {
	width: 100%;
	border-bottom: 10px solid #eeeeee;
}
.apply_process .list_add_view {
	border: 1px #c5c5c5 solid;
	width: 100%;
	line-height: 35px;
	font-size: 15px;
	color: #353535;
	font-weight: 600;
	margin: 20px auto;
	text-align: center;
}
.apply_detail_list {
	width: 99.9%;
}
.apply_subject .apply_detail_list {
	display: none;
}
.apply_detail_list li {
	margin: 0 auto 3px;
}
.apply_detail_list li:first-child {
}
.apply_detail_list li a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	font-size: 16px;
	border-bottom: none;
	font-weight: 600;
	padding: 7px;
	box-sizing: border-box;
	border: 1px solid #c8c8c8;
}
#subject_cat_id li a {
	border: 1px solid #000;
}
.process_slick {
	max-height: 178px;
	overflow: auto;
}
.process_slick li {
	display: none;
}
.process_slick li a {
	color: #afafaf;
}
.process_slick li a.selected {
	font-weight: 900;
	color: #000;
	border: 1px solid #000;
}
.apply_detail_list li a:after {
	position: absolute;
	right: 20px;
	content: '▶';
}
.apply_paging {
	margin-bottom: 10px;
	display: none;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
}
.apply_paging ul {
	padding: 0;
	position: relative;
	bottom: 0;
}
.apply_paging ul li {
	position: relative;
	float: none;
	width: auto;
	color: #fff;
	letter-spacing: 2px;
	display: none;
	font-size: 16px;
	border-bottom: none;
}
.apply_paging ul li.slick-active {
	display: inline-block;
}
.customar_level{
	position:relative;
}
.customar_level img{
	width:100%;
	min-width:360px;
}
.customar_level .customar_txt{
	position:absolute;
	width: 100%;
	top: 40%;
	left: 77%;
	transform: translateX(-60%) translateY(-73%);
	color: #ffffff;
}
.customar_level p{
	line-height:25px;
	font-size:25px;
}
.customar_level .cate_name{
	display:inline-block;
	padding:5px 15px;
	background:#f8c3c3;
	border-radius:10px;
	color:#1a1a1a;
}
.customar_level .level_date{
	display:inline-block;
	padding:5px 15px;
	margin-left:5px;
	background:#d6d0ee;
	color:#000000;
	border-radius:5px;
}
.apply_subject {
	display: none;
	margin-bottom: 30px;
}
.apply_detail_popup {
	height: 100% !important;
}
.apply_detail_popup .detail_content_wrap {
	border-bottom: 20px solid #eff1f2;
}
.apply_detail_popup .detail_content_wrap .apply_notice,
.apply_detail_popup .detail_content_wrap .fav_cotice,
.apply_detail_popup .detail_content_wrap .download_cotice,
.apply_detail_popup .detail_content_wrap .play_list_wrap {
	padding: 3%;
}
.apply_detail_popup .detail_content_wrap .class_option_wrap {
	padding: 3% 3% 1%;
}
.apply_detail_popup .detail_content_wrap .play_list {
	padding: 0 3% 3%;
}
.apply_detail_popup .playerChange {
	padding: 0 1% 0;
	box-sizing: border-box;
}
.apply_detail_popup .detail_content_wrap .curri_subject_title {
	width: 94%;
	margin: 15px auto 5px;
	font-size: 16px;
	font-weight: 900;
}
.detail_content_wrap .play_list {
	padding: 0 0 20px 0;
}
.apply_detail_popup .banner_popup_top,
.subject_list_popup .banner_popup_top,
.download_list_popup .banner_popup_top {
	width: 96%;
	margin: 3% auto 10px;
	border-bottom: 2px solid #000;
	padding: 0 0 10px;
	position: relative;
}
.download_list_popup .banner_popup_top {
	width: 100%;
	margin: 0 auto 10px;
}
.download_list_popup .banner_popup_top + div {
	height: calc(100% - 90px);
	box-sizing: border-box;
}
.wrap-download-block {
	/* display:block; */
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0%;
	left: 0%;
	padding: 3%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 99;
	box-sizing: border-box;
}
.download_list_popup {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 3%;
	display: block;
	box-sizing: border-box;
}
.download_tab_wrap {
	height: 100%;
}
.download_tab_wrap .tab_list {
	display: table;
	width: 100%;
	/* border: 1px solid #c0c0c0; */
	background: #fff;
}
.download_tab_wrap .tab_list li {
	display: table-cell;
	width: 50%;
	border-right: 1px solid #c0c0c0;
}
.download_tab_wrap .tab_list li a {
	display: block;
	vertical-align: middle;
	height: 100%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	word-break: keep-all;
	padding: 13px 0;
	box-sizing: border-box;
	font-weight: 400;
	background-color: #b5b5b5;
}
.download_tab_wrap .tab_list li.selected a {
	background-color: #4d6ca8;
	font-weight: 600;
}
.download_tab_wrap .tab_list li:last-of-type {
	border: none;
}
.download_tab_wrap .tab_con_wrap {
	height: calc(100% - 80px);
}
.download_tab_wrap .tab_con_wrap form {
	height: 100%;
}
.download_tab_wrap .tab_con {
	display: none;
	height: 100%;
}

.download_list_popup .txt_note {
	font-size: 17px;
}

.select_wrap {
	position: relative;
	width: 100%;
	height: auto;
}
.select_wrap:after {
	position: absolute;
	right: 5%;
	top: 7px;
	font-size: 14px;
	display: inline-block;
	content: '▼';
	z-index: 9;
}
.apply_detail_popup .subject_select,
.apply_detail_popup .curri_select,
.member_select,
.tb_title_list,
.board_apply {
	width: 100%;
	height: auto;
	border: 1px solid #000;
	background: #f0f0f0;
	margin: 0px auto 5px;
	display: block;
	padding: 10px 10% 10px 10px;
	font-size: 18px;
	font-weight: 600;
	border-radius: 0 !important;
	position: relative;
	color: #000 !important;
}
.apply_detail_popup .curri_select,
.apply_detail_popup .tb_title_list,
.member_select {
	background: #fff;
}
.plat_messege {
	position: absolute;
	background: #ff5b00;
	color: #fff;
	width: auto;
	display: inline-block;
	padding: 8px 40px 8px 15px;
	border-radius: 100px;
	font-size: 17px;
	z-index: 2;
	left: 12%;
	display: none;
}
.plat_messege:after {
	position: absolute;
	left: 45%;
	top: -18px;
	content: '▲';
	font-size: 20px;
	display: block;
	color: #ff5b00;
}
.plat_messege .plat_close {
	top: 5px !important;
	right: 6px !important;
	background: #fff !important;
	color: #000 !important;
	font-weight: 900;
	width: 20px !important;
	height: 20px !important;
	font-size: 16px !important;
	line-height: 20px !important;
	position: absolute;
	border-radius: 50%;
	text-align: center;
	font-family: 'noto5';
}
.apply_detail_popup .subject_select {
	width: 94%;
	background: #fff;
	margin: 0 auto 5%;
}
.member_select {
	margin: 0 auto 0;
}
.apply_detail_popup .subject_select li,
.apply_detail_popup .curri_select li {
	display: none;
}
.apply_detail_popup .apply_notice {
	margin: 0 auto 10px;
	background: #f0f0f0;
	padding: 3%;
}
.apply_detail_popup .apply_notice p {
	color: #c23131;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 0;
}
.apply_detail_popup .apply_notice span {
	font-size: 17px;
	display: block;
	word-break: keep-all;
}
.apply_detail_popup .fav_cotice {
	width: 96%;
	display: table;
	margin: 10px auto;
	background: #c8e9e2;
	border-radius: 5px;
}
.apply_detail_popup .fav_cotice > div {
	display: table-cell;
	vertical-align: middle;
}
.apply_detail_popup .fav_cotice > div p {
	font-size: 17px;
	margin: 0;
}
.apply_detail_popup .fav_cotice > div.fav_btn_wrap {
	text-align: right;
}
.apply_detail_popup .fav_cotice > div.fav_btn_wrap button {
	display: inline-block;
	font-size: 16px;
	padding: 5px 15px;
	background: #fff;
	color: #000 !important;
	border: 1px solid #000;
	border-radius: 20px;
	font-weight: 600;
}
#remove_fav_lec {
	background: #8c9896;
	color: #000 !important;
}
.apply_notice > ul {
	display: table;
	max-width: 300px;
	margin: 10px 0 0;
}
.apply_notice ul > li {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	width: 50%;
	padding: 0 5px 0 0;
}
.apply_notice ul > li a {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 10px;
	font-size: 15px;
	background: #646985;
	color: #fff;
	position: initial;
	border-radius: 5px;
	text-align: center;
}
.apply_notice ul > li a:hover {
	color: #fff;
}
.play_list_wrap {
	border-bottom: 20px solid #eff1f2;
	position: relative;
}
.play_list_wrap-bg {
	border-bottom: none;
}
.play_list_wrap .profile {
	margin: 10px auto 0;
}
.play_list_wrap .list-dot li {
	position: relative;
	padding-left: 5px;
	font-size: 19px;
}
.play_list_wrap .list-dot li:after {
	width: 2px;
	height: 2px;
	display: block;
	border-radius: 50%;
	left: 0;
	top: 50%;
	position: absolute;
	content: '';
	background: #000;
}
.play_list_wrap .list-dot li .icon_new {
	margin-left: 3px;
}
/* .apply_detail_popup .download_cotice {
	width:100%;
	background-color:#eff1f2;
} */

.apply_detail_popup .download_cotice,
.apply_detail_popup .playerChange {
	width: 96%;
	display: table;
	margin: 0 auto;
	background: #d2deeb;
	display: none;
	border-radius: 5px;
}
.apply_detail_popup .playerChange {
	background: #f61414;
	color: #fff;
	display: table;
}
.apply_detail_popup .download_cotice > div,
.apply_detail_popup .playerChange > div {
	display: table-cell;
	vertical-align: middle;
}
.apply_detail_popup .download_cotice > div p,
.apply_detail_popup .playerChange > div p {
	font-size: 17px;
	margin: 0;
}
.apply_detail_popup .download_cotice > div.download_btn_wrap,
.apply_detail_popup .playerChange > div.download_btn_wrap {
	text-align: right;
}
.apply_detail_popup .download_cotice > div.download_btn_wrap button,
.apply_detail_popup .playerChange > div.download_btn_wrap a {
	display: inline-block;
	font-size: 16px;
	padding: 5px 15px;
	background: #fff;
	border: 1px solid #000;
	border-radius: 20px;
	font-weight: 600;
}

.class_option_wrap {
	margin: 0 auto 3px;
	display: table;
	width: 100%;
}
.class_option_wrap > * {
	display: table-cell;
	vertical-align: middle;
}
.class_option_wrap > div:last-child {
	text-align: right;
}
.class_option_wrap > div > * {
	border: 1px solid #c8c8c8;
	padding: 4px 10px;
	background: #fff;
	color: #353535;
	border-radius: 0;
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
}
.class_option_wrap #downBtn {
	padding: 4px 10px;
	background: #545454;
	border: 1px solid #545454;
	color: #fff;
	border-radius: 3px;
}
.class_option_wrap input[type='checkbox'] {
	display: none;
}
.play_list {
}
.play_list li {
	border: 1px solid #c8c8c8;
	border-radius: 0 !important;
	display: table;
	width: 100%;
	padding: 0;
}
.play_list li + li {
	border-top: none;
}
.play_list li div {
	border-right: 1px solid #c8c8c8;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0;
}
.play_list li div:first-child {
	width: 11%;
}
.play_list li div:last-child {
	border-right: none;
	width: 20%;
}
.play_list li div:first-child label:after {
	margin: 0 auto;
	left: calc(50% - 7px);
	top: calc(50% - 7px);
}

.play_list li div input[type='checkbox'] {
	/*display:none;*/
	position: relative;
	width: 25px;
	height: 25px;
}
.play_list li div input[type='checkbox']:after {
	position: absolute;
	border: 1px solid #000;
	border-radius: 0 !important;
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: '';
	top: 0;
	left: 0;
}
.play_list li div input[type='checkbox']:checked:after {
	background: url('/mobile/images/new_icon/check.png') no-repeat center center #f14e4f;
	background-size: contain;
	border: 1px solid #f14e4f;
}
.play_list li div label:before {
	display: none;
}
.play_list li div:nth-of-type(1) {
	width: 10%;
	min-width: 40px;
}
.play_list li div:nth-of-type(2) {
	text-align: left;
	padding-left: 10px;
	width: auto;
}
.play_list li div:nth-of-type(3),
.play_list li div:nth-of-type(4) {
	width: 13%;
	min-width: 50px;
}
.play_list li .mov_name {
	font-size: 19px;
	font-weight: 900;
	margin-bottom: 0;
	text-indent: 0px;
	padding: 0;
}
.play_list li .icon_new {
	margin-left: 4px;
}
.play_list li div > span {
	font-size: 18px;
}
.play_list li .player_btn {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
	height: auto;
}
.play_list li.play_time {
	text-align: center;
	font-size: 12px;
}
.play_list2_wrap {
	overflow: auto;
	height: calc(100% - 57px);
}

.play_list2 li {
	border: 1px solid #c8c8c8;
	border-radius: 0 !important;
	display: table;
	width: 100%;
	padding: 0;
	border-top: 0;
	border-right: 0;
}
.play_list2 li:first-child {
	border-top: 1px solid #c8c8c8;
}
.play_list2 li div {
	border-right: 1px solid #c8c8c8;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px 0;
}
.play_list2 li div:first-child {
	width: 11%;
}
.play_list2 li div:first-child label:after {
	margin: 0 auto;
	left: calc(50% - 7px);
	top: calc(50% - 7px);
}

.play_list2 li div input[type='checkbox'] {
	/*display:none;*/
	position: relative;
	width: 25px;
	height: 25px;
}
.play_list2 li div input[type='checkbox']:after {
	position: absolute;
	border: 1px solid #000;
	border-radius: 0 !important;
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	content: '';
	top: 0;
	left: 0;
}
.play_list2 li div input[type='checkbox']:checked:after {
	background: url('/mobile/images/new_icon/check.png') no-repeat center center #f14e4f;
	background-size: contain;
	border: 1px solid #f14e4f;
}
.play_list2 li div label:before {
	display: none;
}
.play_list2 li div:nth-of-type(2) {
	text-align: left;
	padding: 7px 10px;
	box-sizing: border-box;
}
.play_list2 li .mov_name {
	font-size: 19px;
	font-weight: 900;
	margin-bottom: 0;
	text-indent: 0px;
	padding: 0;
	word-break: break-word;
}
.play_list2 li div > span {
	font-size: 18px;
}
.play_list2 li .player_btn {
	padding-top: 25%;
	display: inline-block;
	vertical-align: middle;
	background: url(/mobile/new/mypage/mypage_icon.png) 100% top no-repeat;
	background-size: 283%;
	width: auto;
	text-align: center;
	font-size: 12px;
}

.view_lectureMembership .Membership_waku {
	padding-bottom: 30px;
}
.view_lectureMembership .Membership_waku > div {
	padding: 2% 10px;
	border-bottom: 10px solid #eff1f2;
}
.view_lectureMembership .Membership_waku > div:last-child {
	border-bottom: none;
}
.view_lectureMembership {
	background: #fff;
}
#member_itid {
	display: none;
}
.membership_apply_list li {
	display: table;
	width: 100%;
}
.membership_apply_list li > div {
	display: table-cell;
	vertical-align: middle;
}
.membership_apply_list li > .img {
	width: 25%;
}
.membership_apply_list li > .info_txt {
	padding: 0 0 0 5%;
}
.membership_apply_list li > .info_txt .list_tit {
	font-size: 25px;
	word-break: keep-all;
	font-weight: 100;
	margin: 0 0 2%;
	font-family: 'noto5';
}
.membership_apply_list li > .info_txt p {
	font-size: 18px;
	margin: 0;
}
.membership_apply_list .btn_new {
	font-size: 0;
	padding-top: 10px;
}
.membership_apply_list .btn_new a {
	display: inline-block;
	vertical-align: top;
	width: 115px;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #c8c8c8;
	text-align: center;
	margin-right: 10px;
}
.membership_apply_list .btn_new a:last-child {
	background: #cc3f3f;
	color: #fff;
}
.membership_apply_list .lec_list li {
	/* margin: 2% 0; */
	padding: 10px 0;
	border-bottom: 10px #eff1f2 solid;
}
/*수강종료 팝엉ㅂ*/
.apply_end_banner {
	display: none;
	width: 94%;
	margin: 0 auto;
	background-size: 30%;
	padding: 2%;
}
.apply_end_banner .bn_txt {
}
/*적립금/ 쿠폰 :S*/
.point_pages_coupon {
	background: #eff1f2;
}
.point_pages_coupon .point_wrap {
	background: #eff1f2;
}
.point_pages_coupon .point_wrap > * {
	padding: 5% 3%;
	margin: 20px auto;
	background: #fff;
}
.point_pages_coupon .coupon-status {
	padding: 5% 3%;
	margin: 0 auto 20px;
}
.point_pages_coupon .coupon-status .coupon_use_info {
	display: table;
	width: 100%;
}
.point_pages_coupon .coupon-status .coupon_use_info > p {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 900;
	padding: 0;
	box-sizing: border-box;
}
.point_pages_coupon .coupon-status .coupon_use_info > p:last-child {
	color: #c90e0e;
	text-align: right;
	font-weight: 900;
}
.point_pages_coupon .coupon-status-header p {
	width: 100%;
	padding: 3% 10px;
	display: table;
	background: #f3f2ef;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	font-size: 20px;
	font-weight: 900;
	margin: 0;
}
.point_pages_coupon .my_mileage_info {
}
.point_pages_coupon .my_mileage_info {
	margin: 0 auto;
}
.point_pages_coupon .my_mileage_info > em {
	font-style: normal;
	color: #4860b9;
	font-size: 17px;
	margin: 0px 0 0;
	letter-spacing: -0.87px;
	display: inline-block;
	font-weight: 900;
}
.point_pages_coupon .my_mileage_info li {
	display: table;
	width: 100%;
	margin: 0 auto 3px;
}
.point_pages_coupon .my_mileage_info li > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.7px;
}
.point_pages_coupon .my_mileage_info li.mileage_info_top {
	margin-bottom: 10px;
	font-size: 17px;
}
.point_pages_coupon .my_mileage_info li.mileage_info_top > * {
	font-weight: 900;
	font-size: 20px;
}
.point_pages_coupon .my_mileage_info li.mileage_info_top em,
.point_pages_coupon .my_mileage_info li.mileage_info_top span:last-child {
	color: #c90e0e;
	font-style: normal;
}
.point_pages_coupon .my_mileage_info li > span:last-child {
	text-align: right;
}
.point_pages_coupon .list_tab_menu {
	display: table;
	width: 100%;
	margin: 0 auto 10px;
}
.point_pages_coupon .list_tab_menu li {
	display: table-cell;
	vertical-align: middle;
	width: 33.33%;
	text-align: center;
	font-size: 16px;
	padding: 2.5% 0;
	font-weight: 600;
	border: 1px solid #c8c8c8;
	border-left: none;
}
.point_pages_coupon .list_tab_menu li.selected {
	background: #484e67;
	color: #fff;
}
.point_pages_coupon .list_tab_menu li:first-child {
	border-left: 1px solid #c8c8c8;
}
.point_pages_coupon .coupon-list {
	border-bottom: 1px solid #c8c8c8 !important;
}
.point_pages_coupon .coupon-list li,
.point_pages_coupon .coupon-list-wrap .point-list-title {
	border: 1px solid #c8c8c8;
	border-bottom: none;
}
.point_pages_coupon .coupon-list-wrap .point-list-title,
.point_pages_coupon .coupon-list-item {
	display: table;
	width: 100%;
	margin: 0 auto;
}
.point_pages_coupon .coupon-list-item:last-of-type {
}
.point_pages_coupon .coupon-list-wrap .point-list-title > * {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-style: normal;
	font-size: 17px;
	font-weight: 600;
	background: #f0f0f0;
	padding: 10px 20px;
	width: 70%;
	border-right: 1px solid #c8c8c8;
}
.point_pages_coupon .coupon-list-wrap .point-list-title2 > * {
	width: 50%;
}
.point_pages_coupon .coupon-list-wrap .point-list-title > *:last-child {
	border-left: none;
	border-right: none;
}
.point_pages_coupon .coupon-list-item > * {
	display: table-cell;
	vertical-align: middle;
	width: 70%;
	padding: 10px 9px;
	word-break: keep-all;
	border-right: 1px solid #c8c8c8;
}
.point_pages_coupon .coupon-list-item > *:last-child {
	text-align: center;
	width: 50%;
	border-right: none;
}
.point_pages_coupon .coupon-list2 li > * {
	width: 50%;
	text-align: left;
}
.point_pages_coupon .coupon-list2 .coupon-list-item > *:last-child {
	width: 50%;
}
.point_pages_coupon .coupon-list-item .used_date {
	font-size: 14px;
	font-weight: 900;
	margin: 0;
}
.point_pages_coupon .coupon-list-wrap .coupon-detail-name,
.point_pages_coupon .coupon-list-wrap .coupon-detail-sub,
.point_pages_coupon .coupon-list-wrap .end_date {
	font-size: 16px;
	margin: 0 0 0px;
	position: relative;
	padding-left: 0px;
}
.point_pages_coupon .coupon-list-wrap .coupon-detail-name {
	font-family: 'noto5';
}
/* .point_pages_coupon .coupon-list-wrap .coupon-detail-name:after,
.point_pages_coupon .coupon-list-wrap .coupon-detail-sub:after{
	position:absolute;
	left:0;
	top:50%;
	width:2px;
	height:2px;
	border-radius:50%;
	display:block;
	background:#000;
	content:'';
} */
.point_pages_coupon .point_calc {
}
.point_pages_coupon .point_calc p {
	margin: 0 0 0px;
	font-size: 16px;
	text-align: left;
	font-weight: 900;
}
.point_pages .point_calc p {
	text-align: center;
	font-size: 16px;
}
.point_pages_coupon .point_calc .coupon_use_comment {
	font-size: 17px;
	display: block;
	font-weight: 400;
	text-align: left;
}
.point_pages_coupon .point_calc p.use_type {
	font-weight: 900;
	font-size: 17px;
}
/*빨강색*/
.point_pages_coupon .point_calc p.use_type,
.point_pages .minus p {
	color: #d30e0e;
}
/*회색*/
.point_pages_coupon .point_calc p.minus {
	color: #949494;
}
/*파랑색*/
.point_pages_coupon .point_calc p.use {
	color: #5267d0;
}
.my_mileage_info {
}
.my_mileage_info > p {
	font-size: 20px;
	font-weight: 900;
}
.my_mileage_info .coupon_sign_wrap {
	display: table;
	width: 100%;
	margin: 10px auto;
}
.my_mileage_info .coupon_sign_wrap > div {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	padding: 0 5px;
	text-align: center;
}
.my_mileage_info .coupon_sign_wrap > div > * {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 50px;
	padding: 5px;
	font-size: 18px;
	font-weight: 600;
	border-radius: 0;
	border: 1px solid #000;
	background: #fff;
	color: #000;
}
.my_mileage_info .coupon_sign_wrap > div > input[type='button'] {
	border: none;
	border-radius: 0;
	background: #989898;
	color: #fff;
}

/* 적립급 / 크폰:E*/

/*도서등록:S*/
/*도서등록 리뉴얼 시작*/
.resiger_top {
	padding: ;
}
.resiger_top h1 {
	font-size: 24px;
	line-height: 100%;
	font-weight: 900;
}

/*도서등록 리뉴얼 끝*/
.view_bookRegister {
}
.view_index_header {
	background: #fff;
	padding: 3% 3% 1%;
	overflow: hidden;
}
.view_index_header > div {
	margin: 0 0 15px;
}
.view_index_header .register_type_area {
	margin: 0 0 8px;
}
.view_index_header .isbn_info_txt > div {
	vertical-align: middle;
}
.view_index_header h2 {
	font-size: 24px;
	font-weight: 900;
	padding: 5% 0;
}
.view_index_header .div-table > div:last-child,
.view_bookRegister .register_type div:last-child {
	text-align: right;
}
.view_index_header img {
	border: 1px solid #000;
	border-radius: 5px;
}
.view_bookRegister .isbn_header {
	padding: 20px 15px 25px 15px;
	background: #ffffff;
}
.view_bookRegister .isbn_header .header_info {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background: #f1f1f1;
	padding: 10px;
}
.view_bookRegister .isbn_header .header_info p {
	color: #353535;
	font-size: 20px;
	word-break: keep-all;
	margin: 0;
}
.view_bookRegister .isbn_header > div img {
	border: 1px solid #a2a1a1;
	border-radius: 5px;
}
.view_bookRegister .register_type {
	display: table;
	width: 100%;
}
.view_bookRegister .register_type > div {
	display: table-cell;
	vertical-align: middle;
}
.view_bookRegister .isbn_ment {
	width: auto;
	border: 1px solid #7a7a7a;
	background: #f0f0f0;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	padding: 3px 10px;
	border-radius: 5px;
}
.view_bookRegister .isbn_ment.selected {
	border: 1px solid #5059a0;
	background: #5059a0;
	color: #fff;
}
.view_bookRegister .infomation {
	width: auto;
	min-width: 84px;
	/*background:#d6d6d7;*/
	color: #000;
	font-size: 17px;
	font-weight: 900;
	border-radius: 5px;
	padding: 3px 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.view_bookRegister .register_code {
}
.view_bookRegister .register_code p {
	margin: 0 0 5px;
	font-size: 15px;
	color: #000;
	display: none;
	font-weight: 400;
}
.view_bookRegister .register_code p.selected {
	display: block;
}
.view_bookRegister .register_code .code_input_wrap {
	display: table;
	width: 100%;
}
.view_bookRegister .register_code .code_input_wrap > div {
	display: table-cell;
	vertical-align: middle;
	width: 80%;
}
.view_bookRegister .register_code .code_input_wrap > div:last-child {
	width: 20%;
}

.view_bookRegister .register_code .code_input_wrap input {
	display: inline-block;
	width: 100%;
	height: 50px;
	border: 1px solid #000;
	padding-left: 5px;
}
.view_bookRegister .register_code .code_input_wrap input[type='submit'] {
	background: #363636;
	margin-left: 5px;
	border: 1px solid #363636;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-left: none;
}
.view_bookRegister .register_book_wrap li {
	background: #fff;
	margin: 20px 0 0;
	padding: 3% 2.5% 3% 0;
	display: table;
	width: 100%;
}
.view_bookRegister .register_book_wrap li:first-of-type {
	/*margin:0 0 0 ;*/
}
.view_bookRegister .register_book_wrap li .img {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
}
.view_bookRegister .register_book_wrap li .img img {
	margin: 0 auto;
	display: block;
	max-height: 200px;
}
.view_bookRegister .register_book_wrap li .info_txt {
	padding: 0 0 0;
	color: #353535;
}
.view_bookRegister .register_book_wrap li .info_txt > * {
	display: inline-block;
	width: 100%;
}
.view_bookRegister .register_book_wrap .info_txt h1 {
	font-size: 20px;
	word-break: keep-all;
	line-height: 19px;
	font-weight: 600;
	margin: 0 0 3px;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-family: 'noto5';
	letter-spacing: -0.7px;
}
.view_bookRegister .register_book_wrap .info_txt p {
	font-size: 18px;
	margin: 0;
	line-height: 140%;
}
.view_bookRegister .register_book_wrap .btn_new {
	font-size: 0;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}
.view_bookRegister .register_book_wrap .btn_new a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: auto;
	height: auto;
	padding: 3px 15px;
	text-align: center;
	border: 1px #c8c8c8 solid;
	font-size: 18px;
	margin: 0 0 0 10px;
}
.view_bookRegister .register_book_wrap .btn_new a:first-child {
	margin: 0;
}
.view_bookRegister .register_book_wrap .btn_new a.gray {
	border: 1px #545454 solid;
	background: #545454;
	color: #fff;
}
.view_bookRegister .register_book_wrap .more_btn {
	text-align: center;
	margin: 20px 0 0 0;
}
li.no_list {
	padding: 20px 0 !important;
	font-size: 14px;
	text-align: center;
}
.faq_list {
}
.faq_list table {
	width: 100% !important;
}
.faq_list table td {
	width: 100% !important;
}
.faq_lsit_type {
	border: 1px solid #c8c8c8;
	margin: 0 auto 20px;
}
.faq_lsit_type > div {
	display: table;
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
}
.faq_lsit_type > div:last-child {
	border-bottom: none;
}
.faq_lsit_type > div > p {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	border-right: 1px solid #c8c8c8;
	text-align: center;
	font-size: 18px;
	padding: 2.5% 0;
}
.faq_lsit_type > div > p.selected {
	background: #484e67;
	color: #fff;
}
.faq_lsit_type > div > p:last-child {
	border-right: none;
}
.faq_list_wrap .faqListArea {
	border-top: 1px solid #000;
}
.faq_list_wrap .faq_list {
	border-bottom: 1px solid #000;
}
.faq_list_wrap .faq_list > div {
	padding: 15px 0;
	display: table;
	width: 100%;
}
.faq_list_wrap .faq_list > div > * {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 80%;
	word-break: keep-all;
	font-size: 18px;
	margin: 0 0 0 0;
}
.faq_list_wrap .faq_list > div > p:first-child {
	width: 8%;
	vertical-align: top;
}
.faq_list_wrap .faq_list > div > p > span {
	display: inline-block;
	background: #353535;
	border-radius: 50%;
	color: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 17px;
	font-weight: 900;
}
.faq_list_wrap .faq_list div.list_a {
	display: none;
	transition: all 1.5s;
}
.faq_list_wrap .faq_list div.list_a.down {
	display: table;
	transition: all 1.5s;
	border-top: 1px solid #c4c4c4;
}
.faq_list_wrap .faq_list div.list_a > p > span {
	background: #a4a4a4;
}
.faq_list_wrap .list_q {
	font-size: 20px;
	font-weight: 900;
	position: relative;
}
.faq_list_wrap .list_q:after {
	position: absolute;
	right: 2%;
	top: calc(50% - 10px);
	width: 4%;
	height: 20px;
	display: block;
	content: '';
	background: url('/mobile/new/main/arrow.png') center no-repeat;
	background-size: contain;
}
.faq_list_wrap .list_a > p:last-child {
	padding: 0 2% 1% 0;
	font-size: 19px;
	line-height: 29px;
	letter-spacing: -0.4px;
	word-break: keep-all;
}
/*도서등록:E*/
/*휴강신청:S*/
.layer_popup_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
}
.layer_popup_wrap .layer_popup_bg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	left: 0;
	top: 0;
}
.layer_popup_wrap .layer_popup_content {
	width: 90%;
	height: auto;
	background: #fff;
	position: absolute;
	left: calc(50% - 250px);
	top: calc(30% - 150px);
	text-align: center;
	padding: 5% 0;
	display: none;
	max-width: 500px;
}
.account_popup_wrap .layer_popup_content {
	height: auto;
	width: 300px;
	left: calc(50% - 150px);
}
.layer_popup_wrap .layer_popup_content img {
	width: 100%;
}
.layer_popup_wrap .layer_popup_content .text {
	width: auto;
	margin: 0 auto;
}
.layer_popup_wrap .layer_popup_content .account_close {
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 17px;
	line-height: 45px;
	font-weight: 900;
	margin: 5px auto;
	display: block;
}
.reset_cencle,
.refrash_cencle {
	display: none;
}
.layer_popup_wrap .layer_popup_content ul {
	width: auto;
	margin: 10px auto 0;
}
.layer_popup_wrap .layer_popup_content ul li {
	margin: 0 auto 3px;
	width: auto;
	text-align: left;
	font-size: 16px;
}
.layer_popup_wrap .layer_popup_content ul li > * {
	display: inline-block;
	margin-right: 4px;
}
.layer_popup_wrap .layer_popup_content h2 {
	font-size: 24px;
	font-weight: 900;
	margin: 0 auto 15px;
}
.layer_popup_wrap .layer_popup_content p {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 15px;
}
.layer_popup_wrap .layer_popup_content i {
	font-style: normal;
	color: #c01a1a;
	font-weight: 600;
}
.reset_popup_wrap .reset_content label,
.refrash_popup_wrap .refrash_content label,
.confirm_popup_wrap .confirm_content label {
	font-size: 19px;
	margin: 5px auto;
	position: relative;
	padding-left: 22px;
}
.reset_popup_wrap .reset_content label:after,
.refrash_popup_wrap .refrash_content label:after,
.confirm_popup_wrap .confirm_content label:after {
	position: absolute;
	left: 0;
	top: 1px;
	border: 1px solid #000;
	width: 16px;
	height: 16px;
	display: block;
	content: '';
}
.reset_popup_wrap .reset_content input[type='checkbox']:checked + label:after,
.refrash_popup_wrap .refrash_content input[type='checkbox']:checked + label:after,
.confirm_popup_wrap .confirm_content input[type='checkbox']:checked + label:after {
	background: url('/mobile/images/new_icon/check.png') no-repeat center center #f14e4f;
	background-size: contain;
	border: 1px solid #f14e4f;
}
.reset_popup_wrap .confirm_btn_wrap,
.refrash_popup_wrap .confirm_btn_wrap,
.confirm_popup_wrap .confirm_btn_wrap {
	display: table;
	margin: 10px auto 0;
}
.reset_popup_wrap .confirm_btn_wrap li,
.refrash_popup_wrap .confirm_btn_wrap li,
.confirm_popup_wrap .confirm_btn_wrap li {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	position: relative;
}
.reset_popup_wrap .confirm_btn_wrap li a,
.refrash_popup_wrap .confirm_btn_wrap li a,
.confirm_popup_wrap .confirm_btn_wrap li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	border: 1px solid #000;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 0;
	position: relative;
	line-height: 25px;
}
.reset_popup_wrap .confirm_btn_wrap li:nth-of-type(1) a,
.refrash_popup_wrap .confirm_btn_wrap li:nth-of-type(1) a,
.reset_popup_wrap .confirm_btn_wrap li:nth-of-type(1) a {
	background: #000 !important;
	color: #fff !important;
}
.reset_popup_wrap .confirm_btn_wrap li:nth-of-type(2) a,
.refrash_popup_wrap .confirm_btn_wrap li:nth-of-type(2) a,
.reset_popup_wrap .confirm_btn_wrap li:nth-of-type(2) a {
	background: #fff !important;
	color: #000 !important;
}
/*휴강신청 :E*/

/*마이페이지 구조변경 211108 ina*/
.content_area {
	border-bottom: 10px solid #eeeeee;
	width: 100%;
	padding: 5% 3%;
	background: #fff;
}
.content_area:last-of-type {
	border-bottom: none;
}
.hello_user_area {
	margin: 0 0 55px;
	font-size: 30px;
	line-height: 170%;
}
.hello_user_area .strong a {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background: url('/mobile/images/mypage_icon.png') no-repeat;
	background-position: -279px 73%;
	background-size: 331px;
	font-size: 0;
}
.user_point {
	display: table;
	width: 90%;
	margin: 0 auto 30px;
	overflow: hidden;
}
.user_point li {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	font-size: 25px;
	font-weight: 600;
	text-align: center;
}
.user_point li:first-child {
	/*padding-right:5%;*/
}
.mypage_main_menu {
	width: 100%;
	display: table;
	margin: 7% auto 2%;
}
.mypage_main_menu li {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	text-align: center;
	font-size: 25px;
}
.mypage_main_menu li a {
	display: block;
	width: 100%;
	position: relative;
}
.mypage_main_menu .cm_count {
	display: block;
	margin-bottom: 10px;
}
.mypage_menu_area {
	width: 100%;
	text-align: center;
}
.mypage_menu_area td {
	width: 33.33%;
	padding: 20px 0;
}
.mypage_menu_area a {
	display: inline-block;
	position: relative;
	padding-top: 60px;
	font-size: 20px;
	font-weight: 600;
	color: #353535;
}
.mypage_menu_area a:after {
	position: absolute;
	display: block;
	top: 0;
	left: calc(50% - 40px);
	width: 80px;
	height: 60px;
	content: '';
}
.mypage_menu_area a.link-isbn:after {
	background: url(/mobile/images/mypage_icon.png) no-repeat;
	background-position: -3px 12%;
	background-size: 350px;
}
.mypage_menu_area a.link-study1:after {
	background: url(/mobile/images/mypage_icon.png) no-repeat;
	background-position: -80px 14%;
	background-size: 350px;
}
.mypage_menu_area a.link-study:after {
	width: 80%;
	left: 10%;
	background: url(/mobile/images/mypage_icon.png) no-repeat;
	background-position: -152px 12%;
	background-size: 350px;
}
.mypage_menu_area a.link-cart:after {
	background: url(/mobile/images/mypage_icon.png) no-repeat;
	background-position: -2px 100%;
	background-size: 350px;
}
.mypage_menu_area a.link-order:after {
	background: url(/mobile/images/mypage_icon.png) no-repeat;
	background-position: -77px 99%;
	background-size: 350px;
}
.mypage_menu_area a.link-cscenter:after {
	background: url(/mobile/images/mypage_icon.png) no-repeat;
	background-position: -147px 92%;
	background-size: 350px;
}

/* *콜러스 팝업* S */
.callus_popup {
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* height: calc(100% - 67px); */
	overflow: auto;
	display: none;
	box-sizing: border-box;
	z-index: 9999;
}
.callus_popup .container_popup {
	width: 100%;
	height: 100%;
	display: table;
}
.callus_popup .container_popup .inner {
	display: table-cell;
	vertical-align: middle;
	width: 94%;
	padding: 40px 0;
}
.callus_popup .container_popup .popup_top {
	position: relative;
	text-align: center;
}
.callus_popup .container_popup .popup_close {
	position: absolute;
	right: -4px;
	top: -12px;
	z-index: 18;
	font-size: 19px;
}
.callus_popup .container_popup .popup_close::after {
	position: absolute;
	content: '';
	display: block;
	background: #000;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	left: -9px;
	top: -4px;
	z-index: -1;
}
.callus_popup .container_popup .text_box {
	width: 85%;
	max-width: 800px;
	margin: 0 auto;
	/* padding: 5%; */
	text-align: center;
	color: #fff;
}
.callus_popup .container_popup h1 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 25px;
	font-weight: bolder;
}

.callus_popup .container_popup .top {
	background: #547cb3;
	padding: 10% 9% 8%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	text-align: left;
}
.callus_popup .container_popup .bottom {
	background: #5d7599;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: left;
	padding: 7% 9% 8%;
}
.callus_popup .container_popup p {
	color: #fff;
	font-size: 17px;
	line-height: 23px;
}

/* *콜러스 팝업* E */

/* 강의 촬영 현황 */
.lecture_area {
	width: 100%;
	padding: 5% 3.5%;
	border-bottom: 10px solid #eeeeee;
	background: #fff;
}

.lecture_area .lecture_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3px 0 11px;
	border-bottom: 2px solid #000;
}

.lecture_area .lecture_header .header_title {
	font-size: 20px;
	font-weight: 900;
}

.lecture_area .lecture_header .btn_more {
	font-size: 20px;
	font-weight: 900;
}

.lecture_area .lecture_list {
	margin-top: 5px;
}

.lecture_area .lecture_list li {
	padding: 20px 0;
	font-size: 18px;
}

.lecture_area .lecture_list li + li {
	border-top: 1px solid #c9c9c9;
}

.lecture_area .lecture_list p {
	letter-spacing: -0.045em;
}

.lecture_area .lecture_list .list_title {
	display: block;
	width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 20px;
}

.lecture_area .lecture_list .list_detail {
	line-height: 1.4;
	margin-top: 12px;
}

.lecture_area .lecture_list .list_status + .list_detail {
	padding-top: 14px;
	border-top: 1px solid #e9e9e9;
}

.lecture_area .lecture_list .list_detail em {
	color: #3e3e3e;
	font-weight: 700;
}

.lecture_area .lecture_list .list_status {
	margin-top: 15px;
}

.lecture_area .lecture_list .list_status em {
	color: #f14f4f;
	font-weight: 600;
}

/* 마이페이지 하단 배너 */
.my_page_slide {
	position: relative;
	width: 100vw;
	height: 19.6vw;
	overflow: hidden;
}
.my_page_slide a {
	display: block;
	width: 100vw;
	height: 16vw;
}
.my_page_slide .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 6px;
	bottom: 9px;
	height: clamp(20px, 5.6vw, 42px);
	padding: 0 2.4vw;
	border-radius: clamp(12px, 2.667vw, 20px);
	background: #3c4146;
}
.my_page_slide .swiper-pagination span {
	letter-spacing: -0.045em;
	color: #fff;
	font-size: clamp(12px, 2.667vw, 20px);
	font-family: 'Nanum Square';
	font-weight: 600;
}

/* 마이페이지 - 고객센터 - 자유걸제 */
.board-pay-wrap {
	border-bottom: 2px solid #000;
	font-family: 'noto4';
}

.board-pay-wrap .txt_point {
	color: #df1a23;
}

.board-pay-wrap .drop_content {
	height: 0;
	overflow: hidden;
	transition: 0.3s ease-in-out;
}

.board-pay-wrap .board-title-wrap {
	padding: 3.846vw 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
}

.board-pay-wrap .board-title-wrap h2 {
	line-height: 1.3;
	margin: 0;
	letter-spacing: -0.7px;
	font-size: 4.423vw;
	font-family: 'noto6';
	font-weight: normal;
}

.board-pay-wrap .board-title-wrap strong {
	display: block;
	margin: 0.769vw 0 0;
	line-height: 1.3;
	letter-spacing: -0.135vw;
	font-size: 3.846vw;
	font-family: 'noto5';
	font-weight: normal;
}

.board-pay-wrap .board-title-wrap p {
	line-height: 1.3;
	letter-spacing: -0.7px;
	font-size: 3.846vw;
}

.board-pay-wrap .board-content-wrap {
	position: relative;
}

.board-pay-wrap .text-empty {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 38.462vw;
	color: #a0a0a0;
	font-size: 3.654vw;
}

.board-pay-wrap .order-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.923vw;
	padding: 0 3.846vw;
}

.board-pay-wrap .order-list .order-item {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 1.923vw 0;
}

.board-pay-wrap .order-list .order-item + .order-item {
	border-top: 1px solid #c8c8c8;
}

.board-pay-wrap .order-list .item-title {
	font-size: 3.846vw;
	font-family: 'noto6';
}

.board-pay-wrap .order-list .item-detail {
	font-size: 3.269vw;
}

.board-pay-wrap .order-list .item-price {
	font-size: 3.269vw;
}

.board-pay-wrap .order-list .item-util-wrap {
	display: flex;
	gap: 1.923vw;
	margin: 1vw 0 0;
}

.board-pay-wrap .order-list button,
.board-pay-wrap .order-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.769vw;
    width: 19.231vw;
	height: 5.769vw;
    line-height: 1.6;
    font-size: 3.077vw;
    box-sizing: border-box;
    border-radius: 0.962vw;
	background: #fff;
}

.board-pay-wrap .order-list .btn-payment {
	color: #fff;
	background: #df1a23;
}

.board-pay-wrap .order-list .btn-dropdown {
	border: 1px solid #000;
	color: #fff;
	background: #000;
}

.board-pay-wrap .order-list .btn-dropdown.is_active {
	color: #000;
	background: #fff;
}

.board-pay-wrap .order-list .btn-dropdown::after {
	content: '';
    display: block;
	width: 3.077vw;
    height: 100%;
	background: url('/mobile/new/main/common/tab_icon_arrw_on.png') center no-repeat;
    background-size: 2.133vw auto;
}

.board-pay-wrap .order-list .btn-dropdown.is_active::after {
	background-image: url('/mobile/new/main/arrow.png');
	background-size: 2.267vw auto;
	transform: rotate(-180deg);
}

.board-pay-wrap .order-list .item-include {
	margin: 1.923vw auto 0;
	width: 100%;
    padding: 0 3%;
    background: #f3f2ef;
    font-size: 2.692vw;
	overflow: hidden;
}

.board-pay-wrap .order-list .include-title {
	display: block;
	padding: 2vw 0 0;
}

.board-pay-wrap .order-list .include-list {
	display: flex;
	flex-direction: column;
	padding: 0 0 1vw;
}

@media screen and (max-width: 680px) {
	span.icon_new {
		top: 0.735vw;
		width: 2.647vw;
		height: 2.647vw;
		min-width: 12px;
		min-height: 12px;
		margin-left: 0.2vw;
	}
	span.icon_new.type_sm {
		top: 0.3vw;
		width: 1.867vw;
		height: 1.867vw;
	}
	.hello_user_area {
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.recently_chart .percent_txt .percent {
		font-size: 23px;
	}
	.view_bookRegister .isbn_header h2,
	.mypage_title h2,
	.my_mileage_info > p,
	.faq_list_wrap .list_q,
	.mypage_bottom > h1,
	.reset_popup_wrap .refrasn_content h2,
	.refrash_popup_wrap .refrasn_content h2,
	.confirm_popup_wrap .refrasn_content h2,
	.point_pages_coupon .coupon-status .coupon_use_info > p,
	.view_bookRegister .isbn_header .code_info p,
	.point_pages_coupon .my_mileage_info li.mileage_info_top > *,
	.faq_list_wrap .list_a > p:last-child,
	.apply_detail_popup .apply_notice p,
	.layer_popup_wrap .layer_popup_content h2,
	.my_cs_title,
	.recently_play_area > h1,
	.resiger_top h1,
	.lecture_area .lecture_header .header_title,
	.customar_level p{
		font-size: 17px;
	}
	.apply_head,
	.apply_detail_list li,
	.apply_detail_popup .apply_notice p,
	.apply_class_detail h3 {
		font-size: 16px;
	}
	.user_point li,
	.mypage_main_menu li,
	.recently_info .recently_itname,
	.lecture_area .lecture_list .list_title {
		font-size: 15px;
	}
	.apply_head > div > * {
		font-size: 14px;
	}
	.play_guide > *,
	.point_pages_coupon .coupon-status-header p,
	.view_bookRegister .register_book_wrap .info_txt h1,
	.membership_apply_list li > .info_txt .list_tit,
	.recently_chart .percent_txt .state,
	.recently_chart .play_btn_area .replay_btn,
	.no_list_ment,
	.lecture_area .lecture_header .btn_more {
		font-size: 14px;
	}
	.mid_banner.mid_banner_mylec .bn_txt p,
	.reset_popup_wrap .refrasn_content p,
	.refrash_popup_wrap .refrasn_content p,
	.confirm_popup_wrap .refrasn_content p,
	.faq_lsit_type > div > p,
	.view_bookRegister .isbn_header .header_info p,
	.view_bookRegister .register_code .code_input_wrap input[type='submit'],
	.view_bookRegister .register_book_wrap .btn_new a,
	.view_bookRegister .infomation,
	.point_pages_coupon .point_calc p.use_type,
	.point_pages_coupon .list_tab_menu li,
	.point_pages_coupon .coupon-list-wrap .point-list-title > *,
	.point_pages_coupon .coupon-list-wrap .coupon-detail-name,
	.point_pages_coupon .my_mileage_info li > *,
	.point_pages_coupon .coupon-list-item .used_date,
	.point_pages .point_calc p,
	.faq_list_wrap .faq_list > div > *,
	.board_apply,
	.layer_popup_wrap .layer_popup_content p .apply_detail_popup .apply_notice span,
	.play_guide > *,
	.point_pages .point_calc p,
	.apply_type_table .apply_type li > a,
	.recently_info .recently_type,
	.lecture_area .lecture_list li,
	.apply_class_detail .class_detail .detail_list li,
	.apply_class_detail .class_detail .btn_record {
		font-size: 13px;
	}
	.view_bookRegister .register_book_wrap .info_txt p,
	.point_pages_coupon .my_mileage_info > em,
	.mypage_bottom > span,
	.view_bookRegister .register_code p,
	.view_bookRegister .isbn_info_txt p,
	.membership_apply_list li > .info_txt p,
	.play_list_wrap .list-dot li,
	.play_list li div > span,
	.play_list li .mov_name,
	.play_list2 li div > span,
	.play_list2 li .mov_name,
	.apply_info dt,
	.apply_info dd,
	.reset_popup_wrap .reset_content label,
	.refrash_popup_wrap .refrash_content label,
	.confirm_popup_wrap .confirm_content label,
	.apply_detail_popup .apply_notice span,
	.layer_popup_wrap .layer_popup_content p,
	.apply_notice ul > li a,
	.apply_detail_list li a,
	.reset_popup_wrap .confirm_btn_wrap li a,
	.refrash_popup_wrap .confirm_btn_wrap li a,
	.confirm_popup_wrap .confirm_btn_wrap li a,
	.apply_detail_popup .fav_cotice > div p,
	.apply_detail_popup .fav_cotice > div.fav_btn_wrap button,
	.apply_detail_popup .download_cotice > div p,
	.apply_detail_popup .playerChange > div p,
	.apply_detail_popup .download_cotice > div.download_btn_wrap button,
	.apply_detail_popup .playerChange > div.download_btn_wrap a,
	.plat_messege {
		font-size: 12px;
	}
	.point_pages_coupon .coupon-list-wrap .coupon-detail-sub,
	.point_pages_coupon .point_calc .coupon_use_comment,
	.point_pages_coupon .coupon-list-wrap .end_date,
	.point_pages_coupon .point_calc p {
		font-size: 11px;
	}
	.user_class_list .class_title {
		font-size: 13px;
		font-family: 'noto3';
		font-weight: 900;
	}
	.view_bookRegister .register_code .code_input_wrap input,
	.my_mileage_info .coupon_sign_wrap > div > * {
		height: 35px;
		font-size: 13px;
	}
	.app_down_wrap a {
		width: 130px;
		padding-left: 30px;
		font-size: 12px;
	}
	.app_down_wrap a:after {
		width: 24px;
		left: 8px;
	}
	.user_class_list p {
		font-size: 12px;
		margin: 5px 0 0;
		line-height: 20px;
	}
	.app_down_wrap a:first-child:after {
		background: url('/mobile/new/mypage/mypage_icon.png') 5px 11px no-repeat;
		background-size: 90px;
	}
	.app_down_wrap a:last-child:after {
		background: url('/mobile/new/mypage/mypage_icon.png') -15px 10px no-repeat;
		background-size: 90px;
	}
	.user_class_list li .icon_go {
		width: 20px;
		height: 20px;
		background: url('/mobile/new/main/book_arrow.png') -6px no-repeat;
		background-size: 19px;
	}
	.apply_state > a,
	.play_guide a,
	.apply_head .apply_all_pop,
	.class_option_wrap > div > * {
		text-align: center;
		font-size: 12px;
		width: auto;
		display: inline-block;
	}

	.membership_apply_list .btn_new a {
		width: auto;
		padding: 7px 15px;
		line-height: 100%;
		font-size: 13px;
		margin: 0 5px 0 0;
	}
	.apply_detail_popup .subject_select,
	.apply_detail_popup .curri_select,
	.tb_title_list,
	.member_select {
		padding: 7px;
		font-size: 12px;
	}
	.membership_apply_list li > .img img {
		width: 100%;
		max-height: 140px;
	}

	.point_pages_coupon .coupon-list-item > *:last-child {
		padding: 1%;
	}
	.view_bookRegister .isbn_ment {
		width: 90px;
		font-size: 13px;
	}
	.reset_popup_wrap .confirm_btn_wrap li a,
	.refrash_popup_wrap .confirm_btn_wrap li a,
	.confirm_popup_wrap .confirm_btn_wrap li a {
		font-size: 13px;
		width: 100%;
		padding: 3px 30px;
		text-align: center;
		line-height: 25px;
	}
	.view_bookRegister .register_book_wrap li .img {
		width: 25%;
	}
	.view_bookRegister .register_book_wrap li .img > img {
		max-width: 70%;
		max-height: 140px;
		display: block;
		margin: 0 auto;
	}
	.view_bookRegister .register_book_wrap li .info_txt {
		width: 75%;
	}
	.view_bookRegister .isbn_header > div img {
		height: 80%;
	}
	.faq_list_wrap .faq_list div span {
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 16px;
	}
	.layer_popup_wrap .layer_popup_content .account_close {
		line-height: 30px;
	}
	.mypage_title .go_home {
		/* 		height:20px; */
	}
	.mypage_title .prev {
		/*background-size:95%;
	 	height:20px;*/
		/* max-width:5.2%; */
		/* background-position: 0% 12%; */
		/* border:1px solid red; */
	}
	.faq_list_wrap .faq_list > div > p > span {
		font-size: 15px;
	}
	.apply_paging ul li {
		font-size: 14px;
		line-height: 156%;
	}
	.play_list li div {
		font-size: 12px;
	}
	.play_list li .player_btn {
		font-size: 10px;
	}
	.play_list li div input[type='checkbox'] {
		width: 15px;
		height: 15px;
	}
	.play_list li .icon_new {
		margin-left: 0.833vw;
	}
	.play_list_wrap .list-dot li .icon_new {
		margin-left: 0.817vw;
	}
	.download_tab_wrap .tab_list li a {
		font-size: 15px;
		padding: 6% 0.5%;
	}
	.download_list_popup .txt_note {
		font-size: 12px;
	}
	.hello_user_area .strong a {
		width: 20px;
		height: 20px;
		background-position: -155px 71%;
		background-size: 184px;
	}
	.chart_graph {
		height: 20px;
	}
	.mypage_menu_area td {
		padding: 10px 0;
	}
	.mypage_menu_area a {
		font-size: 14px;
		padding-top: 45px;
	}
	.mypage_menu_area a:after {
		left: calc(50% - 21.5px);
		width: 43px;
		height: 40px;
	}
	.mypage_menu_area a.link-isbn:after {
		background-position: -5px 12%;
		background-size: 230px;
	}
	.mypage_menu_area a.link-study1:after {
		background-position: -64px 12%;
		background-size: 248px;
	}
	.mypage_menu_area a.link-study:after {
		width: 80%;
		left: 10%;
		background-position: -97px 12%;
		background-size: 230px;
	}
	.mypage_menu_area a.link-cart:after {
		background-position: -3px 100%;
		background-size: 230px;
	}
	.mypage_menu_area a.link-order:after {
		background-position: -56px 99%;
		background-size: 230px;
	}
	.mypage_menu_area a.link-cscenter:after {
		background-position: -102px 92%;
		background-size: 230px;
	}
	.mypage_main_menu li b {
		font-size: 15px;
	}
	.recently_chart .percent_txt > * {
		vertical-align: middle;
	}
	.recently_chart .percent_txt .state {
		padding-bottom: 0;
	}
	.layer_popup_wrap .layer_popup_content {
		width: 90%;
		max-width: 100%;
		left: 5%;
	}
	.customar_level .cate_name{
		padding:1px 10px;
		line-height:20px;
	}
	.customar_level .level_date{
		padding:1px 10px;
		line-height:20px;
	}
}

/* 중간 띠배너 : s */
.mypage_middle_banner_cont {
    border-bottom: 10px solid #eeeeee;
	width: 100%;
	padding: 5% 3%;
	background: #fff;
}
/* 중간 띠배너 : e */


.bannerHeightFixArea{
	position:relative;
}
.bannerHeightFixArea .fixHeight{
	display:block;
	height:32.0000vw;
	overflow:hidden;
}
.autoHeightBtn{
	position:absolute;
	width: 79px;
	height: 27px;
	left:50%;
	bottom:-17px;
	transform :translate(-50%);
	border: 1px solid #3b3b3b;
	border-radius: 3px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
	color: #fff;
	background: url(/_skin/myclass/images/icon/arrow_down.png) 90% center no-repeat #3b3b3b;
	cursor:pointer;
}
.autoHeightBtn.auto{
	color: #3b3b3b;
	background: url(/_skin/myclass/images/icon/arrow_up.png) 90% center no-repeat #fff;
}
.mypageBnAreaTb  .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 6px;
	bottom: 9px;
	height: clamp(20px, 5.6vw, 42px);
	padding: 0 2.4vw;
	border-radius: clamp(12px, 2.667vw, 20px);
	background: #3c4146;
}
.mypageBnAreaTb{
	position:relative;
	overflow: hidden;
}
.mypageBnAreaTb  .swiper-pagination span {
	letter-spacing: -0.045em;
	color: #fff;
	font-size: clamp(12px, 2.667vw, 20px);
	font-family: 'Nanum Square';
	font-weight: 600;
}
@media screen and (max-width: 480px) {
	.layer_popup_wrap .layer_popup_content .text {
		width: 100%;
	}
	.user_class_list li .icon_go {
		width: 20px;
		height: 20px;
		background-size: contain;
		background-position: -5px;
	}
	.user_point {
		width: 100%;
	}
	.customar_level p{
		font-size:14px;
	}
}

@media screen and (max-width: 330px) {
	.hello_user_area {
		font-size: 16px;
	}
	.user_point li,
	.mypage_main_menu li,
	.mypage_menu_area a {
		font-size: 14px;
	}
}


/* eBook 무료 구독 서비스 배너 : s */
.ebook_banner {
    width: 100%;
    padding: 3%;
    border-bottom: 10px solid #eeeeee;
}
.ebook_banner li {
    position: relative;
}
.ebook_banner li a {
    position: absolute;
    bottom: 4.556vw;
    left: 29.583vw;
    width: 26.944vw;
    height: 7.25vw;
    font-size: 0;
}
.ebook_banner li a:last-child {
    left: 57.028vw;
}
/* eBook 무료 구독 서비스 배너 : e */