@charset "UTF-8";
	
	.study        { position: relative; background: #F2FAF6; overflow: hidden; /*min-height: 100vh;*/padding-bottom: 100px;}
	.study .bg    { position: absolute; top: 0; right: 0; width: 42%; height: calc(100% - 100px); background: #fff; }
	.study .no_data { display: block; padding: 20% 0; text-align: center; }
	.study .l_box { position: relative; z-index: 10; float: left; width: 34%; padding: 5rem 0 0 0; font-weight: 500; }
	.study .r_box { position: relative; z-index: 10; float: left; width: 66%; min-height: 700px; padding: 5rem 0 3.750rem 3.125rem; background: #fff; }
	.study .back { display: inline-block; padding: 1rem 0; font-weight: 500; }
	.study .bt_box input { height: 46px; border: 0; border-radius: 4px; }
	.study .l_box .menu_header {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding-bottom: 0.5rem;
	}
	.study .l_box.profile{display: none;}
	@media (max-width:960px) {
		.study        { background: #fff; }
		.study > div  { padding: 0; }
		.study .bg    { display: none; }
		.study .l_box { width: 100%; padding: 2rem 1.250rem 0 1.250rem; background: #F2FAF6; display: none;}
		.study .l_box.profile{display: block;}
		.study .r_box { width: 100%; padding: 2rem 1.250rem; }
		.study .back { padding: 0rem 0 1rem 0; font-size: 1.5rem;}
		.study .back span{font-size: 1.2rem;}
		.study .l_box.only_pc{display: none;}
	}
	@media (max-width:720px) {
		.study .l_box { padding-top: 1rem; }
		.study .r_box { min-height: 300px; padding-top: 1rem; }
		.study .l_box.only_pc{display: none;}

	}

	.study .l_box h4 { overflow: hidden; padding: 0 0 0.5rem 0; }
	.study .l_box h4 a { float: right; color: #A2A2A2; font-weight: 500; }
	.study .l_box .menu    { padding: 3.125rem 6.875rem 0 0; }
	.study .l_box .menu li { padding: 0.625rem 0 0 0; }
	.study .l_box .menu a  { position: relative; display: block; line-height: 54px; padding: 0 1.250rem; border-radius: 10px; background: #D9D9D9; }
	.study .l_box .menu a:before { content: "\e93e"; font-family: xeicon; position: absolute; right: 1.250rem; color: #6E6E6E; }
	.study .l_box .menu li span { padding: 0 0.5rem; margin-left: 0.2rem; font-size: 12px; color: #fff; border-radius: 50px; background: #FF0000; display: none;}
	.study .l_box .menu li a:hover { color: #fff; background: #01954A; }
	.study .l_box .menu li a:hover:before { color: #fff; }
	.study .l_box .menu li.on a { color: #fff; background: #01954A; }
	.study .l_box .menu li.on a:before { color: #fff; }
	@media (max-width:960px) {
		.study .l_box .menu    { margin: 0 -0.5rem; padding: 0; }
		.study .l_box .menu li { float: left; width: 33.3%; padding: 0 0.2rem; }
		.study .l_box .menu a  { position: relative; line-height: 40px; text-align: center; }
		.study .l_box .menu span { position: absolute; top: -15px; right: 15px; width: 40px; line-height: 40px; text-align: center; }
		.study .l_box .menu a:before { display: none; }
	}
	@media (max-width:720px) {
		.study .l_box .menu span { right: 0; width: 30px; line-height: 30px; }
	}
	
	.study .l_box .link_box   { padding: 2.500rem 0 0 0; }
	.study .l_box .link_box a { display: inline-block; padding: 0.625rem 0; }
	.study .l_box .link_box i { color: #6E6E6E; }
	@media (max-width:960px) {
		.study .l_box .link_box { padding: 2.500rem 0; }
		.study .l_box.profile .link_box { padding: 0 0 2.500rem 0; }
		.study .l_box .link_box a { display: inline-block; padding: 0 1rem 0 0; }
	}
	@media (max-width:720px) {
		.study .l_box .link_box { padding: 1rem 0; }
	}

	.study .r_box h5 { overflow: hidden; }
	.study .r_box h5 a { float: right; }
	.o_list          { padding: 2.5rem 0 0 0; }
	.o_list li       { padding: 1rem 0; }
	.o_list li > div { display: block; padding: 0.5rem; border: 1px solid #C3C3C3; border-radius: 10px; overflow: hidden; }

	.o_list li .img_box { float: left; width: 40%; margin: 0 1rem 0 0; background: radial-gradient( #D1D1D1, #9B9898);border-radius: 0.5rem;}
	.o_list .info h6    { margin: 0 0 0.5rem 0; }
	.o_list .info p     { line-height: 1.5rem; font-weight: 500; }
	.o_list .info a     { display: inline-block; width: 50%; margin-top: 2.3rem; text-align: center; line-height: 36px; border-radius: 4px; }



	.o_list .tag      { padding: 0; }
	.o_list .tag span { display: inline-block; padding: 0 0.5rem; font-size: 0.750em; font-weight: 700; border-radius: 6px; line-height: 2em; }
	.o_list .tag .type01 { color: #F9858D; border:1px solid #F9858D; }
	.o_list .tag .type02 { color: #fff; background: #016420; }
	.o_list .tag .type03 { color: #fff; background: #555555; }
	.o_list .tag .type04 { color: #fff; background: #FF3A3A; }
	@media (max-width:720px) {
		.study .r_box h5 { padding-top: 1rem; }
		.o_list { padding: 0; }
		.o_list li       { padding: 0.5rem 0; }
		.o_list li .img_box { width: 45%; }
		.o_list .info a { width: 100%; }
		.o_list li .s_tt { font-size: 0.7rem; line-height: 1.7rem; }
	}
@media (max-width:960px) {
	.o_list .info a { display: inline-block; width: 50%; margin-top: 3rem; text-align: center; line-height: 36px; border-radius: 4px; }
}
@media (max-width:720px) {
	.o_list .info a { display: inline-block; width: 100%;margin-top: 0.5rem;text-align: center; line-height: 36px; border-radius: 4px; }
}

	/* 탄탄아카데미 수강권 이전 안내 */
	.tantanAcademy{}
	.tantanAcademy .btn_wrap{padding: 4.375rem 0 0 0;}
	.tantanAcademy .btn_wrap a {width: 100%; height: 3rem; line-height: 3rem; text-align: center; color: #fff; border-radius: 4px; background: #01954A; font-size: 1.2rem; display: inline-block;}
	.tantanAcademy .noti_wrap{margin-top: 2rem; background: #F2FAF6; padding: 1.5rem;}
	.tantanAcademy .noti_wrap p{margin-top: 0.5rem;}

/* 탭메뉴 */
	.r_box .tab_menu    { padding: 2.500rem 0 0 0; }
	.r_box .tab_menu ul { overflow: hidden; }
	.r_box .tab_menu li { float: left; border-bottom: 2px solid #F1F1F1; }
	.r_box .tab_menu a  { display: block; text-align: center; line-height: 50px; font-weight: 500; }

	.r_box .tab_menu li.on { color: #01954A; border-bottom: 2px solid #01954A; }

	.r_box .tab_menu .tab02 li { width: 50%; }
	.r_box .tab_menu .tab03    { padding: 0 0 2rem 0; }
	.r_box .tab_menu .tab03 li { width: 33.3%; }
	@media (max-width:960px) {
		.r_box .tab_menu { padding: 0; }
		.r_box .tab_menu .tab03 { padding: 0 0 1rem 0; }
		.r_box .tab_menu.scroll { position: fixed; left: 0; top: 0; z-index: 200; width: 100%; background: #fff; }
		.r_box .tab_menu.scroll .tab03 { padding: 0; }
	}



	.study_contents {
		margin-top: 1rem;
	}


/* 동영상 */
	.mark { padding: 1.250rem 0; }

	.mark tr { border-top: 1px solid #F1F1F1; }
	.mark tr:nth-child(1) { border-top: 0; }
	.mark tr:nth-child(1) th { padding-top: 0; }
	.mark tr:nth-child(1) td { padding-top: 0; }
	.mark th { width: 40%; padding: 2rem 0; vertical-align: top; }
	.mark td { position: relative; width: 60%; padding: 2rem 1rem; vertical-align: top; }

	.mark .img_box { position: relative; }
	.mark .img_box p { position: absolute; left: 0.875rem; }
	.mark .img_box p span { display: inline-block; padding: 0 1rem; font-size: 0.875rem; font-weight: 500; color: #fff; border-radius: 50px; }
	.mark .img_box .top { top: 0.875rem; }
	.mark .img_box .bot { bottom: 0.875rem; }
	.mark .img_box .type01 { background: #FFD23D; }
	.mark .img_box .type02 { background: #0F5D30; }
	.mark .img_box .type03 { background: #FF3D3D; }
	
	.mark td .bot{position: absolute; top: 2rem;right: 1rem;}
	.mark tr:nth-child(1) td .bot{top: 0rem; }
	.mark .cate { padding: 0 0 0.2rem 0; font-weight: 500px; }
	.mark h6 { font-weight: 700; }
	.mark .time { padding: 0.5rem 0 0 0; text-align: left; color: #949191; }

	.mark .file_box { padding: 1rem 0 0 0; overflow: hidden; }
	.mark .file_box li { float: left; width: 50%; border: 1px solid #fff;}
	.mark .file_box a { display: block; padding: 0.375rem 0.625em; font-weight: 500; color: #006934; border: 1px solid #006934; border-radius: 10px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
	@media (max-width:720px) {
		.mark th { padding: 1rem 0; }
		.mark td { padding: 1rem 0.5rem; }
		.mark td .bot{top: 1rem; right: 0.5rem;}

		/*.mark td img { width: 20%; }*/

		.mark .file_box { padding: 0.5rem 0 0 0; text-align: center; }
		.mark .file_box a { padding: 0; }
	}

/* 게시글 */
	/*.post { padding: 1rem 0; }*/
	.post li  { padding: 2rem 0; border-top: 2px solid #F1F1F1; }
	.post li:nth-child(1) { border-top: 0; }
	.post div { overflow: hidden; }
	.post div i { float: right; }
	.post .title { padding: 1rem 0 0.5rem 0; }
	.post .time { font-size: 12px; color: #949191; }
	.post .more { padding: 0.5rem 0.1rem; }
	@media (max-width:720px) {
		.bookMarkItem .thumb_img {display: none}
	}
	.bookMarkItem .vod_title {margin-top: 0.5rem;}


/* 알림 */
	.r_box .alarm .bt_box { padding: 1rem 0 1rem 0; text-align: right;}
	.r_box .alarm .bt_box button { text-align: right; }
	.r_box .alarm .bac { background: #F2FAF6; }
	.r_box .alarm li  { padding: 1rem 1.250rem; border-top: 2px solid #F1F1F1; }
	.r_box .alarm li:nth-child(1) { border-top: 0; }
	.r_box .alarm .con { padding: 0 0 1rem 0; font-weight: 500; }
	.r_box .alarm .time { font-size: 12px; color: #B2B2B2; }

	.r_box .alarm .unReadOnly li{display: none;}
	.r_box .alarm .unReadOnly li.bac{display: block;}
	
	.alarm_set .box  { padding: 2rem 0; border-bottom: 1px solid #F1F1F1; }
	.alarm_set .box i { display: inline-block; padding: 0.5rem 0 0 0; text-decoration: underline; }
	.alarm_set .title { padding: 0 0 0.625rem 0; }
	.alarm_set td { padding: 2rem 0 0 0; }
	.alarm_set td:nth-child(2) { text-align: right; }
	.alarm_set p.s_tt { padding: 0.5rem 0 0 0; }

	.switch label{width: 37px;display: inline-block;}
	.switch p { display: inline-block; position: relative; width: 37px; height: 18px; border-radius: 50px; background: #707070; cursor: pointer; transition: all 0.2s ease-in; }
	.switch span { width: 12px; height: 12px; position: absolute; top: 3px; left: 3px; border-radius: 50px; background: #fff; transition: all 0.2s ease-in; }
	.switch input[type="checkbox"]:checked + p { background: #01954A; }
	.switch input[type="checkbox"]:checked + p span { left: calc(100% - 16px); }
	@media (max-width:720px) {
		.alarm_set .box { padding: 1rem 0; }
	}
	
/* 정보수정 */
	.my_info { padding: 2rem 0 2rem 0; }
	.my_info .box01 th { width: 150px; }
	.my_info .box01 th a { display: block; position: relative; width: 110px; height: 110px; line-height: 110px; text-align: center; font-weight: 500; font-size: 1.875rem; color: #fff; border-radius: 20px; }
	.my_info .box01 th a:before { content: "+"; display: block; position: absolute; right: -20px; bottom: -20px; width: 40px; height: 40px; line-height: 40px; font-weight: 300; color: #fff; border-radius: 40px; background: #4E4E4E; }
	.my_info .box01 td p { padding: 0.2rem 0 0 0; }
	.my_info .box01 td strong { vertical-align: middle; } 
	.my_info .box01 td span { display: inline-block; padding: 0 0 0 0.2rem; vertical-align: middle; }

	.my_info .box02 { padding: 5rem 0 0 0; }
	.my_info .box02 dt { padding: 0 0 0.5rem 0; font-weight: 500; overflow: hidden; }
	.my_info .box02 dt a { float: right; text-decoration: underline; }
	.my_info .box02 dt span { float: right; padding: 0 10px; border-radius: 50px; }
	.my_info .box02 dd { padding: 0 0 2rem 0; }
	.my_info .box02 dd p { line-height: 1.2rem; }
	.my_info .box02 input { padding: 0 1rem; border: 1px solid #B2B2B2; border-radius: 6px; }

	.my_info .bt_box { overflow: hidden; }
	.my_info .bt_box .bc01{cursor: pointer;}
	.my_info .bt_box a { float: right; text-decoration: underline; }

/* 프로필 사진 */
	.my_photo .box01 { padding: 3.750rem 0 2rem 0; text-align: center; }
	.my_photo .box01 div {position: relative; display: block; margin: 0 auto; position: relative; width: 110px; height: 110px; line-height: 110px; text-align: center; font-weight: 500; font-size: 1.875rem; color: #fff; border-radius: 20px; }
	.my_photo .box01 > div.certified:before{content: "+"; display: block; position: absolute; right: -20px; bottom: -20px; width: 40px; height: 40px; line-height: 40px; font-weight: 300; color: #fff; border-radius: 40px; background: #4E4E4E;z-index: 10;}
	.my_photo .box01 div .memberThumbnailImage{position: absolute; top: 0; left: 0; width: 100%; height: 100%;overflow: hidden;}
	.my_photo .box01 div .memberThumbnailImage img{width: 100%; height: 100%;}
	.my_photo .box01 p { padding: 1rem 0 0 0; }

	.my_photo .box02 ul { margin: 0 -0.5rem; overflow: hidden; }
	.my_photo .box02 li { float: left; width: 20%; padding: 0.5rem; }
	.my_photo .box02 div { padding: 10px 10px 70% 10px; border-radius: 10px; }
	.my_photo .type01 { background: #78E3E3; }
	.my_photo .type02 { background: #69BAEB; }
	.my_photo .type03 { background: #6AA1C8; }
	.my_photo .type04 { background: #FC705F; }
	.my_photo .type05 { background: #C2695D; }
	.my_photo .type06 { background: #F297CB; }
	.my_photo .type07 { background: #B8C93D; }
	.my_photo .type08 { background: #8E9F11; }
	.my_photo .type09 { background: #2BAE6B; }
	.my_photo .type10 { background: #F9CA0F; }
	.my_photo .type11 { background: #F99D14; }
	.my_photo .type12 { background: #414141; }
	.my_photo .type13 { background: #B499E3; }
	.my_photo .type14 { background: #834EE1; }
	.my_photo .type15 { background: #5B38BB; }
	@media (max-width:720px) {
		.my_photo .box02 li { width: 33.3%; padding: 0.1rem; }
	}

	.my_photo .bt_box { padding: 2rem 0 0 0; }

/* 구매내역 */
	.pay_list          { padding: 0; }
	.pay_list li       { padding: 1rem 0; }
	.pay_list li > div { display: block; padding: 0.5rem; border: 1px solid #C3C3C3; border-radius: 10px; overflow: hidden; }

	.pay_list li .img_box { float: left; width: 40%; margin: 0 1rem 0 0; }
	.pay_list .info h6    { margin: 0 0 0.5rem 0; }
	.pay_list .info p     { padding: 0.625em 0 0.5rem 0; line-height: 1rem; font-weight: 500; }
	.pay_list .info a     { display: inline-block; width: 30%; margin: 0.5rem 0 0 0; text-align: center; line-height: 36px; border-radius: 4px; }

	.pay_list .tag      { overflow: hidden; }
	.pay_list .tag span { float: left; font-weight: 500; }
	.pay_list .tag i    { float: right; letter-spacing: 0.2px; color: #949191; }
	.pay_list .sum { font-weight: 500; }
	.pay_list .sum i { color: #949191; }
	@media (max-width:720px) {
		.pay_list { padding: 0rem 0 0 0; }
		.pay_list li { padding: 0.5rem 0; }
		.pay_list li .img_box { width: 45%; }
		.pay_list .info a { width: 100%; }
		.pay_list li .s_tt { font-size: 1rem; line-height: 1.7rem; }
	}

	.pay_view .title { padding: 3rem 0 2rem 0; }
	.pay_view .box { padding: 1rem 2rem; border: 1px solid #D5D3D3; border-radius: 4px; }
	.pay_view .box i  { font-size: 12px; font-weight: 500; }
	.pay_view .box th { padding: 0.5rem 0; text-align: left; }
	.pay_view .box td { padding: 0.5rem 0; text-align: right; }

	.pay_view .box01 th { font-weight: 500; }
	.pay_view .box01 .re { font-weight: 400; }
	.pay_view .box01 .re img { margin-top: -10px; }

	.pay_view .box02 { margin-top: 1.250rem; border-radius: 2px; background: #F1F1F1; }
	.pay_view .box th { font-weight: 500; }
	.pay_view .box td { font-weight: 500; }

	.pay_view .box03 li { padding: 0.5rem 0; }
	.pay_view .box03 p  { line-height: 1rem; font-weight: 500; }
	@media (max-width: 720px){
		.pay_view .title { padding: 1rem 0 0.5rem 0; }
	}

	.my_ban    { margin-bottom: 1rem; border-radius: 4px; overflow: hidden; }
	.my_ban th { text-align: left; width: 60%; padding-left: 2rem}
	.my_ban td { width: 40%;}
	.my_ban td img { margin-left: 1rem}

	@media (max-width:960px) {
		.my_ban th { width: 65%;}
		.my_ban td { width: 45%;}
	}
	@media (max-width:720px) {
		.my_ban th { width: 50%; line-height: 2.3rem;}
		.my_ban td { width: 50%;}
	}

	.tab-zone {
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		overflow-x: auto;
		border-bottom: 1px solid #f2f2f2;
	}

	.tab-menu {
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		width: 100%;
		max-width: 100%;
		left: 0;
		height: 4rem;
		background-color: rgb(255, 255, 255);
		scroll-behavior: smooth;
		white-space: nowrap;
		overflow-x: auto;
		z-index: 2;
	}

	.menu-item {
		position: relative;
		height: 100%;
		vertical-align: top;
		box-sizing: border-box;
		white-space: nowrap;
		cursor: pointer;
		/*min-width: 8.5rem;*/
	}
	.menu-item.active {
		color: #FFFFFF;
		font-weight: 700;
		/*background: #01954A;*/
		padding-bottom: 0;
		border-bottom: 0.2rem solid #01954A;
	}

/* 커뮤니티 */
	.com .top { margin: 0 0 1.750rem 0; padding: 1.250rem; color: #191919; border: 1px solid #D9D9D9; border-radius: 4px; }
	.com .top a { position: relative; display: block; padding: 0.3rem 0 0 1rem; }
	.com .top i { display: inline-block; position: absolute; top: 1.05rem; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #949191; }

	.com .box { margin: 0 0 1.250rem 0; border: 1px solid #D9D9D9; border-radius: 4px; }
	.com .box td { padding: 1.250rem; }
	.com .box td:nth-child(2) { text-align: right; width: 35%; }

	.com .box .name p { float: left; padding: 0 0.5rem 0 0; }
	.com .box .name span { display: inline-block; width: 60px; height: 60px; border-radius: 20px; background: radial-gradient( #D1D1D1, #9B9898); overflow: hidden; }
	.com .box .name span.textProfile{line-height: 60px;text-align: center;font-weight: 500;font-size: 1.1rem;color: #fff;background: unset;}
	.com .box .name i { display: block; color: #949191; }
	.com .box .name i b {color: #FF3131; }

	.com .box .bt_box p { display: inline-block; text-align: center; vertical-align: top; color: #006934; cursor: pointer;}
	.com .box .bt_box span { display: block; font-size: 0.750em; }
	.com .box .bt_box .on { display: none; }
	.com .box .bt_box .off { display: block; }

	/*.com .box .bt_box .likeCnt.hide {display: none;}*/

	.com .box .bt_box .active .on { display: block; }
	.com .box .bt_box .active .off { display: none; }

	/*.com .box .bt_box .pick .off { display: none; }
	.com .box .bt_box .pick .on { display: block; }*/

	.com .box .con_box a { text-align: left; color: #3D56F9; }
	.com .box .con_box .articleContents{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden;}


	.com .box .img_box {position: relative; padding: 1rem 0 0 0; overflow: hidden; }
	.com .box .img_box.more:after{content: "⋯";display: block;position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;line-height: 40px;font-weight: 500;font-size: 1.5rem;text-align: center;color: #191919;border-radius: 40px;background: #ffffff;opacity: 0.8;}
	/*.com .box .img_box.on { display: block; }*/
	.com .box .img_box li { float: left; width: 25%; padding-bottom: 25%; border: 1px solid #fff; }
	
	.com .box .file_box {padding: 1.250em 0 0 0; overflow: hidden; }
	/*.com .box .file_box.on { display: block; }*/
	.com .box .file_box li { float: left; width: 50%; border: 1px solid #fff; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden;font-size: 0.9rem; letter-spacing: 0.1px;}
	.com .box .file_box a { display: block; padding: 0.375rem 0.625em; font-weight: 500; color: #006934; border: 1px solid #006934; border-radius: 10px; }
	.com .box .file_box a img{ width: 36px; margin-right:0px;}

	.com .box .video_box {padding: 1.250em 0 0 0; }
	/*.com .box .video_box.on { display: block; }*/
	.com .box .video_box ul { overflow: hidden; }
	.com .box .video_box li { float: left; width: 50%; border: 1px solid #fff; padding: 0 0 1.250rem 0; }
	.com .box .video_box a { display: block; text-align: center; padding: 0.750rem 0; border-radius: 4px; }

	.com .box .re { background: #F1F1F1; overflow: hidden; }
	.com .box .re span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 0 0 -15px; border:1px solid #FFFFFF; border-radius: 8px; overflow: hidden;}
	.com .box .re span.textProfile{line-height: 30px;text-align: center;font-weight: 500;font-size: 0.8rem;color: #fff;background: unset;}
	.com .box .re img { vertical-align: top; }
	.com .box .re span:nth-of-type(1) { margin: 0; }
	.com .box .re a { float: right; }
	@media (max-width:960px) {
		.com .box .name span { border-radius: 10px; }
	}
	@media (max-width:720px) {
		.com .top { margin: 0 0 0.833rem 0; padding: 0.833rem; }
		.com .box { margin: 0 0 0.833rem 0; }
		.com .box td { padding: 0.833rem; }

		.com .box .img_box    { padding: 1rem 0 0 0; }
		.com .box .file_box   { padding: 0.5rem 0 0 0; }
		.com .box .video_box  { padding: 0.5rem 0 0 0; }
		.com .box .file_box a { padding: 0.1em; }

		.com .box .name span { width: 50px; height: 50px; }
		.com .box .name span.textProfile { line-height: 50px; }
		
	}

	/* 커뮤니티 상세 */
	.com_view td { padding: 1.250rem 0; }
	.com_view td:nth-child(2) { text-align: right; width: 35%; }
	.com_view .contents { padding-top: 1.5rem; }

	.com_view .name p { float: left; padding: 0 0.5rem 0 0; }
	.com_view .name span { display: inline-block; width: 60px; height: 60px; border-radius: 60px; background: radial-gradient( #D1D1D1, #9B9898); overflow: hidden; }
	.com_view .name i { display: block; color: #949191; }

	.com_view .bt_box p { display: inline-block; text-align: center; vertical-align: top; color: #006934; }
	.com_view .bt_box span { display: block; font-size: 0.750em; }
	.com_view .bt_box .on { display: none; }
	.com_view .bt_box .off { display: block; }
	
	.com_view .bt_box .pick.active .off { display: none; }
	.com_view .bt_box .pick.active .on { display: block; }
	.com_view .bt_box .likeCnt.hide {display: none;}

	.com_view .img_box {position: relative; display: block; padding: 1rem 0 0 0; overflow: hidden; }
	.com_view .img_box.more:after{content: "⋯";display: block;position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;line-height: 40px;font-weight: 500;font-size: 1.5rem;text-align: center;color: #191919;border-radius: 40px;background: #ffffff;opacity: 0.8;}
	.com_view .img_box li { float: left; width: 25%; padding-bottom: 25%; border: 1px solid #fff; }

	.com_view .img_box2 {position: relative; display: block; padding: 1rem 0 0 0; overflow: hidden; }
	.com_view .img_box2 li {float: left;width: 25%;border: 1px solid #fff;height: 8rem;overflow: hidden;padding: 0.2rem;}
	.com_view .img_box2 li img{height: 100%;width: auto;max-width: unset;}

	.viewer-download {position: relative;color: #fff;font-size: 24px;margin-top: -3px;}
    .viewer-download::before {content: "⇩"; position: absolute; top: 10px; left: 4px;}

    .viewer-toolbar ul li{width: 50px !important; height: 50px !important; margin-right: 1rem !important;}
    .viewer-toolbar ul li:before{margin: 15px !important;}
	
	.com_view .file_box { display: none; padding: 1.250em 0 0 0; overflow: hidden; }
	.com_view .file_box.on { display: block; }
	.com_view .file_box li { float: left; width: 50%; border: 1px solid #fff; }
	.com_view .file_box li img{ width: 32px; }
	.com_view .file_box a { display: block; padding: 0.375rem 0.625em; font-weight: 500; color: #006934; border: 1px solid #006934; border-radius: 10px; }

	.com_view .video_box { display: none; padding: 1.250em 0 0 0; }
	.com_view .video_box.on { display: block; }
	.com_view .video_box ul { overflow: hidden; }
	.com_view .video_box li { float: left; width: 50%; border: 1px solid #fff; padding: 0 0 1.250rem 0; }
	.com_view .video_box a { display: block; text-align: center; padding: 0.750rem 0; border-radius: 4px; }

	.com_view .re { padding: 1.250rem; background: #F1F1F1; overflow: hidden; }
	.com_view .re span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 0 0 -15px; border:1px solid #FFFFFF; border-radius: 8px; overflow: hidden; }
	.com_view .re span.textProfile {line-height: 30px;text-align: center;font-weight: 500;font-size: 0.8rem;color: #fff;background: unset;}
	.com_view .re img { vertical-align: top; }
	.com_view .re span:nth-of-type(1) { margin: 0; }
	.com_view .re a { float: right; }
	@media (max-width:960px) {
		.com_view .name span { border-radius: 10px; }
	}
	@media (max-width:720px) {
		.com_view td  { padding: 0.833rem 0; }
		.com_view .re { padding: 0.833rem; }
		.com_view .img_box    { padding: 1rem 0 0 0; }
		.com_view .file_box   { padding: 0.5rem 0 0 0; }
		.com_view .video_box  { padding: 0.5rem 0 0 0; }
		.com_view .file_box a { padding: 0.1em; }

		.com_view .name span { width: 50px; height: 50px; }
	}
/*
모달창 안내 테스트
 */
.jquery-modal.blocker{z-index: 100;}

/* 커뮤니티 댓글 */
	.com_reply{height: calc(100vh - 5rem - 220px);}
	.com_reply .commentScrollWrap{height: 100%;overflow: scroll;}
	.com_reply .box_comment_write{position: absolute;bottom: 0;left: 0;width: 100%;}
	.com_reply td { position: relative; padding: 2rem 0 2rem 40px; border-bottom: 1px solid #F1F1F1; vertical-align: top; }
	.com_reply .my_photo { position: absolute; left: 0; top: 2rem; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; border-radius: 8px; overflow: hidden; }
	.com_reply .name i { display: inline-block; padding: 0 0 0 5px; font-size: 12px; color: #949191; }

	.com_reply .bt_box { position: absolute; top: 2rem; right: 4px; font-size: 12px; font-weight: 500; }
	.com_reply .bt_box a { padding: 0 0.5rem 0 0; }
	.com_reply .bt_box span { padding: 0 0.5rem 0 0; cursor: pointer;}

	.com_reply .bt_box p { display: inline-block; color: #006934; line-height: 24px; }
	.com_reply .bt_box .off { display: inline-block; }
	.com_reply .bt_box .on { display: none; }
	.com_reply .bt_box .active .off { display: none; }
	.com_reply .bt_box .active .on { display: inline-block; }

	.com_reply .moreMenu{position: absolute; bottom: 0.5rem; right: 1rem;cursor: pointer;}
	.com_reply .tooltipMenu{position: absolute; bottom: 0.5rem; right: 0.5rem; z-index: 20; display: none; background-color: #fff;padding: 1rem; text-align: right;}
	.com_reply .tooltipMenu i{cursor: pointer;}
	.com_reply .tooltipMenu p{cursor: pointer;}

	.com_reply .con   { margin-top: 0.5rem; font-weight: 500; width: 90%;}
	.com_reply .con01 { margin-top: 0.5rem; padding: 0.5rem; font-size: 12px; border-radius: 4px; background: #F1F1F1; overflow: hidden; }
	.com_reply .con01 p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;height: 1.5rem;margin-bottom: 1rem;}
	.com_reply .con02 { position: relative; margin-top: 1rem; padding: 0.5rem 2.5rem 0.5rem 0.5rem; border-radius: 4px; background: #D1D1D1; display: none;}
	.com_reply .con02 i { position: absolute; top: 0.5rem; right: 0.5rem; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #4E4E4E; cursor: pointer;}
	.com_reply .con02:before { content: "\e930"; font-family: xeicon; position: absolute; left: 0; top: -1rem; font-size: 2rem; color: #D1D1D1; }
	@media (max-width:720px) {
		.com_reply td { padding: 1rem 0 1rem 40px; }
		.com_reply .my_photo { top: 1rem; }
		.com_reply .bt_box { top: 1rem; }
		.com_reply .bt_box img { width: 15px; line-height: 15px; }

		.com_reply .con { font-size: 12px; }
		.com_reply .con02 { font-size: 12px; }
	}

	.form_box { position: relative; padding: 1rem; border-top: 1px solid #D9D9D9; background: #F1F1F1; margin-left: -3.125rem;}
	.form_box dl {overflow: hidden;/*position: relative;*/ /*border: 1px solid #D9D9D9;*/ /*border-radius: 50px;*/ overflow: hidden; }
	.form_box dl dt { float: left; width: 85%;border: 1px solid #D9D9D9;background: #fff;padding-bottom: 5px;}
	.form_box dl dd { float: left; width: 15%;}
	.form_box .btn_set{position: absolute;right: 5%;bottom: 1rem;}
	.form_box input { padding: 0 1rem; border: 0; height: 2rem;cursor: pointer;background: #01954A;color: #fff;border-radius: 0.5rem;}
	.form_box textarea { padding: 0 1rem; border: 0; height: auto; max-height: 6rem;}

	.form_box .area_reply{position: relative;display: none;}
	.form_box.__reply .area_reply{display: block;}
	.form_box .area_reply .close_re{position: absolute;top: 0;right: 10px;cursor: pointer;}
	.form_box .area_reply .ellips_txt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;height: 1.5rem;margin-bottom: 1rem;width: 90%;}

	@media (max-width:960px) {
		.form_box { margin-left: -1.250rem;}

	}

	@media (max-width:720px) {
		.form_box { padding: 0.5rem; }
		.form_box .btn_set{position: absolute;right: 4%;bottom: 0.5rem;}
	}

	#copyReply{position: relative; width: 300px;background-color: #fff;border-radius: 15px;padding: 0 3rem;display: none;}
	#copyReply div{float: left; width: 50%; text-align: center;margin-top: 2rem;}
	#copyReply div img{cursor: pointer;}

/* 동영상 */
	.video{position: relative;padding-top: 50px;}
	.video .orderCate{position: absolute; top: 0.5rem; right: 0.5rem;max-width: 35%;}
	.video .orderCate select{padding-right: 30px;}
	.video .menuCate{}
	.video .menuCate .menuCateTitle{position: relative; margin-bottom: 1rem;cursor: pointer;}
	/*.video .menuCate .menuCateTitle:after{content: '';position: absolute; top: 0; right: 0; width: 40px; height: 80px; background: url(../images/select_bg.png) 100% -44px no-repeat, #fff;}*/
	.video .menuCate .menuCateTitle:after{content: "\e941";font-family: xeicon;position: absolute;right: 0.5rem;}
	
	/*.video .menuCate .menuCateTitle.open:after{content: '';position: absolute; top: 0; right: 0; width: 40px; height: 80px; background: url(../images/select_bg.png) 100% -44px no-repeat, #fff;}*/

	.video .menuCate .menuCateTitle.open:after{content: "\e944";font-family: xeicon;position: absolute;right: 0.5rem;}
	.video .menuCate .menuCateList{display: none;}
	.video .menuCate .menuCateTitle.open + .menuCateList{display: block;}


	.video .array { padding: 0 0 1rem 0; }
	.video .array select { border: 0; }
	/*.video .array td:nth-child(2) { width: 90px; }*/
	.video .array.pd { padding-top: 1rem; }

	.video .list tr { border-top: 1px solid #F1F1F1; }
	.video .list tr:nth-child(1) { border-top: 0; }
	.video .list tr:nth-child(1) th { /*padding-top: 0;*/ }
	.video .list tr:nth-child(1) td { /*padding-top: 0;*/ }
	.video .list th { width: 45%; padding: 2rem 0; }
	.video .list td {position: relative; width: 55%; padding: 2rem 1rem; vertical-align: top; }
	.video .list td .tag{line-height: 1rem;}
	.video .list td .openDate{position: absolute; bottom: 2rem; right: 1rem;}
	.video .list td .playTime{position: absolute; bottom: 2rem; left: 1rem;}
	.video .list td .playTime img{width: 18px; margin-right: 5px; padding-bottom: 2px;}
	.video .list td .btnLive{display: block;line-height: 46px;text-align: center;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;bottom: 2rem;left: 1rem;width: calc(100% - 1rem); cursor: pointer;}

	.video .list .img_box { position: relative; }
	.video .list .img_box .liveOpenTime{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;z-index: 10; display: table;}
	.video .list .img_box .liveOpenTime .middleText{display: table-cell; vertical-align: middle; font-size: 2.4rem; line-height: 1.2;}
	.video .list .img_box .overlay{position: absolute;top: 0;left: 0;width: 100%; cursor: pointer;}
	.video .list .img_box .overlayBlack{position: absolute;top: 0;left: 0;width: 100%; cursor: pointer;height: 100%; background-color: #000; opacity: .4;}
	.video .list .img_box p { position: absolute; top: 0.875rem; left: 0.875rem; }
	.video .list .img_box p span { display: inline-block; padding: 0 1rem; font-size: 0.875rem; font-weight: 500; color: #fff; border-radius: 50px; }
	.video .list .img_box .type01 { background: #FFD23D; }
	.video .list .img_box .type02 { background: #0F5D30; }
	.video .list .img_box .type03 { background: #FF3D3D; }

	.video .list .img_box progress{position: absolute; left: 5px; bottom: 5px; width: calc(100% - 10px); height: 5px; background-color: #ff001c; }
	.video .list .img_box progress::-webkit-progress-bar{background-color: #ffffff;}
	.video .list .img_box progress::-webkit-progress-value{background-color: #ff001c;}
	.video .list .img_box progress::-moz-progress-bar{background-color: #000000;}

		
	.video .list h6 { font-weight: 700; }
	.video .list .time_box { padding: 0 0 0.5rem 0; line-height: 1em; color: #949191; overflow: hidden; }
	.video .list .time_box li { float: left; width: 50%; }
	.video .list .time_box li:nth-child(2) { text-align: right; }
	.video .list .time_box p { display: inline-block; vertical-align: top; text-align: center; font-size: 0.750em; color: #006934; cursor: pointer; }
	.video .list .time_box .on { display: none; }
	.video .list .time_box .off { display: block; }
	.video .list .time_box .likeCnt.hide {display: none;}
	.video .list .time_box p.active .on { display: block; }
	.video .list .time_box p.active .off { display: none; }

	/*.video .list .time_box .pick .on { display: block; }
	.video .list .time_box .pick .off { display: none; }*/

	.video .list .file_box { /*padding: 2.000rem 0 0 0;*/ padding: 0.500rem 0 0 0; overflow: hidden; }
	.video .list .file_box li { float: left; width: 50%; border: 1px solid #fff; }
	.video .list .file_box a { display: block; padding: 0.375rem 0.625em; font-weight: 500; color: #006934; border: 1px solid #006934; border-radius: 10px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
	.video .list .file_box a img{width: 32px;}
	@media (max-width:720px) {
		.video .list th { padding: 1rem 0; }
		.video .list td { padding: 1rem 0.5rem; }
		.video .list td .openDate{position: absolute; bottom: 1rem; right: 0.5rem;}
		.video .list td .playTime{position: absolute; bottom: 1rem; left: 0.5rem;}
		.video .list td .btnLive{position: absolute; bottom: 1rem; left: 0.5rem;line-height: 34px;}
		

		.video .list .file_box a img { width: 20%; }
		.video .array.pd { padding-top: 1rem; }

		.video .list .img_box p { position: absolute; top: 0.5rem; left: 0.5rem; }

		.video .list .file_box { padding: 0.5rem 0 0 0; text-align: center; }
		.video .list .file_box a { padding: 0; }
	}
	@media (max-width:460px) {
		.video .list .img_box .liveOpenTime .middleText{font-size: 1.8rem;}
		.video .list td .btnLive{font-size: 0.875rem; line-height: 23px;}
		
	}

	.video_view .vod_wrap{position: relative;}

	.video_view .con_wrap {
		position: relative; padding-top: 1rem; /*min-height: 500px;*/margin-bottom: 100px;}
	.video_view .info {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;

		padding: 0 0 0.5rem 0; overflow: hidden; }
	.video_view .info > p { display: inline-block; padding: 0 0.5rem 0 0; }
	.video_view .info .tag span { display: inline-block; padding: 0 0.5rem; font-size: 0.750em; font-weight: 700; border-radius: 6px; line-height: 2em; }
	.video_view .info .tag .type01 { color: #F9858D; border:1px solid #F9858D; }
	.video_view .info .tag .type02 { color: #fff; background: #016420; }
	.video_view .info .tag .type03 { color: #fff; background: #555555; }
	.video_view .info .tag .type04 { color: #fff; background: #FF3A3A; }
	.video_view .info .time { color: #949191; }
	.video_view .info ul { float: right; }
	.video_view .info li {
		float: left;
		line-height: 1rem;
		color: #016420;
		cursor: pointer;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;}
	.video_view .info li .on { display: none; }
	.video_view .info li .off { display: block; }
	.video_view .info li.pick .on { display: block; }
	.video_view .info li.pick .off { display: none; }
	.video_view .info li.active .on { display: block; }
	.video_view .info li.active .off { display: none; }
	.video_view .info .likeCnt { padding-right: 0.5rem; }

	.video_view .contents{padding-top: 1.5rem;}

	.video_view .file_box { margin: 0 -0.5rem; padding: 1rem 0 0 0; overflow: hidden; }
	.video_view .file_box li { float: left; width: 100%; padding: 0 0.5rem 0.5rem 0.5rem; }
	.video_view .file_box a { display: block; line-height: 46px; padding: 0 10px; text-align: left; border-radius: 4px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
	.video_view .file_box a img{width: 1.8rem;}

	.video_view .btnLive{display: block; line-height: 46px; text-align: center; border-radius: 4px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;    margin: 2rem 0;}
	.video_view .btnLiveWait{display: block; line-height: 46px; text-align: center; border-radius: 4px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    margin: 2rem 0;}

	.video_view .btn_wrap { margin: 0 -0.5rem; padding: 3.125rem 0 0 0; overflow: hidden; }
	.video_view .btn_wrap li { float: left; width: 50%; padding: 0 0.5rem; cursor: pointer;}
	.video_view .btn_wrap span { display: block; line-height: 46px; text-align: center; border-radius: 4px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	.video_view .re_box { padding: 1rem 0 0 0; overflow: hidden; }
	.video_view .re_box table { background: #F1F1F1; }
	.video_view .re_box td { padding: 1rem 1.250rem; }
	.video_view .re_box span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 0 0 -15px; border:1px solid #FFFFFF; border-radius: 8px; overflow: hidden; color: #ffffff;}
	.video_view .re_box img { vertical-align: top; }
	.video_view .re_box span:nth-of-type(1) { margin: 0; }
	.video_view .re_box a { float: right; font-weight: 500; }
	.video_view .re_box p { float: right; font-weight: 500; cursor: pointer;}
	/*.video_view .re_box p i{padding-right: 1rem;}*/

	.re_wrap { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*padding: 0 0 0 3.125rem;*/ background: #fff; }
	.re_wrap .h_roll { position: relative; height: calc( 100% - 40px ) ; overflow-y: scroll; }
	.re_wrap .h_roll::-webkit-scrollbar{ width: 5px; }
	.re_wrap .h_roll::-webkit-scrollbar-thumb{background: #006934; border-radius: 2px; }

	.re_wrap.on { display: block; }
	.re_wrap > button { padding: 0 1rem; text-align: left; background: #F1F1F1; overflow: hidden; }
	.re_wrap > button i { float: right; }
	@media (max-width:960px) {
		.re_wrap { /*padding: 0 1.250rem;*/ margin: 0 -1.25rem; width: calc(100% + 2.5rem);}
		.video_view .vod_wrap { margin: 0 -1.250rem; }
	}
	@media (max-width:720px) {
		.video_view .file_box a{line-height: 36px;}
		.video_view .file_box a img{width: 24px;}

		.re_wrap { /*height: 62%;*/ }
	}

/* 학습가이드 */
	.guide dt { position: relative; padding: 1rem 0; cursor: pointer; }
	.guide dt:after { content: "\e941"; font-family: xeicon; position: absolute; right: 0.5rem; }
	.guide dt.on:after { content: "\e944"; font-family: xeicon; }
	.guide dd { display: none; }
	.guide dd.on { display: block; }
	.guide dd a { display: block; padding: 0.625em 0; }

	.guide_view th { padding: 1rem 0 1rem 0; text-align: left; }
	.guide_view td > p { font-size: 12px; color: #949191; }
	.guide_view td div { padding: 0.625rem; background: #F1F1F1; }

/* 환불 정책 table */
	table.table1 {width: 98%; border-collapse: separate; border-spacing: 1px;text-align: center;line-height: 1.5;}
	table.table1 th {text-align: center;padding: 1rem;font-weight: bold;vertical-align: middle;color: #ffffff;background: rgba(37, 42, 38, 0.71);}
	table.table1 td {text-align: center;padding: 1rem;vertical-align: top;background: #FFF;}


/* 추가 */ /* 추가 02 */
.video .array.pd {
  border-bottom: 2px solid #ddd;
  padding-bottom: 0;
}
.video .menuCate .menuCateTitle {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.video .menuCate .menuCateTitle.open + .menuCateList {
  background: #f8f8f8;
}

/* 추가 02 */
.video .list th {
  padding: 2rem 1rem;
}
.video .list tr {
  border-top: 2px solid #f1f1f1;
}

.video .list tr:nth-child(1) th {
  margin-top: 2rem;
}

.video .menuCate .menuCateTitle {
  padding-bottom: 1rem;
}