@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.7/dist/web/static/pretendard.css");
img {max-width: 100%;
}
html,
body {
height: 100%;
}
* {
word-break: keep-all;
}

:root {
--bass-color: #000000;
--Primary-color: #3BC9F4;
--Primary-color-02: #C01E24;
--point-color: #C01E24;
--White-color: #fff;
--gray-color-01: #5f5f5f;
--gray-color-02: #767676;
--gray-color-03: #808080;
--gray-color-04: #666;
--red-01: #FF3E3E;
}
.txc1{color: var(--Primary-color);}
.txc2{color: var(--Primary-color-02);}
.txc-red{color: var(--red-01);}
.txc-gray2{color: var(--gray-color-02);}
.txc-gray3{color: var(--gray-color-03);}
.txc-gray4{color: var(--gray-color-04);}


.lines2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: keep-all;
overflow: hidden;
}
.lines3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: keep-all;
overflow: hidden;
}
.lines8 {
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
word-break: keep-all;
overflow: hidden;
}


#wrap {
position: relative;
width: 100%;
max-width: 720px;
min-width: 320px;
margin: 0 auto;
}

/* #header {
height: initial;
}
#header .topArea {
padding: 20px 16px;
border-bottom: 1px solid #ededed;
display: flex;
justify-content: space-between;
align-items: center;
}
#header .topArea .logo {
position: relative;
max-width: 154px;
}
#header .topArea .topUtil {
display: flex;
gap: 12px;
}
#header .topArea .topUtil .icon_Search {
display: block;
width: 24px;
height: 24px;
background: url("/images/icon_Search.svg") no-repeat center center;
}
#header .topArea .topUtil .icon_menu {
display: block;
width: 24px;
height: 24px;
background: url("/images/icon_menu.svg") no-repeat center center;
}

#header .TopNav {
height: initial;
padding: 12px 0;
}
#header .TopNav a {
font-size: 16px;
line-height: 160%;
}
#header .TopNav a.PointMenu_01 {
font-weight: 600;
color: var(--point-color);
}
#header .TopNav a.PointMenu_blue {
font-weight: 600;
color: var(--Primary-color);
}
#header .TopNav .swiper-slide {
width: initial;
}
#header .TopNav .swiper-slide a {
margin: 0 12px;
} */

#nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 0;
z-index: 5000;
min-width: 320px;
overflow: hidden;
transition: 0.3s ease-out;
transition-delay: 0.3s;
background-color: #fff;
}
#nav .bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index: 0;
transition: 0.3s ease-out;
}
#nav .inner {
width: 100%;
left: 0;
top: 0;
height: 100%;
position: absolute;
z-index: 10;
background-color: #fff;
transform: translate3d(-150%, 0, 0);
transition: all 0.3s ease-out;
}
#nav .close {
position: absolute;
right: 24px;
top: 24px;
border: none;
background: none;
width: 24px;
height: 24px;
}

#nav.active {
height: 100%;
transition: 0s;
}
#nav.active .inner {
transform: translate3d(0, 0, 0);
}
#nav .area {
width: 100%;
height: 100%;
overflow: auto;
}

#nav .area .gnb {
letter-spacing: -0.05em;
}
#nav .area .gnb > li {
border-top: 1px solid #ddd;
background-color: #F2F2F2;
}
#nav .area .gnb > li:last-of-type {
border-bottom: 1px solid #ddd;
}
#nav .area .gnb > li > a {
display: block;
padding: 20px 24px;
font-size: 18px;
background-size: 14px 7px;
font-weight: 700;
}


#nav .area .gnb > li.selectList > a {
display: block;
padding: 20px 24px;
background: url("../images/gnb-off.png") no-repeat 92% 50%;
background-size: 14px 7px;
}

#nav .area .gnb > li > a img {
width: 15px;
}
#nav .area .gnb li ul {
border-top: 1px solid #ddd;
font-size: 0;
overflow: hidden;
display: none;
}
#nav .area .gnb li ul {
background-color: #f8f8f8;
padding: 20px 0 40px;
}
#nav .area .gnb li ul li {
margin-left: 24px;
font-size: 16px;
}

#nav .area .gnb li ul li a {
display: block;
padding: 6px 0;
}
#nav .area .gnb li ul li a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #333;
  margin-right: 4px;
}
#nav .area .gnb li ul li a span {
display: inline-block;
vertical-align: middle;
color: #333;
font-size: 16px;
}
#nav .area .gnb .active.selectList > a {
background: url("../images/gnb-on.png?v2") no-repeat 92% 50%;
background-size: 14px 7px;
color: #C01E24;
}
#nav .area .gnb li.different {
background-color: #999999;
}
#nav .area .gnb > li.different > a{
color: #fff;
background: url("../images/gnb-partnership.png") no-repeat 92% 50%;
background-size: 9px 15px;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
}
#nav .area .gnb > li.different > a i{width: 24px; height: 24px; margin-left: 10px;}	
#nav .area .gnb > li.different > a i.gnb_icon_contactus{background: url("../images/gnb_icon_contactus.png") no-repeat center center/cover;}	
#nav .area .gnb > li.different > a i.gnb_icon_setting{background: url("../images/gnb_icon_setting.png") no-repeat center center/cover;}	

#nav .area .gnb .active ul {
display: block;
}
#nav .area .bot {
margin: 30px 24px 90px;
}
#nav .area .bot ul li + li {
margin-top: 24px;
}
#nav .area .bot ul li a {
color: #767676;
font-size: 16px;
}

#nav .area .top {
padding: 24px 16px;
}
#nav .area .top dl {
display: flex;
align-items: center;
justify-content: space-between;
}
#nav .area .top dl dt .userName {
color: #0d0d0d;
font-size: 18px;
font-weight: 600;
}
#nav .area .top dl dt .top_BtnLogout {
  border-radius: 100px;
  background-color: #000;
  padding: 8px 0px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  width: 80px;
  box-sizing: border-box;
  text-align: center;
}
#nav .area .top dl dt {
display: flex;
gap: 12px;
align-items: center;
}
#nav .area .top dl dd a.top_Btn {
	display: inline-block;
  border-radius: 100px;
  padding: 8px 0px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  width: 80px;
  box-sizing: border-box;
  text-align: center;
	margin-right: 8px;
}
#nav .area .top dl dd a.top_BtnLogin {
  background-color: #000;
}
#nav .area .top dl dd a.top_BtnJoin {
  background-color: #C01E24;
}
#nav .area .top dl dd a.top_memEdit {
display: block;
width: 24px;
height: 24px;
overflow: hidden;
text-indent: -999em;
background: url("/images/top_memEdit.png") no-repeat 50% 50% / contain;
position: relative;
right: 36px;
}
#nav .area .mid p.mem_message {
color: #767676;
text-align: center;
font-size: 14px;
line-height: 140%;
padding: 34px 0;
}
#nav .area .mid .mid_util {
display: flex;
flex-direction: row;
justify-content: center;
gap: 42px;
margin-bottom: 28px;
}
#nav .area .mid .mid_util a i {
display: block;
width: 30px;
height: 32px;
}
#nav .area .mid .mid_util a {
color: #0d0d0d;
text-align: center;
font-size: 14px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
/* 설정메뉴 */
.setting_menu > li {
  border-top: 1px solid #ddd;
  background-color: #F2F2F2;
}
.setting_menu > li.selectList > a {
display: block;
padding: 20px 24px;
background: url("../images/gnb-off.png") no-repeat 92% 50%;
background-size: 14px 7px;
font-size: 18px;
font-weight: 700;
}
.setting_menu li ul {
border-top: 1px solid #ddd;
}
.setting_menu li ul {
background-color: #fff;
padding: 20px 0 40px;
}
.setting_menu li ul li {
margin-left: 24px;
font-size: 16px;
}

.setting_menu li ul li a {
display: block;
padding: 6px 0;
}
.setting_menu li ul li a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  border-radius: 4px;
  background: #333;
  margin-right: 4px;
}
.setting_menu li ul li a span {
display: inline-block;
vertical-align: middle;
color: #333;
font-size: 16px;
}
.UpdataInfo_txt{text-align: center; margin-bottom: 20px;}


.container{padding: 0px 16px;}

.main-header .container{
	display: flex;
	align-items:center;
	justify-content:space-between;
	height: 70px;
	border-bottom: 1px solid #F5F5F5;
}
.main-header h1{width: 210px;}
.main-header h1 a{display: block; width: 100%;}
.main-header h1 a img{display: block;}
.main-header .rgt{display: flex;}
.main-header .rgt a{display: block; margin-left: 16px; width: 18px; height: 18px;}
.main-header .rgt a.g__Search {background: url('/images/2024/common/g__Search.png')no-repeat center center/cover;}
.main-header .rgt a.g__Menu {background: url('/images/2024/common/g__Menu.png')no-repeat center center/cover;}

/* 하단 고정 탭 메뉴 */
.tab_bar__wrap {
width: 100%;
max-width: 720px;
height: 60px;
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
/*   background: url('/images/tabbar_bg.png') center bottom no-repeat; */
filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.4));
will-change: filter;
z-index: 99;
}
.tab_bar__wrap::before,
.tab_bar__wrap::after{
display: block;
position: absolute;
bottom: 0;
width: 100vw;
height: 60px;
background-color: #fff;
content: '';
}
.tab_bar__wrap::before {		
right: 50%;		
transform: translateX(0px);		
}
.tab_bar__wrap::after {		
left: 50%;
transform: translateX(0px);
}
.tab_bar__wrap .tab_bar_menu {
display: flex;
align-items: center;
justify-content: space-around;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.tab_bar__wrap .tab_bar_menu li {
width: 48px;
height: 68px;
text-align: center;
box-sizing: border-box;
}
.tab_bar__wrap .tab_bar_menu li.home{
height: 100%;
}

.tab_bar__wrap .tab_bar_menu li a {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
width: 100%; height: 100%;
color: #333333;
font-size: 12px;
border-bottom: 2px solid #fff;
}
.tab_bar__wrap .tab_bar_menu li a::before{
display: block;
position: absolute; bottom: 0; left: 0;
width: 100%; height: 2px;
background-color: #C01E24;
border-radius: 1px;
opacity: 0;
content: '';
}
.tab_bar__wrap .tab_bar_menu li a i {
display: flex; align-items:center; justify-content: center;
width: 34px; height: 30px;
margin-bottom: 4px;
}
.tab_bar__wrap .tab_bar_menu li.act a{color: #C01E24;}
.tab_bar__wrap .tab_bar_menu li.act a::before{opacity: 1;}
.tab_bar__wrap .tab_bar_menu li.act i path{fill:#C01E24;}
.tab_bar__wrap .tab_bar_menu li.act i .circle2{stroke:#C01E24;}


#search {
border-top: 1px solid #bfbfbf;
position: relative;
z-index: 0;
background: #333;
height: 38px;
padding-right: 70px;
}
#search .btn {
width: 23px;
border: none;
background: none;
position: absolute;
top: 50%;
margin-top: -11.5px;
}
#search .btn.submit {
right: 8px;
padding-left: 6px;
width: 29px;
border-left: 1px solid #d3d3d3;
}
#search .btn.reset {
right: 44px;
}
#search .txt {
display: block;
width: 100%;
height: 38px;
line-height: 38px;
text-indent: 10px;
border: none;
background: none;
box-sizing: border-box;
color: #fff;
}

#vis .bx-pager {
text-align: center;
background: #ededed;
padding: 10px 0;
font-size: 0;
}
#vis .bx-pager .bx-pager-item {
display: inline-block;
}
#vis .bx-pager .bx-pager-item a {
display: inline-block;
margin: 0 2.5px;
width: 10px;
height: 10px;
background: #fff;
text-indent: -9999px;
text-align: left;
overflow: hidden;
border-radius: 5px;
background: #a3a3a3;
transition: 0.3s;
}
/* #vis .bx-pager .bx-pager-item a.active {background:#00bbd6;width:20px;} */
#vis .bx-pager .bx-pager-item a.active {
background: #333;
width: 20px;
}
#vis img {
width: 100%;
}

.TopNav{
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #F5F5F5;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
.TopNav a {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 52px;
}
.TopNav a.on{
	color: #C01E24;
	position: relative;
}
.TopNav a.on:after{
	content: '';
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	bottom: 0px;
	background-color: #C01E24;
}

#footer {
position: relative;
padding-top:88px;
}

#footer #gotop {
position: absolute;
right: 10px;
bottom: 10px;
width: 40px;
height: 40px;
z-index: 10;
border-radius: 40px;
background: #1e1e1e url("/images/gotop.png") no-repeat center center;
background-size: 24px 24px;
border: none;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#title {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
	top: 0;
	left: 0;
	right: 0;
height: 73px;
text-align: center;
background-color: #fff;
border-bottom: 1px solid #f5f5f5;
box-sizing: border-box;
	z-index: 100;
}
#title h2 {
font-size: 20px;
color: #1a1a1a;
font-weight: 400;
}
#title h2.small {
font-size: 1.2rem;
}
#title .btn {
font-size: 1.2rem;
color: #fff;
font-weight: 600;
left: 10px;
top: 50%;
position: absolute;
margin-top: -8px;
}
#title .close {
font-size: 1.2rem;
color: #fff;
font-weight: 600;
right: 10px;
top: 50%;
position: absolute;
margin-top: -8px;
}

.pt-has-title {
padding-top: 73px;
}

#sub {
position: relative;
z-index: 1;
}
#sub .sub__title {
font-size: 20px;
font-weight: 700;
border-bottom: 1px solid #999;
margin: 0 16px;
padding: 32px 0 20px;
}
#sub .PageBack {
position: absolute;
left: 16px;
top: 24px;
width: 24px;
height: 24px;
background: url(../images/icon_PageBack.png) no-repeat 0% 50%;
background-size: 8px 14px;
overflow: hidden;
text-indent: -99em;
}
#sub .toputil_wrap {
position: absolute;
top: 24px;
right: 16px;
width: 24px;
height: 24px;
}
#sub .toputil_wrap a {
}

/* 마이페이지  */
#sub .mypage__title {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #999;
	margin: 0 16px;
	padding: 8px 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#sub .mypage__title .mypage_menu{
  display: flex;
  font-size: 12px;
  align-items: center;
	gap: 14px;
}
#sub .mypage__title .mypage_menu a > i{width: 38px; height: 38px; border-radius: 38px; background-color: #F2F2F2; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 6px;}

#sub .mypage__title .mypage_menu a{display: flex; flex-direction: column; font-weight: 400; color: #333;}
#sub .mypage__title .mypage_menu a.on i{background-color: #333;}
#sub .mypage__title .mypage_menu a.on i img{filter: brightness(0) invert(1);}

/* 마이페이지 컨텐츠 */
.mypagesWrap{}
.mypagesWrap .item-list{}
.mypagesWrap .item-list .item_box{padding: 16px 0; border-bottom: 1px solid #E0E0E0; display: flex; justify-content: space-between; align-items: center;}
.mypagesWrap .item-list .item_box .item{display: flex; flex-direction: column; gap: 8px;}
.mypagesWrap .item-list .item_box .item .titleLink{font-size: 14px; font-weight: 500;}
.mypagesWrap .item-list .item_box .item .meta{font-size: 14px; display: flex; align-items: center;}
.mypagesWrap .item-list .item_box .item .meta > .progress{font-weight: 700; color: #C01E24; background-color: initial; height: initial; display: inline-flex; align-items: center;}
.mypagesWrap .item-list .item_box .item .meta > .progress:after{content: ''; width: 1px; height: 7px; background-color: #ccc; display: block; margin: 0 8px;}
.mypagesWrap .item-list .item_box .item .meta > .tagname{color: #999; background-color: initial; height: initial; display: inline-flex; align-items: center;}
.mypagesWrap .item-list .item_box .item .meta > .tagname:after{content: ''; width: 1px; height: 7px; background-color: #ccc; display: block; margin: 0 8px;}
.mypagesWrap .item-list .item_box .item .meta > .date{color: #999;}

.mypagesWrap .item-list .item_box .item .receipt dl{display: flex; align-items: center; gap: 6px;color: #999;font-size: 14px;font-weight: 400;line-height: 22px;}
.mypagesWrap .item-list .item_box .item .receipt dd.amount{color: #C01E24;font-size: 14px;font-weight: 700;line-height: 22px;}

.mypagesWrap .item-list .item_box .item_btn a.default{border: 1px solid #707070; padding: 12px 14px; max-width: 80px;}
.mypagesWrap .item-list .item_box .item_btn a.default.completed{color: #C01E24;}
.mypagesWrap .item-list .item_box .item_btn a.CancellationComplete{color: #C01E24; border: 1px solid #fff; padding: 12px 14px; max-width: 80px;}

.dft-top{display: flex; flex-direction: column; justify-content: center; padding: 20px 16px; box-sizing: border-box; height: 100px;}
.dft-top h2{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 4px;}
.dft-top p.sub{color: #000; font-size: 12px; width: 80%;}

/* 프리미엄 상단 타이틀 이미지 영역 */
.dft-top.bg_premium{background: url('/images/cate/bg_premium.png')no-repeat center center/cover;}
.dft-top.bg_premium_01{background: url('/images/cate/bg_premium_01.png')no-repeat center center/cover;}
.dft-top.bg_premium_02{background: url('/images/cate/bg_premium_02.png')no-repeat center center/cover;}
.dft-top.bg_premium_03{background: url('/images/cate/bg_premium_03.png')no-repeat center center/cover;}
.dft-top.bg_premium h2{color: #000; font-size: 20px; font-weight: 700; margin-bottom: 4px;}
.dft-top.bg_premium p.sub{color: #000; font-size: 12px;}
.dft-top.bg_premium.premium h2{color: #fff; font-size: 20px; font-weight: 700;}
.dft-top.bg_premium.premium p.sub{color: #fff; font-size: 12px;}

/* 아티클 상단 타이틀 이미지 영역 */
.dft-top.bg_article{background: url('/images/cate/bg_article.png')no-repeat center center/cover;}
.dft-top.bg_article_01{background: url('/images/cate/bg_article_01.png')no-repeat center center/cover;}
.dft-top.bg_article_02{background: url('/images/cate/bg_article_02.png')no-repeat center center/cover;}
.dft-top.bg_article_03{background: url('/images/cate/bg_article_03.png')no-repeat center center/cover;}
.dft-top.bg_article_04{background: url('/images/cate/bg_article_04.png')no-repeat center center/cover;}
.dft-top.bg_article_05{background: url('/images/cate/bg_article_05.png')no-repeat center center/cover;}

/* 채움 상단 타이틀 이미지 영역 */
.dft-top.bg_chaeum{background: url('/images/cate/bg_chaeum.png')no-repeat center center/cover;}
.dft-top.bg_chaeum_01{background: url('/images/cate/bg_chaeum_01.png')no-repeat center center/cover;}
.dft-top.bg_chaeum_02{background: url('/images/cate/bg_chaeum_02.png')no-repeat center center/cover;}
.dft-top.bg_chaeum_03{background: url('/images/cate/bg_chaeum_03.png')no-repeat center center/cover;}

/* 팟케스트 상단 타이틀 이미지 영역 */
.dft-top.bg_podcasts{background: url('/images/cate/bg_podcasts.png')no-repeat center center/cover;}

#content {
padding: 0px 16px 100px;
white-space: normal;
}
#content.content2 {
background: #f3f3f3;
}
#content.content3 {
background: #f5f5f5;
}

.abtn {
display: inline-block;
min-width: 70px;
text-align: center;
font-size: 1rem;
color: #fff;
letter-spacing: -0.05em;
background: #7b7b7b;
height: 24px;
line-height: 24px;
box-sizing: border-box;
border: none;
border-radius: 12px;
padding: 0 5px;
}
.abtn.abtn2 {
background: #4bacc6;
}

.abtn_payment {
display: inline-block;
min-width: 63px;
text-align: center;
font-size: 1rem;
color: #fff;
letter-spacing: -0.05em;
background: #7b7b7b;
height: 21px;
line-height: 21px;
box-sizing: border-box;
border: none;
border-radius: 6px;
padding: 0 5px;
}
.abtn_payment.abtn2 {
background: #4bacc6;
}
.abtn_payment.abtn_summer {
background: #e40c0c;
}
.btnWrap{display: flex; justify-content: space-between; align-items: center;gap: 8px;}
.fixed__button_wrap{position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(100% - 90%); width: calc(100% - 16px);}

.bbtn {
display: inline-block;
width: 100%;
text-align: center;
font-size: 16px;
color: #000;
background: #bcbcbc;
height: 50px;
line-height: 50px;
box-sizing: border-box;
font-weight: 700;
border: none;
border-radius: 4px;
}
.bbtn.bbtn2 {
background: #F2F2F2;
}
.bbtn.bbtn3 {
background: #666666;
}
.bbtn.bbtn4 {
background: #fa8072;
}
.bbtn.bbtn5 {
	color: #1a1a1a;
	background-color: #fff;
	border: 1px solid #1a1a1a;
}
.bbtn.bbtn6 {
	color: #fff;
	background-color: #E1E7EB;
	border: 1px solid #E1E7EB;
}
.bbtn.bbtn7 {
	color: var(--bass-color);
	background-color: #E1E7EB;
	border: 1px solid #E1E7EB;
}
.bbtn.bbtn8 {
	color: var(--Primary-color-02);
	background-color: #EBFAFF;
	border: 1px solid #EBFAFF;
}
.bbtn.bbtn9 {
	color: #fff;
	background-color: #000;
}
.float__button {
position: fixed;
bottom: calc(4% + 88px);
width: 92%;
max-width: 720px;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
}

.btn_more a {
display: block;
height: 35px;
text-align: center;
border: 1px solid #01bbd6;
border-bottom: 1px solid #01bbd6;
background: #01bbd6;
border-radius: 5px;
}
.btn_more a span {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 28px;
}
.btn_more_50 a {
display: block;
height: 35px;
text-align: center;
border: 1px solid #01bbd6;
border-bottom: 1px solid #01bbd6;
width: 70%;
background: #01bbd6;
border-radius: 5px;
}
.btn_more_50 a span {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 28px;
}

.btn_less a {
display: block;
height: 35px;
text-align: center;
border: 1px solid #474a52;
border-bottom: 1px solid #cdd0d5;
background: #474a52;
border-radius: 5px;
}
.btn_less a span {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 28px;
}
.btn_less_50 a {
display: block;
height: 35px;
text-align: center;
border: 1px solid #474a52;
border-bottom: 1px solid #474a52;
width: 29%;
float: right;
background: #474a52;
border-radius: 5px;
}
.btn_less_50 a span {
display: inline-block;
font-size: 14px;
color: #fff;
line-height: 28px;
}

.bbtn_new {
display: inline-block;
width: 100%;
text-align: center;
font-size: 1.2rem;
/* color:#00bbd6; */
color: #333;
height: 35px;
line-height: 35px;
box-sizing: border-box;
/* border:1px solid #00bbd6; */
border: 1px solid #333;
border-radius: 5px;
}
.bbtn_new_plusred {
color: #ff0000;
font-weight: 600;
}

.cbtn {
display: inline-block;
width: 100%;
text-align: center;
font-size: 1rem;
color: #fff;
letter-spacing: -0.05em;
background: #00bbd6;
height: 24px;
line-height: 24px;
box-sizing: border-box;
border: none;
border-radius: 5px;
}
.cbtn.cbtn2 {
background: #ff9999;
}
.dbtn {
text-decoration: underline;
color: #00bbd6;
}

.ebtn {
display: inline-block;
text-align: center;
font-size: 1rem;
width: 100%;
color: #fff;
letter-spacing: -0.05em;
background: #7b7b7b;
height: 24px;
line-height: 24px;
box-sizing: border-box;
border: none;
border-radius: 12px;
padding: 0 5px;
}
.ebtn.ebtn2 {
background: #00bbd6;
color: #fff;
}

.fbtn {
display: inline-block;
text-align: center;
font-size: 1rem;
width: 50px;
color: #fff;
letter-spacing: -0.05em;
background: #00bbd6;
height: 24px;
line-height: 24px;
box-sizing: border-box;
border: none;
margin-left: 3px;
}

.crimson {
color: #C01E24;
 }
.blue {
color: #00bbf4;
}
.violet {
color: #aaa0fc;
}
.red {
color: #ff0000;
}
.gray{
	color: #b3b3b3;
}

.gal-list:after {
content: "";
display: block;
clear: both;
}
.gal-list .box {
float: left;
width: 50%;
box-sizing: border-box;
margin-bottom: 10px;
}
.gal-list .box:nth-child(odd) {
clear: both;
padding-right: 5px;
}
.gal-list .box:nth-child(even) {
padding-left: 5px;
}
.gal-list .img a {
display: block;
position: relative;
}
.gal-list .box .img a img {
display: block;
position: relative;
z-index: 0;
width: 100%;
}
.gal-list .box .img a .ddakji {
display: block;
position: absolute;
left: 0;
top: 0;
padding: 5px;
font-size: 0.9rem;
/* color:#00bbd6; */
color: #fff;
/* font-weight:600; */
font-weight: 300;
background: rgba(0, 0, 0, 0.6);
}
.gal-list .box .txt {
text-align: center;
padding-top: 8px;
letter-spacing: -0.05em;
}
.gal-list .box .txt h4 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
font-size: 1.1rem;
}
.gal-list .box .txt h4 a {
color: #333;
}
.gal-list .box .txt .info {
margin-top: 3px;
font-size: 1rem;
color: #333;
}
.gal-list .box .txt .info span {
padding: 0 3px;
}
.gal-list .box .txt .pay {
color: #333;
margin-top: 3px;
}
.gal-list .box .txt .pay del {
font-size: 1rem;
display: inline-block;
margin-right: 5px;
}
.gal-list .box .txt .pay span {
font-size: 1.1rem;
}
.gal-list .box .txt .pay em {
color: #ff0000;
}

.web-list .box {
/* border-top: 1px solid #d1d1d1; */
font-size: 0;
padding: 10px 0;
position: relative;
}
.web-list .box .img,
.web-list .box .info {
display: inline-block;
	color: var(--bass-color);
box-sizing: border-box;
vertical-align: top;
}
.web-list .box .img {
width: 35%;
}
.web-list .box .img a {
display: block;
position: relative;
}
.web-list .box .img img {
width: 100%;
display: block;
position: relative;
z-index: 0;
}
.web-list .box .img .ddakji {
position: absolute;
left: 0;
top: 0;
z-index: 10;
letter-spacing: -0.05em;
width: 100%;
}
.web-list .box .img .ddakji span {
display: block;
width: 34px;
height: 34px;
float: left;
font-size: 0;
background: #00bbd6;
text-align: center;
}
.web-list .box .img .ddakji span:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.web-list .box .img .ddakji span em {
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.web-list .box .img .ddakji .ddakji2 {
background: #aaa0fc;
}
.web-list .box .img .ddakji .ddakji2 em {
font-size: 0.2rem;
letter-spacing: -0.1em;
white-space: nowrap;
}
.web-list .box .img .ddakji .open {
display: block;
width: 34px;
height: 34px;
float: left;
font-size: 0;
background: #ffd7d7;
text-align: center;
}
.web-list .box .img .ddakji .open:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.web-list .box .img .ddakji .open em {
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.web-list .box .img .ddakji .end {
display: block;
width: 34px;
height: 34px;
float: left;
font-size: 0;
background: #dadada;
text-align: center;
}
.web-list .box .img .ddakji .end:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.web-list .box .img .ddakji .end em {
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.web-list .box .info {
position: relative;
width: 65%;
padding-left: 8px;
}
.web-list .box .link + .info {
padding-right: 70px;
}
.web-list .box .link {
position: absolute;
right: 0;
width: 70px;
bottom: 5px;
z-index: 10;
}
.web-list .box .link .bbtn {
margin-top: 3px;
font-size: 1rem;
height: 27px;
line-height: 27px;
}
.web-list .box .link a:first-child {
margin-top: 0;
}
.web-list .box .info .ddakji {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 0.9rem;
padding: 0 10px;
/* border-radius:11px; */
border-radius: 5px;
color: #fff;
/* font-weight:600; */
font-weight: 300;
background: #444;
margin-bottom: 5px;
}
.web-list .box .info .gubun{
	display: block;
	color: var(--Primary-color);
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 16px;
}

.web-list .box .info h4 {
/* overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; */
font-weight: 600;
font-size: 1.1rem;
}
.web-list .box .info h4 a {
color: var(--bass-color);
	font-weight: 400;
	font-size: 1.15rem;
}
.web-list .box .info .pay {
font-size: 12px;
margin-top: 8px;
font-weight: 600;
}
.web-list .box .info .pay .pay-before{
	margin-bottom: 4px;
	color: #B3B3B3;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: line-through;
}
.web-list .box .info .pay .pay-cost{
	font-size: 1.15rem;
	font-weight: 700;
}

.web-list .box .info .pay del {
font-size: 1rem;
display: inline-block;
margin-right: 5px;
}
.web-list .box .info .pay span {
font-size: 1.1rem;
}
.web-list .box .info .pay em {
color: #ff0000;
	font-weight: 700;
}







.web-list .box .info .sum {
font-size: 11px;
margin-top: 8px;
}
.web-list .box .info .sum li {
margin-top: 3px;
letter-spacing: -0.05em;
}
.web-list .box .info .sum li:first-child {
margin-top: 0;
}
.web-list .box .info .btn {
border: none;
background: none;
width: 25px;
height: 25px;
background: url(../images/ico-off.png) no-repeat;
background-size: 100%;
text-indent: -9999px;
position: absolute;
right: 10px;
bottom: 0;
}
.web-list .box .btnarea {
display: none;
}
.web-list .box.active .info .btn {
background: url(../images/ico-on.png) no-repeat;
background-size: 100%;
}
.web-list .box.active .btnarea {
display: block;
}
.web-list.web-list2 .img {
width: 30%;
}
.web-list.web-list2 .info {
width: 70%;
}

#sub .web-list .box:first-child {
padding-top: 0;
border-top: none;
}

.categoryFAQ {
padding: 0 8px;
margin-bottom: 32px;
position: relative;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
/* border-top: 1px solid #f5f5f5; */
display: flex;
overflow-x: auto;
white-space: nowrap; /* 텍스트가 줄바꿈되지 않도록 설정 */
}
.categoryFAQ::-webkit-scrollbar {
display: none;
}

.categoryFAQ a {
font-size: 16px;
color: #1a1a1a;
margin: 0 8px;
padding: 16px 0;
}
.categoryFAQ a.active {
font-weight: 500;
color: var(--bass-color);
position: relative;
}
.categoryFAQ a.active:after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: var(--bass-color);
position: absolute;
bottom: 0;
}

.board_topUtil {
padding-bottom: 16px;
display: flex;
justify-content: space-between;
}
/* 목록 키워드 필터 */
.tags-grid{margin: 20px 0 10px;padding: 0 16px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;gap: 12px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;white-space: nowrap;box-sizing: border-box;}
.tags-grid::-webkit-scrollbar{display:none;}
.tags-grid .tag-btn{display: inline-flex;align-items: center;justify-content: center;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; padding: 5px 14px;border-radius: 28px;border: 1px solid #CCC;background: #FFF;color: #666;font-size: 12px;font-weight: 700;line-height: 1;text-align: center;box-sizing: border-box;white-space: nowrap;}
.tags-grid .tag-btn.active,
.tags-grid .tag-btn:hover{border: 1px solid #666; background: #666; color: #FFF;}
.selected-results-wrapper {display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; min-height: 32px;}
.reset-btn {background: url('/images/reset-icon.png') no-repeat center; width: 20px; height: 20px; border: none; cursor: pointer; display: flex; align-items: center; transition: transform 0.3s ease;}
.reset-btn:hover { transform: rotate(-180deg);}
.result-tags-list { display: flex; flex-wrap: wrap; gap: 15px; align-items: center;}
.result-item {display: flex; align-items: center; gap: 6px; font-size: 14px; color: #666; font-weight: 700;}
.remove-result-btn {background: url('/images/remove-result-btn.png') no-repeat center; width: 16px; height: 16px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0.7;}
.remove-result-btn:hover { opacity: 1;}

.asorting {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 28px 0 16px;
}
.asorting .num {
font-size: 1rem;
}
/* .asorting .sort {
color: #666;
}
.asorting .sort li {
display: inline-block;
border-left: 1px solid #E0E0E0;
padding: 0 16px;
}
.asorting .sort li:first-child {
border-left: none;
}
.asorting .sort li a {
display: block;
	color: #666;
font-size: 1.1rem;
}
.asorting .sort .active a {
font-weight: 600;
} */

.sort-wrap{
	display: flex;
}
.sort-wrap li{
	padding: 0 16px;
	border-left: 1px solid #E0E0E0;
}
.sort-wrap li:first-child {
border-left: none;
	padding-left: 0;
}
.sort-wrap li:last-child{
	padding-right: 0;
}

.sort-wrap li a{
	color: #666;
	font-size: 1rem;
}

.btn-filter.on::after{
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 4px;
	background-color: var(--Primary-color);
	border-radius: 100%;
	box-sizing: border-box;
	content: '';
}
.btn-filter.on{
	position: relative;
}
.btn-filter .icon{
	margin-right: 4px;
}
.btn-sort-base .icon{
	margin-right: 4px;
}
.btn-sort{
	display: none;
}
.btn-sort.on{
	display: block;
}
.btn-sort .icon{
	margin-left: 4px;
}

.btnarea {
margin: 10px -3px 0;
}
.btnarea:after {
content: "";
display: block;
clear: both;
}
.btnarea li {
float: left;
width: 33.33333%;
box-sizing: border-box;
padding: 0 3px;
}

.sumimg {
	width: 100%;
	padding-top: 73px;
}
.sumimg img {
width: 100%;
}

.sumvod {
	width: 100%;
}
.sumvod img {
width: 100%;
}

.suminfo {
position: relative;
	padding-top: 32px;
margin-bottom: 10px;
}
.suminfo-cate{
	margin-bottom: 8px;
	color: #6D818F;
	font-size: 1rem;
}
.suminfo-tit{
	margin-bottom: 16px;
}
.suminfo-lec{
	padding: 16px;
	background-color: #F5F5F5;
	border-radius: 4px;
}
.suminfo-cost{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 0 50px;
	color: var(--bass-color);
}
.suminfo-cost .price-before{
	color: #b3b3b3;
	font-size: 16px;
	text-decoration: line-through;
}
.suminfo-cost .price{
	font-size: 1.5rem;
	font-weight: bold;
}
.suminfo-cost .txt-sale{
	font-size: 1.5rem;
	font-weight: bold;
}
.suminfo-cost .txt-sale span{
	color: #FF3E3E;
	padding-left: 8px;
}

.suminfo dl {
padding-left: 72px;
font-size: 1rem;
letter-spacing: -0.05em;
color: var(--bass-color);
position: relative;
margin-top: 3px;
min-height: 24px;
line-height: 24px;
}
.suminfo dl:first-child {
margin-top: 0;
}
.suminfo dl dt {
font-weight: 600;
/* width: 80px; */
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
white-space: nowrap;
}
/* .suminfo dl dt:before {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -7.5px;
height: 15px;
background: #aaa;
width: 1px;
} */
.suminfo dl dd del {
display: inline-block;
margin-right: 5px;
}
.suminfo dl dd .abtn {
margin-left: 5px;
}
.suminfo.suminfo2 dl {
padding-left: 115px;
}
.suminfo.suminfo2 dt {
width: 100px;
}

.suminfo3 {
position: relative;
margin-top: 10px;
}
.suminfo3 dl {
padding-left: 85px;
font-size: 1rem;
letter-spacing: -0.05em;
position: relative;
margin-top: 3px;
}
.suminfo3 dl:first-child {
margin-top: 0;
}
.suminfo3 dl dt {
font-weight: 600;
width: 70px;
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
}
.suminfo3 dl dt:before {
content: ":";
display: block;
position: absolute;
right: 0;
top: 0;
}
.suminfo3 dl dd del {
display: inline-block;
margin-right: 5px;
}
.suminfo3 dl dd .red {
font-size: 1.1rem;
}

.suminfo3_payment {
position: relative;
margin-top: 10px;
}
.suminfo3_payment dl {
padding-left: 47px;
font-size: 1rem;
letter-spacing: -0.05em;
position: relative;
margin-top: 3px;
}
.suminfo3_payment dl:first-child {
margin-top: 0;
}
.suminfo3_payment dl dt {
font-weight: 600;
width: 40px;
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
}
.suminfo3_payment dl dt:before {
content: ":";
display: block;
position: absolute;
right: 0;
top: 0;
}
.suminfo3_payment dl dd del {
display: inline-block;
margin-right: 5px;
}
.suminfo3_payment dl dd .red {
font-size: 1.1rem;
}

.btn-suminfo-area{
	position: absolute;
	top: 16px;
	right: 0;
}
.btn-suminfo-area a{
	display: inline-block;
	margin-left: 16px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.btn-suminfo-area a:first-child{
	margin-left: 0;
}
.btn-suminfo-area .btn-url{
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background-image: url('/images/2024/common/icon_share.png');
}
.btn-suminfo-area .btn-basket{
	width: 28px;
	height: 24px;
	background-image: url('/images/2024/common/icon_heart.png');
}
.btn-suminfo-area .btn-basket.on{
	background-image: url('/images/2024/common/icon_heart_on.png');
}

.btn-date-lec{
	display: flex;
	gap: 0 4px;
	justify-content: end;
	margin-top: 8px;
}
.btn-date-lec button{
	width: 72px;
	padding: 7px 0;
	color: #666666;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}
.btn-date-lec button.on{
	color: var(--Primary-color-02);
	background-color: #EBFAFF;
	border: 1px solid var(--Primary-color);
}

.snsarea {
margin-top: 10px;
position: relative;
}
.snsarea .good {
position: relative;
width: 102px;
display: block;
}
.snsarea .good a {
display: block;
width: 102px;
}
.snsarea .good em {
display: block;
box-sizing: border-box;
height: 33px;
line-height: 31px;
border: 1px solid #c9c9c9;
border-radius: 5px;
padding: 0 8px;
position: absolute;
left: 100%;
margin-left: 8px;
top: 0;
font-size: 1.1rem;
font-weight: 600;
}
.snsarea .good em:before {
content: "";
display: block;
position: absolute;
width: 5px;
height: 8.5px;
right: 100%;
top: 50%;
margin-top: -4px;
background: url(../images/ico-tri.gif) no-repeat;
background-size: 100%;
}
.snsarea .sns {
position: absolute;
right: 0;
top: 0;
}
.snsarea .sns li {
float: left;
margin-left: 5px;
width: 33px;
}

.adesc {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #bcbcbc;
}
.atit {
position: relative;
margin-bottom: 10px;
}
.atit h3 {
font-size: 1.3rem;
color: #00bbd6;
font-weight: 600;
letter-spacing: -0.05em;
}
.atit h3 .num {
font-weight: normal;
color: #666;
}
.atit .btn {
border: none;
background: none;
width: 25px;
height: 25px;
background: url(../images/ico-off.png) no-repeat;
background-size: 100%;
text-indent: -9999px;
position: absolute;
right: 0;
top: 50%;
margin-top: -12.5px;
}
.active .atit .btn {
background: url(../images/ico-on.png) no-repeat;
background-size: 100%;
}
.my-coupon .atit .btn {
background: url(../images/ico-close.png) no-repeat;
background-size: 100%;
}

.btit {
font-size: 1.2rem;
color: #333;
font-weight: 600;
padding-left: 8px;
letter-spacing: -0.05em;
margin-bottom: 10px;
position: relative;
}
.btit:before {
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #4d4d4d;
}
.ctit {
font-size: 1.3rem;
color: #00bbd6;
font-weight: 600;
letter-spacing: -0.05em;
padding-bottom: 5px;
}
.ctit.ctit2 {
margin-top: 15px;
}
.dtit {
font-size: 1.3rem;
color: #333;
font-weight: 600;
letter-spacing: -0.05em;
padding-bottom: 5px;
}
.etit {
font-size: 1.3rem;
color: #333;
text-align: center;
font-weight: 600;
letter-spacing: -0.05em;
padding-top: 5px;
}
.etit.etit2 {
padding-bottom: 15px;
border-bottom: 2px solid #bcbcbc;
margin-bottom: 15px;
}

.amovie {
position: relative;
margin-bottom: 15px;
}
.amovie > img {
display: block;
position: relative;
z-index: 0;
width: 100%;
}
.amovie .cover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
font-size: 0;
text-align: center;
z-index: 10;
}
.amovie .cover:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.amovie .cover .inner {
display: inline-block;
vertical-align: middle;
}
.amovie .cover .ico {
width: 60px;
display: inline-block;
}
.amovie .cover .play {
margin-top: 10px;
}

.atxt {
letter-spacing: -0.05em;
line-height: 18px;
margin-top: 10px;
text-align: center;
}
.btxt {
text-align: center;
letter-spacing: -0.05em;
margin-bottom: 10px;
}
.btxt label {
display: inline-block;
margin: 0 5px;
}
.ctxt {
letter-spacing: -0.05em;
margin-bottom: 10px;
font-size: 1rem;
}
.ctxt.ctxt2 {
margin-top: 5px;
}
.ctxt.ctxt3 {
border-bottom: 1px solid #d1d1d1;
padding-bottom: 5px;
}

.tbl-list {
width: 100%;
table-layout: fixed;
}
.tbl-list th,
.tbl-list td {
/* border: 1px solid #bfbfbf; */
letter-spacing: -0.075em;
text-align: center;
}
.tbl-list th {
	padding: 8px;
background: #fff;
font-weight: 400;
font-size: 1rem;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.tbl-list td {
	padding: 16px 8px;
font-size: 1rem;
	border-bottom: 1px solid #F5F5F5;
}
.tbl-list tbody th {
text-align: left;
font-size: 1rem;
}
.tbl-list .subject {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.tbl-list .subject2 {
text-align: left;
white-space: normal;
}
.tbl-list .tal {
text-align: left;
}
.tbl-list label {
cursor: pointer;
margin-right: 5px;
}
.tbl-list td p {
margin-top: 3px;
}
.tbl-list td p:first-child {
margin-top: 0;
}

.teach-info {
font-size: 0;
letter-spacing: -0.05em;
}
.teach-info .img,
.teach-info .info {
box-sizing: border-box;
display: inline-block;
}
.teach-info .img {
width: 30%;
padding-right: 10px;
border-right: 1px solid #e0e0e0;
vertical-align: top;
}
.teach-info .img p {
text-align: center;
font-size: 1.1rem;
margin-top: 5px;
font-weight: 600;
}
.teach-info .info *,
.teach-desc *{
	color: #1a1a1a !important;
	font-size: 14px !important;
	font-family: Pretendard, "나눔고딕", "nanumgothic", sans-serif !important;
	line-height: 20px !important;
}
.teach-info .info {
width: 70%;
padding-left: 10px;
border-left: 1px solid #e0e0e0;
margin-left: -1px;
vertical-align: top;
font-size: 1rem;
line-height: 16px;
}
.teach-desc {
margin-top: 15px;
}
.teach-box {
background: #FAFAFA;
padding: 24px 16px;
letter-spacing: -0.05em;
margin-top: 10px;
}
.teach-box:first-child {
margin-top: 0;
}
.teach-box ul li {
margin-top: 2px;
}
.teach-box ul li:first-child {
margin-top: 0;
}

.book-info {
margin: 0 -3px;
overflow: hidden;
}
.book-info .box {
box-sizing: border-box;
text-align: center;
padding: 0 3px;
width: 33.33333%;
float: left;
}
.book-info .box .img img {
width: 100%;
}
.book-info .box .txt {
letter-spacing: -0.05em;
}
.book-info .box .txt p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.book-info .box .txt .name {
margin-top: 5px;
font-weight: 600;
}
.book-info .box .txt .sum {
margin-top: 3px;
}
.book-info .box .txt .down {
margin-top: 3px;
}

.appraisal {
background: #f4f4f4;
text-align: center;
padding: 15px 10px;
letter-spacing: -0.05em;
margin-bottom: 10px;
}
.appraisal p {
margin-bottom: 10px;
font-weight: 600;
line-height: 18px;
}
.appraisal .btn {
display: inline-block;
padding: 5px 10px;
background: #333;
font-weight: 600;
border-radius: 3px;
color: #fff;
}

.comment-desc .box {
margin-top: 10px;
letter-spacing: -0.05em;
}
.comment-desc .box:first-child {
margin-top: 0;
}
.comment-desc .box .top {
background: #f4f4f4;
padding: 10px 30px 10px 10px;
position: relative;
}
.comment-desc .box .top .pen {
position: absolute;
right: 10px;
top: 50%;
margin-top: -7.5px;
width: 15px;
display: block;
}
.comment-desc .box .bot {
padding: 10px;
}
.comment-desc .box .bot .txt {
line-height: 17px;
}
.comment-desc .box .bot .con {
position: relative;
margin-top: 10px;
}
.comment-desc .box .bot .con .gonggam {
position: absolute;
right: 0;
bottom: -5px;
border: 1px solid #cacaca;
border-radius: 3px;
font-weight: 600;
padding: 5px 8px;
display: block;
}
.comment-desc .box .bot .con .gonggam1 {
position: absolute;
right: 0;
bottom: -5px;
border: 1px solid #cacaca;
border-radius: 3px;
font-weight: 600;
padding: 5px 8px;
display: block;
}

.apaging {
text-align: center;
margin-top: 20px;
font-size: 0;
}
.apaging a,
.apaging span {
margin: 0 2px;
display: inline-block;
box-sizing: border-box;
text-align: center;
min-width: 25px;
line-height: 23px;
height: 25px;
color: #00bbd6;
vertical-align: middle;
font-size: 0.95rem;
letter-spacing: -0.05em;
font-weight: 600;
}
.apaging a {
border: 1px solid #00bbd6;
}
.apaging .active {
background: #00bbd6;
color: #fff;
}

.onoffscript .onoffbox {
display: none;
}
.onoffscript.active .onoffbox {
display: block;
}

.my-coupon .content p {
padding-bottom: 5px;
}

.alist {
font-size: 1.1rem;
letter-spacing: -0.05em;
margin-bottom: 10px;
}
.alist li {
margin-bottom: 5px;
text-indent: -7px;
padding-left: 7px;
}

.blist {
font-size: 1.1rem;
letter-spacing: -0.05em;
margin-bottom: 10px;
color: #333;
}
.blist li {
margin-top: 5px;
}
.blist li:first-child {
margin-top: 0;
}

.clist {
font-size: 1.1rem;
letter-spacing: -0.05em;
margin-bottom: 10px;
color: #333;
}
.clist li {
margin-top: 5px;
padding-left: 10px;
background: url(../images/clist-dot.gif) no-repeat 0 7px;
background-size: 4px 4px;
line-height: 18px;
}
.clist li:first-child {
margin-top: 0;
}
.clist li strong {
color: #333;
}

.dlist {
margin-top: 10px;
}
.dlist li {
font-size: 1rem;
margin-top: 3px;
}
.dlist li:first-child {
margin-top: 0;
}

.aform {
display: inline-block;
height: 24px;
box-sizing: border-box;
border: 1px solid #bbb;
width: 100%;
padding: 0 5px 0 0;
font-size: 1rem;
background: #fff;
overflow: hidden;
}
textarea.aform {
height: 100px;
}
input.aform {
text-indent: 7px;
}
.botbtn {
text-align: center;
margin-top: 20px;
}
.botbtn .bbtn {
width: 30%;
}
.botbtn2 {
text-align: justify;
}
.botbtn2 .bbtn {
width: 49%;
}
.botbtn3 {
margin-top: 20px;
}

.teacher-list .box {
letter-spacing: -0.05em;
color: #333;
border-top: 1px solid #d1d1d1;
padding: 10px;
}
.teacher-list .box:first-child {
border-top: none;
padding-top: 0;
}
.teacher-list .box h3 {
padding: 3px 0 7px;
font-size: 1.6rem;
font-weight: 600;
}
.teacher-list .box h3 a {
color: #333;
}

.teacher-sort h3 {
font-weight: 600;
color: #00bbd6;
padding-bottom: 10px;
font-size: 1.6rem;
}
.teacher-sort ul {
margin: 0 -8px;
overflow: hidden;
font-size: 0;
}
.teacher-sort ul li {
display: inline-block;
white-space: nowrap;
border-left: 1px solid #333;
margin-left: -1px;
margin-bottom: 10px;
box-sizing: border-box;
text-align: center;
}
.teacher-sort .list li {
width: 16.66666%;
}
.teacher-sort .list2 li {
padding: 0 8px;
}
.teacher-sort ul li a {
display: block;
font-size: 1.1rem;
color: #333;
}

.teacher-top {
background: #e9f0f4;
padding: 15px;
font-size: 0;
margin-bottom: 15px;
}
.teacher-top .img,
.teacher-top .info {
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
}
.teacher-top .img {
width: 30%;
}
.teacher-top .info {
width: 70%;
padding-left: 15px;
color: #333;
}
.teacher-top .info p {
font-size: 1.1rem;
}
.teacher-top .info h3 {
font-size: 1.6rem;
padding: 3px 0 10px;
}

.comingsoon {
padding: 15px;
border: 1px solid #bcbcbc;
text-align: center;
font-size: 1.4rem;
}

.aico {
display: inline-block;
font-weight: normal;
font-size: 12px;
width: 48px;
padding: 2px 0;
text-align: center;
vertical-align: middle;
color: #fff;
border-radius: 4px;
}
.aico.aico1 {
background: #C01E24;
}
.aico.aico2 {
background: #999999;
}

.bico {
display: inline-block;
width: 13px;
margin-left: 2px;
}
.event-list {
padding-top: 32px;
}
.event-list .box {
margin-bottom: 24px;
}
.event-list .box .img img {
width: 100%;
}
.event-list .box .info {
margin-top: 8px;
}
.event-list .box .info h3 {
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--bass-color);
}
.event-list .box .info h3 .aico {
margin-right: 8px;
}
.event-list .box .info p {
margin-top: 5px;
display: flex;
align-items: center;
gap: 8px;
}

.event-view .img img {
width: 100%;
}
.comment-write {
background: #f4f4f4;
padding: 10px;
letter-spacing: -0.05em;
margin-top: 10px;
}
.comment-write .top {
position: relative;
padding-bottom: 5px;
}
.comment-write .top h3 {
font-size: 1rem;
font-weight: 600;
}
.comment-write .top p {
position: absolute;
right: 0;
top: 0;
}
.comment-write .bot {
padding-right: 50px;
position: relative;
}
.comment-write .bot textarea {
border: none;
height: 60px;
width: 100%;
display: block;
background: #fff;
}
.comment-write .bot .btn {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 60px;
line-height: 60px;
border: none;
box-sizing: border-box;
color: #fff;
background: #666;
}
.comment-list .box {
border-top: 1px solid #e0e0e0;
padding: 10px 0;
letter-spacing: -0.05em;
}
.comment-list .box:first-child {
border-top: none;
}
.comment-list .box .top strong {
font-weight: 600;
}
.comment-list .box .top .btn {
display: inline-block;
width: 18px;
border: none;
background: none;
margin-left: 5px;
}
.comment-list .box .bot {
margin-top: 5px;
}

.asearch {
padding: 16px 0px;
font-size: 0;
position: relative;
}
.asearch .txt,
.asearch .btn {
display: inline-block;
box-sizing: border-box;
height: 26px;
}
.asearch .txt {
width: 100%;
text-indent: 7px;
border: none;
background: #f5f5f5;
height: 48px;
font-size: 16px;
padding: 0 16px;
border-radius: 8px;
}
.asearch .txt::placeholder {
color: #b3b3b3;
}
input[type="text"]:focus {
border-color: #C01E24;
}
.asearch .icon_btn {
position: absolute;
width: 24px;
height: 24px;
background: url(/images/icon_btn.png) no-repeat 50% 50% / cover;
right: 16px;
transform: translateY(-50%);
top: 50%;
overflow: hidden;
text-indent: -999em;
}

.asearch .btn {
width: 20%;
letter-spacing: -0.05em;
font-size: 1rem;
background: #666;
color: #fff;
text-align: center;
border: none;
}
.asearch p {
margin-top: 5px;
letter-spacing: -0.05em;
font-size: 1rem;
}
.asearch p span {
padding: 0 3px;
}

.board-list .box {
padding: 16px 0;
border-bottom: 1px solid #e0e0e0;
}

.board-list .box.notice {
background: #edfafc;
}
.board-list .box h3 {
font-size: 1rem;
}
.board-list .box h3 a {
display: inline-block;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.board-list .box .date {
margin-top: 8px;
color: #cccccc;
}

.board-view {
margin-top: 16px;
}
.board-view .top {
border-bottom: 1px solid #e0e0e0;
position: relative;
padding-bottom: 16px;
}
.board-view .top h3 {
font-weight: 500;
font-size: 16px;
word-wrap: break-word;
margin-bottom: 8px;
}
.board-view .top span {
color: #cccccc;
font-size: 14px;
}
.board-view .top p {
position: absolute;
right: 0;
top: 0;
}
.board-view .file {
border-bottom: 1px solid #e0e0e0;
padding: 10px 0;
}
.board-view .file li {
margin-top: 5px;
}
.board-view .file li:first-child {
margin-top: 0;
}
.board-view .content {
	/* overflow-x: auto; */
padding: 16px 0;
font-size: 1rem;
line-height: 18px;
}

.board-view .content table{
	width: 100% !important;
}

.pntxt {
position: relative;
margin-bottom: 10px;
border-top: 1px solid #e0e0e0;
}
.pntxt dl {
font-size: 1rem;
letter-spacing: -0.05em;
position: relative;
margin-top: 3px;
min-height: 24px;
line-height: 24px;
border-bottom: 1px solid #e0e0e0;
padding: 5px 0 5px 60px;
}
.pntxt dl:first-child {
margin-top: 0;
}
.pntxt dl dt {
font-weight: 600;
width: 50px;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
}
.pntxt dl dt:before {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -7.5px;
height: 15px;
background: #999;
width: 1px;
}
.pntxt dl dd {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pntxt dl dd del {
display: inline-block;
margin-right: 5px;
}
.pntxt dl dd .abtn {
margin-left: 5px;
}
.faq {
border-top: 1px solid #1a1a1a;
}
.faq dl {
border-bottom: 1px solid #e0e0e0;
}
.faq dl dt,
.faq dl dd {
position: relative;
letter-spacing: -0.05em;
}
.faq dl dt {
background: url(../images/faq-off.png) no-repeat 100% 50%;
padding: 14px 0;
}
.faq dl.active dt {
background: url(../images/faq-on.png) no-repeat 100% 50%;
}

.faq dl dt .category_div {
display: flex;
text-align: left;
font-size: 14px;
color: #C01E24;
margin-bottom: 8px;
gap: 4px;
}
.faq dl dt a {
	display: block;
	width: 90%;
font-weight: 600;
}
.faq dl .ico {
width: 20px;
height: 20px;
border-radius: 20px;
color: #fff;
font-style: normal;
background-color: #C01E24;
display: inline-flex;
justify-content: center;
align-items: center;
}
.faq dl dd {
font-size: 1rem;
color: #666666;
background: #f5f5f5;
padding: 16px;
line-height: 18px;
display: none;
}

.login .top li {
margin-top: 5px;
}
.login .top li:first-child {
margin-top: 0;
}
.login .aform {
height: 30px;
text-indent: 8px;
font-weight: 600;
color: #00bbd6;
}
.login .mid {
padding: 15px 10px;
text-align: center;
letter-spacing: -0.05em;
}
.login .mid label {
display: inline-block;
margin: 0 5px;
}
.login .bot {
margin-top: 5px;
}
.login .link {
margin-top: 20px;
text-align: center;
font-size: 0;
}
.login .link a {
display: inline-block;
width: 33.33333%;
font-size: 1rem;
letter-spacing: -0.05em;
border-left: 1px solid #999;
box-sizing: border-box;
}
.login .link a:first-child {
border-left: none;
}
.login .link a img {
width: 19px;
}

/* .mem-content{
	height: 78vh;
	padding: 0 16px !important;
} */

.mem-process {
font-size: 0;
text-align: center;
margin-bottom: 10px;
}
.mem-process .box {
background: url(../images/process-off.png) no-repeat;
background-size: 100% 100%;
display: inline-block;
width: 25%;
text-align: center;
font-size: 1rem;
height: 31px;
line-height: 31px;
font-weight: 600;
margin-left: -2px;
letter-spacing: -0.05em;
position: relative;
z-index: 0;
}
.mem-process.mem-process2 .box {
width: 33.33333%;
background: url(../images/process-off2.png) no-repeat;
background-size: 100% 100%;
}
.mem-process .box:first-child {
margin-left: 0;
}
.mem-process .box.active {
background: url(../images/process-on.png) no-repeat;
background-size: 100% 100%;
color: #fff;
}
.mem-process.mem-process2 .box.active {
background: url(../images/process-on2.png) no-repeat;
background-size: 100% 100%;
}

.memsel {
margin: 0 -5px;
overflow: hidden;
}
.memsel > li {
width: 50%;
box-sizing: border-box;
padding: 0 5px;
margin-bottom: 10px;
float: left;
}
.memsel > li:nth-child(odd) {
clear: both;
}
.memsel a {
display: block;
box-sizing: border-box;
width: 100%;
height: 100px;
border: 1px solid #999;
background: #f2f2f2;
text-align: center;
font-size: 0;
}
.memsel a:before {
content: "";
display: inline-block;
vertical-align: middle;
font-size: 0;
width: 0;
height: 100%;
}
.memsel a .in {
font-size: 1.05rem;
letter-spacing: -0.075em;
display: inline-block;
vertical-align: middle;
}
.memsel a .in strong,
.memsel a .in span {
display: block;
}
.memsel a .in strong {
font-size: 1.25rem;
font-weight: 600;
}
.memsel a .in span {
margin-top: 5px;
}
.memsel.memsel2 a .in {
vertical-align: top;
padding-top: 15px;
}

.mem-agree {
letter-spacing: -0.05em;
}
.mem-agree .box {
border-top: 1px solid #ccc;
margin-top: 10px;
padding-top: 10px;
}
.mem-agree .box:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.mem-agree .box h3 {
	color: #1a1a1a;
font-size: 1rem;
/* padding-bottom: 10px; */
font-weight: 600;
}
.mem-agree-box{
	margin-top: 32px;
	padding: 0 16px;
}
.mem-agree-box .mem-agree-tit{
	position: relative;
}
.mem-agree-box .btn-toggle{
	position: absolute;
	top: 50%;
	right: 0;
	width: 15px;
	height: 9px;
	margin-top: -4px;
	background: url(../images/faq-off.png) no-repeat 100% 50%;
}
.mem-agree-box .btn-toggle.active{
	background: url(../images/faq-on.png) no-repeat 100% 50%
}
.mem-agree-cont{
	display: none;
}

.mem-agree-box .desc {
	margin-top: 16px;
padding: 16px;
border: 1px solid #E0E0E0;
background: #FAFAFA;
overflow: auto;
height: 100px;
	border-radius: 4px;
}
.mem-agree .box .chk {
margin-top: 10px;
}

.mem-result {
text-align: center;
letter-spacing: -0.05em;
}
.mem-result h3 {
font-size: 1.3rem;
color: #00bbd6;
font-weight: 600;
}
.mem-result .desc {
margin-top: 15px;
font-size: 1.1rem;
line-height: 18px;
}
.mem-result .desc p {
margin-top: 10px;
}
.mem-result .desc p:first-child {
margin-top: 0;
}
.all-chk-box{
	margin-top: 32px;
	padding: 16px;
	background-color: #F5F5F5;
}

.atab:after {
content: "";
display: block;
clear: both;
}
.atab a {
display: block;
float: left;
width: 50%;
height: 35px;
line-height: 35px;
letter-spacing: -0.075em;
word-spacing: -0.05em;
background: #f3f3f3;
text-align: center;
font-size: 1.2rem;
}
.atab .active {
background: #fff;
font-weight: 600;
}

.btab {
margin-bottom: 10px;
}
.btab:after {
content: "";
display: block;
clear: both;
}
.btab li {
float: left;
width: 25%;
}
.btab.leng2 li {
width: 50%;
}

.id-result {
text-align: center;
font-size: 16px;
margin-top: 16px;
}
.id-result p {
text-align: center;
font-size: 24px;
font-weight: 600;
color: #ff3e3e;
margin-bottom: 16px;
}
.id-result .resultTxt {
font-size: 24px;
margin-bottom: 32px;
}
.id-result .resultTxt strong {
color: #1a1a1a;
}
.id-result .resultTxt strong.blue {
color: #00bcf5;
}

.myroom {
margin: -10px -10px -20px;
}
.myroom .top {
padding: 10px 15px;
font-size: 0;
background: #fff;
border-bottom: 1px solid #e0e0e0;
}
.myroom .top .img,
.myroom .top .info {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.myroom .top .img {
width: 20%;
}
.myroom .top .info {
width: 80%;
padding-left: 10px;
font-size: 1.1rem;
letter-spacing: -0.05em;
}
.myroom .top .info strong {
font-weight: 600;
}
.myroom .top .info h3 {
font-size: 1.25rem;
font-weight: normal;
}
.myroom .top .info p {
margin-top: 10px;
line-height: 18px;
}
.myroom .bot {
margin-top: 10px;
background: #fff;
padding: 5px 0;
overflow: hidden;
}
.myroom .bot li {
float: left;
width: 33.33333%;
box-sizing: border-box;
text-align: center;
padding: 10px;
}
.myroom .bot li a {
display: block;
}
.myroom .bot li a span {
display: block;
padding-top: 5px;
letter-spacing: -0.05em;
color: #333;
font-size: 1.2rem;
font-weight: 600;
}
.myroom .bot2 {
margin-top: 10px;
background: #fff;
padding: 10px;
}
.myroom .bot2 .box {
border: 1px solid #d9d9d9;
padding: 10px;
position: relative;
box-shadow: 0 3px 0 #f2f2f2;
margin-top: 10px;
color: #333;
letter-spacing: -0.05em;
}
.myroom .bot2 .box:first-child {
margin-top: 0;
}
.myroom .bot2 .box .tit {
font-size: 0;
}
.myroom .bot2 .box .tit .img,
.myroom .bot2 .box .tit .info {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.myroom .bot2 .box .tit .img {
width: 20%;
}
.myroom .bot2 .box .tit .info {
padding-left: 10px;
}
.myroom .bot2 .box .tit .info h4 {
font-size: 1.2rem;
}
.myroom .bot2 .box .tit .info p {
font-size: 1rem;
margin-top: 5px;
}
.myroom .bot2 .box .con {
text-align: center;
border-top: 1px solid #d9d9d9;
margin-top: 10px;
padding-top: 10px;
overflow: hidden;
}
.myroom .bot2 .box .con dl {
float: left;
width: 50%;
}
.myroom .bot2 .box .con dl dt img {
width: 76.5px;
}
.myroom .bot2 .box .con dl:first-child dt img {
width: 154px;
}
.myroom .bot2 .box .con dl dd {
margin-top: 5px;
}

.tip {
position: relative;
margin-bottom: 10px;
z-index: 1000;
}
.tip a {
letter-spacing: -0.05em;
position: relative;
z-index: 0;
}
.tip a .ico {
color: #fff;
background: #aaa0fc;
display: inline-block;
height: 20px;
line-height: 20px;
border-radius: 10px;
padding: 0 10px;
}
.tip .pop {
border: 1px solid #aaa0fc;
padding: 10px;
box-sizing: border-box;
background: #fff;
z-index: 1000;
position: absolute;
left: 0;
top: 100%;
margin-top: 5px;
display: none;
}
.tip a:focus + .pop {
display: block;
}
.tip .close {
border: none;
background: none;
position: absolute;
right: 0;
bottom: 100%;
margin-bottom: 8px;
}

.lesson-desc .lesson-box {
margin-top: 10px;
letter-spacing: -0.05em;
border: 1px solid #d9d9d9;
padding: 13px 10px 10px;
position: relative;
box-shadow: 0 3px 0 #f2f2f2;
}
.lesson-desc .lesson-box:first-child {
margin-top: 0;
}
.lesson-desc .lesson-box h3 {
font-size: 1.2rem;
margin-bottom: 10px;
}
.lesson-desc .lesson-box .tit {
font-size: 1.1rem;
color: #00bbd6;
font-weight: 600;
margin-bottom: 10px;
}
.lesson-desc .lesson-box .tit a {
color: #333;
}
.lesson-desc .lesson-box .bbtn {
position: absolute;
right: 10px;
bottom: 20px;
width: 80px;
font-size: 1.1rem;
height: 30px;
line-height: 30px;
}
.lesson-desc .lesson-box .bbtn2 {
width: 100%;
right: 10px;
bottom: 20px;
font-size: 1.1rem;
height: 30px;
line-height: 30px;
}
.lesson-desc .lesson-box .mywrite h4 {
font-size: 1.1rem;
}
.lesson-desc .lesson-box .mywrite .con {
margin-top: 5px;
}
.lesson-desc .lesson-box .mywrite .info {
margin-top: 10px;
}

.progress {
position: relative;
height: 30px;
background: #6b6b6b;
}
.progress .bar {
position: absolute;
left: 0;
top: 0;
height: 30px;
line-height: 30px;
letter-spacing: 1.1rem;
letter-spacing: -0.05em;
background: #00bbd6;
color: #fff;
text-align: center;
}

.payinfo {
/* border-top: 1px solid #bfbfbf; */
letter-spacing: -0.05em;
}
.payinfo dl {
position: relative;
/* border-bottom: 1px solid #bfbfbf; */
padding: 0px 0px 8px 0;
color: var(--bass-color);
/* z-index: 0; */
}

.payinfo dl dd {
position: absolute;
right: 0px;
top: 50%;
margin-top: -12px;
/* line-height: 24px; */
}
.payinfo .box {
position: relative;
}
.payinfo .box2 {
padding: 10px;
text-align: center;
}
.payinfo .box2 label {
display: inline-block;
margin-left: 3px;
}
.payinfo .box2 label:first-child {
margin-left: 0;
}
.payinfo .par {
background: #f6f6f6;
}
.payinfo .par dt,
.payinfo .par dd {
font-weight: 600;
letter-spacing: -0.075em;
}
.payinfo .paybtn {
display: block;
border: none;
background: none;
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
}
.payinfo .paybtn span {
color: #00bbd6;
display: none;
}
.payinfo .paybtn em {
color: #666;
}
.payinfo .chi {
display: none;
}
.payinfo .active .chi {
display: block;
}
.payinfo .active .paybtn span {
display: block;
}
.payinfo .active .paybtn em {
display: none;
}

/* .coupon-input {
border: 5px solid #00bbd6;
box-sizing: border-box;
font-size: 0;
margin-bottom: 10px;
} */
.coupon-input .txt {
width: 70%;
height: 40px;
line-height: 40px;
text-indent: 7px;
border: none;
box-sizing: border-box;
}
.coupon-input .btn {
width: 30%;
height: 40px;
background: #00bbd6;
border: none;
font-size: 1.1rem;
color: #fff;
box-sizing: border-box;
}

.inq-desc .inq-box {
margin-top: 15px;
}
.inq-desc .inq-box:first-child {
margin-top: 0;
}

hr.line {
margin: 0 -10px;
border: none;
border-top: 1px solid #d1d1d1;
margin-bottom: 10px;
}

.coupon-btn {
font-weight: 600;
color: #153198;
}

.coupon-pop {
border: 2px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
display: none;
}
.coupon-pop .coupon-top {
position: relative;
}
.coupon-pop .coupon-top h4 {
font-size: 1rem;
color: #333;
font-weight: 600;
}
.coupon-pop .coupon-top .close {
position: absolute;
right: 0;
top: 0;
border: none;
background: none;
}
.coupon-pop .coupon-box {
border-top: 1px solid #e0e0e0;
padding: 10px 70px 10px 0;
position: relative;
}
.coupon-pop .coupon-box:first-child {
border-top: 0;
}
.coupon-pop .coupon-box h5 {
font-size: 1rem;
font-weight: normal;
}
.coupon-pop .coupon-box p {
margin-top: 5px;
}
.coupon-pop .coupon-box .pay {
position: absolute;
right: 0;
bottom: 15px;
}
.coupon-pop .caution {
border-top: 1px solid #e0e0e0;
padding-top: 10px;
padding-bottom: 10px;
line-height: 18px;
}
.coupon-pop .caution .btn {
text-align: center;
margin-top: 15px;
}
.coupon-pop .caution .btn .fbtn {
width: 100px;
}
.chi.active .coupon-pop {
display: block;
}

.pay-result {
text-align: center;
letter-spacing: -0.05em;
padding-top: 10px;
}
.pay-result h3 {
font-size: 1.2rem;
color: #00bbd6;
}
.pay-result p {
line-height: 18px;
font-size: 1.1rem;
margin-top: 10px;
}

.provision-top {
border: 1px solid #ccc;
margin-bottom: 15px;
}
.provision-top a {
display: block;
padding: 8px 30px 8px 10px;
box-sizing: border-box;
letter-spacing: -0.05em;
position: relative;
border-top: 1px solid #ccc;
font-weight: 600;
}
.provision-top a:first-child {
border-top: none;
}
.provision-top a:before {
content: "▼";
color: #00bbd6;
position: absolute;
right: 10px;
top: 50%;
margin-top: -7px;
}

.ruleUseArea {
letter-spacing: -0.05em;
line-height: 16px;
}
.ruleUseArea p {
margin: 4px 0;
color: #000;
	font-size: 0.9rem;
line-height: 18px;
}
.ruleUseArea h4 {
color: #00bbd6;
font-size: 1.2rem;
font-weight: 600;
margin-top: 20px;
padding-bottom: 5px;
}
.ruleUseArea h4:first-child {
margin-top: 0;
}
.ruleUseArea h5 {
font-size: 1rem;
color: #000;
font-weight: 600;
}
.ruleUseArea .box {
margin-top: 15px;
}
.ruleUseArea .box:first-child {
margin-top: 0;
}

.ruleUseArea table {
width: 100%;
}
.ruleUseArea .box table th,
.ruleUseArea .box table td {
border: 1px solid #ddd;
padding: 5px;
}
/* table */
.ruleUseArea .box .tblV,
.ruleUseArea .box .tblH {
width: 100%;
}
.ruleUseArea .box table.tblV {
border-top: 2px solid #474a52;
border-left: 1px solid #ccc;
}
.ruleUseArea .box .tblV thead th {
padding: 11px 0 10px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fbfbfb;
font-size: 13px;
text-align: center;
color: #333;
}
.ruleUseArea .box .tblV tbody tr td {
padding: 11px 0 10px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
color: #333;
}
.ruleUseArea .box .tblV tbody tr td.t_left {
padding: 11px 0 10px 20px;
}
.ruleUseArea .box .tblV tbody tr td.t_right {
padding: 11px 20px 10px 0;
}

.ruleArea {
line-height: 18px;
color: #000;
	font-size: 0.9rem;
}
.ruleArea p {
margin: 3px 0;
	font-size: 0.9rem;
}
.ruleArea h4 {
color: #000000;
font-size: 1.2rem;
font-weight: 600;
margin-top: 20px;
padding-bottom: 5px;
}
.ruleArea h4:first-child {
margin-top: 0;
}
.ruleArea h5 {
font-size: 1.1rem;
color: #333;
font-weight: 600;
}
.ruleArea .box {
margin-top: 15px;
}
.ruleArea .box:first-child {
margin-top: 0;
}

/* CES */

.pop_ces {
position: absolute;
top: 10%;
z-index: 99999;
padding: 10%;
width: 80%;
}
.pop_ces img {
width: 100%;
}
.pop_ces .btm {
position: absolute;
top: 11%;
line-height: 1;
}
.pop_ces .btm label {
font-size: 12px;
color: #fff;
vertical-align: top;
letter-spacing: -1px;
}
.pop_ces .btn_close {
display: block;
position: absolute;
width: 2%;
height: 2%;
top: 10%;
right: 12%;
text-indent: -1000em;
background: url(about:blank);
}

/* icon */
.icoR {
display: inline-block;
*display: inline;
zoom: 1;
height: 20px;
padding-left: 10px;
background: url(../images/bg_r_bd_left.gif) 0 0 no-repeat;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
line-height: 20px;
vertical-align: 24%;
}
.icoR span {
display: inline-block;
*display: inline;
zoom: 1;
min-width: 40px;
height: 20px;
padding-right: 10px;
background: url(../images/bg_r_bd_right.gif) 100% 0 no-repeat;
line-height: 20px;
text-align: center;
}
.icoRred {
display: inline-block;
*display: inline;
zoom: 1;
height: 20px;
padding-left: 10px;
background: url(../images/bg_r_r_left.gif) 0 0 no-repeat;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
line-height: 20px;
color: #fff;
vertical-align: 24%;
}
.icoRred span {
display: inline-block;
*display: inline;
zoom: 1;
min-width: 20px;
height: 20px;
padding-right: 10px;
background: url(../images/bg_r_r_right.gif) 100% 0 no-repeat;
line-height: 20px;
text-align: center;
}
.icoRgray {
display: inline-block;
*display: inline;
zoom: 1;
height: 20px;
padding-left: 10px;
background: url(../images/bg_r_g_left.gif) 0 0 no-repeat;
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
line-height: 20px;
color: #fff;
vertical-align: 24%;
}
.icoRgray span {
display: inline-block;
*display: inline;
zoom: 1;
min-width: 20px;
height: 20px;
padding-right: 10px;
background: url(../images/bg_r_g_right.gif) 100% 0 no-repeat;
line-height: 20px;
text-align: center;
}

.icoR {
line-height: 16px \0 / IE9;
}
.icoR span {
line-height: 16px \0 / IE9;
}
.icoRred {
line-height: 18px \0 / IE9;
}
.icoRred span {
line-height: 16px \0 / IE9;
}
.icoRgray {
line-height: 18px \0 / IE9;
}
.icoRgray span {
line-height: 16px \0 / IE9;
}

.tblJoinForm {
width: 100%;
border-top: 2px solid #474a52;
}
.tblJoinForm tbody tr th {
padding-left: 30px;
font-size: 13px;
text-align: left;
color: #333;
vertical-align: top;
}
.tblJoinForm tbody tr th {
padding: 20px 0 10px 20px;
border-bottom: 1px solid #dedede;
text-align: left;
}
.tblJoinForm tbody tr td {
padding: 3px 0 3px 3px;
border-bottom: 1px solid #ccc;
}
.tblJoinForm tbody tr td input[type="text"] {
width: 100%;
height: 35px;
border: 1px solid #aaa;
border-radius: 4px;
margin: 8px 0;
outline: none;
padding: 8px;
box-sizing: border-box;
transition: 0.3s;
}
.tblJoinForm tbody tr td input[type="text"]:focus {
border-color: dodgerBlue;
box-shadow: 0 0 8px 0 dodgerBlue;
}
.tblJoinForm tbody tr td input[type="password"] {
width: 100%;
height: 35px;
border: 1px solid #aaa;
border-radius: 4px;
margin: 8px 0;
outline: none;
padding: 8px;
box-sizing: border-box;
transition: 0.3s;
}
.tblJoinForm tbody tr td input[type="password"]:focus {
border-color: dodgerBlue;
box-shadow: 0 0 8px 0 dodgerBlue;
}
.tblJoinForm tbody tr td select {
width: 100%;
height: 35px;
border: 1px solid #aaa;
border-radius: 4px;
margin: 8px 0;
outline: none;
padding: 8px;
box-sizing: border-box;
transition: 0.3s;
}
.tblJoinForm tbody tr td a img {
vertical-align: middle;
}
.tblJoinFormPhone {
margin: 4px 0 !important;
}

.btnSmJoin {
display: inline-block;
zoom: 1;
*display: inline;
width: 100px;
height: 30px;
background: #fff;
border: 1px solid #cdcbcc;
border-bottom: 1px solid #bbb9ba;
font-size: 14px;
color: #333;
text-align: center;
line-height: 30px;
letter-spacing: -1px;
vertical-align: top;
cursor: pointer;
margin: 3px 0 !important;
}
.btnSmJoin span {
display: inline-block;
zoom: 1;
*display: inline;
}
.btnSmJoin strong {
display: inline-block;
zoom: 1;
*display: inline;
}
.btnSmJoin.btnMint {
background-color: #01bbd6;
border: 1px solid #00adc6;
border-bottom: 1px solid #008093;
color: #fff;
}


.required {
display: inline-block;
width: 7px;
height: 5px;
background: url(../img/sub/bg_required.gif) 0 0 no-repeat;
vertical-align: 20%;
}
.required span {
position: absolute;
text-indent: 9999em;
font-size: 0 !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.icoR {
  line-height: 16px;
}
.icoR span {
  line-height: 16px;
}
.icoRred {
  line-height: 18px;
}
.icoRred span {
  line-height: 16px;
}
.icoRgray {
  line-height: 18px;
}
.icoRgray span {
  line-height: 16px;
}
}

/* 강좌 안내 1단 */
.web-list_01 {
overflow: hidden;
}
.box-col-1{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	gap : 19px;
	margin-bottom: 10px;
}
.box-col-1 > .img{width: 100px; height: 70px; overflow: hidden;}
.box-col-1 > .img a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4%;
}
.box-col-1 > .img a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	object-position: center;
}
.box-col-1 > .img .mark_new {
  background: #b82226;
  color: #fff;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 9;
}
.box-col-1 .info{
 flex: 1;
}
.box-col-1 > .info .content-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #999;
  padding-bottom: 2%;
}
.box-col-1 > .info h4 a{
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 강좌 안내 2단 */
.web-list_02 {
overflow: hidden;
}
.box-col-2 {
width: 48%;
float: left;
box-sizing: border-box;
margin-right: 3%;
margin-bottom: 10%;
border-radius: 4%;
position: relative;
}
.box-col-2:nth-child(even) {
margin-right: 0px;
}
.box-col-2 > .img a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-bottom: 65%;
border-radius: 4%;
}
.box-col-2 > .img .mark_new{
  background: #b82226;
  color: #fff;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 12px;
  position: absolute;
  top: 12px;
  left: 12px;
	z-index: 9;
}
.box-col-2 > .img .bookmark-icon {
  background: url('/images/2024/lecture/sp_bookmark.png') no-repeat bottom center;
  width: 16px;
  height: 19px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 9;
}
.box-col-2 > .img .bookmark-icon.on {
background: url('/images/2024/lecture/sp_bookmark.png') no-repeat top center;
}
.box-col-2 > .img .eventlabel {
 font-size: 12px;
 color: #fff;
 background-color: #C01E24;
 border-radius: 4px;
 text-align: center;
 padding: 2px 8px;
 display: block;
 cursor: pointer;
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 9;
}
.box-col-2 > .img .eventlabel.end {
 background-color: #999;
}

.box-col-2 > .img img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.box-col-2 > .img .ddakji {
position: absolute;
left: 0;
top: 0;
z-index: 10;
letter-spacing: -0.05em;
width: 100%;
}
.box-col-2 > .img .ddakji span {
display: block;
width: 34px;
height: 34px;
float: left;
font-size: 0;
background: #00bbd6;
text-align: center;
}
.box-col-2 > .img .ddakji span:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.box-col-2 > .img .ddakji span em {
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.box-col-2 > .img .ddakji .ddakji2 {
background: #aaa0fc;
}
.box-col-2 > .img .ddakji .ddakji2 em {
font-size: 0.2rem;
letter-spacing: -0.1em;
white-space: nowrap;
}
.box-col-2 > .img .ddakji .open {
display: block;
width: 34px;
height: 34px;
float: left;
font-size: 0;
background: #ffd7d7;
text-align: center;
}
.box-col-2 > .img .ddakji .open:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.box-col-2 > .img .ddakji .open em {
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.box-col-2 > .img .ddakji .end {
display: block;
width: 34px;
height: 34px;
float: left;
font-size: 0;
background: #dadada;
text-align: center;
}
.box-col-2 > .img .ddakji .end:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.box-col-2 > .img .ddakji .end em {
display: inline-block;
vertical-align: middle;
font-size: 0.9rem;
font-weight: 600;
color: #fff;
}
.box-col-2 > .img.live::after{
	display: block;
	position: absolute;
	top: 2%;
	left: 2%;
	width: 48px;
	height: 28px;
	background-image: url('/images/2024/lecture/icon_live.png');
	background-repeat: no-repeat;
	content: '';
}
.box-col-2 > .info {
display: block;
padding: 4%;
}
.box-col-2 > .info .content-meta{
  display: flex;
  justify-content: space-between;
  align-items: center;
	font-size: 12px;
	color: #999;
	padding-bottom: 2%;
}
.box-col-2 > .info .content-meta .time-info {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.box-col-2 > .info .content-meta .time-info::before {
  content: "";
  display: inline-flex;
  width: 12px;
  height: 12px;
  background: url('/images/2024/lecture/icon_time.png') no-repeat center center/cover;
}

.box-col-2 > .info .content-meta .category-tag.tag_01{color: #923535;}
.box-col-2 > .info .content-meta .category-tag.tag_02{color: #ce8800;}
.box-col-2 > .info .content-meta .category-tag.tag_03{color: #106b52;}
.box-col-2 > .info .content-meta .category-tag.tag_04{color: #10436b;}
.box-col-2 > .info .content-meta .category-tag.tag_05{color: #39106b;}

.box-col-1 > .info .content-meta .category-tag.tag_01{color: #923535;}
.box-col-1 > .info .content-meta .category-tag.tag_02{color: #ce8800;}
.box-col-1 > .info .content-meta .category-tag.tag_03{color: #106b52;}
.box-col-1 > .info .content-meta .category-tag.tag_04{color: #10436b;}
.box-col-1 > .info .content-meta .category-tag.tag_05{color: #39106b;}

.box-col-2 > .info h4 {
font-weight: 600;
font-size: 1.142857rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.2;
height: 2.6em;
text-align: left;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.box-col-2 > .info .sum {
font-size: 11px;
margin-top: 8px;
}
.box-col-2 > .info .pay {
font-size: 12px;
margin-top: 8px;
font-weight: 600;
}
.box-col-2 > .info .pay .pay-before{
	color: #B3B3B3;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: line-through;
}
.box-col-2 > .info .pay .pay-cost{
	font-size: 1.15rem;
	font-weight: 700;
}
.box-col-2 > .info .pay em {
color: #ff0000;
	font-weight: 700;
}
.box-col-2:after {
clear: both;
display: block;
content: "";
}
.box-col-2 > .info .ddakji {
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 0.9rem;
padding: 0 10px;
/* border-radius:11px; */
border-radius: 5px;
color: #fff;
/* font-weight:600; */
font-weight: 300;
background: #444;
margin-bottom: 5px;
}

/* 이벤트 리스트 */
.EventList {
width: 48%;
float: left;
box-sizing: border-box;
margin-right: 3%;
margin-bottom: 10%;
border-radius: 4%;
position: relative;
}
.EventList:nth-child(even) {
margin-right: 0px;
}
.EventList > .img a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-bottom: 65%;
border-radius: 4%;
}
.EventList > .img .eventlabel {
 font-size: 12px;
 color: #fff;
 background-color: #C01E24;
 border-radius: 4px;
 text-align: center;
 padding: 2px 8px;
 display: block;
 cursor: pointer;
 position: absolute;
 top: 10px;
 right: 10px;
 z-index: 9;
}
.EventList > .img .eventlabel.end {
 background-color: #999;
}

.EventList > .img img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.EventList > .info{
display: block;
padding: 4%;
}
.EventList > .info h4 {
font-weight: 600;
font-size: 1.142857rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.2;
text-align: left;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.EventList > .info .content-meta{
  display: flex;
  justify-content: space-between;
  align-items: center;
	font-size: 12px;
	color: #999;
	padding-bottom: 2%;
}

.EventList:after {
clear: both;
display: block;
content: "";
}

.blind {
display: none;
}

.lecCont {
padding: 60px 0;
}
.lecCont .titleArea {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.lecCont .titleArea h5 {
font-size: 20px;
font-weight: 600;
}
.lecCont .titleArea a {
color: var(--gray-color-02);
display: flex;
align-items: center;
}
.lecCont .titleArea a::after {
content: "";
width: 18px;
height: 18px;
background: url("/images/icon_more.png") no-repeat;
}
.lecCont.st_01 {
background-color: #f5f5f5;
}
.lecCont.st_01 h5 em {
font-weight: 600;
color: var(--Primary-color);
}
.lecCont.st_02 h5 em {
font-weight: 600;
color: var(--point-color);
}
.CntList li {
border-bottom: 1px solid #ddd;
padding: 20px 0;
}
.CntList li strong {
font-weight: 600;
margin-bottom: 12px;
display: block;
}
.CntList li a {
display: flex;
justify-content: space-between;
gap: 16px;
}
.CntList li a .frame {
width: 156px;
height: 88px;
border-radius: 8px;
overflow: hidden;
display: flex;
align-items: center;
}
.CntList li a .txt {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.CntList li a .txt h3 {
font-size: 14px;
font-weight: 600;
color: var(--bass-color);
}
.CntList li a .txt .summary {
font-size: 14px;
color: var(--gray-color-02);
}

.st_01 .CntList li strong {
color: var(--Primary-color);
}
.st_02 .CntList li strong {
color: var(--point-color);
}




/* 공통검색창 */
.Searchwrap {
background-color: #fff;
position: fixed;
top: 0;
left: 50%;
width: 100%;
max-width: 720px;
height: 100%;
z-index: 99;
padding: 100px 24px 24px 24px;
box-sizing: border-box;
transform: translateX(-50%);
display: none;
}
.Searchwrap .btn_Close_Searchwrap {
position: absolute;
width: 24px;
height: 24px;
overflow: hidden;
text-indent: -999em;
background: url("/images/nav-close.png") no-repeat 50% 50% / cover;
top: 20px;
right: 20px;
}
.Searchwrap h5 {
color: #0d0d0d;
font-size: 24px;
font-weight: 600;
margin-bottom: 50px;
}
.Searchwrap .searchCnt {
padding: 10px 0;
border-bottom: 1px solid #000;
display: flex;
justify-content: space-between;
}
.Searchwrap .searchCnt input[type="text"] {
border: none;
max-width: 236px;
font-size: 20px;
}
.Searchwrap .searchCnt input[type="text"]::placeholder {
color: #ddd;
}
.Searchwrap .searchCnt a.btn_search {
display: block;
width: 24px;
height: 24px;
background: url("/images/icon_btn_search.svg") no-repeat;
overflow: hidden;
text-indent: -999em;
}
.Searchwrap .keywordWrap {
margin-top: 40px;
}
.Searchwrap .keywordWrap h5 {
color: #0d0d0d;
font-size: 14px;
font-weight: 400;
margin-bottom: 18px;
}
.Searchwrap .keywordWrap .keywordList {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
}
.Searchwrap .keywordWrap .keywordList a {
border: 1px solid var(--Primary-color);
font-weight: 14px;
color: var(--Primary-color);
padding: 12px 16px;
border-radius: 90px;
}





/* 2024리뉴얼 추가 Class*/
.p16 {
padding-top: 16px;
}
.p32 {
padding-top: 32px;
}
.find__infoTxt {
font-size: 24px;
color: #1a1a1a;
font-weight: 400;
}
.find__infoTxt strong {
font-weight: 600px;
}
.E__mark {
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
margin-bottom: 16px;
border-radius: 64px;
background: url(/images/E__mark.png) no-repeat 50% 50% / cover;
}

/* 링크 탭 링크 공통 */
.Cnt__tabs ul.typeLink {
display: flex;
justify-content: space-around;
border-bottom: 1px solid #e0e0e0;
margin-top: 22px;
}
.Cnt__tabs ul.typeLink li {
width: 100%;
font-size: 16px;
color: #b3b3b3;
text-align: center;
overflow: hidden;
position: relative;
}
.Cnt__tabs ul.typeLink li a {
display: block;
padding: 10px 0;
}
.Cnt__tabs ul.typeLink li.act a {
color: #C01E24;
font-weight: 600;
}

.Cnt__tabs ul.typeLink li.act:after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 2px;
background-color: #C01E24;
}

/* 게시판 페이징 */
.pntxtN {
margin-top: 32px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}

.pntxtN .Link_next a::after {
content: "";
width: 6px;
height: 8px;
background: url(/images/icon_PageBack.png) no-repeat 50% 50% / cover;
display: block;
margin-left: 4px;
transform: rotate(180deg);
}

.pntxtN .Link_next a,
.pntxtN .Link_prev a {
display: inline-flex;
align-items: center;
color: #1a1a1a;
}

.pntxtN .Link_prev a::before {
content: "";
width: 6px;
height: 8px;
background: url(/images/icon_PageBack.png) no-repeat 50% 50% / cover;
display: block;
margin-right: 4px;
}

.pntxtN .Link_list {
display: block;
width: 100%;
text-align: center;
}

.pntxtN .Link_list a {
color: #1a1a1a;
border-radius: 100px;
border: 1px solid #1a1a1a;
padding: 16px 0;
display: block;
}

.pntxtN .no__pages {
opacity: 0.8;
}

.pntxtN .no__pages:after,
.pntxtN .no__pages:before {
opacity: 0.2;
}

.moreMain_title {
border-bottom: 1px solid #e0e0e0 !important;
}
.moreMain {
margin-top: 16px;
}
.moreMain ul li {
border-bottom: 1px solid #e0e0e0;
padding: 16px 0;
}
.moreMain ul li a {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
}
.moreMain ul li a > i {
margin-right: 8px;
width: 22px;
height: 20px;
}
/* .moreMain ul li a > i {
background: url(/images/icon_notice_list.png) no-repeat 50% 50% / cover;
} */
.moreMain ul li a::after {
content: "";
display: block;
width: 8px;
height: 10px;
background: url(/images/icon_PageBack.png) no-repeat 50% 50% / cover;
transform: rotate(180deg);
margin-left: auto;
}
.moreMain ul li a.no_arrow::after {
content: none;
}


/* 강좌상세 html PC 변환 (권민지 24-02-21) */
#itbank_lecture_Wrap{text-align: left;}
#sub #itbank_lecture_Wrap .cont{margin-bottom: 35px;}
#itbank_lecture_Wrap{font-size: 15px !important;}
#itbank_lecture_Wrap .subtit{
color: #000;
text-align: left;
font-size: 20px !important;
margin-bottom: 12px !important;
padding-left: 0 !important;
}
#itbank_lecture_Wrap h3{
color: #000;
font-size: 20px !important; margin-bottom: 15px !important;
}
#itbank_lecture_Wrap .tbl_schedule thead th{padding: 15px !important; height: unset !important;}
#itbank_lecture_Wrap .tbl_schedule thead th .tit{display: block; margin-bottom: 5px;}
#itbank_lecture_Wrap .tbl_schedule tbody td{height: 60px !important;}
#itbank_lecture_Wrap .tbl_schedule tfoot td{height: 70px !important;}

#itbank_lecture_Wrap .price-wrap .box{
flex-direction:column; padding: 6% !important;
}
#itbank_lecture_Wrap .price-wrap .box .tit{text-align: left; color: #000; margin-bottom: 10px; font-size: 18px !important;}
#itbank_lecture_Wrap .price-wrap .box .price-cnt{
width: 100% !important;
}
#itbank_lecture_Wrap .price-wrap .box .price-cnt .cnt{padding: 0 10px !important;}
#itbank_lecture_Wrap .price-wrap .box .price-cnt .cnt.btm{padding-top: 20px !important;}
#itbank_lecture_Wrap .price-wrap .box .rgt{text-align: left; line-height: 1.4em;}

#itbank_lecture_Wrap .flex-box{display: block !important;}
#itbank_lecture_Wrap .flex-box p{padding-top: 0 !important;}

/*
*
*	2024 오마이스쿨 모바일 리뉴얼
*
*/
.progress-wrap{
	padding: 32px 0 26px;
}
.progress-wrap img{
	display: block;
	margin: 0 auto;
}
.form-wrap li{
	margin-bottom: 16px;
}
.form-wrap .info-tit{
	margin-bottom: 8px;
	font-weight: 700;
}
.form-wrap .info-txt{
	color: #808080;
	margin-bottom: 8px;
	font-size: 0.9rem;
	letter-spacing: -0.04em;
}
.form-wrap .bbtn{
	width: 36%;
	font-size: 1rem;
	margin-left: 1%;
}
.btn-txt-del{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
}

/* 비밀번호 마스킹 버튼 */
.btn-msk{
	position: absolute;
	top: 2px;
	right: 0;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
}
.btn-msk.msk-on{
	background-image: url('/images/2024/common/icon_msk_on.png');
}
.btn-msk.msk-off{
	background-image: url('/images/2024/common/icon_msk_off.png');
}

.mem-btn-wrap{
	/*position: fixed;*/
	bottom: 0;
	right: 0;
	left: 0;
	width: calc(100% - 32px);
	padding: 32px 16px;
	background-color: #fff;
}


/* 상단 카테고리 cateTop-box */
.cateTop-box-wrap{
	position: relative;
	width: calc(100% + 32px);
	margin-left: -16px;
	margin-bottom: 16px;
	height: 52px;
	display: none;
}
.cateTop-box-wrap .cateTop-box{
	position: absolute; left: 0; top: 0;
	width: 100%;
	border-top: 1px solid #F5F5F5;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,8%);
	z-index: 2;
}
/* fix */
.cateTop-box-wrap.fix .cateTop-box{
  position: fixed;
  top: 72px; left: 50%; transform: translateX(-50%);
  width: 100%;
  max-width: 720px;
}
.cateTop-box-wrap .cateTop-box nav{
	overflow: hidden;
	width: calc(100% - 44px);
	box-sizing: border-box;
} 
.cateTop-box-wrap .cateTop-box nav .swiper{overflow: visible;}
.cateTop-box-wrap .cateTop-box nav .swiper-slide{
	width: initial;
}
.cateTop-box-wrap .cateTop-box nav .swiper-slide a{
	display: block;
	position: relative;
	line-height: 52px;
	font-size: 16px;
}
.cateTop-box-wrap .cateTop-box nav .swiper-slide a.on{font-weight: 700;}
.cateTop-box-wrap .cateTop-box nav .swiper-slide a.on::after{
	display: block;
	position: absolute; left: 0; bottom: 0;
	width: 100%; height: 2px; background-color: #1A1A1A;
	content: '';
}
.cateTop-box-wrap .cateTop-box .detail-box{
	display: none;
	padding: 16px;
	box-shadow: 0 20px 20px 0 rgba(0,0,0,0.3);
}
.cateTop-box-wrap .cateTop-box .detail-box h4{
	font-size: 18px;
	font-weight: 700;
}
.cateTop-box-wrap .cateTop-box .detail-box ol{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 30px;
}
.cateTop-box-wrap .cateTop-box .detail-box ol li a{
	display: block;
	padding: 8px 16px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 24px;
}
.cateTop-box-wrap .cateTop-box .detail-box ol li.on a{
	color: var(--Primary-color-02);
	border-color: var(--Primary-color-02);
}
.cateTop-box-wrap .cateTop-box .btn-more{
	display: block;
	position: absolute;
	top: 12px; right: 16px;
	width: 28px; height: 28px; padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: -5px 0px 15px 5px #fff;
	z-index: 2;
}
.cateTop-box-wrap .cateTop-box .btn-more .ico{
	width: 100%; height: 100%;
	stroke: #666;
	stroke-width: 1.5px;
	fill:none;
	transition: transform 0.4s;
}
.cateTop-box-wrap .cateTop-box .btn-more.act .ico{
	transform: rotate(180deg);
}
.cateTop-box-wrap .search-box{
	background-color: #fff;
	border-width: 1px;
	border-color: #E0E0E0;
	border-radius: 8px;
}


/* ---------- my-room ---------- */
.my-room-title .sub-mnu{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	box-sizing: border-box;
}
.my-room-title .sub-mnu a{
	display: inline-block;
	position: relative;
	width: 24px;
}
.my-room-title .sub-mnu .lft a{
	margin-right: 16px;
}
.my-room-title .sub-mnu .rgt a{
	margin-left: 16px;
}
.my-room-title .sub-mnu .a-cart{
	width: 26px;
}
.my-room-title .sub-mnu .a-cart .num{
	display: block;
	position: absolute; top: -3px; right: -5px;
	padding: 0 5px;
	color: #fff;
	font-size: 8px;
	line-height: 12px;
	background-color: var(--Primary-color);
	border-radius: 6px;
}

.my-room-wrap{
	overflow: hidden;
}
.my-room-wrap .intro{
	padding: 32px 0 16px;
	font-size: 24px;
}
.my-room-wrap .cnt-box{
	padding: 16px 0;
}
.my-room-wrap .cnt-box.hr{border-bottom: 1px solid #E0E0E0;}
.my-room-wrap .cnt-box .cnt-tit{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
}
.my-room-wrap .cnt-box .cnt-tit .bull{
	margin-right: 8px;
	vertical-align: bottom;
}
.my-room-wrap .cnt-box .cnt-tit .a-more{
	display: block;
	padding: 0 4px;
	margin-right: -4px;
}
.my-room-wrap .cnt-box .cnt-tit .a-more .ico{
	width: 12px;
	height: 12px;
	stroke:#666;
	stroke-width:2px;
	fill:none;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.my-room-wrap .cnt-box .my-lec .inner{
	padding: 24px 16px;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	box-sizing: border-box;
}
.my-room-wrap .cnt-box .my-lec .lec-tit{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.lec-info dl{
	display: flex;
	margin: 8px 0;
	font-size: 14px;
}
.lec-info dl dt{
	position: relative;
	width: 72px;
	margin-right: 8px;
	flex-shrink: 0;
}
.lec-info dl dt::after{
	display: block;
	position: absolute;
	top: 2px; right: 0;
	width: 1px; height: 12px; background-color: #E0E0E0;
	content: '';
}

/* 진도율 */
.rate-bar-wrap{
	width: 100%;
	padding: 4px 12px 30px 0;
}
.rate-bar{
	width: 100%;
	height: 8px;
	background-color: #F5F5F5;
	border-radius: 4px;
}
.rate-bar .gauge{
	display: block;
	position: relative;
	width: var(--rate);
	height: 100%;
	background: linear-gradient(90deg, #70FFFF 0%, #00BBF4 100%);
	border-radius: 4px;
}
.rate-bar .gauge .bubble{
	display: block;
	position: absolute;
	top: 15px;
	right: 0px;
	transform: translateX(50%);
	color: #fff;
	font-size: 12px;
	background-color: var(--Primary-color);
	padding: 4px 6px;
	border-radius: 4px;
}
.rate-bar .gauge .bubble::after{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: var(--Primary-color);
	border-top: 0;
	margin-left: -3px;
	margin-top: -4px;
	border-left-width: 3px;
	border-right-width: 3px;
}
.my-room-wrap .cnt-box .my-lec .rate-bar .gauge{width:0%;}
.my-room-wrap .cnt-box .my-lec .swiper-slide-active .rate-bar .gauge{
	animation: gauge 0.7s 0.2s ease forwards;
}
@keyframes gauge {
	0%{width: 0%}
	100%{width: var(--rate);}
}
.my-room-wrap .cnt-box .my-lec .btn-course{
	display: block;
	width: 100%;
	padding: 14px 0;
	color:var(--Primary-color);
	font-size: 14px;
	text-align: center;
	font-weight: 500;
	background-color: #EBFAFF;
	border-radius: 4px;
}
.my-room-wrap .cnt-box .my-lec .btn-course::before{
	display: inline-block;
	width: 20px; height: 20px; margin-right: 8px;
	background: url('/images/2024/myroom/icon_course.png') no-repeat;
	vertical-align: middle;
	content: '';
}
.my-room-wrap .cnt-box .my-lec .swiper-pagination{
	position: unset;
}
.my-room-wrap .cnt-box .my-lec .swiper-pagination .swiper-pagination-bullet{
	width: 4px; height: 4px;
	background-color: #999;
	opacity: 1;
}
.my-room-wrap .cnt-box .my-lec .swiper-pagination .swiper-pagination-bullet-active{
	width: 12px;
	background-color: var(--Primary-color);
	border-radius: 2px;
}
.my-room-wrap .card-wrap .swiper{
	overflow: visible;
}
.my-room-wrap .card-wrap .lec-card02{
	display: block;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid #E0E0E0;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 4%);
	box-sizing: border-box;
}
.my-room-wrap .card-wrap .lec-card02 .txt{
	font-size: 14px;
	line-height: 1.3em;
	padding: 16px 8px;
	background-color: #fff;
}

/* 챌린지 */
.challenge-wrap{
	padding: 24px 16px;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 4%);
}
.challenge-wrap .top{
	padding-bottom: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F5F5F5;
}
.challenge-wrap h4{
	color: var(--Primary-color);
	font-size: 14px;
	margin-bottom: 4px;
}
.challenge-wrap .chall-tit{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #ccc;
	margin-bottom: 16px;
}
.challenge-wrap .chall-tit strong{
	color: #1A1A1A;
	font-size: 22px;
	font-weight: 700;
	margin-right: 6px;
}
.challenge-wrap .descrip li{
	margin: 4px 0;
}
.challenge-wrap .descrip li i{vertical-align: bottom;}
.challenge-wrap .btn-chall{
	position: relative;
	width: 100%;
	height: 48px;
	margin-top: 16px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	background-color: var(--Primary-color);
	border: 1px solid var(--Primary-color);
	border-radius: 4px;
	box-sizing: border-box;
}
.challenge-wrap .btn-chall.act{
	color: var(--Primary-color);
	background-color: #fff;
}
.challenge-wrap .btn-chall .bubble{
	position: absolute;
	top: -13px; left: 50%; transform: translateX(-50%);
	color: #fff;
	font-size: 12px;
	background-color: #FF3E3E;
	padding: 3px 10px;
	border-radius: 4px;
}
.challenge-wrap .btn-chall .bubble::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0; height: 0;
	border: 6px solid transparent;
	border-top-color: #FF3E3E;
	border-bottom: 0;
	margin-left: -4px;
	margin-bottom: -4px;
	border-left-width: 4px;
	border-right-width: 4px;
}

.chall-week{
	background: url('/images/2024/myroom/circle_path.svg') center 60% no-repeat;
	background-size: 80%;
}
.chall-week ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
}
.chall-week .cir-cnt{
	position: relative;
	width: 32%;
	height: 0;
	padding-bottom: 32%;
	margin-top: 30px;
}
.chall-week .cir-cnt:nth-child(4){order:2;}
.chall-week .cir-cnt:nth-child(5){order:1;}
.chall-week .cir-cnt .cir-rate{
	position: absolute; bottom: 0; left: 0;
}
.chall-week .cir-cnt .cir-rate svg{
	display: block;	
	width: 100%; height: 100%;
	stroke-width: 1.5px;
	transform: rotate(-78deg);
	stroke-linecap: round;
}
.chall-week .cir-cnt .cir-rate svg .g-this{
	stroke-dasharray: 88;
	stroke-dashoffset: calc(((100 - var(--per)) * 0.82) + 6);
}
.chall-week .cir-cnt .cover{
	display: flex; align-items: center; justify-content: center;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.chall-week .cir-cnt .cover .week-order{
	color: #E1E7EB;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.chall-week .cir-cnt .bubble{
	position: absolute; top: -25px; left: 50%; transform: translateX(-50%);
	color: #fff;
	text-align: center;
	font-size: 12px;
	min-width: 56px;
	padding: 3px 9px;
	background-color: #E1E7EB;
	border-radius: 4px;
	box-sizing: border-box;
}
.chall-week .cir-cnt .bubble::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0; height: 0;
	border: 6px solid transparent;
	border-top-color: #E1E7EB;
	border-bottom: 0;
	margin-left: -4px;
	margin-bottom: -5px;
	border-left-width: 4px;
	border-right-width: 4px;
}
.chall-week .cir-cnt .bubble .emoji{
	margin: 0 auto;
	margin-top: -10px;
}

/* un-act */
.chall-week .cir-cnt .cover .success-txt{display: none;}
.chall-week .cir-cnt .cover .fail-txt{display: none;}
.chall-week .cir-cnt .bubble .emoji{display: none;}

/* act */
.chall-week .cir-cnt.act .cover .week-order{
	color: #FF70C1;
}
.chall-week .cir-cnt.act .bubble{
	background-color: #FF70C1;
}
.chall-week .cir-cnt.act .bubble::after{
	border-top-color: #FF70C1;
}

/* 성공 */
.chall-week .cir-cnt.success .week-order{display: none;}
.chall-week .cir-cnt.success .bubble .point{display: none;}
.chall-week .cir-cnt.success .cir-rate .g-back{
	fill: #FFF5FF;
}
.chall-week .cir-cnt.success .cover .success-txt{
	display: block;
	color: #FF70C1;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}
.chall-week .cir-cnt.success .cover .success-txt .check{
	display: block;
	width: 24px; height: 24px;
	margin: 0 auto;
	fill:none;
	stroke: #FF70C1;
	stroke-width: 2px;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.chall-week .cir-cnt.success .bubble{background-color: #FF70C1;}
.chall-week .cir-cnt.success .bubble::after{border-top-color: #FF70C1;}
.chall-week .cir-cnt.success .bubble .emoji{display: block;}

/* 실패 */
.chall-week .cir-cnt.fail .bubble{display: none;}
.chall-week .cir-cnt.fail .cir-rate svg .g-this{stroke: none;}
.chall-week .cir-cnt.fail .cir-rate svg .g-back{fill:#E1E7EB; stroke: #E1E7EB;}
.chall-week .cir-cnt.fail .week-order{display: none;}
.chall-week .cir-cnt.fail .cover .fail-txt{
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.chall-week .cir-cnt.fail .cover .fail-txt .emoji{
	display: block;
	margin: 0 auto 5px;
}

/* 보너스 */
.chall-week .cir-cnt.bonus .cover .week-order{
	font-size: 14px;
}
.chall-week .cir-cnt.bonus .cover .week-order .crown{
	display: block;
	margin: 0 auto 5px;
	filter: grayscale(1);
	opacity: 0.5;
}
.chall-week .cir-cnt.bonus.act .bubble{background-color: #FFCC01;}
.chall-week .cir-cnt.bonus.act .bubble::after{border-top-color: #FFCC01;}
.chall-week .cir-cnt.bonus.act .cover .week-order .crown{
	filter: none;
	opacity: 1;
}
.chall-week .cir-cnt.bonus.act .cover .week-order{color: #F5B400;}

.chall-week .cir-cnt.bonus.success .bubble{background-color: #FFA947;}
.chall-week .cir-cnt.bonus.success .bubble::after{border-top-color: #FFA947;}
.chall-week .cir-cnt.bonus.success .cir-rate .g-back{fill:#FFFAEB;}
.chall-week .cir-cnt.bonus.success .cover .success-txt{color: #F5B400;}
.chall-week .cir-cnt.bonus.success .cover .success-txt .crown{
	display: block;
	margin: 0 auto 5px;
}


/* lesson-box */
.lesson-desc .lesson-box{
	padding: 24px 16px 16px;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,4%);
	border-radius: 8px;
}
.lesson-desc .lesson-box .gubun{
	display: block;
	color: var(--Primary-color-02);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}
.lesson-desc .lesson-box h3{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 1.4em;
}
.lesson-desc .lesson-box .btn-cnt{
	display: flex;
	margin: 8px 0 16px;
	gap: 4px;
}
.lesson-desc .lesson-box .btn-cnt .btn{
	min-width: 120px;
	height: 32px;
	color: var(--Primary-color-02);
	font-size: 14px;
	background-color: #EBFAFF;
	border-radius: 4px;
}
.lesson-desc .lesson-box .btn-lecture{
	display: block;
	width: 100%;
	padding: 14px 0;
	color: var(--Primary-color-02);
	font-size: 14px;
	text-align: center;
	background-color: #EBFAFF;
	border-radius: 4px;
}
.lesson-desc .lesson-box .btn-lecture .icon{
	margin-right: 8px;
}

/* 패키지강의 */
.mylec-pack-list-wrap{overflow: hidden;}
.mylec-pack-list-wrap .top{
	width: calc(100% + 32px);
	padding: 32px 16px;
	margin-left: -16px;
	background-color: #fff;
	box-sizing: border-box;
}
.mylec-pack-list-wrap .top .gubun{
	display: block;
	color: var(--Primary-color-02);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 8px;
}
.mylec-pack-list-wrap .top h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
}
.mylec-pack-list-wrap .search-box{
	background-color: #fff;
	border-color: #E0E0E0;
}

/* 상세 */
.mylec-detail-wrap .cover{
	padding-top: 32px;
	margin-bottom: 16px;
}
.mylec-detail-wrap .cover-top{
	display: flex;
	align-items: flex-end;
	margin-bottom: 16px;
}
.mylec-detail-wrap .cover .thmb{
	width: 132px;
	margin-right: 8px;
	border-radius: 4px;
	flex-shrink: 0;
}
.mylec-detail-wrap .cover h3{
	font-size: 16px;
}
.mylec-detail-wrap .cover .rgt .lec-info dl{
	flex-wrap: wrap;
	margin-bottom: 0;
	line-height: 1.4em;
}
.mylec-detail-list .mylec-tbl{
	width: 100%;
}
.mylec-detail-list .mylec-tbl thead{
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.mylec-detail-list .mylec-tbl thead th{
	padding: 8px 0;
	font-weight: 500;
}
.mylec-detail-list .mylec-tbl tbody tr{
	border-bottom: 1px solid #F5F5F5;
}
.mylec-detail-list .mylec-tbl tbody td{
	padding: 8px 0;
	text-align: center;
	vertical-align: top;
	line-height: 1.4em;
}
.mylec-detail-list .mylec-tbl tbody td .tit{
	text-align: left;
}
.mylec-detail-list .mylec-tbl tbody td .btn-wrap{
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

/* 관심학습, 장바구니 */
.mycart-listwrap .top{
	padding: 32px 0 16px;
	border-bottom: 1px solid #1A1A1A;
}
.mycart-listwrap .web-list .box{
	padding: 24px 0 !important;
	border-bottom: 1px solid #E0E0E0;
}
.mycart-listwrap .web-list .box .check-box{
	display: inline-block;
	margin-right: 8px;
}
.mycart-listwrap .web-list .box .check-box input{margin: 0;}
.mycart-listwrap .web-list .box .img{
	width: calc(35% - 26px);
}

/* 구매내역 */
.paid-list-wrap .datepicker-range{
	width: 100%;
}
.paid-list-wrap .datepicker-range .inp-datepicker{
	width: 50%;
}
.paid-list-wrap .datepicker-range .line{flex-shrink:0;}
.paid-list{
	border-top: 1px solid #1a1a1a;
}
.paid-list li{
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #E0E0E0;
}
.paid-list li .pay-num{
	color:#B3B3B3;
	font-size: 12px;
	margin-bottom: 4px;
}
.paid-list li h3{
	width: calc(100% - 30px);
	font-size: 16px;
	margin-bottom: 8px;
}
.paid-list li .lec-info dl{
	color:#666;
	font-size: 12px;
	margin: 4px 0;
}
.paid-list li .btn-delete{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
/* ---------- my-room end ---------- */




/* ---------- 강의 메인 ---------- */
.lecture-main-wrap{padding-top: 0 !important;}
.lecture-main-wrap .lnb-cnt{
	padding: 16px 0;
}
.lecture-main-wrap .lnb-cnt.hr{
	border-bottom: 1px solid #E0E0E0;
}
.lecture-main-wrap .lnb-cnt.a-cnt{
	display: block;
	background: url('/images/2024/common/icon_angle_right.png') center right no-repeat;
}
.lecture-main-wrap .lnb-cnt .tit{
	font-size: 18px;
	font-weight: 700;
}
.lecture-main-wrap .lnb-cnt .tit .ico{
	display: inline-block;
	width: 22px;
	margin-right: 8px;
	vertical-align: bottom;
}
.lecture-main-wrap .lnb-cnt .tit .ico img{
	display: block;
	width: auto;
	margin: 0 auto;
}
.lecture-main-wrap .history-list ol{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lecture-main-wrap .history-list li{
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 16px;
	padding: 0 10px;
}
.lecture-main-wrap .history-list li a{
	display: inline-block;
	padding: 8px 0 8px 6px;
}
.lecture-main-wrap .history-list li .btn-delete{
	display: inline-block;
	width: 8px; height: 8px;
	padding: 10px;
	background: url('/images/2024/lecture/lnb/icon_x_sm.png') center no-repeat;
}
.lecture-main-wrap .category-list ol{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lecture-main-wrap .category-list ol li{
	width: calc(100%/3 - 16px/3);
	background-color: var(--c);
	border-radius: 8px;
}
.lecture-main-wrap .category-list ol li a{
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 12px;
	box-sizing: border-box;
}
.lecture-main-wrap .category-list ol li .ico{
	display: block;
	margin: 0 auto;
}
.lecture-main-wrap .category-list ol li .txt{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}
.lecture-main-wrap .best-list ol{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lecture-main-wrap .best-list ol li{
	background-color: #EBFAFF;
	border-radius: 16px;
}
.lecture-main-wrap .best-list ol li a{
	display: block;
	color: var(--Primary-color);
	font-size: 14px;
	padding: 8px 16px;
}
.lecture-main-wrap .pass-list ol{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.lecture-main-wrap .pass-list ol li{
	width: calc(50% - 4px);
	padding-right: 8px;
	box-sizing: border-box;
}
.lecture-main-wrap .pass-list ol li a{
	display: flex;
	align-items: center;
}
.lecture-main-wrap .pass-list ol li .ico{
	width: 48px;
	margin-right: 8px;
}
/* ---------- 강의 메인 end ---------- */



.cate-list{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cate-list li{
	width: 30%;
	height: 48px;
	background-color: #EBFAFF;
	background-image: url('/images/2024/common/icon_check_sbl.png');
	background-repeat: no-repeat;
	background-position: 90% 50%;
	border: 1px solid #EBFAFF;
	border-radius: 4px;
	box-sizing: border-box;
}
.cate-list li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 28px 14px 16px;
	color: var(--Primary-color-02);
	font-size: 1.15rem;
	font-weight: 600;
	box-sizing: border-box;
}

.cate-list li.on{
	background-color: #fff;
	background-image: url('/images/2024/common/icon_check_bl.png');
	border: 1px solid var(--Primary-color);
}

.join-info-end{
	padding-top: 175px;
	text-align: center;
}
.join-info-end p{
	padding-top: 16px;
	font-size: 1.15rem;
}
.tag-list{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.tag{
	padding: 1px 10px;
	font-size: 0.85rem;
	border-radius: 4px;
	box-sizing: border-box;
}
.tag.hot{
	color: #FF3E3E;
	background-color: #FFF5F5;
	border: 1px solid #FF3E3E;
}
.tag.sale{
	color: #7E3EFF;
	background-color: #F8F5FF;
	border: 1px solid #7E3EFF;
}
.tag.best{
	color: #00BBF4;
	background-color: #F5FDFF;
	border: 1px solid #00BBF4;
}
.tag.new{
	color: #FFB23E;
	background-color: #FFFBF5;
	border: 1px solid #FFB23E;
}
.tag.notice-tag{
	display: inline-block;
	min-width: 60px;
	padding: 2px 10px;
	color: #B3B3B3;
	font-size: 0.85rem;
	text-align: center;
	border: 1px solid #B3B3B3;
	border-radius: 12px;
}

/* 강의 상세 */
.lec-detail-cont{
	padding: 0 16px !important;
}
.btn-pop-coupon{
	padding: 8px 43px 8px 29px;
	color: var(--bass-color);
	font-size: 1rem;
	background-image: url('/images/2024/common/icon_angle_right_bk.png');
	background-repeat: no-repeat;
	background-position: 75% 50%;
	border: 1px solid var(--bass-color);
	border-radius: 4px;
}
.btn-cart-wrap{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 16px;
	background-color: #fff;
	z-index: 2;
}
.btn-cart{
	display: block;
	width: 8.8%;
	margin-right: 8px;
	padding: 11px 13px 11px 9px;
text-align: center;
	border: 1px solid var(--bass-color);
	border-radius: 4px;
}
.btn-lecture{
	width: calc(100% - 56px)
}
.teach-profile,
.teach-book{
	padding-left: 22px;
}
.teach-profile::before,
.teach-book::before{
	top: 50%;
	width: 18px;
	height: 16px;
	margin-top: -8px;
	background-color:initial;
}

.teach-profile::before{
	background-image: url('/images/2024/lecture/icon_lec_profile.png');
}
.teach-book::before{
	background-image: url('/images/2024/lecture/icon_lec_book.png');
}

.lecture-list .tit{
	font-size: 1.15rem;
	font-weight: 700;
}

.btn-teaser{
	padding: 8px 14px;
	color: var(--Primary-color-02);
	background-color: #EBFAFF;
	border-radius: 4px;
}
.btn-teaser .icon{
	padding-right: 4px;
}
.btn-book-down{
	padding: 8px 14px;
	color: var(--Primary-color-02);
	background-color: #EBFAFF;
	border-radius: 4px;
}
.btn-book-down .icon{
	padding-right: 4px;
}

/* 결제하기 */
.sub-payment{
	background-color: #F5F5F5;
}
.sub-payment .inner{
	margin-bottom: 8px;
	padding: 32px 16px;
	background-color: #fff;
}
.payment-tit{
	margin-bottom: 16px;
	font-size: 1.3rem;
}
.payment-sub-tit{
	font-size: 1rem;
	font-weight: 700;
}

.lec-date{
	color: #666666;
	font-size: 1rem;
}

.payinfo dl dd.point-box{
	position: static;
	margin-top: 8px;
}

.point-box .inp-box{
	display: inline-block;
	position: relative;
}
.point-box .inp-txt{
	height: 48px;
	padding: 0 24px;
	color: var(--bass-color);
	text-align: right;
}
.point-box .inp-txt:read-only{
	color: #ccc;
}
.point-box .inp-box::after{
	display: block;
	position: absolute;
	top: 34%;
	right: 16px;
	content: 'P';
}
.point-box .bbtn{
	width: 37%;
	margin-left: 1%;
}
.point-box .check-box{
	margin-top: 5px;
}
.payinfo dl dd.coupon-box{
	position: static;
	margin-top: 8px;
}
.coupon-box p{
	margin-top: 4px;
	margin-bottom: 8px;
	color: var(--gray-color-03);
	font-size: 0.85rem;
}
.coupon-box select{
	width: 61%;
}
.coupon-box .bbtn{
	width: 37%;
	margin-left: 1%;
}

.final-payment-box{
	position: relative;
	padding-top: 20px;
	margin-top: 24px;
	border-top: 1px solid var(--bass-color);
}
.final-payment-box::after{
	display: block;
	position: absolute;
	top: 24px;
	right: 0;
	width: 14px;
	height: 8px;
	/*background-image: url('/images/2024/common/icon_arrow_bk.png');*/
	background-repeat: no-repeat;
	content: '';
}
.final-payment-box .box{
	margin-bottom: 13px;
}
.final-payment-box dl dd{
	/*right: 30px;*/
	margin-top: -19px;
}
.final-payment-box .red{
	font-size: 1.7rem;
	font-weight: 700;
}
.final-payment-detail{
	display: none;
	padding-top: 16px;
	border-top: 1px solid #f5f5f5;
}
.final-payment-box.on .final-payment-detail{
	display: block;
}
.final-payment-box.on::after{
	transform: rotate(180deg);
}
.final-payment-detail li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}
.final-payment-detail .final-sub{
	position: relative;
	padding-left: 12px;
	margin-bottom: 8px;
	color: #666;
}
.final-payment-detail .final-sub::before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 8px;
	background-color: #E0E0E0;
	content: '';
}
.final-payment-detail .final-sub::after{
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 1px;
	background-color: #E0E0E0;
	content: '';
}
.final-payment-box .final-payment-detail .red{
	font-size: 1rem;
	font-weight: 400;
}
.final-payment-detail .total{
	padding-top: 8px;
	border-top: 1px solid #f5f5f5;
}
.payinfo .radio-box{
	margin-top: 8px;
}
.payinfo .radio-box:first-child{
	margin-top: 0;
}
.pay-info-box{
	width: 100%;
	padding: 16px;
	color: #666;
	font-size: 1rem;
	line-height: 18px;
	background-color: #EAF1F5;
	border-radius: 4px;
	box-sizing: border-box;
}
.favorite-card-wrap{
	display: none;
	margin-top: 20px;
	padding-left: 44px;
	padding-bottom: 30px;
}
.favorite-card-wrap.on{
	display: block;
}
.favorite-card{
	height: 154px;
	box-sizing: border-box;
}
.favorite-card.new{
	padding: 103px 16px 16px 16px;
	background-image: url('/images/2024/common/icon_plus_gr.png');
	background-repeat: no-repeat;
	background-position: 50% 37px;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
}
.favorite-card img{
	display: block;
	width: 100%;
	height: 100%;
}
.btn-card-register{
	height: 32px;
	line-height: 32px;
	font-size: 1rem;
}
.favorite-card-wrap .swiper-pagination-bullet{
	width: 4px !important;
	height: 4px !important;
	background-color: #999999 !important;
}
.favorite-card-wrap .swiper-pagination-bullet-active{
	width: 12px !important;
	background-color: var(--Primary-color) !important;
	border-radius: 2px !important;
}
.pay-list-wrap{
	display: none;
	gap: 0 8px;
	margin-top: 17px;
}
.pay-list-wrap.on{
	display: flex;
}
.pay-list-wrap .pay-list{
	width: 104px;
	height: 48px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	box-sizing: border-box;
}
.pay-list-wrap .pay-list.kakao{
	background-image: url('/images/2024/payment/img_pay_kakao.png');
}
.pay-list-wrap .pay-list.naver{
	background-image: url('/images/2024/payment/img_pay_naver.png');
}
.pay-list-wrap .pay-list.samsung{
	background-image: url('/images/2024/payment/img_pay_samsung.png');
}
.pay-list-wrap .pay-list.on{
	background-color: #EBFAFF;
	border: 1px solid var(--Primary-color);
}

/* 공지사항 */
#content.notice_cont{
	padding-bottom: 0;
}
.notice-list .subject{
	display: flex;
	align-items: center;
}
.notice-list .bico{
	width: 18px;
	height: 18px;
	margin-left: 2px;
}
.board-view .bico{
	width: 18px;
	margin-right: 4px;
}
.board-view .date{
	margin-top: 8px;
	color: #ccc;
	font-size: 1rem;
}

.board-view .file a{
	color: #666;
	font-size: 0.85rem;
}
.notice-detail-page{
	display: flex;
	gap: 0 15px;
	justify-content: space-around;
	align-items: center;
}
.notice-detail-page .page-prev a{
	color: #CCC;
}
.notice-detail-page .page-prev a img{
	margin-right: 4px;
	margin-bottom: 3px;
}
.notice-detail-page .page-prev .active{
	color: var(--bass-color);
}
.notice-detail-page .page-next a{
	color: #CCC;
}
.notice-detail-page .page-next a img{
	margin-left: 4px;
	margin-bottom: 3px;
}
.notice-detail-page .page-next .active{
	color: var(--bass-color);
}
.notice-detail-page .page-list{
	padding: 16px 84px;
	border: 1px solid var(--bass-color);
	border-radius: 24px;
}

/* 기타 */
#content.etc-content{
	padding: 73px 16px 170px;
}
.etc-btn-wrap{
	position: fixed;
	right: 16px;
	left: 16px;
	bottom: 36px;
	padding-bottom: 68px;
	background-color: #fff;
}

.etc-border-bot-list{
	padding-bottom: 16px;
	border-bottom: 1px solid #F5F5F5;
}

.modify-info-wrap{
	margin-top: 24px;
}
.modify-info-wrap li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #f5f5f5;
}
.modify-info-wrap li:last-child{
	margin-bottom: 0;
}
.modify-info-wrap li .bbtn5{
	flex-shrink: 0;
	width: 104px;
	font-weight: 400;
}

.modify-info-wrap .info-tit{
	font-size: 16px;
}

.sub-etc{
	background-color: #f5f5f5;
}

.sub-etc #content{
	padding: 73px 0 100px;
}

.etc-box{
	padding: 0 16px;
	margin-bottom: 8px;
	background-color: #fff;
}
.etc-box .etc-tit{
	padding-top: 32px;
}
.etc-box .etc-txt{
	margin-top: 16px;
	color: #b3b3b3;
	font-size: 12px;
	line-height: 18px;
}
.info-sub-txt{
	margin-top: 4px;
	color: #b3b3b3;
	font-size: 0.85rem;
}

.btn-update{
	width: 100%;
}

.alarm-list li{
	display: flex;
	width: 100%;
	padding: 24px 16px;
	margin-bottom: 8px;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 4%);
	box-sizing: border-box;
}
.alarm-list .alarm-img{
	margin-right: 16px;
}
.alarm-list .alarm-tit{
	margin-bottom: 16px;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 20px;
}
.alarm-list .alarm-date{
	color: #b3b3b3;
}
.alarm-notice{
	margin-top: 32px;
	color: #B3B3B3;
}

/* 문의 */
.form-agree-box{
	padding: 0;
}

.form-agree-box .mem-agree-cont{
	font-size: 0.85rem;
}

.form-agree-box .ruleArea{
	color: #666;
}

.btn-counsel{
	font-size: 14px;
}
.btn-counsel .bull{
	width: 20px;
	height: 18px;
	padding-right: 8px;
}
.counsel-list{
	border-top: 1px solid #1a1a1a;
}
.counsel-list li{
	position: relative;
	padding: 16px 44px 16px 0;
	border-bottom: 1px solid #E0E0E0;
}

.btn-counsel-remove{
	position: absolute;
	right: 0;
	top: 44px;
}

.counsel-category{
	margin-bottom: 4px;
	font-size: 12px;
	color: #666;
}
.counsel-tit{
	min-height: 34px;
	margin-bottom: 8px;
	line-height: 18px;
	color: var(--bass-color);
	font-weight: 600;
}
.counsel-status{
	color: var(--Primary-color);
}
.counsel-list .line{
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 8px;
	background-color: #E0E0E0;
}
.counsel-date{
	color: #ccc;
}
.counsel-qna-wrap{
	display: none;
	width: calc(100% + 44px);
	padding: 24px 16px;
	margin-top: 16px;
	background-color: #f5f5f5;
	box-sizing: border-box;
}
.counsel-list li.on .counsel-qna-wrap{
	display: block;
}
.counsel-qna-wrap .icon{
	display: inline-block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	padding-top: 3px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 20px;
	box-sizing: border-box;
}
.counsel-qna-wrap .counsel-cont{
	line-height: 18px;
}
.counsel-q{
	display: flex;
	gap: 0 8px;
}
.counsel-q .icon{
	background-color: var(--Primary-color);
}
.counsel-q .counsel-cont{
	color: #666666;
}
.counsel-a{
	display: flex;
	gap: 0 8px;
	margin-top: 16px;
}
.counsel-a .icon{
	background-color: var(--Primary-color-02);
}
.counsel-a .counsel-cont{
	color: var(--bass-color);
}

/* 포인트&쿠폰 */
.point-wrap{
	padding: 32px 0;
	margin: 16px 0 32px;
	text-align: center;
	background-color: #fafafa;
}
.point-wrap p{
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}
.point-wrap strong{
	font-size: 28px;
	font-weight: bold;
	line-height: 24px;
}
.view-date-wrap{
	margin: 20px 16px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.view-tab{
	display: flex;
	gap: 0 10px;
}
.view-tab li{
	padding: 9px 16px;
	background-color: #CCC;
	border-radius: 18px;
	box-sizing: border-box;
	color: #fff;
}
.view-tab a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.view-tab li.on{
	background-color: #000;
}
.view-tab li.on a{
	font-weight: 700;
}
.view-date-wrap .inp-datepicker{
	width: 156px;
}
.view-date-wrap h4{
	font-size: 16px;
}
.point-asorting{
	justify-content: right;
}

.point-list{
	border-top: 1px solid var(--bass-color);
}

.point-list li{
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: 1px solid #f5f5f5;
}
.point-list .point-tit{
	margin-bottom: 8px;
	color: var(--bass-color);
	font-weight: 600;
}
.point-list .point-date{
	color: #CCCCCC;
}
.point-list .point-num{
	margin-bottom: 8px;
	font-weight: 600;
}
.point-list .point-num.plus{
	color: var(--Primary-color-02);
}
.point-list .point-num.minus{
	color: #666666;
}
.point-list .point-status{
	text-align: right;
}
.coupon-input h4{
	font-size: 16px;
}
.coupon-list{
	padding-top: 16px;
	border-top: 1px solid var(--bass-color);
}
.coupon-list li{
	width: 328px;
	height: 153px;
	margin: 0 auto 8px;
	/* margin-bottom: 8px; */
	padding: 16px 24px;
	background-image: url('/images/2024/mypage/img_coupon_01.png');
	background-repeat: no-repeat;
	box-sizing: border-box;
}
.coupon-list .coupon-code{
	margin-bottom: 4px;
	color: #b3b3b3;
	font-size: 12px;
}
.coupon-list .coupon-tit{
	display: block;
	height: 44px;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
}
.coupon-list .coupon-info{
	color: #666;
	font-size: 12px;
}
.coupon-list .coupon-info p{
	margin-bottom: 4px;
}
.coupon-list .coupon-info .line{
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 4px;
	background-color: #E0E0E0;
}
.coupon-list li.expire{
	background-image: url('/images/2024/mypage/img_coupon_02.png');
}

.coupon-list li.expire .coupon-tit{
	color: #CCCCCC;
}
.coupon-list li.expire .coupon-info{
	color: #ccc;
}
.coupon-noti{
	margin-top: 32px;
	color: #B3B3B3;
}



/*
*
* 아이콘 icon 
*
*/

.icon{
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
}
.icon-filter{
	width: 14px;
	height: 14px;
	background-image: url('/images/2024/common/icon_filter.png');
}
.icon-arrow-updown{
	width: 12px;
	height: 14px;
	background-image: url('/images/2024/common/icon_arrow_updown.png');
}
.icon-arrow-up{
	width: 6px;
	height: 14px;
	background-image: url('/images/2024/common/icon_arrow_up.png');
}
.icon-arrow-down{
	width: 6px;
	height: 14px;
	background-image: url('/images/2024/common/icon_arrow_down.png');
}
.icon-play-bl{
	width: 16px;
	height: 16px;
	background-image: url('/images/2024/common/icon_play_bl.png');
}
.icon-down-bl{
	width: 14px;
	height: 14px;
	background-image: url('/images/2024/common/icon_down_bl.png');
}
.icon-trash{
	width: 18px;
	height: 20px;
	background-image: url('/images/2024/common/icon_trash.png');
}



/**
*
*  팝업 popup 
*
*/

/* popup_정렬기준 */
.pop-sort .pop-tit{
	margin-bottom: 24px;
	font-size: 1.4rem;
	text-align: left;
}
.pop-sort .popup{
	padding: 32px 16px;
	border-radius: 24px;
}
.pop-sort ul{
	padding-left: 6px;
}
.pop-sort li{
	margin-bottom: 16px;
}
.pop-sort li.active{
	background-image: url(/images/2024/common/icon_check_bl.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.pop-sort li a{
	color: var(--bass-color);
	font-size: 1.15rem;
}
.pop-sort li.active a{
	color: var(--Primary-color-02);
	font-weight: 700;
}

/* popup_링크복사 */
.pop-url .popup{
	padding: 64px 16px;
}
.pop-url .pop-content p{
	font-size: 1.3rem;
	text-align: center;
}

/* popup_쿠폰조회 */
.pop-coupon .popup{
	padding: 49px 16px 16px;
}

.pop-coupon .content{
	height: 344px;
	margin-top: 12px;
}

.pop-coupon .coupon-list li{
	position: relative;
	width: 100%;
	height: 44vw;
	margin-bottom: 8px;
	padding: 0;
	background-image: url('/images/2024/lecture/img_coupon_default.png');
	background-repeat: no-repeat;
	background-size: contain;
}
.pop-coupon .coupon-list li.select{
	background-image: url('/images/2024/lecture/img_coupon_select.png');
}
.pop-coupon .coupon-list li.expire{
	background-image: url('/images/2024/lecture/img_coupon_expire.png');
}
.pop-coupon .coupon-list li::after{
	display: block;
	position: absolute;
	top: 55%;
	right: 3%;
	color: var(--Primary-color-02);
	content: '사용가능';
}
.pop-coupon .coupon-list li.expire::after{
	width: 48px;
	text-align: center;
	color: #ccc;
	content: '사용기간 만료';
}
.pop-coupon .coupon-list .coupon-area{
	width: 76%;
	padding: 16px 8px 16px 24px;
	box-sizing: border-box;
}
.pop-coupon .coupon-code{
	margin-bottom: 4px;
	color: #B3B3B3;
	font-size: 0.9rem;
}
.pop-coupon .coupon-tit{
	display: block;
	margin-bottom: 13px;
	font-size: 1.3rem;
}
.pop-coupon .coupon-info{
	color: #666;
	font-size: 0.85rem;
}
.pop-coupon .coupon-info p{
	margin-top: 4px;
}
.pop-coupon .coupon-info p:first-child{
	margin-top: 0;
}

.pop-coupon .coupon-info p span::after{
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 4px;
	background-color: #E0E0E0;
	content: '';
}

.pop-coupon .btn-coupon-submit{
	font-size: 1rem;
}

/* 상세검색필터 pop-filter */

.pop-filter .pop-content{
	height: 70vh;
}
.pop-filter .filter-cnt-tit{
	margin-top: 32px;
	padding-bottom: 16px;
	font-size: 1.3rem;
	font-weight: 700;
}
.pop-filter .filter-cnt-tit:first-child{
	margin-top: 0;
}
.filter-cate-list{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.filter-cate-list li{
	width: calc(100%/2 - 4px);
	height: 48px;
	background-color: #fff;
	background-image: url('/images/2024/common/icon_check_g.png');
	background-repeat: no-repeat;
	background-position: 90% 50%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	box-sizing: border-box;
}
.filter-cate-list li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 28px 14px 16px;
	color: #666;
	font-size: 1rem;
	font-weight: 400;
	box-sizing: border-box;
}
.filter-cate-list li.on{
	background-image: url('/images/2024/common/icon_check_bl.png');
	background-color: #F5FDFF;
	border: 1px solid var(--Primary-color);
}
.filter-cate-list li.on a{
	color: var(--Primary-color-02);
	font-weight: 600;
}

.filter-date-lec{
	display: flex;
	gap: 0 8px;
}
.filter-date-lec button{
	width: 72px;
	padding: 9px 0;
	color: #666666;
	background-color: #fff;
	border: 1px solid #E0E0E0;
	border-radius: 18px;
}
.filter-date-lec button.on{
	color: var(--Primary-color-02);
	font-weight: 700;
	background-color: #F5FDFF;
	border: 1px solid var(--Primary-color);
}
.filter-label-list{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.filter-label-list li{
	width: calc(100%/3 - 8px);
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}
.filter-label-list li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	color: #666;
	font-size: 1rem;
	text-align: center;
	box-sizing: border-box;
}

.pop-dupli-id p{
	font-size: 1.3rem;
	line-height: 24px;
	text-align: center;
}
.pop-dupli-id p span{
	font-weight: 600;
}

.pop-agree p{
	font-size: 1.3rem;
	line-height: 24px;
	text-align: center;
}

.pop-point p{
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
}

.pop-no-search-txt p{
	font-size: 1.3rem;
	text-align: center;
	font-weight: bold;
}

.pop-favorite strong{
	display: block;
	margin-bottom: 16px;
	text-align: center;
	font-size: 1.3rem;
}
.pop-favorite p{
	color: #333;
	text-align: center;
}
.pop-favorite .bbtn{
	font-size: 14px;
}

.pop-lec-being strong{
	display: block;
	margin-bottom: 16px;
	text-align: center;
	font-size: 1.4rem;
}
.pop-lec-being p{
	color: #333;
	text-align: center;
}
.pop-challenge p{
	text-align: center;
	font-size: 1.4rem;
	line-height: 26px;
}
.pop-challenge p span{
	font-weight: 600;
}
.pop-challenge .bbtn{
	font-size: 1rem;
}

.pop-logout strong{
	display: block;
	text-align: center;
	font-size: 1.3rem;
}
.pop-logout .bbtn{
	font-size: 1rem;
}

.pop-password-chk strong{
	display: block;
	margin-bottom: 16px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 26px;
}

.pop-company-info .popup{
	padding: 64px 16px;
}
.pop-company-info .pop-content p{
	font-size: 1.3rem;
	text-align: center;
}

.pop-life-member .popup{
	padding: 49px 16px 16px;
}

.pop-life-member .content{
	height: 344px;
	margin-top: 12px;
}

.pop-life-member .bbtn{
	font-size: 1rem;
}

.pop-life-member .txt-noti{
	font-size: 1rem;
	text-align: center;
}

.pop-life-member .mem-agree-box{
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 0;
}
.pop-life-member .mem-agree-box .box{
	color: #666;
}
.pop-life-member .mem-agree-box .desc{
	height: 45vh;
}

.pop-mylecture-01 strong{
	display: block;
	margin-bottom: 8px;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
}

.pop-mylecture-01 .lecture-date{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #F5F5F5;
}

.pop-mylecture-01 .lecture-date .line{
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 16px;
	background-color: #e0e0e0;
}

.pop-mylecture-01 .popup-noti{
	margin-top: 8px;
	color: #333;
	text-align: center;
}

.pop-mylecture-01 .datepicker-range{
	margin-top: 8px;
}

.pop-mylecture-01 .datepicker-range input{
flex-grow: 1;
}

.pop-mylecture-01 .datepicker-tit{
	color: var(--bass-color);
	font-weight: 600;
	font-size: 1.25rem;
	letter-spacing: -0.03em;
}

.pop-mylecture-02 strong,
.pop-mylecture-02-02 strong{
	display: block;
	margin-bottom: 16px;
	text-align: center;
	font-size: 20px;
	line-height: 26px;
}

.pop-mylecture-02 p,
.pop-mylecture-02-02 p{
	text-align: center;
}
.pop-mylecture-02 p span{
	font-weight: 700;
}
.pop-mylecture-02-02 .count{
	margin-top: 16px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.pop-mylecture-02 .bbtn,
.pop-mylecture-02-02 .bbtn{
	font-size: 14px;
}

/*  로그인 팝업 */
.pop-login .popup{
	padding: 64px 16px 32px;
}
.pop-login .logo{
	width: 236px;
	margin: 0 auto 24px;
}
.pop-login .logo img{
	width: 100%;
	height: 100%;
}
.pop-login .check-box-wrap{
	margin: 26px 0 16px;
}
.pop-login .link{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 16px 0 54px;
}
.pop-login .link a{
	color: #666;
	font-size: 12px;
}
.pop-login .link a::after{
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 16px;
	background-color: #E0E0E0;
	content: '';
}
.pop-login .link a:last-child::after{
	display: none;
}
.pop-login .easy-login p{
	position: relative;
	color: #B3B3B3;
	font-size: 12px;
	text-align: center;
}
.pop-login .easy-login p span{
	padding: 0 16px;
	background-color: #fff;
}
.pop-login .easy-login p::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #F5F5F5;
	z-index: -1;
	content: '';
}
.pop-login .easy-login-list{
	display: flex;
	margin-top: 16px;
	justify-content: center;
	gap: 0 16px;
}



/* label - 전체 */
.filter-label-list .all.on{
	border: 1px solid var(--bass-color);
}
.filter-label-list .all.on a{
	color: var(--bass-color);
}
/* label - hot */
.filter-label-list .hot.on{
	background-color: #FFF5F5;
	border: 1px solid var(--red-01);
}
.filter-label-list .hot.on a{
	color: var(--red-01);
}
/* label - best */
.filter-label-list .best.on{
	background-color: #F5FDFF;
	border: 1px solid var(--Primary-color);
}
.filter-label-list .best.on a{
	color: var(--Primary-color-02);
}
/* label - live */
.filter-label-list .live.on{
	background-color: var(--red-01);
	border: 1px solid var(--red-01);
}
.filter-label-list .live.on a{
	color: var(--White-color);
}
/* label - new */
.filter-label-list .new.on{
	background-color: #FFFBF5;
	border: 1px solid #FFB23E;
}
.filter-label-list .new.on a{
	color: #FFB23E;
}
/* label - sale */
.filter-label-list .sale.on{
	background-color: #F8F5FF;
	border: 1px solid #783EFF;
}
.filter-label-list .sale.on a{
	color: #783EFF;
}

.pop-filter .btn-wrap{
	padding: 16px;
}

.btn-reset{
	display: block;
	width: 48px;
	margin-right: 8px;
	border: 1px solid var(--bass-color);
	border-radius: 4px;
}

.btn-filter-apply{
	width: calc(100% - 48px);
}

/**
*
* tab
*
*/
.tabs{
	display: flex;
	padding: 0 16px;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0px 3px 4px rgb(0 0 0 / 13%);
}
.tabs li{
	flex-grow: 1;
	padding: 8px 0;
	color: #B3B3B3;
	font-size: 1.15rem;
	text-align: center;
}
.tabs li.on{
	color: var(--Primary-color-02);
	font-weight: 700;
	border-bottom: 2px solid var(--Primary-color);	
}

.tab-contents{
	padding: 32px 16px 16px;
}

.tab-contents .tab-content{
	display: none;
}
.tab-contents .tab-content.on{
	display: block;
}
.subTabs {
position: relative;
display: flex;
gap: 10px;
margin: 16px 0;
padding: 0 16px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}

.subTabs::-webkit-scrollbar {
display: none;
}

.subTabs a {
	display: block; font-size: 14px; line-height: 30px; font-weight: 700;
	background-color: #CCCCCC; color: #fff; border-radius: 100px; padding: 0px 18px;
	white-space: nowrap;
	text-align: center;
}
.subTabs a.on{background-color: #000;}
.subTabs a:nth-child(1).on{background-color: #0923535;}
.subTabs a:nth-child(2).on{background-color: #ce8800;}
.subTabs a:nth-child(3).on{background-color: #106b52;}
.subTabs a:nth-child(4).on{background-color: #106b52;}
.subTabs a:nth-child(5).on{background-color: #10436b;}
.subTabs a:nth-child(6).on{background-color: #39106b;}

/* 검색창 탭 */
.searchTabs{
	overflow: hidden;
	position: relative;
	margin: 16px 0;
	padding: 0 16px;
	display: flex;
  justify-content: center;
	gap: 10px;
}
.searchTabs a {
	display: block; font-size: 14px; line-height: 30px; font-weight: 700;
	background-color: #CCCCCC; color: #fff; border-radius: 100px; padding: 0px 18px;
	white-space: nowrap;
	text-align: center;
}
.searchTabs a.on{background-color: #000;}

/* 검색결과가 없을때 */
.no-results{font-size: 18px; font-weight: 700; display: flex; flex-direction: column; align-items: center; gap: 16px; margin: 15vh 0;}
.no-results i{width: 64px; height: 64px; border-radius: 64px; background-color: #CCCCCC; color: #fff; font-size: 32px; display: inline-flex; justify-content: center; align-items: center; font-style: normal;}

/* 모달팝업 */
.modal-dummy{
	position: fixed; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0,0,0,.6);
	transition: opacity 0.4s;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
}
.modal-dummy.act{opacity: 1; visibility: visible;}
.btmfix-modal-wrap.act{opacity: 1; visibility: visible;}
.btmfix-modal-wrap{
/*
	position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 94%;
	max-width:720px;
	z-index: 9999;
	opacity: 0; visibility: hidden;
	transition: top 0.4s , opacity 0.4s , visibility 0.4s;
*/
position: fixed; top: 0; left: 0; 
	width : 100%; height : 100%;
background-color : rgba(0,0,0,0.2);
opacity: 0; visibility: hidden;
display :flex; 
justify-content:center;
align-items :center;
}
.btmfix-modal{		
width:90%;
	background-color: #fff;
	border-radius: 16px;
}
.btmfix-modal .titleArea{
	padding: 30px 16px 20px;
	position: relative;
}
.btmfix-modal .titleArea h5{
	font-size: 20px;
	font-weight: 700;}
.btmfix-modal .titleArea .btn-close{
	position: absolute; right: 20px; top: 20px;
}
.btmfix-modal .titleArea .btn-close .ico{
	width: 18px; height: 18px;
	stroke: #000; stroke-width: 2px; fill:none;
}
.btmfix-modal .cnt-wrap{
	padding: 0 16px 28px;
}
.btmfix-modal .cnt-wrap .btm{
	display: flex;
	margin-top: 16px;
	flex-shrink: 0;
	gap:8px;
}
.btmfix-modal .cnt-wrap .btm a{
	color: #fff;
	background-color: #333333;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	font-weight: 700;
	text-align: center;
	border-radius: 6px;
	flex: 1;
}
.btmfix-modal .cnt-wrap .btm a.btn-close{
	color: #000;
	background-color: #F2F2F2;
}
.btmfix-modal .cnt-wrap .inputWrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}
.btmfix-modal .cnt-wrap .inputWrap .lableTxt{font-size: 14px; font-weight: 700;}
.btmfix-modal .cnt-wrap .inputWrap input[type="text"]{border: 1px solid #E0E0E0; border-radius: 4px; height: 34px; padding: 0 16px;}
.btmfix-modal .cnt-wrap .inputWrap textarea{border: 1px solid #E0E0E0; border-radius: 4px; height: 90px; padding: 16px; box-sizing: border-box;}
.btmfix-modal .cnt-wrap .search-wrap{
}

/* 리뷰작성 */
.review_wrap{padding: 0 16px; position: relative;}
.review_wrap .btn_reveiwWrite{width: 70px; height: 70px; border-radius: 70px; background-color: #000; color: #fff; position: fixed; bottom: 10%; right: 4%; display: inline-flex; justify-content: center; align-items: center;  flex-direction: column;}
.review_wrap .btn_reveiwWrite i{width: 18px; height: 18px;}	
.review_wrap .reveiw_header h2{font-size: 18px; font-weight: 700;}
.review_wrap .review-box {margin-top: 20px; border-top: 1px solid #F2F2F2; padding-top: 20px;}
.review_wrap .review-box .review-box-header .review-title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.review_wrap .review-box .review-box-header .review-title .title{font-size: 16px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; overflow: hidden;}
.review_wrap .review-box .review-box-header .review-title .heart{font-size: 12px; color: #000; margin-left: 22px; cursor: pointer; display: flex; align-items: center;}
.review_wrap .review-box .review-box-header .review-title .heart::before {content: ""; display: block; margin-right: 4px; width: 17px; height: 15px; background: url("/images/2024/lecture/sp_heart.png") no-repeat top center;}
.review_wrap .review-box .review-box-header .review-title .heart.on::before {content: ""; display: block; margin-right: 4px; width: 17px; height: 15px; background: url("/images/2024/lecture/sp_heart.png") no-repeat bottom center;}
.review_wrap .review-box .review-box-header .scope{font-size: 16px;}
.review_wrap .review-box .review-box-header .review-meta{margin-bottom: 10px;}
.review_wrap .review-box .review-box-header .review-meta span{font-size: 12px;}
.review_wrap .review-box .review-box-header .review-meta span:first-child::after {content: ""; display: inline-block; width: 1px; height: 8px; background-color: #ccc; margin: 0 6px;}
.review_wrap .review-box .description{font-size: 12px; line-height: 1.2; color: #999; word-break: normal;}

.review_wrap .review-box .btn_unit{margin-top: 20px;}
.review_wrap .review-box .btn_unit a{font-size: 12px; font-weight: bold; color: #fff; border-radius: 4px; padding: 4px 12px;}
.review_wrap .review-box .btn_unit a.btn_del{background-color: #b3b3b3;}
.review_wrap .review-box .btn_unit a.btn_edit{background-color: #4d4d4d;}

/* 리뷰영역 */
.comments-container {
	max-width: 950px;
	margin: 42px 16px;
}

.comments-container .comments-header {
	margin-bottom: 24px;
}

.comments-container .comments-count {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}

.comments-container .comment-input-section {
	margin-bottom: 24px;
}

.comments-container .input-wrapper {
	width: 100%;
}

.comments-container .comment-input {
	width: 100%;
	height: auto;
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	color: #030303;
	font-size: 14px;
	padding: 8px 0;
	outline: none;
	margin-bottom: 8px;
}

.comments-container .comment-input:focus {
	border-bottom-color: #030303;
}

.comments-container .comment-input::placeholder {
	color: rgba(3, 3, 3, 0.6);
}

.comments-container .input-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.comments-container .btn {
	padding: 10px 16px;
	border: none;
	border-radius: 18px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
}

.comments-container .btn-cancel {
	background: transparent;
	color: #030303;
}

.comments-container .btn-cancel:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.comments-container .btn-submit {
	background-color: #065fd4;
	color: #ffffff;
	font-weight: 500;
}

.comments-container .btn-submit:hover {
	background-color: #0556c4;
}

.comments-container .btn-submit:disabled {
	background-color: rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.3);
	cursor: not-allowed;
}

.comments-container .comment {
	margin-bottom: 16px;
}

.comments-container .comment-content {
	width: 100%;
}

.comments-container .comment-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.comments-container .comment-author-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
}

.comments-container .comment-author {
	font-size: 14px;
	font-weight: 700;
}

.comments-container .comment-time {
	font-size: 14px;
	color: #606060;
}

.comments-container .comment-text {
	font-size: 14px;
	line-height: 20px;
	word-wrap: break-word;
	padding: 12px;
	background-color: #f9f9f9;
}

.comments-container .comment-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.comments-container .action-btn {
	background: none;
	border: none;
	color: #606060;
	font-size: 12px;
	cursor: pointer;
	padding: 0;
	transition: all 0.2s;
}

.comments-container .action-btn:hover {
	color: #030303;
}

.comments-container .action-divider {
	color: #606060;
	font-size: 12px;
}

.comments-container .edit-input {
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	color: #030303;
	font-size: 14px;
	padding: 8px;
	outline: none;
	font-family: inherit;
	margin-bottom: 8px;
}

.comments-container .edit-input:focus {
	border-color: #065fd4;
}

.comments-container .edit-actions {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}
.comments-container .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 16px 0;
}

.comments-container .pagination-btn {
	background: none;
	border: 1px solid #e0e0e0;
	color: #606060;
	font-size: 14px;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
	transition: all 0.2s;
	min-width: 36px;
}

.comments-container .pagination-btn:hover:not(:disabled) {
	background-color: #f0f0f0;
	border-color: #d0d0d0;
}

.comments-container .pagination-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.comments-container .pagination-btn.active {
	background-color: #065fd4;
	color: #ffffff;
	border-color: #065fd4;
}

.comments-container .pagination-info {
	color: #606060;
	font-size: 14px;
	margin: 0 8px;
}