/*
KBI Tube Update Style
Version 0.5
 */
@charset "utf-8";

.container {
	padding-top: 115px;
}

button {
	outline: none;
}

.display-none {
	display: none !important;
}

.ui-datepicker {
	z-index: 999;
}

[class*="subMain_section_new"] .sms_slider_w, [class*="subMain_section_new"] .smsSlider_lists_w
	{
	height: 270px;
}

[class^="visual_"] {
	background: transparent !important;
	height: 20px !important;
}

.content [class^="tit_main"] {
	margin-top: 0;
}

body {
	overflow-x: hidden;
}

#wrap {
	overflow: hidden;
	height: 100%;
}

/* 마케팅 배너*/
.banner_wrap {
	text-align: center;
	margin: 0 auto;
	background-color: #03647c;
	position: relative;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
	min-width: 1440px;
}

.banner_close {
	padding: 0;
	border: none;
	background-color: transparent;
	position: absolute;
	right: 22px;
	top: 22px;
	color: #333;
	background-image: url(/css/platformTubeWeb/images/ico_banner_close.png);
	height: 15px;
	width: 15px;
	z-index: 9;
}

.banner_close:hover {
	color: #000;
}

.banner_cont {
	
}

.banner_cont img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.banner_cont a {
	color: inherit;
	text-decoration: none;
}

/*header*/
.header {
	top: 0;
}

/*GNB 메뉴 아이콘*/
.new-h_inner .hu_list .icon_event {
	width: 18px;
	height: 18px;
	background-image: url(/css/platformTubeWeb/images/ico_event.png);
	top: 4px;
}

.new-h_inner .hu_list .icon_my {
	width: 18px;
	height: 17px;
	background-image: url(/css/platformTubeWeb/images/ico_my.png);
	top: 4px;
}

.new-h_inner .hu_list .icon_notice {
	width: 18px;
	height: 18px;
	background-image: url(/css/platformTubeWeb/images/ico_notice.png);
	top: 4px;
}

.new-h_inner .hu_list .icon_sc {
	width: 18px;
	height: 16px;
	background-image: url(/css/platformTubeWeb/images/ico_sc.png);
	top: 4px;
}

.new-h_inner .h_menu_w .btn_h_search {
	right: 40px;
	background-image: url(/css/platformTubeWeb/images/ico_new_search.png);
	width: 28px;
	height: 28px;
	top: 18px;
}

.new-h_inner .h_menu_w .btn_h_search:hover {
	background-image:
		url(/css/platformTubeWeb/images/ico_new_search_over.png);
}

/*My*/
.pop_notice.my.my_page_popup {
	background: none;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	width: 190px;
	font-size: 13px;
	color: #333;
	margin-left: -80px;
	padding: 0px;
	height: auto;
	top: 30px;
}

.my_page_popup_header {
	display: flex;
	padding: 15px 30px;
	border-bottom: 1px solid #d8d8d8;
}

.my_page_popup_header>div {
	display: inline-block;
	float: left;
}

.my_page_popup_user {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	background-color: #d8d8d8;
	margin-top: 5px;
	margin-right: 10px;
}

.my_page_popup_user img {
	max-width: 100%;
	/* center / mid */
	/*
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    */
	width: 100%;
	height: 100%;
}

.my_page_popup_hello {
	width: calc(100% - 40px);
	text-align: left;
}

.my_page_popup_hello>span {
	display: block;
}

.my_page_popup_hello>span:nth-child(2) {
	font-weight: 700;
	font-size: 14px;
	color: #02a5b1;
}

.my_page_popup_nav {
	padding: 10px 30px 5px 30px;
}

.my_page_popup_nav li {
	text-align: left;
	padding: 10px 0;
	position: relative;
}

.my_page_popup_nav li a {
	color: #333333;
}

.my_page_popup_nav.underline {
	border-bottom: 1px solid #d8d8d8;
}

.my_page_popup_logout {
	display: flex;
	padding: 10px;
	border-top: 1px solid #d8d8d8;
	text-align: center;
	background-color: #f8f8f8;
	justify-content: center;
}

.my_page_popup_logout a {
	text-align: center;
	color: #333333;
}

/* 메인 : content */
.new-content {
	display: none;
}

/* 신규 메뉴 */
.new-h_inner {
	border: none;
	border-bottom: none;
}

.new-gnb_w {
	overflow: visible;
	/*position: relative;*/
	z-index: 10;
	padding: 0;
	width: 100%;
	height: 58px;
	box-sizing: border-box;
	background-color: transparent;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
}

.new-gnb_w:after {
	position: absolute;
	bottom: -1px;
	left: -50%;
	width: 200%;
	height: 1px;
	content: "";
	background-color: #00d2ae;
}

.new-gnb_w .gnb_lists_w {
	display: inline-block;
	width: auto;
	overflow: visible;
}

.new-gnb_w .gnb_list {
	text-align: center;
	padding-top: 6px;
	min-width: 167px;
	overflow: visible;
}

.new-gnb_sublist {
	/*
    border: 1px solid #dcdacb;
    box-shadow: 0 2px 4px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);
    padding: .8rem 0;
    position: relative;
    width: 26rem;
    min-height: 64rem;
    display: none;
    */
	
}

.new-gnb_w .link_gnb:after {
	height: 1px;
	background-color: #f8f8f8;
	z-index: 9;
}

/* 메뉴 고정형 */
.new-h_inner .h_menu_w {
	z-index: 11;
}

.sm-simple {
	background: transparent;
	border: none;
	box-shadow: none;
	z-index: auto !important;
}

.sm-simple ul {
	min-width: 180px !important;
	/*min-height: 32.5em;*/
	background: #f8f8f8 !important;
}

.sm-simple ul {
	color: #616161 !important;
}

li.sm-simple>a>.sub-arrow {
	display: none;
}

.gnb_lists_w>li>a {
	padding-right: 20px !important;
}

.sm-simple a {
	padding-right: 38px !important;
	padding-top: 20px !important;
}

.sm-simple a:hover, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
	.sm-simple a.highlighted {
	background: transparent !important;
}

.sm-simple ul a span.sub-arrow {
	right: 10px !important;
	top: calc(50% + 1px) !important;
}

.sm-simple ul li a {
	padding-right: 38px !important;
	padding-left: 10px !important;
	letter-spacing: -2px;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

ul.gnb_lists_w>li>ul.new-gnb_sublist li {
	/*position: static !important;*/
	
}

ul.gnb_lists_w>li>ul.new-gnb_sublist li ul.new-gnb_sublist {
	top: -1px !important;
	margin-top: 0 !important;
}

.new-gnb_sublist .has-submenu.highlighted, ul.gnb_lists_w>li>ul.new-gnb_sublist a:hover
	{
	color: #02a5b1 !important;
}

.gnb_lists_w>li>a.highlighted:after {
	display: block;
}

.gnb_lists_w>li.sm-simple.gnb_list>ul.new-gnb_sublist {
	margin-left: 0 !important;
} /* 210604 */

/* 메뉴 1개 + 검색용 */
.in_search_cont {
	display: inline-block;
	padding: 12px 10px 0px 10px;
	vertical-align: top;
}

.in_search_cont .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.in_search_cont .search_icon {
	background-image: url(/css/images/common/icon_search.png);
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

.in_search_cont .input-group .input-group-addon {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	padding: 6px 2px 6px 12px;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border-right: 0;
	border-radius: 50px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.in_search_cont .form-control {
	display: table-cell;
	float: left;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	border-left: 0;
	min-width: 500px;
	padding: 8px 15px 10px 8px;
	outline: 0;
	border-radius: 50px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*메인 조정*/
/*서브페이지에서 사용*/
.new-visual[class^="visual_"] {
	height: 0px;
	background: transparent;
}

[class^="visual_subMain"] {
	height: 180px;
	background: transparent !important;
}
/*메인페이지에서 사용*/
.new-visual.visual_mainMain_tube {
	max-height: auto;
	height: auto !important;
	background: transparent;
	/*padding-bottom: 40px;*/
	padding-top: 0px;
	/* margin-top:115px;*/
	overflow: hidden;
	height: auto;
} /*2020-04-08*/
.new-visual.visual_mainMain_tube.off {
	max-height: 0px;
	height: 0px !important;
	padding-bottom: 0px;
}

.new-visual.visual_mainMain_tube img {
	width: 100%;
}

[class*="subMain_section_new"] {
	padding-top: 50px;
	overflow: hidden;
}

[class*="subMain_section"]:last-child {
	padding-bottom: 50px;
}

.subMain_section_new_kbiTubeInterests .sms_inner {
	padding: 15px 0 !important;
}

/*연수분야/직무직군별*/
.new_content_row [class^="subMain_section"] {
	background-color: #FFFFFF;
}

.content .new_content_row [class^="tit_main"] {
	margin-top: 0;
}

/*오늘의 KBI Tube 콘텐츠*/
.subMain_section_new_kbiTubeContent .sms_slider_w,
	.subMain_section_new_kbiTubeContent .smsSlider_lists_w {
	height: 360px;
}

.subMain_section_new_kbiTubeContent .sms_inner:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 55px;
	height: 1px;
	width: 100%;
	background-color: #8b8b8b;
}

.subMain_section_new_kbiTubeContent .smsSlider_list .smss_list {
	height: auto;
}

.subMain_section_new_kbiTubeContent .smsSlider_list .smss_list:nth-child(n+3)
	{
	padding-top: 20px;
}

.subMain_section_new_kbiTubeContent .smsSlider_list .smss_list:nth-child(even)
	{
	margin-left: 20px;
}

.todayKbitube_item {
	position: relative;
	float: left;
	width: 560px;
	height: 162px;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.todayKbitube_item_img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.todayKbitube_item_img:after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
}

.todayKbitube_item_img:hover {
	cursor: pointer;
}

.todayKbitube_item_img:hover:after {
	background: rgba(0, 0, 0, 0.6);
}

.todayKbitube_item img {
	width: 100%;
}

.todayKbitube_item_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFFFFF;
	z-index: 1;
	width: calc(100% - 20px);
	text-align: center;
}

.todayKbitube_item_title {
	font-size: 28px;
	display: block;
}

.todayKbitube_item_description {
	font-size: 16px;
}

.todayKbitube_date_text {
	font-size: 21px;
	color: #363636;
	display: inline-block;
	letter-spacing: 0px;
	vertical-align: middle;
}

/* 관심 분야*/
.interests_inner {
	width: 100%;
	height: 290px;
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	display: table;
}

.interests_item_txt {
	text-align: center;
	color: #363636;
	vertical-align: middle;
	display: table-cell;
	padding: 0 10px;
}

.interests_item_title {
	font-size: 30px;
	margin-bottom: 30px;
}

.interests_item_description {
	font-size: 16px;
	margin-bottom: 30px;
}

.interests_item_txt button {
	font-size: 16px;
	background-color: #02a5b1;
	border: 0;
	color: #FFFFFF;
	padding: 15px 33px;
}

/* 필수 학습 요건 */
.subMain_section_new_essential .smsi_header {
	width: 100%;
	border-bottom: 1px solid #8b8b8b;
	padding-bottom: 22px;
}

.essential_row {
	display: block;
	padding-top: 30px;
	height: 270px;
}

.essential_row>ul {
	
}

.essential_row>ul>li {
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding-right: 15px;
}

.essential_row>ul>li:last-child {
	padding-right: 0;
}

.subMain_section_new_essential .essential_inner {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
	height: 230px;
}

.essential_inner_title {
	font-size: 22px;
}

.essential_inner_content {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	height: 120px;
}

.essential_inner_content>div {
	width: 50%;
	display: inline-block;
	float: left;
}

.essential_inner_content .essential_inner_graph {
	width: 130px;
	height: 130px;
	background-color: transparent;
}

.essential_inner_graph>div, .status_inner_graph>div {
	position: relative;
}

.status_inner_graph>div {
	width: 130px;
	height: 130px;
}

.essential_inner_graph>div strong, .status_inner_graph>div strong,
	.status_inner_graph>div strong {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 40px;
	color: #02a5b1;
}

.essential_row ul li:first-child .essential_inner_graph>div strong {
	/*font-size: 25px;*/
	
}

.essential_inner_graph>div span, .status_inner_graph>div span,
	.status_inner_graph>div span {
	font-size: 20px;
	color: #02a5b1;
	position: absolute;
	left: 50%;
	top: 66%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.status_inner_graph .status_inner_graph_week strong {
	font-size: 30px;
}

.essential_inner_description {
	font-size: 14px;
	color: #ba9164;
}

.essential_inner_count {
	font-size: 32px;
	text-align: center;
	margin-bottom: 22px;
}

.essential_inner_count_total {
	font-size: 21px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.essential_inner_btn {
	background-color: #02a5b1;
	border: none;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	width: 126px;
	height: 45px;
}

.essential_inner_btn:disabled {
	background-color: #c4c4c4;
}

.essential_inner_title_date {
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 24px;
	border-bottom: 1px solid #dedede;
}

.essential_inner_completion {
	font-size: 22px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.essential_inner_completion_box>div {
	display: inline-block;
	float: left;
	font-size: 24px;
	color: #02a5b1;
}

.essential_inner_completion_box>div:nth-child(1) {
	width: 20%;
}

.essential_inner_completion_box>div:nth-child(2) {
	width: 40%;
	line-height: 22px;
	margin-top: 5px;
	font-size: 16px;
	font-weight: 600;
}

.essential_inner_completion_box>div:nth-child(3) {
	width: 40%;
}

/*학습콘텐츠*/
.subMain_section_new_learningContent .sms_inner {
	padding-top: 80px;
}

/*학습현황*/
.subMain_section_new_learningStatus .smsi_header {
	width: 100%;
	border-bottom: 1px solid #8b8b8b;
	padding-bottom: 22px;
}

.status_row {
	display: flex;
	padding-top: 8px;
	height: 370px;
	padding-bottom: 60px;
}

.status_row .status_row_tabs {
	/*width: 385px;*/
	width: 600px;
	display: inline-block;
	margin-right: 15px;
}

.learningState_inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding-top: 15px;
	position: relative;
}

.learningState_inner .learningState_inner_content .ellipsisC2 {
	line-height: 20px;
}

.learningState_inner>div {
	display: inline-block;
}

.learningState_process.off {
	display: none;
}

.learningState_inner_img>div {
	width: 110px;
	height: 65px;
	overflow: hidden;
	border-radius: 3px;
}

.learningState_inner_img>div img {
	width: 100%;
	height: 100%;
}

.learningState_inner_content {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	color: #333333;
}

.learningState_inner_content>div:nth-child(2) {
	font-size: 12px;
	color: #8f8f8f;
	position: absolute;
	width: calc(100% - 120px);
	left: 120px;
	bottom: 10px;
}

.learningState_process {
	position: absolute;
	height: 5px;
	width: calc(100% - 120px);
	left: 120px;
	bottom: 0;
	content: "";
	background-color: #dedede;
}

.learningState_process_on {
	display: inline-block;
	height: 5px;
	background-color: #02a5b1;
	width: 0%;
	position: absolute;
}

.learningState_all_btn {
	border: none;
	background-color: transparent;
	font-size: 16px;
	color: #8f8f8f;
	float: right;
	margin-top: 30px;
}

.subMain_section_new_learningStatus .sms_inner .wrap_tab_dot .tabmenu_dot
	{
	border-top-color: transparent;
}

.status_row .status_inner {
	width: calc(100% - 600px);
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding: 15px 20px 20px 20px;
}

.status_row .status_inner h3 {
	position: relative;
	vertical-align: middle;
	font-size: 20px;
	letter-spacing: -2px;
	color: #333333;
	font-weight: 500;
	padding-bottom: 15px;
}

.status_inner ul {
	
}

.status_inner ul li {
	float: left;
	/*
    padding-left: 30px;
    padding-right: 30px;
    width: calc(65% - 62px);
    */
	padding-left: 20px;
	padding-right: 20px;
	width: calc(65% - 40px);
	height: 275px;
	position: relative;
	/*border-right: 1px solid #dedede;*/
}

.status_inner ul li:nth-child(2), .status_inner ul li:nth-child(3) {
	/*width: calc(25% - 60px);*/
	padding-left: 20px;
	padding-right: 0px;
	width: calc(35% - 20px);
}

.status_inner_graph {
	text-align: left;
}

.subMain_section_new_learningStatus #statusTotalChart {
	margin: 0 auto;
}

.status_inner ul li:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #dedede;
	content: "";
}

.status_inner ul li:nth-child(1):after {
	width: 0px;
}

.status_inner ul li:nth-child(3):after {
	height: 78%;
}

.status_inner .status_inner_title {
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
}

.status_inner_box_first {
	margin-left: -20px;
	text-align: center;
}

.status_inner_box_first .status_inner_title {
	text-align: left;
}

.status_inner .status_inner_count {
	color: #02a5b1;
	font-size: 50px;
	text-align: center;
	position: relative;
	display: inline-block;
	font-weight: 600;
}

.status_inner .status_inner_count:after {
	position: absolute;
	bottom: 5px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #02a5b1;
	content: "";
}

.status_inner .status_inner_count>span {
	font-size: 24px;
}

.status_inner .status_inner_all_count {
	font-size: 24px;
	color: #8f8f8f;
	text-align: center;
}

.status_inner_box_last p {
	color: #ba9164;
	font-size: 14px;
	margin: 0;
	padding: 15px 0 15px 0;
	text-align: center;
}

.status_inner_box_last {
	position: relative;
}

.status_inner_box_first button, .status_inner_box_last button {
	width: 126px;
	height: 45px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
}

.status_inner_box_first button {
	
}

.status_inner_box_last button {
	position: absolute;
	left: 22px;
}

.status_inner_box_first>div:nth-child(2), .status_inner_box_last>div:nth-child(2)
	{
	height: 182px;
}

.status_inner_box_first_graph {
	display: inline-block;
	width: 50%;
	float: left;
}

.status_inner_box_first_graph p {
	text-align: center;
	padding-top: 10px;
	font-size: 14px;
	color: #8f8f8f;
	width: 130px;
}

.status_inner_box_first_text {
	display: inline-block;
	width: 50%;
	text-align: left;
}

.status_inner_box_first_text span {
	font-size: 14px;
	color: #8f8f8f;
	padding-top: 20px;
	display: block;
}

.status_inner_box_first_text p {
	font-size: 14px;
	color: #333333;
	padding-top: 10px;
}

/*당행 콘텐츠*/
.subMain_section_new_exclusiveContent .sms_inner {
	padding-top: 80px;
}

/*추천 KBI tube*/
.subMain_section_new_recommendationContent {
	background-color: transparent;
}

.subMain_section_new_recommendationContent .sms_inner {
	padding-top: 80px;
}

.subMain_section_new_recommendationContent .smss_list {
	padding-top: 20px;
	padding-left: 23px;
	width: 50%;
	box-sizing: border-box;
}

.recommendation_inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid #c5c5c5;
	padding-top: 15px;
	padding-bottom: 15px;
}

.recommendation_inner>div, .recommendation_inner>a>div {
	display: inline-block;
}

.recommendation_inner>a {
	display: flex;
	align-items: center;
	color: #333333;
}

.subMain_section_new_recommendationContent .new-smss_list a {
	color: #333333;
}

.recommendation_inner_num {
	width: 40px;
	text-align: center;
}

.recommendation_inner_img {
	
}

.recommendation_inner_img>div {
	width: 100px;
	height: 60px;
	overflow: hidden;
	border-radius: 3px;
}

.recommendation_inner_img>div img {
	/*max-width: 100%;*/
	width: 100%;
	height: 100%;
}

.recommendation_inner_content {
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 385px;
}

.recommendation_inner_content .recommendation_inner_content_title.ellipsisC2
	{
	min-height: 3em;
}

.recommendation_inner_content>div:nth-child(2) {
	font-size: 12px;
	color: #848484;
}

.smss_list>ul>li:last-child .recommendation_inner {
	/*border-bottom: none;*/
	
}

.subMain_section_new_recommendationContent .new-sms_slider_w,
	.subMain_section_new_recommendationContent .new-smss_lists_w,
	.subMain_section_new_recommendationContent .new-smss_list {
	height: 335px;
}

.subMain_section_new_recommendationContent .smss_lists_w.new-smss_lists_w:after
	{
	/*
    position: absolute;
    content: "";
    bottom: 20px;
    left: 20px;
    height: 1px;
    width: calc(100% - 20px);
    background-color: #c5c5c5;
    */
	
}
/*인기 급상승 시리즈*/
.subMain_section_new_hotSoaring {
	background-color: transparent;
}

.subMain_section_new_hotSoaring .sms_inner {
	padding-top: 80px;
}

.subMain_section_new_hotSoaring .sms_slider_w,
	.subMain_section_new_hotSoaring .smsSlider_lists_w {
	height: 290px;
}

.subMain_section_new_hotSoaring .smss_list.new-smss_list [class^="thumbnail_"]
	{
	width: 362px;
}

.subMain_section_new_hotSoaring .new-smss_list .thumbnail_kbiTube .thum_cont
	{
	padding-left: 10px;
	padding-right: 10px;
}

.subMain_section_new_hotSoaring .thum_cont .txt_categori {
	left: 10px;
	width: calc(100% - 10px);
	padding-left: 0px !important;
	padding-right: 10px !important;
}

.subMain_section_new_hotSoaring .thum_cont .txt_categori.txt_tag {
	bottom: -20px;
}

/*새로나온 콘텐츠*/
.subMain_section_new_newContent {
	background-color: #f2f2f2;
	padding-bottom: 15px;
	padding-top: 0px;
}

.subMain_section_new_newContent.firstContent {
	padding-top: 60px;
	margin-top: 60px;
}

.subMain_section_new_newContent .sms_inner {
	padding-top: 20px;
	border-top: 1px solid #c5c5c5;
}

.subMain_section_new_newContent.firstContent .sms_inner {
	padding-top: 80px;
	border-top: 0;
}

.newContent_title_box {
	background-color: #FFFFFF;
	width: 100%;
	height: 250px;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.newContent_title_box span {
	position: absolute;
	left: 50%;
	top: 28%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 20px;
}

.newContent_title_box a {
	font-size: 18px;
	line-height: 150%;
	color: #FFFFFF;
	font-weight: 700;
} /* 210701 */
.newContent_title_box img {
	max-width: 100%;
}

.newContent_999001 {
	height: 100%;
	width: 100%;
	background: url(/css/platformTubeWeb/images/img_new_999001.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.newContent_999001.over {
	background: url(/css/platformTubeWeb/images/img_new_999001_over.png);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.newContent_999002 {
	height: 100%;
	width: 100%;
	background: url(/css/platformTubeWeb/images/img_new_999002.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.newContent_999002.over {
	background: url(/css/platformTubeWeb/images/img_new_999002_over.png);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.newContent_999999 {
	height: 100%;
	width: 100%;
	background: url(/css/platformTubeWeb/images/img_new_999999.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.newContent_999999.over {
	background: url(/css/platformTubeWeb/images/img_new_999999_over.png);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.subMain_section_new_newContent .sms_slider_controls {
	left: 290px;
	right: auto;
	top: 105px;
}

.subMain_section_new_zzin .sms_slider_controls .btn_icon_next,
	/*2022-06-27 이부분 추가*/ .subMain_section_new_newContent .sms_slider_controls .btn_icon_next
	{
	margin-left: auto;
	margin-left: 740px;
}
/*
.subMain_section_new_newContent_one,
.subMain_section_new_newContent_two,
.subMain_section_new_newContent_three{
    background-color: #f2f2f2;
    padding-top: 60px;
    padding-bottom: 15px;
}

.subMain_section_new_newContent_two,
.subMain_section_new_newContent_three{
    padding-top: 0px;
}
.subMain_section_new_newContent_one .sms_inner {
    padding-top: 80px;
}
.subMain_section_new_newContent_two .sms_inner,
.subMain_section_new_newContent_three .sms_inner{
    padding-top: 20px;
    border-top: 1px solid #c5c5c5;
}
.newContent_title_box {
    background-color: #FFFFFF;
    width: 100%;
    height: 251px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.newContent_title_box span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 22px;
    color: #02a5b1;
}
.newContent_title_box img {
    max-width: 100%;
}
.subMain_section_new_newContent_one .sms_slider_controls,
.subMain_section_new_newContent_two .sms_slider_controls,
.subMain_section_new_newContent_three .sms_slider_controls {
    left: 290px;
    right: auto;
    top: 105px;
}
.subMain_section_new_newContent_one .sms_slider_controls .btn_icon_next,
.subMain_section_new_newContent_two .sms_slider_controls .btn_icon_next,
.subMain_section_new_newContent_three .sms_slider_controls .btn_icon_next {
    margin-left: auto;
    margin-left: 740px;
}
*/

/*추천 카테고리*/
.subMain_section_new_category {
	background-color: #f2f2f2;
}

.subMain_section_new_category .sms_inner {
	padding-top: 80px;
}

.new_category_inner {
	height: 135px;
}

.new_category_inner li {
	float: left;
	width: calc(20% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}

.new_category_inner li:nth-child(5n) {
	margin-right: 0;
}

.new_category_inner li button {
	font-size: 16px;
	width: 100%;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	border-radius: 5px;
	height: 58px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	white-space: nowrap;
	padding: 0 10px;
}
/*배너*/
.subMain_section_new_banner {
	background-color: #f2f2f2;
}

.subMain_section_new_banner .sms_inner {
	padding-top: 0;
}

.subMain_section_new_banner img {
	max-width: 100%;
}

/*추천 KBI tube 시리즈*/
.subMain_section_new_tubeSeries {
	background-color: #f2f2f2;
}

.subMain_section_new_tubeSeries .sms_inner {
	padding-top: 80px;
}

.tubeSeries_inner {
	padding-left: 290px;
	position: relative;
}

.tubeSeries_box {
	position: absolute;
	top: 10px;
	left: 0;
	overflow: hidden;
	width: 266px;
}

.tubeSeries_box_item {
	width: 236px;
	height: 42px;
	background-color: #FFFFFF;
	margin-bottom: 11px;
	padding: 15px 15px;
	display: table;
}

.tubeSeries_box_item span {
	display: table-cell;
	vertical-align: middle;
	word-break: keep-all;
	color: #333333;
}

.tubeSeries_box_item:last-child {
	margin-bottom: 0;
}

.tubeSeries_box_item:hover span {
	color: #02a5b1;
	cursor: pointer;
}

.tubeSeries_box_item.active {
	background-color: transparent;
}

.tubeSeries_box_item.active a, .tubeSeries_box_item.active span {
	color: #02a5b1;
}

.subMain_section_new_tubeSeries .sms_slider_controls {
	left: 290px;
	right: auto;
	top: 115px;
}

.subMain_section_new_tubeSeries .sms_slider_controls .btn_icon_next {
	float: right;
}

/*펀드 상품이해하기*/
.subMain_section_new_fundProduct {
	background-color: #f2f2f2;
}

.subMain_section_new_fundProduct .sms_inner {
	padding-top: 80px;
}

/*개인금융 분야 인기 콘텐츠*/
.subMain_section_new_personalFinance {
	background-color: #f2f2f2;
	padding-top: 60px;
}

.subMain_section_new_personalFinance .sms_inner {
	padding-top: 80px;
}

.txt_categori_personal {
	color: #02a5b1;
	font-weight: 500;
}
/*
.subMain_section_new_personalFinance .new-smss_list .thumbnail_kbiTube .thum_img {
    width: 155px;
    border-radius: 155px;
    height: 155px;
    margin: 0 auto;
}
.subMain_section_new_personalFinance .new-smss_list .thumbnail_kbiTube .thum_img img {
    width: 100%;
    height: auto;
}
.subMain_section_new_personalFinance .new-smss_list .thumbnail_kbiTube .thum_layer_w:hover .tl_btns_w {
    border-radius: 155px;
    width: 155px;
    left: 50%;
    transform: translateX(-50%);
    padding: 40px 25px 10px 25px;
}
.subMain_section_new_personalFinance .new-smss_list .thumbnail_kbiTube .thum_img .txt_time_flt {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}
*/

/*나의 관심분야 시리즈*/
div[class^="subMain_section_new_depart"] {
	background-color: #dbeff3;
}

div.depart-first[class^="subMain_section_new_depart"] {
	margin-top: 60px;
}

div.depart-last[class^="subMain_section_new_depart"] {
	padding-bottom: 60px;
}

div[class^="subMain_section_new_depart"] .sms_inner .wrap_tab_dot {
	padding-top: 40px;
}

div[class^="subMain_section_new_depart"] .sms_inner .wrap_tab_dot .tabmenu_dot
	{
	border-top: 1px solid #02a5b1;
	padding-right: 164px;
}

div[class^="subMain_section_new_depart"] .sms_inner .wrap_tab_dot .tabmenu_dot:after
	{
	border-bottom: 1px solid #02a5b1;
}

.sms_inner .wrap_tab_dot .tabmenu_cate_btn {
	background-color: #1baeb9;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 50px;
	border: none;
	width: 164px;
	height: 40px;
	border-radius: 45px;
	z-index: 1;
}

/*공통 : 콘텐츠 전체보기*/
.smsi_content_all {
	position: absolute;
	right: -136px;
	bottom: 0;
	text-align: right;
}

.smsi_content_all a, .smsi_content_all a:hover {
	color: #8f8f8f;
	text-decoration: none;
	letter-spacing: -1px;
}

/*공통 : 콘텐츠 박스*/
.smsi_header_description {
	font-size: 20px;
	font-weight: 300;
}

.new-sms_slider_w, .new-smsSlider_lists_w, .new-smsSlider_list,
	.new-smss_lists_w, .new-smss_list {
	height: 265px;
}

.new-smsSlider_lists_w {
	overflow: hidden;
}

.new-smss_list .thumbnail_kbiTube {
	border: none;
	height: auto;
	background-color: transparent;
}

.new-smss_list .thumbnail_kbiTube:hover {
	box-shadow: none;
}

.new-smss_list .thumbnail_kbiTube .thum_cont {
	border: none;
	height: auto;
	padding: 5px 10px 30px 10px;
}

.new-smss_list .thumbnail_kbiTube .thum_cont .txt_categori {
	padding: 5px 10px;
}

.new-smss_list .thumbnail_kbiTube .thum_cont .txt_categori a {
	color: #575757 !important;
}

.new-smss_list .thumbnail_kbiTube .thum_img {
	border-radius: 4px;
}

.new-smss_list .thumbnail_kbiTube .thum_layer_w:hover .tl_btns_w {
	border-radius: 4px;
}

.new-smss_list .thumbnail_kbiTube .txt_label_new, .new-smss_list .thumbnail_kbiTube .txt_label_best,
	.txt_label_brown_audio /* 230315 */ {
	border-top-left-radius: 4px;
}

.btn_open_close {
	color: #333333;
	border: none;
	background-color: #f8f8f8;
	font-size: 16px;
	border-radius: 40px;
	height: 40px;
	padding: 0;
}

.btn_open_close:hover {
	box-shadow: none;
}

.thum_cont .tit_sub02_cDarkgray2 {
	max-height: 53px;
	height: auto;
	font-size: 15px;
}

/*
.new_content_row .smsi_btn_w {
    display:block;
    margin:15px 0;
    vertical-align:middle;
}
.new_content_row .smsib_lists_w {
    display:block;
}
.new_content_row .smsib_list {
    display:inline-block; 
    margin-bottom: 10px;
}
*/

/*NEW POPUP*/
.new_popup_big_setMyInterest {
	border-radius: 5px;
}

.new_popup_big_setMyInterest .tit_main_cDarkgray2 {
	color: #02a5b1;
}

.new_popup_big_setMyInterest .pop_interest_section {
	overflow: hidden;
	overflow-y: auto;
	min-height: 400px;
	max-height: 400px;
}

.new_popup_big_setMyInterest .interest_lists_w {
	padding-left: 0;
	padding-right: 0;
	margin-top: 20px;
	min-height: auto;
	max-height: none;
	overflow: visible;
}

.new_popup_big_setMyInterest .interest_lists_w .ilw_lists .ilw_tit {
	color: #000000;
	padding-bottom: 0px;
	border-bottom: none;
}

.new_popup_big_setMyInterest .interest_lists_w .ilw_lists:first-child {
	padding-top: 30px;
}

.new_popup_big_setMyInterest .interest_lists_w .ilw_lists+.ilw_lists {
	padding-top: 30px;
}

.new_popup_big_setMyInterest .pop_interest_group {
	font-size: 18px;
	color: #02a5b1;
	font-weight: 600;
	margin-top: 45px;
}

.new_popup_big_setMyInterest .pop_interest_group span {
	color: #ba9164;
	font-size: 14px;
	font-weight: 300;
}

.new_popup_big_setMyInterest .pop_interest_group .pop_interest_group_comment
	{
	font-size: 18px;
	color: #02a5b1;
}
/*관심분야 설정 - full 팝업*/
.new_popup_big_setMyInterest.full {
	border-radius: 0px;
	margin: 0 !important;
	width: 100%;
	left: 0;
	top: 0;
	height: 100vh;
}

.new_popup_big_setMyInterest.full .pop_interest_section {
	overflow: hidden;
	overflow-y: auto;
	min-height: auto;
	max-height: none;
	height: calc(100vh - 336px);
}

.new_popup_big_setMyInterest.full .pop_content {
	height: calc(100vh - 160px);
}

/* 필수 학업 요건 팝업*/
.pop_essential_section {
	
}

.pop_essential_section ul {
	height: 200px;
}

.pop_essential_section ul li.ilw_lists {
	float: left;
	width: 50%;
	padding: 0;
}

.pop_essential_section button {
	border: 1px solid #dadada;
	height: 70px;
	width: 156px;
	margin: 10px;
	border-radius: 50px;
	color: #333333;
	font-size: 20px;
	background-color: #FFFFFF;
}

.pop_essential_section button.active {
	background-color: #02a5b1;
	border: 1px solid #02a5b1;
	color: #FFFFFF;
}

.new_popup_big_setMyInterest .pop_essential_section .interest_lists_w .ilw_lists
	{
	padding-top: 0 !important;
}

/* 서브 페이지 메인 */
.new-subContent {
	overflow: hidden;
}

.container .page_map {
	position: absolute;
	top: 145px;
}
/*2023-09-22 modify*/
.new-subContent .chk_lists_w {
	display: none;
}

.new-subContent .tabmenu_big_white .btn_tab.active:after {
	content: "";
	height: 0;
	background: transparent;
}

/*금융직무 - 연수 분야별*/
.subPage_section_personalFinance>.tit_main_cDakgray2 {
	margin-top: 0;
}

.subPage_section_personalFinance .sub_pf_tabs_content {
	padding-top: 30px;
}

.subPage_section_personalFinance .sub_pf_tabs_content .sms_inner {
	padding-top: 30px;
}

.subPage_section_personalFinance .sub_pf_tabs_inner {
	position: relative;
}

.subPage_section_personalFinance div [class^='subPage_section_personalFinance']
	{
	padding-top: 60px;
}

/*개인금융 하위분류*/
.subPage_section_personalFinanceCategory .sub_pf_categoty_content {
	padding-top: 35px;
}

.subPage_section_personalFinanceCategory .sub_pf_categoty_content ul {
	display: flex;
	flex-flow: wrap;
}

.subPage_section_personalFinanceCategory .sub_pf_categoty_content li {
	float: left;
	width: calc(20% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
}

.subPage_section_personalFinanceCategory .sub_pf_categoty_content li button
	{
	font-size: 18px;
	width: 100%;
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	border-radius: 5px;
	height: 58px;
	color: #363636;
}
/*개인금융 전체콘텐츠*/
.subPage_section_personalFinanceAll .sub_pf_all_content {
	padding-top: 35px;
}

.sub_pf_all_inner {
	
}

.sub_pf_all_inner_aside {
	display: inline-block;
	width: 200px;
	float: left;
	color: #333333;
}

.sub_pf_all_inner_aside_title {
	border: 1px solid #d8d8d8;
	height: 53px;
	font-size: 18px;
	padding: 0 20px;
	display: flex;
	align-items: center;
}

.sub_pf_all_inner_aside_title img {
	margin-right: 10px;
}

.sub_pf_all_inner_aside_filter {
	padding: 20px 15px;
	background-color: #f8f8f8;
	display: block;
	position: relative;
}

.sub_pf_all_inner_aside_filter ul {
	margin: 5px 0;
}

.sub_pf_all_inner_aside_filter_title {
	display: block;
	font-size: 18px;
	color: #333333;
	margin-bottom: 18px;
}

.sub_pf_all_inner_aside_filter>ul li ul {
	/*margin-left: 18px;*/
	margin-left: 0;
}

.sub_pf_all_inner_aside_filter:after {
	position: absolute;
	content: "";
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #DDD;
}

.sub_pf_all_inner_aside_filter .gui-check {
	position: relative;
	margin-bottom: 10px;
}

.sub_pf_all_inner_aside_filter .gui-check i {
	margin-top: 2px;
}

.sub_pf_all_inner_aside_filter .gui-check label {
	vertical-align: top;
	font-size: 13px;
}

.sub_pf_all_inner_aside_filter .gui-check span {
	font-size: 80%;
}

.sub_pf_all_inner_aside_filter input[type='checkbox'] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.sub_pf_all_inner_aside_filter input[type="checkbox"]:checked+.icon_checkbox
	{
	background-image: url(/css/images/common/icon_check_on.png);
}

.sub_pf_all_inner_content {
	display: inline-block;
	width: calc(100% - 200px);
}

.sub_pf_all_inner_content_title {
	border-bottom: 1px solid #d8d8d8;
	height: 54px;
	font-size: 18px;
}

.sub_pf_all_inner_content_title .sub_pf_all_inner_content_count {
	padding-top: 12px;
	display: inline-block;
	font-size: 18px;
	margin-left: 20px;
}

.sub_pf_all_inner_content_select {
	display: inline-block;
	float: right;
}

.sub_pf_all_inner_content_list {
	margin-left: 20px;
}

.sub_pf_all_inner_content_list .sub_pf_all_inner_content_list_row {
	border-top: 1px solid #d8d8d8;
	padding: 20px 0;
}

.sub_pf_all_inner_content_list .sub_pf_all_inner_content_list_row:first-child
	{
	border-top: none;
}

.sub_pf_all_inner_content_list .sub_pf_all_inner_content_item {
	height: 155px;
}

.sub_pf_all_inner_content_item>div {
	display: inline-block;
	float: left;
	position: relative;
	height: 100%;
}

.sub_pf_all_inner_content_item_image {
	width: 266px;
}

.sub_pf_all_inner_content_item_image .thum_img {
	border-radius: 4px;
}

.sub_pf_all_inner_content_item_image .thum_img img {
	width: 100%;
}

.sub_pf_all_inner_content_item_image [class^="txt_label"]:first-child {
	border-top-left-radius: 4px;
}

.sub_pf_all_inner_content_item_image .tl_btns_w {
	border-radius: 4px;
}

.sub_pf_all_inner_content_item_content {
	width: calc(100% - 266px - 150px - 30px);
	margin: 5px 15px;
}

.sub_pf_all_inner_content_item .sub_pf_all_inner_content_item_button {
	width: 150px;
	display: inline-flex;
	align-items: flex-end;
	height: 100%;
	flex-direction: column;
	justify-content: flex-end;
}

.sub_pf_all_inner_content_item .thumbnail_kbiTube {
	border: none;
	height: auto;
	background-color: transparent;
}

.sub_pf_all_inner_content_item_content_type {
	font-size: 12px;
	color: #575757;
}

.sub_pf_all_inner_content_item_content_title {
	font-size: 20px;
	color: #282828;
	overflow: hidden;
	height: 60px;
}

.sub_pf_all_inner_content_item_content_title a {
	color: #282828;
}

.sub_pf_all_inner_content_item_content_length {
	font-size: 12px;
	color: #848484;
	padding-top: 10px;
	position: absolute;
	bottom: 30px;
	left: 0;
}

.sub_pf_all_inner_content_item_content_length p {
	margin-top: 5px;
}

.sub_pf_all_inner_content_item_content_length p:first-child {
	margin-top: 0;
}

.sub_pf_all_inner_content_item_content_category {
	font-size: 12px;
	color: #848484;
	position: absolute;
	bottom: 5px;
	left: 0;
}

.sub_pf_all_inner_content_item_content_category a {
	color: #848484 !important;
}

.sub_pf_all_inner_content_item_button button {
	width: 150px;
	height: 45px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
	margin-top: 10px;
}

.sub_pf_all_inner_content_item_button button.btn_go_cart {
	background-color: #c4c4c4;
	margin-top: 10px;
}

.sub_pf_all_inner_content_more {
	padding-top: 20px;
	padding-bottom: 60px;
}

.sub_pf_all_inner_content_more button {
	font-size: 18px;
	color: #333333;
	text-align: center;
	width: calc(100% - 20px);
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.sub_pf_all_inner_content_more button span {
	color: #c4c4c4;
}

/*슬라이드 인 버튼 변경*/
.subMain_section_new_zzin .sms_slider_controls, /*2022-06-27 이부분 추가*/
	.subMain_section_new_newContent .sms_slider_controls,
	.subMain_section_new_tubeSeries .sms_slider_controls {
	width: calc(100% - 300px);
	margin-left: 5px;
	margin-right: 5px;
	z-index: 99;
	top: 105px;
}

.subPage_section_personalFinance .sms_slider_controls {
	right: auto;
	top: 105px;
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
	z-index: 99;
	left: 0px;
}

.subMain_section_new_zzin .sms_slider_controls button:disabled,
	/*2022-06-27 이부분 추가*/ .subMain_section_new_newContent .sms_slider_controls button:disabled,
	.subMain_section_new_tubeSeries .sms_slider_controls button:disabled, [class^=subMain_section_new_depart] .sms_slider_controls button:disabled
	{
	opacity: 0;
}

.subPage_section_personalFinance .sms_slider_controls .btn_icon_next, [class^=subMain_section_new_depart] .sms_slider_controls .btn_icon_next
	{
	float: right;
}

.subMain_section_new_zzin .sms_slider_controls .btn_icon_prev,
	/*2022-06-27 이부분 추가*/ .subMain_section_new_newContent .sms_slider_controls .btn_icon_prev,
	.subMain_section_new_tubeSeries .sms_slider_controls .btn_icon_prev,
	.subPage_section_personalFinance .sms_slider_controls .btn_icon_prev, [class^=subMain_section_new_depart] .sms_slider_controls .btn_icon_prev
	{
	background-image: url(/css/platformTubeWeb/images/ico_slide_left.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
}

.subMain_section_new_zzin .sms_slider_controls .btn_icon_next,
	/*2022-06-27 이부분 추가*/ .subMain_section_new_newContent .sms_slider_controls .btn_icon_next,
	.subMain_section_new_tubeSeries .sms_slider_controls .btn_icon_next,
	.subPage_section_personalFinance .sms_slider_controls .btn_icon_next, [class^=subMain_section_new_depart] .sms_slider_controls .btn_icon_next
	{
	background-image: url(/css/platformTubeWeb/images/ico_slide_right.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
}

.subMain_section_new_zzin .sms_slider_controls .btn_icon_prev:hover,
	/*2022-06-27 이부분 추가*/ .subMain_section_new_newContent .sms_slider_controls .btn_icon_prev:hover,
	.subMain_section_new_tubeSeries .sms_slider_controls .btn_icon_prev:hover,
	.subPage_section_personalFinance .sms_slider_controls .btn_icon_prev:hover,
	[class^=subMain_section_new_depart] .sms_slider_controls .btn_icon_prev:hover
	{
	background-image:
		url(/css/platformTubeWeb/images/ico_slide_left_over.png);
	background-color: transparent;
}

.subMain_section_new_zzin .sms_slider_controls .btn_icon_next:hover,
	/*2022-06-27 이부분 추가*/ .subMain_section_new_newContent .sms_slider_controls .btn_icon_next:hover,
	.subMain_section_new_tubeSeries .sms_slider_controls .btn_icon_next:hover,
	.subPage_section_personalFinance .sms_slider_controls .btn_icon_next:hover,
	[class^=subMain_section_new_depart] .sms_slider_controls .btn_icon_next:hover
	{
	background-image:
		url(/css/platformTubeWeb/images/ico_slide_right_over.png);
	background-color: transparent;
}

[class^=subMain_section_new_depart] .sms_slider_controls {
	width: calc(100% - 10px);
	margin-left: 6px;
	margin-right: 6px;
	z-index: 99;
	top: 282px;
	left: 0px;
}

/*탭 조정*/
.new-subContent .tabmenu_big_type2 {
	left: 0px;
}

.new-subContent ul li.tab_list {
	padding-left: 0px !important;
}

.new-subContent ul li.tab_list {
	/*border: 1px solid #dedede;*/
	border-radius: 0;
}

.new-subContent ul li.tab_list .btn_tab {
	border-radius: 0;
	border: 1px solid #dedede;
	border-bottom: 0;
}

.new-subContent ul li.tab_list .btn_tab.active {
	border: 1px solid #02a5b1;
}

/*My - 필수 학습 요건*/
.subPage_my_Essential>.tit_main_cDakgray2 {
	margin-top: 0;
}

.subPage_my_Essential .sub_me_tabs_content {
	padding-top: 10px;
}

.subPage_my_Essential .sub_me_tabs_inner {
	position: relative;
}

.subPage_my_EssentialState .sub_me_state_content {
	padding-top: 35px;
}

.subPage_my_EssentialDetail .sub_me_deatil_content {
	padding-top: 15px;
}

.subPage_my_EssentialContent .sub_me_content_content {
	padding-top: 15px;
}

.subPage_my_EssentialState .essential_row {
	display: block;
	padding-top: 0px;
	height: auto;
}

.subPage_my_EssentialState .essential_row {
	display: inline-block;
	width: 100%;
}

.subPage_my_EssentialState .essential_row>ul>li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-right: 15px;
	padding-bottom: 15px;
}

.subPage_my_EssentialState .essential_row>ul>li:nth-child(2n) {
	padding-right: 0px;
}

.subPage_my_EssentialState .essential_row>ul>li:nth-child(n+3) {
	padding-bottom: 0;
}

.subPage_my_EssentialState .essential_inner {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px;
	height: 180px;
}

.subPage_my_EssentialState .essential_inner_content {
	padding: 15px 25px 0 25px;
}

.subPage_my_EssentialState .essential_inner_content>div:first-child {
	width: 30%;
}

.subPage_my_EssentialState .essential_inner_content>div:last-child {
	width: 70%;
}

.subPage_my_EssentialState .essential_inner_detail {
	margin-top: 15px;
}

.subPage_my_EssentialState .essential_inner_detail .essential_inner_count
	{
	display: inline-block;
	width: 180px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 10px;
	letter-spacing: -2px;
}

.subPage_my_EssentialState .essential_inner_detail .essential_inner_count>span
	{
	font-size: 24px;
	color: #8f8f8f;
}

.subPage_my_EssentialState .essential_inner_detail .essential_inner_btn
	{
	
}

.subPage_my_EssentialState .essential_inner_description {
	text-align: left;
	margin: 0 10px;
}

.subPage_my_EssentialDetail, .subPage_my_EssentialContent {
	position: relative;
}

.essential_inner_count_complete i.essential_complete {
	background-image: url(/css/platformTubeWeb/images/ico_big_complete.png);
	width: 32px;
	height: 32px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: -4px;
}

.essential_inner_count_complete {
	color: #02a5b1;
}

.essential_comment {
    /* position: absolute; 
    top: 20px;
    right: 0;*/
    font-weight: 600;
    display: block;
    margin-top: 10px;
}/*2023-09-25*/

/*My - 학습통계*/
.subPage_my_Statistics>.tit_main_cDakgray2 {
	margin-top: 0;
}

.subPage_my_Statistics .sub_ms_tabs_content {
	padding-top: 30px;
}

.subPage_my_Statistics .sub_ms_tabs_inner {
	position: relative;
}

.subPage_my_Statistics .sub_ms_state_content {
	padding-top: 35px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 24px;
	display: flex;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box>div {
	display: flex;
	align-items: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content
	{
	font-size: 22px;
	padding-left: 45px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content li
	{
	float: left;
	color: #02a5b1;
	padding-left: 38px;
	padding-right: 38px;
	position: relative;
	/*display: flex;*/
	align-items: center;
}

.statistics_all_box_content_comment {
	font-size: 14px;
	color: #333333;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content li:first-child
	{
	border-right: 1px solid #e5e5e5;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content li:last-child
	{
	color: #ba9164;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content li span
	{
	font-size: 32px;
	font-weight: 600;
	margin-left: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content li:before
	{
	display: block;
	content: '';
	position: absolute;
	left: 25px;
	top: 28px;
	width: 3px;
	height: 3px;
	background-color: #02a5b1;
	border-radius: 50px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box .statistics_all_box_content li:last-child:before
	{
	background-color: #ba9164;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box_new .statistics_all_box_content li
	{
	border: none !important;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box_new .statistics_all_box_content li:before
	{
	display: none;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box_new.ranking .statistics_all_box_content li:last-child
	{
	width: 370px;
	text-align: center;
}

.statistics_inner_rank_comment {
	width: 100%;
	height: 205px;
	position: relative;
}

.statistics_inner_rank_comment .statistics_inner_rank_comment_text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	color: #02a5b1;
	width: 100%;
}

.statistics_inner_rank_comment .statistics_inner_description {
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translate(-50%, 1%);
	text-align: center;
	width: 100%;
}

.statistics_inner_rank_comment .statistics_inner_description.statistics_inner_description2
	{
	bottom: -12px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_all_box_new {
	margin-top: 15px;
}

.statistics_row_outer {
	padding-top: 15px;
}

.statistics_row_outer li {
	float: left;
	width: 33.333%;
	padding-right: 15px;
	padding-bottom: 15px;
}

.statistics_row_outer li:nth-child(2n) {
	width: calc(66.666% - 15px);
	padding-right: 0px;
}

.statistics_row_outer_new {
	padding-top: 15px;
}

.statistics_row_outer_new li {
	float: left;
	width: 100%;
	padding-right: 15px;
	padding-bottom: 15px;
}

.statistics_inner {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 25px;
	height: 240px;
	padding-right: 15px;
}

.statistics_inner .statistics_inner_title {
	font-size: 22px;
	color: #333333;
}

.statistics_inner_content {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	height: 120px;
}

.statistics_inner_content>div {
	width: 50%;
	display: inline-block;
	float: left;
}

.statistics_inner_content .statistics_inner_graph {
	width: 130px;
	height: 130px;
	background-color: transparent;
}

.statistics_inner_content .statistics_inner_graph>div {
	position: relative;
	width: 130px;
	height: 130px;
}

.statistics_inner_content .statistics_inner_graph>div strong {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 25px;
	color: #02a5b1;
}

.statistics_inner_content .statistics_inner_graph>div span {
	font-size: 20px;
	color: #02a5b1;
	position: absolute;
	left: 50%;
	top: 66%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.statistics_inner_content .statistics_inner_text {
	text-align: left;
}

.statistics_inner_content .statistics_inner_text>div {
	font-size: 14px;
	color: #333333;
	padding-bottom: 5px;
}

.statistics_inner_content .statistics_inner_text>div:nth-child(1) {
	color: #ba9164;
}

.statistics_inner_content .statistics_inner_text>div:nth-child(2) {
	color: #02a5b1;
}

.statistics_inner_content .statistics_inner_text>div:last-child {
	padding-bottom: 10px;
}

.statistics_inner_content .statistics_inner_text button {
	width: 126px;
	height: 40px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
}

.circleFillChart {
	width: 150px;
	height: 150px;
	position: relative;
	border-radius: 100%;
	background-color: #02a5b1;
	border: none;
	overflow: hidden
}

.circleFillChart .circleFillChart_fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	background-color: #dedede;
	border: 1px solid #dedede;
	transition: height 1s ease;
}

.circleFillChart span {
	font-size: 24px !important;
	margin: 0 !important;
	color: #02a5b1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #FFFFFF;
}

.circleFillChart span strong {
	color: #FFF;
	position: relative;
	left: 0;
	top: 0;
	transform: none;
	line-height: 35px;
	font-size: 50px;
}

.statistics_inner_description {
	font-size: 14px;
	color: #ba9164;
	text-align: center;
}

.statistics_inner_content .statistics_inner_graph .circleFillChart span
	{
	color: #FFFFFF !important;
	top: 48%;
}

.statistics_inner_content .statistics_inner_graph .circleFillChart span strong
	{
	color: #FFF;
	position: relative;
	left: 0;
	top: 0;
	transform: none;
	line-height: 35px;
	font-size: 50px;
}

.statistics_inner_content .statistics_inner_chart_title {
	font-size: 18px;
	color: #02a5b1;
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
	font-weight: 600;
	margin-top: -20px;
	margin-left: 20px;
}

.statistics_inner_chart.statistics_learning_time .statistics_inner_chart_title
	{
	color: #ba9164;
}

.statistics_inner_chart .statistics_inner_chart_line {
	background-color: #FFFFFF;
	text-align: center;
	margin-right: 10px;
	margin-top: -15px;
}

.statistics_inner_chart .statistics_inner_chart_line .statistics_inner_chart_title
	{
	margin-top: 0;
	margin-left: 20px;
	padding-bottom: 0px;
	padding-top: 5px;
}

.statistics_inner_chart .statistics_inner_chart_line canvas {
	margin: 0 auto;
}

.statistics_inner_content .statistics_inner_chart_canvas {
	width: 150px;
	display: inline-block;
	float: left;
	margin-right: 60px;
}

.statistics_inner_content .statistics_inner_chart_canvas.statistics_inner_chart_canvas_time
	{
	width: 210px;
	margin-right: 0;
	margin-top: -30px;
}

.statistics_inner_chart_legend {
	display: inline-block;
	float: left;
	display: inline-flex;
	height: 150px;
	align-items: center;
}

.statistics_inner_chart_legend ul {
	
}

.statistics_inner_chart_legend>ul li {
	float: none;
	text-align: left;
	font-size: 13px;
	padding: 0 0 5px 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.statistics_inner_chart_legend>ul li:last-child {
	padding-bottom: 0 !important;
}

.statistics_inner_chart_legend ul li .legnd_title {
	min-width: 100px;
	display: inline-block;
}

.statistics_inner_chart_legend ul>li>span {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.statistics_inner_content .statistics_inner_rank,
	.statistics_all_box_content .statistics_inner_rank {
	height: 100%;
	background-image: url(/css/platformTubeWeb/images/bg_rank.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.statistics_inner_content .statistics_inner_rank_text {
	padding-top: 20%;
}

.statistics_inner_content .statistics_inner_rank_text {
	font-size: 24px;
	color: #8f8f8f;
}

.statistics_inner_content .statistics_inner_rank_text p:nth-child(2) {
	font-size: 14px;
	font-weight: 600;
	color: #02a5b1;
}

.statistics_inner_rank_new {
	width: 150px;
	height: 150px;
	background-image: url(/css/platformTubeWeb/images/bg_rank.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.statistics_inner_rank_new .statistics_inner_rank_text {
	padding-top: 40%;
	text-align: center;
}

.statistics_inner_rank_new .statistics_inner_rank_text p {
	font-size: 24px;
	color: #8f8f8f;
}

.statistics_inner_rank_comment {
	
}
/*
.subPage_my_EssentialDetail .sub_me_deatil_content{
     padding-top: 35px;
}
.subPage_my_EssentialContent .sub_me_content_content{
     padding-top: 35px;
}
.subPage_my_EssentialState .essential_row {
    display: block;
    padding-top: 0px;
    height: 440px;
}
*/

/*서브페이지 테이블 공통*/
.sub_normal_table {
	width: 100%;
}

.sub_normal_table td, .sub_normal_table th {
	padding: 5px;
	text-align: center;
	border-top: 1px solid #d8d8d8;
	color: #8f8f8f;
	font-size: 15px;
}

.sub_normal_table thead th {
	text-align: center;
	border-top: 2px solid #8b8b8b;
	border-bottom: 2px solid #8b8b8b;
	background-color: #f8f8f8;
	color: #333333;
}

.sub_normal_table tbody tr:last-child td {
	border-bottom: 2px solid #8b8b8b;
}

.sub_normal_table span.complete {
	color: #02a5b1;
}

.sub_normal_table span.ing {
	color: #ba9164;
}

.sub_normal_table span.req {
	color: #E61E1E;
}

.sub_normal_table button.complete {
	background-color: #02a5b1;
	border: none;
	color: #FFFFFF;
	width: 90px;
	height: 35px;
}

.sub_normal_table button.ing {
	background-color: #dedede;
	border: none;
	color: #FFFFFF;
	width: 90px;
	height: 35px;
}

.sub_normal_table .text-left {
	text-align: left;
}

/* 신규 My Page 상단 알림 */
.subPage_my_info {
	padding: 20px 0 60px 0;
}

.subPage_my_info .mypage_tabs_info {
	
}

.subPage_my_info .mypage_tabs_info>li {
	border-bottom: 1px solid #d8d8d8;
}

.subPage_my_info .mypage_tabs_info>li:first-child {
	border-top: 1px solid #8b8b8b;
}

.subPage_my_info .mypage_tabs_info>li:last-child {
	border-bottom: 1px solid #8b8b8b;
}

.subPage_my_info .mypage_tabs_info li .mypage_tabs_info_inner {
	display: flex;
	padding: 20px 0;
	position: relative;
	font-size: 15px;
}

.subPage_my_info .mypage_tabs_info li .mypage_tabs_info_inner>div {
	font-size: 15px;
	color: #333333;
	margin-left: 30px;
	width: calc(100% - 220px);
	line-height: 22px;
}

.subPage_my_info .mypage_tabs_info li .mypage_tabs_info_inner>div:first-child
	{
	width: 190px;
	text-align: right;
	color: #8f8f8f;
	font-size: 15px;
	margin-left: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* 회원권 선택 select */
.mypage_tabs_select select span {
	
}

.mypage_tabs_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	padding: 0 1em 0 0;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
	z-index: 1;
	outline: none;
}

.mypage_tabs_select select::-ms-expand {
	display: none;
}

.mypage_tabs_select {
	display: grid;
	grid-template-areas: "select";
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	border: none;
	font-size: 1.25rem;
	cursor: pointer;
	line-height: 1.1;
	background-color: transparent;
}

.mypage_tabs_select select, .mypage_tabs_select::after {
	grid-area: select;
}

.selectator_element:before {
	content: '회원권 선택';
	width: 150px;
	height: 44px;
	background-color: #02a5b1;
	color: #FFFFFF;
	justify-self: end;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: -8px;
	line-height: 44px;
	right: 0;
}

.selectator_element:after {
	right: 12px;
	display: none;
}

.selectator_element.focused.options-visible:after {
	display: inline-block;
}

.mypage_tabs_select .selectator_element {
	padding: 0px !important;
	height: auto !important;
}

.selectator_selected_item {
	color: #02a5b1 !important;
}

.selectator_selected_items .selectator_selected_item_right {
	display: none;
}

.selectator_selected_items .selectator_selected_item_left {
	display: none;
}

.selectator_element {
	border: none;
	background-color: transparent;
}

.selectator_element.single {
	height: auto !important;
	padding: 0 !important;
	cursor: pointer;
}

.selectator_element.focused {
	box-shadow: none;
}

.selectator_element.single .selectator_selected_items {
	font-size: 15px;
}

.selectator_options {
	top: 38px !important;
	border-color: #8b8b8b;
	box-shadow: none;
	border-radius: 0;
}

.selectator_options .selectator_option .selectator_option_right {
	background-color: transparent;
	color: #8f8f8f;
	font-weight: normal;
	font-size: 16px;
}

.selectator_options .selectator_option .selectator_option_title {
	margin-left: 0;
}

.mypage_tabs_button {
	width: 150px;
	height: 44px;
	background-color: #02a5b1;
	color: #FFFFFF;
	border: 0;
	font-size: 16px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 10px;
}

/* 날짜 검색 */
.mypage_tabs_date {
	
}

.mypage_tabs_date ul li {
	float: left;
	margin-right: 8px;
}

.mypage_tabs_date ul li button {
	width: 94px;
	height: 40px;
	display: flex;
	background-color: #efefef;
	color: #333333;
	font-size: 16px;
	border: 0;
	align-items: center;
	justify-content: center;
	border-radius: 25px;
	margin-top: 3px;
}

.mypage_tabs_date ul li button.active {
	background-color: #02a5b1;
	color: #FFFFFF;
}

.mypage_tabs_date ul li:last-child {
	margin-right: 0;
}

/* My - 플레이리스트 */
.mypae_playlist {
	padding-top: 20px;
}

.mypae_playlist>ul>li {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

.mypae_playlist>ul>li:nth-child(4n) {
	margin-right: 0px;
}

.mypae_playlist>ul>li [class^="thumbnail_"], .mypae_playlist>ul>li .thum_cont
	{
	height: auto;
}

.mypae_playlist_item_button {
	width: 266px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.mypae_playlist_item_button button {
	width: 50%;
	height: 45px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
	margin-top: 10px;
	margin-right: 10px;
}

.mypae_playlist_item_button button:nth-child(2) {
	margin-right: 0px;
	margin-left: 10px;
	background-color: #c4c4c4;
}

.mypae_playlist ul li .tl_btns_w {
	padding: 55px 18px 10px 18px;
}

.mypae_playlist ul li .thum_img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.mypae_playlist ul li .label_w [class^="txt_label"] {
	border-top-left-radius: 4px;
}

/* My 관심분야 */
.subPage_my_Interests {
	
}

.subPage_my_Interests .pop_inner {
	padding-top: 0;
}

.subPage_my_Interests .pop_inner .pop_content {
	padding: 30px 0 0 0;
	text-align: left;
}

.subPage_my_Interests.new_popup_big_setMyInterest .pop_interest_section
	{
	overflow-y: visible;
	max-height: none;
}

.subPage_my_Interests.new_popup_big_setMyInterest .pop_interest_section .interest_lists_w,
	.new_popup_big_setMyInterest .interest_lists_w {
	border-bottom: 1px solid #02a5b1;
	padding-bottom: 40px;
}

.subPage_my_Interests.new_popup_big_setMyInterest .pop_interest_section .interest_lists_w:last-child,
	.new_popup_big_setMyInterest .interest_lists_w:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.subPage_my_Interests .pop_bottom {
	padding-top: 60px;
}

.subPage_my_Interests .pop_bottom button {
	width: 100%;
}

/* My - 학습중, 학습완료 */
.new-subContent .bbs_top_w .select_group {
	margin-left: 10px;
}

/*
.mypage_tabs_info li > div {
    display: inline-block;
    float: left;
    height: 60px;
}
.mypage_tabs_info li > div:first-child {
    width: 190px;
    text-align: right;
}
*/
.statistics_inner_rank_comment_text .stars {
	
}

.statistics_inner_rank_comment_text .stars span {
	margin: 0 !important;
	font-size: 12px !important;
}

.statistics_inner_rank_comment_text .stars span:after {
	content: "\2605";
	margin: 0;
	color: #02a5b1;
	position: relative;
	display: inline-block;
	font-size: 18px;
}

.statistics_inner_rank_comment_text .stars span.blank:after {
	content: "\2606";
}

.status_inner_graph .statistics_inner_graph_goal {
	height: 150px;
	width: 150px;
	position: relative;
}

.status_inner_graph .statistics_inner_graph_goal strong {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 28px;
	color: #02a5b1;
}

.status_inner_graph .statistics_inner_graph_goal span {
	color: #02a5b1;
	position: absolute;
	left: 50%;
	top: 66%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 20px !important;
	margin: 0 !important;
	font-weight: normal !important;
}

.statistics_all_box_content_goal ul li:nth-of-type(n+2) {
	padding-left: 28px !important;
	padding-right: 25px !important;
}

.statistics_inner_goal_new {
	height: 150px;
	position: relative;
}

.statistics_inner_goal_text p {
	font-size: 16px;
	color: #ba9164;
}

.statistics_inner_goal_new button {
	width: 126px;
	height: 40px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.statistics_inner_goal_text_1>div:first-child {
	padding-top: 50px;
}

.statistics_inner_goal_text_2>div:first-child {
	padding-top: 30px;
}

.statistics_inner_goal_text_2 p {
	color: #333333;
}

.statistics_inner_goal_text_fight p {
	color: #02a5b1;
}

.statistics_inner_goal_text_fight {
	padding-bottom: 10px;
}

/*2021-04-08 추가 */
.vs_indicator_w_tube {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	height: 9px;
}

.vs_indicator_w_tube .vsi_list {
	float: left;
	height: 9px;
}

.vs_indicator_w_tube .vsi_list+.vsi_list {
	margin-left: 10px;
}

.vs_indicator_w_tube .vsi_list .link_vsi {
	display: inline-block;
	width: 9px;
	height: 9px;
	background: #8f8f8f;
	text-indent: -9999px;
	border-radius: 50%;
}

.vs_indicator_w_tube .vsi_list .link_vsi.active {
	background: #fff;
}

.new-visual.visual_mainMain_tube .vm_big_w {
	height: auto;
}

.new-visual.visual_mainMain_tube .vm_big_w .vmb_lists_w {
	height: auto;
}

.new-visual.visual_mainMain_tube .vm_big_w .vmb_lists_w .vmb_list {
	height: auto;
}

.new-visual.visual_mainMain_tube .vm_big_w .vmb_lists_w .vmb_list [class^="vm_cont"]
	{
	height: auto;
}

visual_mainMain_tube {
	height: auto !important;
}

/*2021-05-17 */

/*추가 2021-05-12*/
.h_event_w {
	position: absolute;
	right: 20px;
	top: 6px;
	height: 30px;
	text-align: center;
	line-height: 1.4;
}

.h_event_w .total_star {
	color: #02a5b1;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
}

.h_event_w .total_star img {
	margin-right: 4px;
	margin-bottom: 4px;
	vertical-align: middle;
}

.h_event_w .total_star span {
	position: relative;
	display: inline-block;
}

.h_event_w .total_star span a, a:hover {
	color: #02a5b1;
	text-decoration: underline;
} /* 210525 */
.h_event_w .total_star span:after {
	display: block;
	content: "";
	height: 1px;
	width: 100%;
	background: #02a5b1;
	position: absolute;
	bottom: 2px;
	left: 0;
}

.h_event_w .today_star {
	background: #00d6ac;
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	position: relative;
	line-height: 12px;
	font-size: 12px;
	margin: 6px auto 0;
	animation: point 1s infinite;
	-webkit-animation: point 1s infinite;
	-moz-animation: point 1s infinite;
	-o-animation: point 1s infinite;
}

.h_event_w .today_star:before {
	position: absolute;
	top: -4px;
	left: 10px;
	width: 7px;
	height: 4px;
	display: block;
	background: url(../platformTubeWeb/images/ico_new_arrow_box.png)
		no-repeat;
	content: "";
}

.point_search_con {
	text-align: left;
	padding-left: 220px;
	margin-bottom: 10px;
} /* 210518 */
@-webkit-keyframes point {
  0%, 100% {transform: translateY(0px);}
  50% {transform: translateY(-5px);}
}
@-moz-keyframes point {
  0%, 100% {transform: translateY(0px);}
  50% {transform: translateY(-5px);}
}
@-o-keyframes point {
  0%, 100% {transform: translateY(0px);}
  50% {transform: translateY(-5px);}
}
@keyframes point {
  0%, 100% {transform: translateY(0px);}
  50% {transform: translateY(-5px);}
}
.layer_point_message {
	position: fixed;
	bottom: 20px;
	right: 60px;
	border-radius: 20px;
	border: 1px solid #00d6ac;
	padding: 15px;
	width: 290px;
	min-height: 130px;
	box-sizing: border-box;
	background: #fff;
	z-index: 100;
}

.layer_point_message p {
	font-size: 11.5px;
	color: #848484;
	padding-left: 35px;
	letter-spacing: -0.5px;
}

.layer_point_message p.tit {
	color: #00d6ac;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 5px;
	background: url(images/ico_new_star1.png) no-repeat left top;
}

.layer_point_message .layer_btn_area {
	text-align: right;
	margin-top: 5px;
}

.layer_point_message .layer_btn_area a {
	background: #fff;
	padding: 8px 10px;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	color: #02a5b1;
	line-height: 14px;
}

.layer_point_message .layer_btn_area a:hover {
	text-decoration: none;
}

.layer_point_message .layer_btn_area a.moreview {
	background: #02a5b1;
	color: #fff;
}

/*update*/
.status_row .status_row_tabs._after {
	width: 385px;
	/*width: 600px;*/
}

.status_row .status_row_tabs._after .tabmenu_dot .tab_list {
	padding: 0 15px 0 24px;
}

.status_row .status_inner._after {
	width: calc(100% - 385px);
}

.status_inner._after ul li {
	width: calc(48% - 40px);
}

.status_inner._after ul li:nth-child(2), .status_inner._after ul li:nth-child(3)
	{
	width: calc(26% - 20px);
	padding-left: 10px;
	padding-right: 10px;
}

.status_inner._after ul li .status_inner_point {
	text-align: center;
}

.status_inner._after ul li .status_inner_point p {
	color: #8f8f8f;
	font-size: 15px;
	letter-spacing: -1px;
	padding: 0;
}

.status_inner._after ul li .status_inner_point p.count {
	color: #02a5b1;
}

.status_inner._after ul li .status_inner_point p.count strong {
	font-size: 45px;
	font-weight: 800;
}

/*  */
.subPage_my_Statistics .sub_ms_state_content .statistics_point_box {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 24px;
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box>div {
	align-items: center;
	width: 100%;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content
	{
	font-size: 22px;
	padding-left: 45px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content ul
	{
	display: block;
	width: 100%;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li
	{
	float: left;
	color: #02a5b1;
	position: relative;
	align-items: center;
}

.statistics_all_box_content_comment {
	font-size: 14px;
	color: #333333;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li:first-child
	{
	background: url(images/ico_new_star2.png) no-repeat 0 25px;
	width: 25%;
	padding-top: 10px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li:last-child
	{
	width: 75%;
	font-size: 14px;
	color: #333;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li span
	{
	font-size: 18px;
	margin-left: 40px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li span strong
	{
	font-size: 37px;
	margin-right: 5px;
	font-weight: 600;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li:last-child p
	{
	margin-bottom: 5px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li:last-child a
	{
	background: #02a5b1;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	padding: 5px 10px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_point_box .statistics_point_box_content li:last-child a:hover
	{
	text-decoration: none;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 24px;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box>div
	{
	align-items: center;
	width: 100%;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content
	{
	
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li
	{
	float: left;
	position: relative;
	width: 50%;
	box-sizing: border-box;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li p.tit
	{
	font-size: 20px;
	margin-bottom: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li p.tit strong
	{
	color: #02a5b1;
	font-weight: 400
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li:first-child
	{
	background: url(images/mypoint_bg1.png) no-repeat 53% 30px;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li:last-child
	{
	background: url(images/mypoint_bg2.png) no-repeat 53% 30px;
	padding-left: 30px;
	border-left: 1px solid #dedede;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap
	{
	vertical-align: top;
	text-align: center;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap:after
	{
	clear: both;
	display: block;
	content: "";
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap .total_ranking
	{
	vertical-align: top;
	display: inline-block;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background: #02a5b1;
	padding: 27px 10px 10px 10px;
	box-sizing: border-box;
	font-size: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap .total_ranking p:first-child
	{
	margin-bottom: 0px;
	line-height: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap .total_ranking p strong
	{
	font-size: 55px;
	line-height: 60px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap .total_txt
	{
	vertical-align: top;
	display: inline-block; /*width:calc(100% - 150px);*/
	font-size: 35px;
	color: #8f8f8f;
	height: 130px;
        margin-left:3%;
} /* 210525 */ /* 231010 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap .total_txt p
	{
	padding-top: 35px;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_wrap .total_txt p span
	{
	font-size: 38px;
	color: #02a5b1;
	font-weight: 600;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_ranking_box_content li .ranking_help
	{
	text-align: center;
	margin-top: 10px;
	color: #ba9164;
	font-size: 13px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 50px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap
	{
	position: relative;
	padding: 0 100px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap ul
	{
	margin-bottom: 50px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap li
	{
	display: inline-block;
	margin: 0.7%;
	width: 18%;
	text-align: center;
	background: #fff url(images/cal_table_bg.png) no-repeat center center;
	border-radius: 50%;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	height: 150px;
	position: relative;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap li.before
	{
	background: #fff url(images/cal_table_bg_on.png) no-repeat center center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap li.none
	{
	background: #fff no-repeat center center;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap li span
	{
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	text-align: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap li p
	{
	position: absolute;
	top: 35%;
	left: 9%;
	width: 70%;
	text-align: center;
	border: solid 2px #02a5b1;
	color: #02a5b1;
	background: #FFF;
	border-radius: 20px;
	padding: 6px;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap li p.wait
	{
	position: absolute;
	top: 35%;
	left: 9%;
	width: 70%;
	text-align: center;
	border: solid 2px #bababa;
	color: #bababa;
	background: #FFF;
	border-radius: 20px;
	padding: 6px;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .cal_head_wrap
	{
	text-align: center;
	margin-bottom: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .cal_head_wrap p.cal_tit
	{
	color: #02a5b1;
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 10px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .cal_head_wrap p.cal_tit2
	{
	color: #444;
	font-size: 27px;
	font-weight: 600;
	margin: 25px 0 10px 0;
} /* 210525 */
.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .table_list_grayLine.calendar td
	{
	background: #fff;
	vertical-align: middle;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .table_list_grayLine.calendar td .cal_info_w.check
	{
	background: url(images/cal_table_bg.png) no-repeat center center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .table_list_grayLine.calendar td .doday
	{
	background: #02a5b1;
	color: #fff;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 13px;
	display: block;
	margin: 50px auto 0;
	width: 60px;
	text-align: center;
	border-radius: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .table_list_grayLine.calendar td .bonus_icon
	{
	text-align: center;
	padding: 40px 0 0 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .cal_help
	{
	margin-top: 10px;
	color: #ba9164;
	font-size: 13px;
	word-break: keep-all;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .table_control_btn .prev
	{
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .table_control_btn .next
	{
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
}

[class^="top_tit_w"].mt0 {
	margin-top: 0px;
	border-bottom: none;
	padding-bottom: 0px;
}

.subPage_my_Statistics .statistics_point_list_box {
	background: #f8f8f8 url(images/mypoint_list_icon.png) no-repeat 40px 50%;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 30px 30px 30px 160px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
}

.subPage_my_Statistics .statistics_point_list_box .point_list_wrap {
	display: table;
	width: 100%;
}

.subPage_my_Statistics .statistics_point_list_box .point_list_item {
	display: table-cell;
	width: 33.3333%;
	border-right: 1px solid #dedede;
	padding-left: 30px;
}

.subPage_my_Statistics .statistics_point_list_box .point_list_item:last-child
	{
	border-right: none;
}

.subPage_my_Statistics .statistics_point_list_box .point_list_item  p.tit
	{
	font-size: 20px;
	margin-bottom: 10px;
}

.subPage_my_Statistics .statistics_point_list_box .point_list_item  p.num_wrap
	{
	font-size: 30px;
	line-height: 30px;
	font-weight: 800;
	color: #02a5b1;
}

.subPage_my_Statistics .statistics_point_list_box .point_list_item  p.point_list_help
	{
	margin-top: 15px;
	font-size: 13px;
}

.table_list_grayLine.mypoint th [class^="tit_sub03"] {
	font-size: 16px;
}

.table_list_grayLine.mypoint td {
	font-size: 16px;
	color: #8f8f8f;
}

.table_list_grayLine.mypoint td .font-small {
	font-size: 13px;
}

.point_info_wrap {
	
}

.point_info_wrap h4 {
	font-size: 28px;
	color: #333333;
	font-weight: 400;
	margin-top: 75px;
	margin-bottom: 10px;
}

.point_info_wrap h5 {
	font-size: 18px;
	color: #333333;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 10px;
}

.point_info_wrap .event_date {
	border: 1px solid #e5e5e5;
	background-color: #f8f8f8;
	padding: 10px 20px;
	font-size: 18px;
	color: #02a5b1;
	margin: 10px 0;
}

.point_info_wrap .event_date span {
	font-size: 13px;
	vertical-align: top;
}

.point_info_wrap table {
	margin-bottom: 10px;
}

.point_info_wrap .point-color {
	color: #02a5b1;
}

.point_info_wrap .text-left {
	text-align: left;
}

.h_utill_w.point {
	right: 130px;
}
/*2021-06-19*/
.ksi_box.zzim_box {
	padding: 25px 25px;
}

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

.zzim_box .thum_layer_w {
	width: 266px;
	float: left;
	border-radius: 4px;
	overflow: hidden;
}

.zzim_box .msg_w_img {
	
}

.zzim_box .msg_w_img img {
	border-radius: 4px;
}

.zzim_box .msg_w_txt {
	width: calc(100% - 266px);
	float: left;
}

/*2021-06-19*/
.subMain_section_new_zzin {
	
}

.subMain_section_new_zzin .sms_inner {
	padding-top: 80px;
}

.subMain_section_new_zzin  .mss_lists_w {
	width: 1165px;
}

.subMain_section_new_zzin .smsi_header {
	width: 1165px;
}
/* 튜브체크박스 버튼 타입 */
.inp_checkbox_tube {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
}

.inp_checkbox_tube input[type="checkbox"] {
	z-index: 2;
}

.inp_checkbox_tube .icon_checkbox {
	width: 36px;
	height: 36px;
	background-image: url('images/icon_like_off.png');
}

.inp_checkbox_tube input[type="checkbox"]:checked+.icon_checkbox {
	background-image: url('images/icon_like_on.png');
}

.subMain_section_new_zzin .zzin_more {
	position: absolute;
	right: 26px;
	top: 0px;
}

.subMain_section_new_zzin .tab_sm {
	position: absolute;
	left: 200px;
	top: 0px;
}

.subMain_section_new_zzin .tab_sm li {
	float: left;
	margin-right: 5px;
}

.subMain_section_new_zzin .tab_sm a.tab1 {
	display: block;
	border-radius: 15px 15px 0 0;
	padding: 0px 20px 0 40px;
	line-height: 38px;
	background: #fff url('images/tab_ch1_active.png') no-repeat 10px 50%;
	color: #333333;
	border: 1px solid #dadada;
}

.subMain_section_new_zzin .tab_sm a.tab1.active {
	background: #e89943 url('images/tab_ch1.png') no-repeat 10px 50%;
	color: #fff;
	border: 1px solid #e89943;
}

.subMain_section_new_zzin .tab_sm a.tab2 {
	display: block;
	background: #fff url('images/tab_ch2_active.png') no-repeat 10px 50%;
	color: #333333;
	border-radius: 15px 15px 0 0px;
	padding: 0px 20px 0 40px;
	line-height: 38px;
	border: 1px solid #dadada;
}

.subMain_section_new_zzin .tab_sm a.tab2.active {
	background: #e89943 url('images/tab_ch2.png') no-repeat 10px 50%;
	color: #fff;
	border: 1px solid #e89943;
}

.subMain_section_new_zzin .tab_sm a:hover {
	text-decoration: none;
}

.subMain_section_new_zzin .zzim-btn {
	text-align: right;
	font-size: 0.8em;
	color: #888888;
}

.subMain_section_new_zzin .zzim-btn img {
	vertical-align: middle;
}

.subMain_section_new_zzin .zzim-btn button {
	margin-left: 5px;
}

.zzim_box {
	background: #f8f8f8;
	margin-top: 10px;
}

.inp_zzin_txt {
	text-align: left;
	display: block;
	margin-left: 0px !important;
	margin-bottom: 10px;
}

.zzin_full {
	width: 100%;
	margin-left: 0px !important;
}

.inp_zzin_txt1 {
	font-size: 11px;
	text-align: left;
	display: block;
	margin-left: 0px !important;
	color: #333333;
}

.inp_zzin_title {
	text-align: left;
	display: block;
	margin-left: 0px !important;
	color: #02a5b1;
	font-weight: 600;
	margin-bottom: 10px;
}

.inp_zzin_title span {
	display: inline-block;
	border: 1px solid #02a5b1;
	padding: 1px 6px;
	margin-right: 5px;
}

/*2021.07.22 interactive*/
.interactive_c {
	color: #02a5b1;
	border: 1px solid #02a5b1;
	padding: 0 6px;
}
/* 2021.07.22 */
.mr5 {
	margin-right: 5px;
}

[class^="thumbnail_col"] .thum_cont .txt_head+.txt_head.box {
	color: #02a5b1;
	border: 1px solid #02a5b1;
	padding-right: 6px;
}

[class^="thumbnail_col"] .thum_cont .txt_head+.txt_head.box:before {
	display: none;
}

.myc_list {
	
}

.myc_list.border {
	position: relative;
	z-index: 100;
	padding-left: 5px;
	padding-right: 5px;
}

.myc_list.border:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 3px solid #02a5b1;
	z-index: 10;
}

.myc_list.border .thumbnail_colType3 {
	position: relative;
	z-index: 100;
}

.interactive_t {
	margin: 5px 0 0 0;
}

.interactive_t span {
	display: inline-block;
	background: #d5d5d5;
	width: 21px;
	height: 13px;
	border-radius: 3px;
	margin-right: 1px;
}

.interactive_t span.full {
	background: #02a5b1;
}

/*2021.09.10 추가 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center
	{
	align-items: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left
	{
	width: 710px;
	border-right: 1px solid #dedede;
	padding: 20px 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .table-layout
	{
	display: flex;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
	align-self: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_num
	{
	
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_num p
	{
	width: 140px;
	height: 140px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: #02a5b1;
	border-radius: 50%;
	padding-top: 35px;
	box-sizing: border-box;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_num p strong
	{
	font-size: 42px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info
	{
	text-align: center;
	font-size: 20px;
	width: calc(100% - 145px - 140px);
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info .point_tit
	{
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info a
	{
	display: inline-block;
	margin-top: 15px;
	background: #02a5b1;
	color: #fff;
	padding: 10px 30px;
	font-size: 14px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info a:hover
	{
	text-decoration: none;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .ranking_help
	{
	margin-top: 5px;
	color: #ba9164;
	font-size: 13px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_right
	{
	width: 430px;
	text-align: center;
	font-size: 20px;
	align-self: flex-start;
	padding: 20px 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_right .point_tit
	{
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_right  a
	{
	display: inline-block;
	margin-top: 15px;
	background: #02a5b1;
	color: #fff;
	padding: 10px 30px;
	font-size: 14px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg
	{
	width: 50%;
	text-align: center;
	font-size: 20px;
	align-self: flex-start;
	padding: 20px 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg:first-child
	{
	border-right: 1px solid #dedede;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg .point_tit
	{
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg a
	{
	display: inline-block;
	margin-top: 20px;
	background: #02a5b1;
	color: #fff;
	padding: 10px 0px;
	font-size: 14px;
	min-width: 180px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg a:hover
	{
	text-decoration: none;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg a.gray_cancel
	{
	background: #8b8b8b;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_left .table-layout
	{
	display: flex;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_left .point_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
	align-self: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left
	{
	width: 380px;
	text-align: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left .tit
	{
	font-size: 20px;
	margin-bottom: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left .point_num
	{
	width: 122px;
	height: 122px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	background: #02a5b1;
	border-radius: 50%;
	padding-top: 28px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left .point_num:after
	{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	right: 7px;
	bottom: 7px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left p
	{
	font-size: 13px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_right
	{
	text-align: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_right .tit
	{
	font-size: 20px;
	margin-bottom: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_right p
	{
	font-size: 13px;
}

.bonus_area {
	vertical-align: top;
	margin: 48px 0;
}

.bonus_area li {
	display: inline-block;
	vertical-align: top;
}

.bonus_area li p {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 2px solid #02a5b1;
	text-align: center;
	background: #fff;
	vertical-align: top;
	font-size: 13px;
	color: #02a5b1;
	font-weight: 600;
	padding-top: 15px;
	box-sizing: border-box;
	line-height: 15px;
}

.bonus_area li p.bonus_check {
	background: #fff url(images/ico_bonus_check.png) no-repeat center center;
	text-indent: -9999px;
}

.bonus_area li p.bonus_none {
	background: #fff url(images/ico_bonus_none.png) no-repeat center center;
	text-indent: -9999px;
}

.cal_info_wrap {
	border-top: 2px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	padding: 15px 0px;
	margin: 10px 100px 30px 100px;
}

.cal_info_wrap ol {
	margin-left: 80px;
}

.cal_info_wrap ol, .cal_info_wrap ol li {
	list-style-type: decimal;
}

.cal_info_wrap ol li {
	padding: 3px 0;
	font-size: 17px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .tit
	{
	text-align: center;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.friend_invitation_title {
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 25px 0;
	text-align: center;
	margin-bottom: 15px;
}

.friend_invitation_title .tit {
	color: #333333;
	font-size: 34px;
	font-weight: 600;
}

.friend_invitation_title p {
	font-size: 17px;
}

.friend_invi_area {
	text-align: center;
}

.friend_invi_area p.tit1 {
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.friend_invi_area strong {
	color: #02a5b1;
}

.sns_invitation_area {
	padding: 75px 0 0 0;
}

.sns_invitation_area .tit {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 25px;
}

.sns_invitation_area ul li {
	padding: 5px 0;
	font-size: 14px;
}

.sns_invitation_area .sns_link_area {
	text-align: center;
	padding: 20px 0 0 0;
}

.sns_invitation_area .sns_link_area a {
	display: inline-block;
	margin: 0 30px;
}

.sns_invitation_area table {
	width: 100%;
	border-top: 2px solid #8b8b8b;
}

.sns_invitation_area table th {
	background: #f8f8f8;
	padding: 15px 10px;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.sns_invitation_area table th:last-child, .sns_invitation_area table td:last-child
	{
	border-right: none;
}

.sns_invitation_area table td {
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.sns_invitation_area ol li {
	display: table;
	width: 100%;
	background: #f8f8f8;
	border: 1px solid #02a5b1;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.sns_invitation_area ol li p {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 0;
	box-sizing: border-box;
}

.sns_invitation_area ol li p.rank {
	width: 60px;
	background: #02a5b1;
	color: #fff;
	text-align: center;
	font-size: 32px;
}

.sns_invitation_area ol li p.name {
	width: calc(100% - 260px - 60px);
	font-size: 20px;
	padding-left: 40px;
}

.sns_invitation_area ol li p.point {
	width: 260px;
	text-align: right;
	color: #02a5b1;
	font-size: 21px;
	font-weight: 500;
	padding-right: 70px;
}

.friend_link_area {
	text-align: center;
	vertical-align: middle;
}

.friend_link_area a {
	display: inline-block;
	background: #02a5b1;
	color: #fff;
	padding: 10px 0px;
	font-size: 18px;
	min-width: 340px;
}

.friend_link_area a:hover {
	text-decoration: none;
}

.friend_link_area a.sm_btn {
	min-width: 120px;
	vertical-align: middle;
}

.friend_link_area input[type=text] {
	width: 800px;
	min-height: 45px;
	height: 45px;
	border: 1px solid #02a5b1;
	vertical-align: middle;
	text-indent: 20px;
}

.mt15 {
	margin-top: 15px;
}

.friend_mission_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 20px 0;
}

.friend_mission_flex .item {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	width: 240px;
	min-height: 88px;
	line-height: 88px;
	padding-left: 130px;
	color: #02a5b1;
	font-size: 20px;
	font-weight: 600;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.friend_mission_flex .item:first-child {
	background-image: url(images/ico_mission_01.png);
}

.friend_mission_flex .item:nth-child(2) {
	background-image: url(images/ico_mission_02.png);
}

.friend_mission_flex .item:nth-child(3) {
	background-image: url(images/ico_mission_03.png);
}

.friend_mission_flex .item:last-child {
	background-image: url(images/ico_mission_04.png);
	line-height: 25px;
	padding-top: 20px;
}

.friend_mission_flex .item>a {
	color: #02a5b1
}

.friend_mission_flex .item>a:visited {
	color: #02a5b1
}

/*2021.09.10 추가 */
.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center
	{
	align-items: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left
	{
	width: 710px;
	border-right: 1px solid #dedede;
	padding: 20px 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .table-layout
	{
	display: flex;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
	align-self: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_num
	{
	
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_num p
	{
	width: 140px;
	height: 140px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: #02a5b1;
	border-radius: 50%;
	padding-top: 35px;
	box-sizing: border-box;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_num p strong
	{
	font-size: 42px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info
	{
	text-align: center;
	font-size: 20px;
	width: calc(100% - 145px - 140px);
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info .point_tit
	{
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info a
	{
	display: inline-block;
	margin-top: 15px;
	background: #02a5b1;
	color: #fff;
	padding: 10px 30px;
	font-size: 14px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .point_info a:hover
	{
	text-decoration: none;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_left .ranking_help
	{
	margin-top: 5px;
	color: #ba9164;
	font-size: 13px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_right
	{
	width: 430px;
	text-align: center;
	font-size: 20px;
	align-self: flex-start;
	padding: 20px 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_right .point_tit
	{
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box.center .statistics_point_right  a
	{
	display: inline-block;
	margin-top: 15px;
	background: #02a5b1;
	color: #fff;
	padding: 10px 30px;
	font-size: 14px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg
	{
	width: 50%;
	text-align: center;
	font-size: 20px;
	align-self: flex-start;
	padding: 20px 0;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg:first-child
	{
	border-right: 1px solid #dedede;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg .point_tit
	{
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg a
	{
	display: inline-block;
	margin-top: 20px;
	background: #02a5b1;
	color: #fff;
	padding: 10px 0px;
	font-size: 14px;
	min-width: 180px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg a:hover
	{
	text-decoration: none;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_msg a.gray_cancel
	{
	background: #8b8b8b;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_left .table-layout
	{
	display: flex;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .statistics_point_left .point_title
	{
	font-size: 22px;
	color: #333333;
	width: 145px;
	align-self: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left
	{
	width: 380px;
	text-align: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left .tit
	{
	font-size: 20px;
	margin-bottom: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left .point_num
	{
	width: 122px;
	height: 122px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	background: #02a5b1;
	border-radius: 50%;
	padding-top: 28px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left .point_num:after
	{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	right: 7px;
	bottom: 7px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_left p
	{
	font-size: 13px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_right
	{
	text-align: center;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_right .tit
	{
	font-size: 20px;
	margin-bottom: 20px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_ranking_box .new_member_point_right p
	{
	font-size: 13px;
}

.bonus_area {
	vertical-align: top;
	margin: 48px 0;
}

.bonus_area li {
	display: inline-block;
	vertical-align: top;
}

.bonus_area li p {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 2px solid #02a5b1;
	text-align: center;
	background: #fff;
	vertical-align: top;
	font-size: 13px;
	color: #02a5b1;
	font-weight: 600;
	padding-top: 15px;
	box-sizing: border-box;
	line-height: 15px;
}

.bonus_area li p.bonus_check {
	background: #fff url(/css/platformTubeWeb/images/ico_bonus_check.png)
		no-repeat center center;
	text-indent: -9999px;
}

.bonus_area li p.bonus_none {
	background: #fff url(/css/platformTubeWeb/images/ico_bonus_none.png)
		no-repeat center center;
	text-indent: -9999px;
}

.cal_info_wrap {
	border-top: 2px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	padding: 15px 0px;
	margin: 10px 100px 30px 100px;
}

.cal_info_wrap ol {
	margin-left: 80px;
}

.cal_info_wrap ol, .cal_info_wrap ol li {
	list-style-type: decimal;
}

.cal_info_wrap ol li {
	padding: 3px 0;
	font-size: 17px;
}

.subPage_my_Statistics .sub_ms_state_content .statistics_cal_box .point_cal_wrap .tit
	{
	text-align: center;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.friend_invitation_title {
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 25px 0;
	text-align: center;
	margin-bottom: 15px;
}

.friend_invitation_title .tit {
	color: #333333;
	font-size: 34px;
	font-weight: 600;
}

.friend_invitation_title p {
	font-size: 17px;
}

.friend_invi_area {
	text-align: center;
}

.friend_invi_area p.tit1 {
	color: #02a5b1;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}

.friend_invi_area strong {
	color: #02a5b1;
}

.sns_invitation_area {
	padding: 75px 0 0 0;
}

.sns_invitation_area .tit {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 25px;
}

.sns_invitation_area ul li {
	padding: 5px 0;
	font-size: 14px;
}

.sns_invitation_area .sns_link_area {
	text-align: center;
	padding: 20px 0 0 0;
}

.sns_invitation_area .sns_link_area a {
	display: inline-block;
	margin: 0 30px;
}

.sns_invitation_area table {
	width: 100%;
	border-top: 2px solid #8b8b8b;
}

.sns_invitation_area table th {
	background: #f8f8f8;
	padding: 15px 10px;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.sns_invitation_area table th:last-child, .sns_invitation_area table td:last-child
	{
	border-right: none;
}

.sns_invitation_area table td {
	padding: 15px 10px;
	text-align: center;
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.sns_invitation_area ol li {
	display: table;
	width: 100%;
	background: #f8f8f8;
	border: 1px solid #02a5b1;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.sns_invitation_area ol li p {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 0;
	box-sizing: border-box;
}

.sns_invitation_area ol li p.rank {
	width: 60px;
	background: #02a5b1;
	color: #fff;
	text-align: center;
	font-size: 32px;
}

.sns_invitation_area ol li p.name {
	width: calc(100% - 260px - 60px);
	font-size: 20px;
	padding-left: 40px;
}

.sns_invitation_area ol li p.point {
	width: 260px;
	text-align: right;
	color: #02a5b1;
	font-size: 21px;
	font-weight: 500;
	padding-right: 70px;
}

.friend_link_area {
	text-align: center;
	vertical-align: middle;
}

.friend_link_area a {
	display: inline-block;
	background: #02a5b1;
	color: #fff;
	padding: 10px 0px;
	font-size: 18px;
	min-width: 340px;
}

.friend_link_area a:hover {
	text-decoration: none;
}

.friend_link_area a.sm_btn {
	min-width: 120px;
	vertical-align: middle;
}

.friend_link_area input[type=text] {
	width: 800px;
	min-height: 45px;
	height: 45px;
	border: 1px solid #02a5b1;
	vertical-align: middle;
	text-indent: 20px;
}

.mt15 {
	margin-top: 15px;
}

.friend_mission_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 20px 0;
}

.friend_mission_flex .item {
	background-color: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	width: 240px;
	min-height: 88px;
	line-height: 88px;
	padding-left: 130px;
	color: #02a5b1;
	font-size: 20px;
	font-weight: 600;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.friend_mission_flex .item:first-child {
	background-image: url(/css/platformTubeWeb/images/ico_mission_01.png);
}

.friend_mission_flex .item:nth-child(2) {
	background-image: url(/css/platformTubeWeb/images/ico_mission_02.png);
}

.friend_mission_flex .item:nth-child(3) {
	background-image: url(/css/platformTubeWeb/images/ico_mission_03.png);
}

.friend_mission_flex .item:last-child {
	background-image: url(/css/platformTubeWeb/images/ico_mission_04.png);
	line-height: 25px;
	padding-top: 20px;
}

.friend_mission_flex .item>a {
	color: #02a5b1
}

.friend_mission_flex .item>a:visited {
	color: #02a5b1
}

/*2022-05-29*/
.curation_wrap {
	margin-top: 40px;
	position: relative;
}

.curation_inner_wrap {
	padding-top: 5px;
}

.curation_banner {
	margin-top: 50px;
}

.curation_banner img {
	max-width: 100%;
}

.curation_banner p {
	font-size: 21px;
}

.curation_banner h4 {
	font-size: 28px;
	font-weight: 700;
}

.curation_banner h4 strong {
	color: #4b22c0;
}

.curation_inner_wrap h2 {
	margin-top: 50px;
	color: #02a5b1;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 10px;
	border-bottom: 2px solid #02a5b1;
	padding-top: 15px;
}

.curation_inner_wrap h3 {
	margin-top: 50px;
	color: #333333;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
}

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

.curation_inner_wrap .experts_Introduction .experts_photo {
	float: left;
	width: 400px;
}

.curation_inner_wrap .experts_Introduction .experts_photo img {
	max-width: 100%;
}

.curation_inner_wrap .experts_Introduction .experts_info {
	float: left;
	width: calc(100% - 400px);
	font-size: 17px;
}

.curation_inner_wrap .experts_Introduction .experts_info .experts_name {
	font-size: 29px;
	font-weight: 700;
	margin: 40px 0 30px 0;
}

.curation_sec_wrap {
	position: relative;
}

.curation_sec_wrap .curation_title {
	background: url(/css/platformTubeWeb/images/title_icon_new.png)
		no-repeat left 12px;
	font-size: 25px;
	padding-left: 30px;
	margin: 20px 0;
}

.curation_sec_wrap .curation_dot_title {
	text-align: center;
	margin: 40px 0 20px 0;
}

.curation_sec_wrap .curation_dot_title p {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	color: #02a5b1;
	font-size: 27px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	padding: 0 35px;
	letter-spacing: -1.5px;
}

.curation_sec_wrap .curation_dot_title p:before {
	background: url(/css/platformTubeWeb/images/title_icon_dot_left.png)
		no-repeat;
	width: 34px;
	height: 20px;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.curation_sec_wrap .curation_dot_title p:after {
	background: url(/css/platformTubeWeb/images/title_icon_dot_right.png)
		no-repeat right;
	width: 34px;
	height: 20px;
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.curation_sec_wrap .curation_slider {
	position: relative;
}

.curation_sec_wrap .curation_slider .sms_slider_controls1 {
	z-index: 99999;
}

.curation_sec_wrap .curation_slider .sms_slider_controls1 .btn_icon_prev
	{
	background-image: url(/css/platformTubeWeb/images/ico_slide_left.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
}

.curation_sec_wrap .curation_slider .sms_slider_controls1 .btn_icon_next
	{
	background-image: url(/css/platformTubeWeb/images/ico_slide_right.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99999;
}
/*2022-06-14 add */
.curation_sec_wrap .curation_slider .sms_slider_controls1 .btn_icon_next:hover
	{
	background-image:
		url(/css/platformTubeWeb/images/ico_slide_left_over.png);
	background-color: transparent;
}

.curation_sec_wrap .curation_slider .sms_slider_controls1 .btn_icon_next:hover
	{
	background-image:
		url(/css/platformTubeWeb/images/ico_slide_right_over.png);
	background-color: transparent;
}

.curation_sec_wrap .curation_slider .sms_slider_controls1 button:disabled,
	.curation_sec_wrap .curation_slider .sms_slider_controls1 button:disabled
	{
	opacity: 0;
}
/*2022-06-14 add */
.curation_sec_wrap .curation_box {
	font-size: 17px;
	padding: 30px;
	background: #f8f8f8;
	margin-bottom: 10px;
	letter-spacing: -1.5px;
}

/*2022-16-15 */
.popular_topics_w ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -24px;
}

.popular_topics_w li {
	width: 360px; /*2022-08-19*/
	border-radius: 5px;
	border: 1px solid #dedede;
	overflow: hidden;
	margin-left: 24px;
	margin-bottom: 24px;
	position: relative;
}

.popular_topics_w li a {
	display: block;
	font-size: 0;
	line-height: 0; /*2022-08-19*/
}

.popular_topics_w li img {
	max-width: 100%;
}

.popular_topics_top {
	display: flex;
	margin: 100px 0 80px 0;
	align-items: flex-start;
}

.popular_topics_top>p {
	width: 362px;
	border-radius: 5px;
	border: 1px solid #dedede;
	overflow: hidden;
	margin-right: 45px;
	font-size: 0; /*2022-08-19*/
}

.popular_topics_top>p img {
	max-width: 100%;
}

.popular_topics_top .popular_topics_txt {
	width: calc(100% - 362px - 45px);
}

.popular_topics_top .popular_topics_txt .title {
	color: #333333;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: 15px;
	word-break: keep-all;
	letter-spacing: -1px;
}

.popular_topics_top .popular_topics_txt .tk_lists_w {
	margin-bottom: 15px;
}

.popular_topics_top .popular_topics_txt .tk_lists_w:after {
	clear: both;
	display: block;
	content: "";
}

.popular_topics_top .popular_topics_txt .tk_list {
	margin-bottom: 5px;
} /*2022-06-17*/
.popular_topics_top .popular_topics_txt p, .popular_topics_top .popular_topics_txt .content_score
	{
	font-size: 17px;
	color: #333;
}

.popular_topics_top .popular_topics_txt .content_score .rli_score {
	display: inline-block;
}

.popular_topics_middle {
	margin-bottom: 80px;
}

.popular_topics_middle h4 {
	color: #02a5b1;
	font-size: 30px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.popular_topics_middle h4 img {
	vertical-align: middle;
}

.popular_topics_middle .popular_topics_middle_inner {
	padding: 40px 50px;
	background: #f6f6f6;
}

.popular_topics_middle .popular_topics_middle_inner h5 {
	background: url(/css/platformTubeWeb/images/curation_popular_icon02.png)
		no-repeat left top;
	padding: 3px 0 3px 35px;
	color: #333333;
	font-size: 21px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.popular_topics_middle .popular_topics_middle_inner p {
	padding-left: 35px;
	line-height: 1.5em;
	font-size: 17px;
	color: #333;
	word-break: keep-all;
}

.popular_topics_bottom {
	border-top: 1px solid #d8d8d8;
	padding: 30px 50px;
	display: flex;
}

.popular_topics_bottom:last-child {
	border-bottom: 1px solid #d8d8d8;
}

.popular_topics_bottom .popular_topics_bottom_txt {
	width: calc(100% - 266px);
	padding-right: 30px;
}

.popular_topics_bottom .popular_topics_bottom_txt h5 {
	color: #333333;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 20px;
	margin-top: 10px;
	letter-spacing: -1px;
}

.popular_topics_bottom .popular_topics_bottom_txt .title {
	font-size: 21px;
	color: #333333;
	line-height: 1.5em;;
	padding: 0px 0 0px 32px;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.popular_topics_bottom .popular_topics_bottom_txt .title.icon1 {
	background: url(/css/platformTubeWeb/images/curation_popular_icon03.png)
		no-repeat left top
}

.popular_topics_bottom .popular_topics_bottom_txt .title.icon2 {
	background: url(/css/platformTubeWeb/images/curation_popular_icon04.png)
		no-repeat left top
}

.popular_topics_bottom .popular_topics_bottom_txt p {
	padding-left: 35px;
	line-height: 1.5em;
	font-size: 17px;
	color: #333;
	word-break: keep-all;
}

.popular_topics_bottom .popular_topics_bottom_img {
	width: 266px;
}

.popular_topics_bottom .popular_topics_bottom_img .thum_img {
	border-radius: 4px;
}

.popular_topics_bottom .popular_topics_area {
	display: flex;
	margin-top: 20px;
}

.popular_topics_bottom .popular_topics_area .popular_topics_left {
	width: calc(100% - 33px);
	color: #333333;
	font-size: 20px;
	line-height: 1.5em;
	word-break: keep-all;
	font-weight: 500;
	letter-spacing: -1px;
}

.popular_topics_bottom .popular_topics_area .popular_topics_right {
	width: 33px;
}

.popular_topics_bottom .popular_topics_area .popular_topics_right .tcsbox_state [class^="btn_cont"]
	{
	min-width: 33px;
	height: 33px;
	padding: 0;
}

.popular_topics_bottom .popular_topics_area .popular_topics_right .tcsbox_state [class^="icon_"]
	{
	width: 33px;
	height: 33px;
}

.popular_topics_bottom .popular_topics_area .popular_topics_right .tcsbox_state .icon_like
	{
	background-size: 33px 33px;
}

.preparation_img_area {
	margin-top: 80px;
	position: relative;
}
/*2022-06-28*/
.preparation_img_area .title {
	color: #000;
	font-weight: 700;
	font-size: 20px;
	padding-left: 40px
}

.preparation_img_area .title strong {
	font-size: 25px;
	display: inline-block;
	margin-right: 10px;
}

.preparation_img_area .preparation_txt {
	position: relative;
	padding: 40px;
	line-height: 1.5em;
	font-size: 17px;
	color: #333;
	word-break: keep-all;
}

.preparation_img_area .preparation_txt:before {
	background: #f2fcfd;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	height: 65%;
	z-index: 1;
	min-height: 160px; /*2022-06-29 add */
}

.preparation_img_area .preparation_txt p {
	position: relative;
	z-index: 10;
}

.preparation_img_area .preparation_txt p.preparation_txt_color {
	color: #178f93;
	margin-top: 15px;
}

.preparation_img_area .preparation_txt strong {
	color: #178f93;
	font-weight: normal;
}

.preparation_img_area .preparation_txt a {
	text-decoration: none;
	position: relative;
	z-index: 10;
	display: inline-block;
	color: #fff;
	background: #02a5b1;
	padding: 20px 25px;
	font-size: 20px;
	margin-top: 20px;
}

.preparation_img_area .preparation_txt a:hover {
	box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0.5);
}

.preparation_img_area .preparation_img {
	position: absolute;
	right: 0;
	bottom: 0px;
	z-index: 10;
}

.preparation_banner {
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ebebeb;
	margin-top: 40px;
}
/*2022-06-28*/
.curation_wrap .smsSlider_list.new-smsSlider_list {
	overflow: hidden;
}

.curation_section_box {
	position: relative;
	padding-left: 290px;
}

.tubeSeries_inner .curation_section_box_title {
	position: absolute;
	top: 10px;
	left: 0;
	overflow: hidden;
	width: 266px;
	background: #4b8b92;
	height: 250px;
}

.tubeSeries_inner .curation_section_box_title.color {
	background: #4ac3c6;
}

.curation_section_title_in {
	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
	height: 100%;
	width: 100%;
	justify-content: center;
}

.curation_section_title_in p.title {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.curation_section_title_in p {
	line-height: 1.5em;
	word-break: keep-all;
}

.curation_wrap .tubeSeries_inner {
	padding-left: 285px;
}

.curation_wrap .tubeSeries_box_list.part4 .tubeSeries_box_item {
	height: 60px;
}

.curation_wrap .tubeSeries_box_list .tubeSeries_box_item {
	width: 266px;
	height: 81px;
	background-color: #f2f2f2;
	border: 2px solid #f2f2f2;
	margin-bottom: 3px;
	padding: 15px 15px;
	display: table;
	box-sizing: border-box;
	text-align: center;
}

.curation_wrap .tubeSeries_box_item.active {
	background-color: #fff;
	border: 2px solid #4b8b92;
	color: #4b8b92;
}

.curation_wrap .tubeSeries_inner .sms_slider_controls {
	width: calc(100% - 300px);
	margin-left: 5px;
	margin-right: 5px;
	z-index: 99;
	top: 105px;
}

.curation_wrap .tubeSeries_inner .sms_slider_controls {
	left: 290px;
	right: auto;
	top: 115px;
}

.curation_wrap .tubeSeries_inner .sms_slider_controls button:disabled {
	opacity: 0;
}

.curation_wrap .tubeSeries_inner .sms_slider_controls .btn_icon_prev {
	background-image: url(/css/platformTubeWeb/images/ico_slide_left.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
}

.curation_wrap .tubeSeries_inner .sms_slider_controls .btn_icon_next {
	background-image: url(/css/platformTubeWeb/images/ico_slide_right.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
	float: right;
}

.txt_label_tube {
	background-color: #333333;
}

.new-smss_list .thumbnail_kbiTube .txt_label_tube {
	border-top-left-radius: 4px;
}

.subMain_section_new_kbiTubeContent.curationContent .sms_inner {
	padding-top: 90px;
}

.subMain_section_new_kbiTubeContent.curationContent .sms_inner:after {
	display: none;
}

.todayKbitube_item_cate {
	font-size: 13px;
	display: block;
}

.subMain_section_new_kbiTubeContent.curationContent .sms_slider_w,
	.subMain_section_new_kbiTubeContent.curationContent .smsSlider_list,
	.subMain_section_new_kbiTubeContent.curationContent .smss_lists_w,
	.subMain_section_new_kbiTubeContent.curationContent .smsSlider_lists_w
	{
	height: 172px;
}

.subPage_section_personalFinanceCategory.curationContent .sub_pf_categoty_content li
	{
	width: calc(25% - 8px);
}

.subPage_section_personalFinanceCategory.curationContent .sub_pf_categoty_content li:last-child
	{
	margin-right: 0;
}

.subPage_section_personalFinanceCategory.curationContent .sub_pf_categoty_content li a.active button
	{
	border: 1px solid #02a5b1;
	background-color: #02a5b1;
	font-weight: 600;
	color: #fff;
}

/*2022-06-22*/
.curationContent .todayKbitube_item_title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.2em;
}

.curationContent .todayKbitube_item_description {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	overflow: hidden;
	display: block;
}

.curationContent .todayKbitube_item_cate {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	overflow: hidden;
}

/*2022-06-28*/
.free_experience_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 70px 0 35px 0;
}

.free_experience_wrap .free_experience_left {
	width: calc(100% - 335px);
}

.free_experience_wrap .free_experience_left .free_ex_left_in {
	display: flex;
	margin: 10px 0;
}

.free_experience_wrap .free_experience_left .free_ex_left_in .free_ex_tit
	{
	width: 130px;
	text-align: center;
}

.free_experience_wrap .free_experience_left .free_ex_left_in .free_ex_tit p
	{
	background: #02a5b1;
	border-radius: 30px;
	font-weight: 600;
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
}

.free_experience_wrap .free_experience_left .free_ex_left_in .free_ex_info
	{
	width: calc(100% - 130px);
	padding-left: 30px;
	align-self: center;
}

.free_experience_wrap .free_experience_left .free_ex_left_in .free_ex_info strong
	{
	font-size: 20px;
}

.free_experience_wrap .free_experience_right {
	width: 335px;
	align-self: center;
	text-align: right;
}

.free_experience_wrap .free_experience_right a {
	color: #fff;
	background: #02a5b1;
	padding: 20px 25px;
	font-size: 20px;
	text-decoration: none;
}

.free_experience_wrap .free_experience_right a:hover {
	box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0.5);
}

.free_experience_box {
	border-top: 1px solid #8b8b8b;
	padding: 50px 0px;
}

.free_experience_box_inner {
	width: 900px;
	margin: 0 auto;
	border: 1px solid #dedede;
	padding: 50px;
	text-align: center;
}

.free_experience_box_inner h4 {
	position: relative;
	display: inline-block;
	color: #fff;
	background: #00d2ae;
	font-size: 29px;
}

.free_experience_box_inner h4 strong {
	display: block;
	padding: 14px 25px 14px 60px;
}

.free_experience_box_inner h4:before {
	width: 0;
	height: 0;
	border-bottom: 35px solid transparent;
	border-top: 35px solid transparent;
	border-left: 35px solid #fff;
	border-right: 35px solid transparent;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.free_experience_box_inner h4:after {
	width: 0;
	height: 0;
	border-bottom: 35px solid transparent;
	border-top: 35px solid transparent;
	border-left: 35px solid #00d2ae;
	border-right: 35px solid transparent;
	display: block;
	content: "";
	position: absolute;
	right: -70px;
	top: 0;
}

.free_experience_box_inner h5 {
	position: relative;
	color: #383838;
	font-size: 29px;
	margin: 40px 0 20px;
}

.free_experience_box_inner .btn {
	margin-top: 15px;
}

.free_experience_box_inner .btn a {
	display: inline-block;
	color: #fff;
	background: #02a5b1;
	padding: 20px 25px;
	font-size: 20px;
	text-decoration: none;
}

.free_experience_box_inner .btn a:hover {
	box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0.5);
}

.free_experience_box_help {
	text-align: left;
	padding: 30px;
	background: #f2f8f8;
	margin-top: 40px;
}

.free_experience_box_help li {
	padding: 5px 0 5px 15px;
	position: relative;
	line-height: 1.4em;
	word-break: keep-all;
	letter-spacing: -1px;
}

.free_experience_box_help li:before {
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	content: "※";
}

/*2022-09-01*/
.loadmap_quick {
	position: relative;
	padding: 0;
}

.loadmap_quick a {
	background: #02a5b1;
	color: #fff;
	display: block;
	border-radius: 5px;
	font-size: 13px;
	padding: 0 13px 0 4px;
	position: relative;
	margin-top: -2px;
	overflow: hidden;
	-webkit-box-shadow: inset 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
}

.loadmap_quick img.ico {
	vertical-align: middle;
	animation: loadmap_quick_ani 2s 0s infinite linear alternate;
}

.loadmap_quick span {
	display: inline-block;
	line-height: 32px;
}

@
keyframes loadmap_quick_ani { 0% {
	transform: translate(-20px, 0);
	filter: blur(5px);
	-webkit-filter: blur(5px);
	opacity: 0;
}

20%
{
transform


:

 

translate


(0
px
,
0
px


);
filter


:

 

blur


(0
px
);


        

-webkit-filter


:

 

blur


(0
px
);


         

opacity


:


1;
}
}
.loadmap_title {
	color: #333333;
	font-size: 25px;
	font-weight: 500;
	margin-bottom: 20px;
}

.loadmap_flex {
	display: flex;
	flex-wrap: wrap;
	margin-left: -24px;
}

.loadmap_flex .loadmap_item {
	width: 360px;
	margin-left: 24px;
	margin-bottom: 24px;
	border: 1px solid #dedede;
	border-radius: 5px;
	line-height: 0;
	overflow: hidden;
}

.loadmap_flex .loadmap_item:hover {
	border: 1px solid #c5c5c5;
}

.loadmap_flex .loadmap_item a {
	display: block;
	font-size: 0;
	line-height: 0;
}

.loadmap_banner {
	font-size: 0;
	line-height: 0;
	border-radius: 10px;
	overflow: hidden;
}

.loadmap_banner img {
	max-width: 100%;
}

.loadmap_box {
	border: 2px solid #eeeeee;
	border-radius: 10px;
	padding: 0 39px 38px 38px;
	margin-top: 20px;
}

.loadmap_box_inner {
	margin-top: 38px;
	display: flex;
	align-items: flex-start;
	position: relative;
}

.loadmap_box_inner.direct_3depth {
	justify-content: space-between;
}

.loadmap_box_inner.direct_3depth .depth1:after {
	display: none;
}

.loadmap_box_inner.direct_3depth .depth3:after {
	width: 460px;
	left: -460px;
}

.loadmap_box_inner .depth1 {
	width: 195px;
	position: relative;
	margin-right: 30px;
	text-align: center;
	border-radius: 7px;
	padding: 2px;
}

.loadmap_box_inner .depth1:after {
	position: absolute;
	top: 35px;
	right: -30px;
	width: 30px;
	height: 2px;
	background: #bbbbbb;
	display: block;
	content: "";
}

.loadmap_box_inner .depth1.set1 {
	background: #5788cc;
}

.loadmap_box_inner .depth1.set2 {
	background: #355eba;
}

.loadmap_box_inner .depth1.set3 {
	background: #758bbb;
}

.loadmap_box_inner .depth1.set4 {
	background: #81c3df;
}

.loadmap_box_inner .depth1.set5 {
	background: #6eb7be;
}

.loadmap_box_inner .depth1 .tit {
	color: #fff;
	font-weight: 500;
	font-size: 17px;
	padding: 7px 0;
}

.loadmap_box_inner .depth1 .depth1_inner {
	background: #fff;
	border-radius: 5px;
	padding: 20px 2px;
	font-size: 14px;
	word-break: keep-all;
	letter-spacing: -0.5px;
}

.loadmap_box_inner .depth1.set1 .depth1_inner {
	color: #5788cc;
}

.loadmap_box_inner .depth1.set2 .depth1_inner {
	color: #355eba;
}

.loadmap_box_inner .depth1.set3 .depth1_inner {
	color: #758bbb;
}

.loadmap_box_inner .depth1.set4 .depth1_inner {
	color: #81c3df;
}

.loadmap_box_inner .depth1.set5 .depth1_inner {
	color: #6eb7be;
}

.loadmap_box_inner .depth2 {
	position: relative;
}

.loadmap_box_inner .depth2>ul>li {
	position: relative;
	cursor: pointer;
	margin-bottom: 5px;
	display: flex;
}

.loadmap_box_inner .depth2>ul>li .real_depth2 {
	width: 400px;
	margin-right: 30px;
}

.depth2_inner {
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	word-break: keep-all;
	letter-spacing: -0.5px;
	color: #2b2b2b;
}

.depth2_inner.beginner {
	background: #eeeeee;
}

.depth2_inner.middle {
	background: #e2e6f5;
}

.depth2_inner.advanced {
	background: #ebe9f2;
}

.loadmap_box_inner .depth2 li .icon_set {
	display: flex;
	overflow: hidden;
	margin-left: 5px;
}

.loadmap_box_inner .depth2 li .icon_set span {
	color: #fff;
	padding: 2px 8px 2px 13px;
	font-size: 12px;
	transform: skew(30deg);
	display: table;
	overflow: hidden;
	line-height: 12px;
	position: relative;
}

.loadmap_box_inner .depth2 li .icon_set span:before {
	position: absolute;
	width: 15px;
	height: 100%;
	background: #fff;
	top: 0;
	left: -10px;
	display: block;
	content: "";
	transform: skew(-30deg);
}

.loadmap_box_inner .depth2 li .icon_set span em {
	transform: skew(-30deg);
	display: table-cell;
	vertical-align: middle;
	font-style: normal;
}

.loadmap_box_inner .depth2 li .icon_set span.beginner {
	background: #ffbc31;
}

.loadmap_box_inner .depth2 li .icon_set span.middle {
	background: #6d81cc;
}

.loadmap_box_inner .depth2 li .icon_set span.advanced {
	background: #baa3d2;
}

.loadmap_box_inner .depth2 li .icon_set span.recomm {
	background: #e26b23;
}

.loadmap_box_inner .depth3 {
	position: relative;
	width: 400px;
}

.loadmap_box_inner .depth3:after {
	position: absolute;
	top: 35px;
	left: -30px;
	width: 30px;
	height: 2px;
	background: #bbbbbb;
	display: block;
	content: "";
}
/* 2022-09-23 start */
.loadmap_box_inner .depth3 li {
	margin-bottom: 5px;
	cursor: pointer;
}

.loadmap_box_inner .depth3 li .icon_set {
	display: flex;
	overflow: hidden;
	margin-left: 5px;
}

.loadmap_box_inner .depth3 li .icon_set span {
	color: #fff;
	padding: 2px 8px 2px 13px;
	font-size: 12px;
	transform: skew(30deg);
	display: table;
	overflow: hidden;
	line-height: 12px;
	position: relative;
}

.loadmap_box_inner .depth3 li .icon_set span:before {
	position: absolute;
	width: 15px;
	height: 100%;
	background: #fff;
	top: 0;
	left: -10px;
	display: block;
	content: "";
	transform: skew(-30deg);
}

.loadmap_box_inner .depth3 li .icon_set span em {
	transform: skew(-30deg);
	display: table-cell;
	vertical-align: middle;
	font-style: normal;
}

.loadmap_box_inner .depth3 li .icon_set span.beginner {
	background: #ffbc31;
}

.loadmap_box_inner .depth3 li .icon_set span.middle {
	background: #6d81cc;
}

.loadmap_box_inner .depth3 li .icon_set span.advanced {
	background: #baa3d2;
}

.loadmap_box_inner .depth3 li .icon_set span.recomm {
	background: #e26b23;
}

.depth2_3_etc {
	width: calc(100% - 195px);
	display: flex;
	align-items: flex-start;
	position: relative;
}

.loadmap_box_inner.direct_3depth .depth2_3_etc {
	width: 400px
}

/*2022-09-23 end*/
.loadmap_box_inner .depth3 a {
	color: #2b2b2b;
}

.loadmap_box_inner .depth3 a:hover {
	text-decoration: none;
}

.loadmap_layer {
	display: none;
	min-width: 90px;
}

.loadmap_layer ul {
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border: 2px solid #c4c4c4;
	padding: 16px;
}

.loadmap_layer ul::after {
	content: '';
	position: absolute;
	left: -20px;
	top: 30px;
	margin-top: -10px;
	border-top: 10px solid transparent;
	border-right: 10px solid #c4c4c4;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

.loadmap_layer li {
	position: relative;
	padding: 2px 0 2px 5px;
	font-size: 14px;
}

.loadmap_layer li:before {
	display: block;
	content: "·";
	position: absolute;
	left: 0;
	top: 0;
}

.loadmap_layer li a {
	color: #2b2b2b;
}

/*2022-10-04*/
.status_inner .date_area {
	font-size: 18px;
}

.status_new_wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.status_new_item {
	border-radius: 10px;
	background: #e2fffc;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	width: calc(50% - 5px);
	text-align: center;
}

.status_new_item h4 {
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 5px 0;
	font-size: 18px;
	background: #02a5b1;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.status_new_item_inner {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.status_new_item_inner_area {
	padding: 15px 0px 0 0;
	background: #fff;
}

.status_new_item_inner_area .time {
	color: #02a5b1;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 5px;
}

.status_new_item_inner_area p {
	font-size: 14px;
	color: #8f8f8f;
}

.status_new_item_inner_area>div {
	margin-top: 15px;
	background: #e2fffc;
	padding: 8px 5px;
	color: #0054ab;
	font-size: 18px;
	font-weight: 600;
}

.status_new_item_inner_area>div.attainment {
	color: #0054ab;
}

.status_new_item_inner_area>div.below {
	color: #d56900;
}

.status_btn {
	text-align: right;
	margin-top: 15px;
}

.status_btn a {
	display: inline-block;
	line-height: 45px;
	width: 126px;
	height: 45px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
}

/*2022-12-19*/
.subMain_section_new_kbiTubeContent#awardsArea {
	padding-top: 0;
}

.subMain_section_new_kbiTubeContent#awardsArea .sms_inner {
	padding-top: 20px;
}

.subMain_section_new_kbiTubeContent#awardsArea .sms_inner:after {
	display: none;
}

.awards-tit {
	margin-bottom: 20px;
}

.awards-tit h4 {
	color: #333333;
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 10px;
}

.awards-tit p {
	color: #333333;
	font-size: 23px;
	line-height: 1.4em;
}

.awards-flex:after {
	clear: both;
	display: block;
	content: "";
}

.awards-item {
	float: left;
	width: calc(50% - 10px);
}

.awards-item:last-child {
	float: right;
}

.awards-item h4 {
	background: #ffdb91 url(/css/platformTubeWeb/images/awards_header_1.png)
		right center;
	padding: 17px 25px;
	color: #fff;
	border-radius: 5px;
	font-size: 21px;
}

.awards-item:last-child h4 {
	background: #a7c2f6 url(/css/platformTubeWeb/images/awards_header_2.png)
		right center;
}

.awards-item ul {
	margin-top: 10px;
}

.awards-item li {
	border: 1px solid #d8d8d8;
	margin-top: 5px;
	border-radius: 3px;
}

.awards-item li:hover {
	border: 1px solid #666;
	text-decoration: none
}

.awards-item li a {
	display: block;
	padding: 10px;
	color: #333333;
	font-size: 15px;
	position: relative;
	padding-left: 25px;
	text-decoration: none;
}

.awards-item li a:before {
	position: absolute;
	left: 12px;
	top: 10px;
	content: "-";
	display: block;
}

.subMain_section_new_kbiTubeContent#trendArea {
	padding-top: 0;
}

.subMain_section_new_kbiTubeContent#trendArea .sms_inner {
	padding-top: 20px;
}

.subMain_section_new_kbiTubeContent#trendArea .sms_inner:after {
	display: none;
}

[class^="trend_tit"] {
	font-size: 30px;
	letter-spacing: -2px;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}

[class^="trend_tit"] span {
	display: inline-block;
	position: relative;
	padding: 0 5px;
}

[class^="trend_tit"]:before {
	background: #9de5d9;
	position: absolute;
	left: 0;
	width: 100%;
	height: 20px;
	bottom: 0;
	content: "";
	display: block;
}

/*2022-02-20*/
.study_policy_wrap {
	max-width: 860px;
	margin: 0 auto;
}

.study_policy_wrap h3 {
	text-align: center;
}

.study_policy_wrap h4 {
	text-align: center;
	margin: 30px 0 50px 0;
}

.study_policy_wrap h4 span {
	display: block;
	background: #02a5b1;
	color: #fff;
	font-size: 23px;
	font-weight: 500;
	padding: 10px 0px;
	letter-spacing: -1px;
}

.study_policy_inner {
	margin: 30px 0 0 0;
	font-size: 0.9em;
}

.study_policy_inner h5 {
	color: #222222;
	font-size: 20px;
}

.study_policy_box {
	padding: 20px 20px 20px 35px;
	background: #f6f6f6;
	margin: 10px 0 5px 0;
}

.study_policy_box ol li {
	list-style: decimal;
	word-break: keep-all;
	padding: 2px 0;
}

.study_policy_box ol li.color {
	color: #02a5b1;
	font-weight: 600;
}

.study_policy_msg {
	margin-top: 20px;
	font-size: 0.9em;
	color: #fe0000;
}

.study_policy_box.blue {
	padding: 20px;
	background: #e9f5f1;
}

.study_policy_box ul li {
	position: relative;;
	word-break: keep-all;
	padding: 5px 0 5px 15px;
}

.study_policy_box ul li:before {
	position: absolute;
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #02a5b1;
	top: 13px;
	left: 0;
}

.study_policy_box.blue p {
	margin-top: 7px;
	word-break: keep-all;
}

/*2022-03-02*/
.status_inner .status_inner_title span {
	font-size: 14px;
	color: #8f8f8f;
	letter-spacing: -1px;
}

.new_status {
	align-items: flex-start;
}

.new_status_item {
	width: 50%;
	padding: 0 0 0 20px
}

.new_status_item:first-child {
	border-right: 1px solid #e5e5e5;
	padding: 0 20px 0 20px;
}

.new_status_item  .status_inner_box_first_graph {
	display: block;
	width: 100%;
	float: none;
}

.new_status_item  .status_inner_graph_week {
	margin: 0 auto;
}

.new_status_item  .status_inner_box_first_graph p {
	width: 100%;
	text-align: center;
}

.new_status .status_new_item {
	width: 100%
}

.new_status .status_new_item_inner_area {
	padding: 25px 0px 0px 0;
}

.new_status .status_new_item_inner_area>div {
	margin-top: 30px;
}

.new_status_item .status_btn {
	text-align: center;
	margin-top: 30px;
}

/*2023-03-25*/
.special_point_wrap {
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding:5px 40px; /* 231010 */
	margin: 15px 0 0 0;
}

.special_point_wrap h3 {
	width: 145px;
	padding: 25px 0 0 0;
	font-weight: 400;
	font-size: 22px;
	color: #333333;
}

.special_point_inner {
	width:calc(100% - 0px);
} /* 231010 */

.special_point_inner_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px solid #dedede;
	padding: 25px 0;
}

.special_point_inner_wrap:last-child {
	border-bottom: none;
	margin-bottom: 20px;
}

.special_point_title {
	width: 300px;
	text-align: center;
	color: #fff;
	background: #02a5b1;
	font-size: 14px;
} /* 231010 */

.special_point_inner_wrap:last-child  .special_point_title {
	background: #02a5b1;
} /* 231010 */

.special_point_title>div {
	display: table;
	width: 100%;
	height: 100%;
}

.special_point_title p {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.special_point_title  strong {
	display: block;
	font-size: 21px;
}

.special_point_box {
	padding: 0 20px;
	width: calc(100% - 300px);
	box-sizing: border-box;
} /* 231010 */

.special_point_box_title {display:block;font-size:19px;text-align:center;margin-left:100px;padding:0 0 10px 0;} /* 231010 */
		.special_point_box_title span {color:#02a5b1;} /* 231010 */

.special_point_box_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.special_point_box_inner .character_img {
	width: 90px;
	padding:10px 0 10px 10px;
} /* 231010 */

.special_point_box_inner .special_month {
	width: calc(100% - 100px);
} /* 231010 */

.special_point_box_inner .special_month_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 0;
        margin-left:65px;
} /* 231010 */

.special_point_box_inner .special_month p.month {
	width: 75px;
	text-align: right;
	font-weight: 600;
	font-size: 18px;
	color: #333;
	align-self: center;
	margin-bottom: 17px;
} /* 230329 */
.special_point_box_inner .special_month ul {
	width: calc(100% - 40px);
} /* 231010 */

.special_point_box_inner .special_month ul:after {
	clear: both;
	display: block;
	content: "";
}

.special_point_box_inner .special_month li {
	width: 18%;
	margin-left: 2%;
	float: left;
	text-align: center;
	font-size: 13px;
}

.special_point_box_inner .special_month li>div {
	display: table;
	width: 100%;
	height: 65px; /* 230328 */
}

.special_point_box_inner .special_month li .month_box {
	background: #fff;
	border: 2px solid #02a5b1;
	border-radius: 5px;
	min-height: 65px;
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	font-weight: 600;
	color: #02a5b1;
	font-size: 13px;
}

.special_point_box_inner .character_msg {
	width: 250px;
	background: #fff;
	padding: 15px 10px;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	align-self: center;
	position: relative;
	margin-left: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} /* 231010 */

.special_point_box_inner .character_msg:after {
	display: block;
	content: '';
	position: absolute;
	top: 17px;
	left: -10px;
	width: 0px;
	height: 0px;
	border-top: 10px solid none;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
}

.special_point_box_inner table {
	width: calc(100% - 140px - 265px);
	margin-left: 20px;
	table-layout: fixed;
} /* 231010 */

.special_point_box_inner table th {
	text-align: center;
	border: none;
	font-size: 18px;
	line-height: 1em;
	width: 50%;
}

.special_point_box_inner table td {
	text-align: center;
	border: none;
	color: #02a5b1;
	padding: 0 5px;
	font-size: 18px;
	line-height: 1.3em;
	width: 50%;
	font-weight: 600;
}

.special_point_box_inner table td span {
	color: #888;
}

.special_point_box_inner table tr th:first-child,
	.special_point_box_inner table tr td:first-child {
	border-right: 1px solid #dedede;
}

/*2023-04-28*/
.survey_wrap {
	position: fixed;
	width: 150px;
	top: 55%;
	left: 50%;
	transform: translate(580px, -50%);
	-webkit-transform: translate(580px, -50%);
	z-index: 900;
}

.survey_head {
	position: relative;
}

.survey_head h4:before {
	background: url(../../css/images/common/survey_icon.png);
	width: 59px;
	height: 59px;
	display: inline-block;
	content: "";
	position: absolute;
	left: -10px;
	bottom: 0;
}

.survey_head h4 {
	background: url(../../css/images/common/survey_icon_bg.png);
	color: #fff;
	padding: 8px 1px 8px 51px;
	font-size: 14px;
	letter-spacing: -1.8px;
}

.survey_body {
	border: 1px solid #e3e3e3;
}

.survey_body .title {
	background: #fff;
	padding: 10px;
	color: #222222;
	font-size: 13px;
}

.survey_body>div {
	background: #f6f6f6;
	padding: 20px 10px;
}

.survey_body li {
	position: relative;
	padding: 2px 0 2px 17px;
	color: #222222;
	font-size: 13px;
}

.survey_body input {
	appearance: auto;
	position: absolute;
	left: 0;
	top: 5px;
}

.survey_foot {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.survey_foot button {
	background: #888888;
	color: #fff;
	padding: 5px;
	text-align: center;
	width: 50%;
	border: none;
}

.survey_foot button:last-child {
	background: #02a5b1;
}

.survey_foot button.close {
	width: 100%;
}

.survey_complete {
	background: url(../../css/images/common/survey_bg.png);
	height: 137px;
	padding: 90px 10px 0;
	text-align: center;
	color: #222222;
	font-size: 13px;
	border: 1px solid #e3e3e3;
	box-sizing: border-box;
}

/* 230621 */
.subMain_section_new_now .sms_inner .tit_ban {
	margin-bottom: 10px;
}

.subMain_section_new_now .sms_slider_controls .btn_icon_next {
	margin-left: auto;
	margin-left: 740px;
}

.subMain_section_new_now .sms_slider_controls {
	right: auto;
	top: 220px;
	width: calc(100% - 10px);
	margin-left: 5px;
	margin-right: 5px;
	z-index: 99;
	left: 0px;
}

.subMain_section_new_now .sms_slider_controls button:disabled {
	opacity: 0;
}

.subMain_section_new_now .sms_slider_controls .btn_icon_prev {
	background-image:
		url(../../css/platformTubeWeb/images/ico_slide_left.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
}

.subMain_section_new_now .sms_slider_controls .btn_icon_next {
	background-image:
		url(../../css/platformTubeWeb/images/ico_slide_right.png);
	width: 44px;
	height: 44px;
	background-color: transparent;
	float: right;
}

.subMain_section_new_now .sms_slider_controls .btn_icon_prev:hover {
	background-image:
		url(../../css/platformTubeWeb/images/ico_slide_left_over.png);
	background-color: transparent;
}

.subMain_section_new_now .sms_slider_controls .btn_icon_next:hover {
	background-image:
		url(../../css/platformTubeWeb/images/ico_slide_right_over.png);
	background-color: transparent;
}

.subMain_section_new_now {
	
}

.subMain_section_new_now .sms_inner {
	padding-top: 0px !important;
}

.subMain_section_new_now .smss_lists_w {
	width: 1165px;
}

.subMain_section_new_now .smsi_header {
	width: 1165px;
}

/* 2023-07-12 */
.free_content_wrap {
	margin-top: 50px;
}

.free_content_slider {
	background: #000;
}

.free_content_slider p {
	opacity: 0.6;
	font-size: 0;
}

.free_content_slider p.active {
	opacity: 1;
	position: relative;
}

.free_content_slider p.active:after, .free_content_slider p.active:before
	{
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 100%;
	top: 0;
}

.free_content_slider p.active:before {
	left: -40px;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
		rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
		rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
		rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
		endColorstr='#000000', GradientType=1);
}

.free_content_slider p.active:after {
	right: -40px;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%,
		rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%,
		rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%,
		rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',
		endColorstr='#00ffffff', GradientType=1);
	z-index: 10;
}

.free_content_slider p img {
	max-width: 100%;
}

.free_content_wrap .lSAction>a {
	width: 14px;
	height: 26px;
	background-repeat: no-repeat;
	margin-top: -13px;
	background-position: 0;
	opacity: 1;
}

.free_content_wrap .lSAction>.lSPrev {
	background-image:
		url(../../css/platformTubeWeb/images/free_slider_prev.png);
	left: 350px;
}

.free_content_wrap .lSAction>.lSNext {
	background-image:
		url(../../css/platformTubeWeb/images/free_slider_next.png);
	right: 350px;
}

/* 2023-07-28*/
.visual_mainMain_tube .lSAction {
	max-width: 1140px;
	margin: 0 auto;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	z-index: 10;
	width: 100%;
}

.visual_mainMain_tube .lSPrev {
	background: rgba(127, 127, 127, 0.5)
		url(../../css/platformTubeWeb/images/new_main/new_mainvisual_prev.png)
		no-repeat center center;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	opacity: 1;
}

.visual_mainMain_tube .lSNext {
	background: rgba(127, 127, 127, 0.5)
		url(../../css/platformTubeWeb/images/new_main/new_mainvisual_next.png)
		no-repeat center center;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	opacity: 1;
}

.visual_mainMain_tube .lSPrev:hover, .visual_mainMain_tube .lSNext:hover
	{
	background-color: rgba(127, 127, 127, 0.9)
}

.sms_slider_controls a.schedule {
	letter-spacing: 0px;
	color: #212121;
	font-size: 15px;
	padding-left: 25px;
	background:
		url(../../css/platformTubeWeb/images/new_main/ico_today_schedule.png)
		no-repeat left center;
}

.sms_slider_controls a.all_view {
	letter-spacing: 0px;
	color: #8f8f8f;
	font-size: 15px;
}

.sms_slider_controls a.all_view:hover {
	text-decoration: none;
	color: #333;
}

.award_2023_banner {
	margin: 20px 0 10px 0;
}

.award_2023_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.award_2023_list li {
	width: 49%;
	margin: 0.3% 0;
}

.award_2023_list a {
	display: block;
	padding: 10px 20px 10px 60px;
	color: #333333;
	border-radius: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	background: #f0f4f9
		url(../../css/platformTubeWeb/images/new_main/ico_mov.png) no-repeat
		25px center;
}
.new_study_con {position:relative;}
.stydy_slider_controls {
    position:absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 99;
    left: 0px;
} 
.stydy_slider_controls button:disabled {
    opacity: 0;
} 
.stydy_slider_controls .btn_icon_prev {
    background-image: url(/css/platformTubeWeb/images/ico_slide_left.png);
    width: 44px;
    height: 44px;
    background-color: transparent;
}
.stydy_slider_controls .btn_icon_next {
    background-image: url(/css/platformTubeWeb/images/ico_slide_right.png);
    width: 44px;
    height: 44px;
    background-color: transparent;
    float: right;
}
.stydy_slider_controls .btn_icon_prev:hover {
    background-image: url(/css/platformTubeWeb/images/ico_slide_left_over.png);
    background-color: transparent;
}
.stydy_slider_controls .btn_icon_next:hover {
    background-image: url(/css/platformTubeWeb/images/ico_slide_right_over.png);
    background-color: transparent;
} 
.main_study_banner {
	background:
		url(../../css/platformTubeWeb/images/new_main/title_banner_study.png)
		no-repeat;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	/* height: 120px; */
	padding: 26px 0;
	background-size: cover;
	text-align: center;
}
.main_study_banner.acuon {
	background: url(../../css/platformTubeWeb/images/new_main/title_banner_study_acuon.png) no-repeat;
}
.main_study_banner.sutdy_form {
    background: url(/css/platformTubeWeb/images/new_main/title_banner_study_form.png) no-repeat;
    padding: 37px 0;
}
.new_study_for_item {
    padding:41px 30px;
    background:url("/css/platformTubeWeb/images/new_main/title_banner_study_form_icon.png") no-repeat calc(100% - 10px) calc(100% - 20px);
}
.new_study_for_item strong {
    font-size:34px;
    color:#02a5b1;
    font-weight:900;
}
/*2025-07-14*/
.main_study_banner>div {
	align-self: center;
}

.main_study_banner p {
	color: #fff;
}

.main_study_banner p.title {
	font-size: 30px;
}

.new_study_slider {
	margin: 10px 0;
}

.new_study_item {
	background: #f8f8f8;
	border: 1px solid #e5e5e5;
	padding: 10px 40px;
	border-radius: 10px;
	box-sizing: border-box;
}

.new_study_item .title {
	font-size: 22px;
}

.new_study_item .new_study_inner {
	display: flex;
	margin-top: 15px;
}

.new_study_item .new_study_inner .graph_area {
	width: 128px;
	position: relative;
	margin-right: 40px;
}

.new_study_item .new_study_inner .graph_area .graph_total {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #02a5b1;
	text-align: center;
}

.new_study_item .new_study_inner .graph_area .graph_total strong {
	display: block;
	font-size: 50px;
	line-height: 50px;
	font-weight: 800;
}

.new_study_item .new_study_inner .graph_area .graph_total span {
	font-size: 20px;
}

.new_study_item .new_study_inner .new_study_info {
	width: calc(100% - 128px);
}

.new_study_item .new_studyinfo_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin-bottom: 25px;
}

.new_study_item .new_studyinfo_inner p {
	font-size: 32px;
}

.new_study_item .new_studyinfo_inner button {
	padding: 0 15px;
	font-size: 16px;
	height: 45px;
	color: #FFFFFF;
	border: none;
	text-align: center;
	background-color: #02a5b1;
}

.new_study_info>p {
	font-size: 15px;
}

.new_study_info .point {
	color: #ba9164;
}

.new_study_under {
	display: flex;
	justify-content: space-between;
}

.new_study_under .new_study_item {
	width: calc(50% - 10px);
}

.new_study_under .new_study_item.title_area {
	background-image: url(/css/platformTubeWeb/images/new_main/new_study_img.png);
	background-repeat: no-repeat;
	background-position: 90% 80%;
}
.new_study_under .new_study_item.title_area.acuon {
	background-image: url(/css/platformTubeWeb/images/new_main/new_study_img_acuon.png);
}
/*2025-07-14*/
.new_study_under .new_study_item.title_area p {
	color: #02a5b1;
	font-size: 29px;
	font-weight: 600;
}

.new_slide_item .thum_layer_w {
	border-radius: 10px;
}

.new-smss_list .thumbnail_kbiTube.new_slide_item .thum_cont {
	padding-bottom: 40px;
}

.new-smss_list .thumbnail_kbiTube .thum_cont .txt_categori.new_categori
	{
	margin-top: 10px;
} /*2023-08-11 수정 */
.new-smss_list .thumbnail_kbiTube .thum_cont .txt_categori.new_categori a
	{
	background: #e8e8e8;
	border-radius: 5px;
	padding: 5px 10px;
} /*2023-08-11 수정 */
.study_process_bar {
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	height: 6px;
	font-size: 0;
	text-align: left;
}

.study_process_bar span {
	height: 6px;
	display: inline-block;
	background: #e80029;
}

.new_popular_area {
	display: flex;
	justify-content: space-between;
	;
}

.new_popular_item {
	width: calc(50% - 10px);
}

.new_popular_item h4 {
	color: #02a5b1;
	font-weight: 600;
	font-size: 19px;
	padding: 8px;
	text-align: center;
	border-radius: 30px;
	border: 1px solid #02a5b1;
	margin-bottom: 25px;
}

.new_popular_item ul li {
	display: flex;
	margin-top: 11px;
	padding: 0 10px;
}

.new_popular_item ul li p {
	margin-right: 15px;
	text-align: center;
	font-size: 21px;
	font-weight: 600;
	align-self: center;
	color: #555555;
	width: 30px;
}

.new_popular_item ul li p.no {
	color: #00d2ae;
}

.new_popular_item ul li p.thum {
	width: 108px;
}

.new_popular_item ul li p.thum span {
	display: block;
	width: 108px;
	overflow: hidden;
	border-radius: 15px;
	height: 80px;
}

.new_popular_item ul li p.thum img {
	max-width: 100%;
	height: 80px;
}

.new_popular_item ul li div {
	padding: 0;
	width: calc(100% - 140px);
}

.new_popular_item ul li div>a {
	max-height: 53px;
	height: auto;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -1px;
	word-wrap: break-word;
	overflow: hidden;
}

.new_popular_item ul li div .txt_categori.txt_categori {
	margin-top: 10px;
	font-size: 12px;
	box-sizing: border-box;
}

.new_popular_item ul li div .txt_categori.txt_categori a {
	background: #e8e8e8;
	border-radius: 5px;
	padding: 5px 10px;
	color: #575757
}

.subMain_section_new_newContent.newContent2 {
	background: none;
}

.subMain_section_new_newContent.newContent2.firstContent {
	padding-top: 20px;
}

.subMain_section_new_newContent.newContent2.firstContent .sms_inner {
	padding-top: 60px;
}

.more_new_content_view {
	position: absolute;
	right: 0;
	top: 15px;
}

.more_new_content_view a.all_view {
	letter-spacing: 0px;
	color: #8f8f8f;
	font-size: 15px;
}

.more_new_content_view a.all_view:hover {
	text-decoration: none;
	color: #333;
}

.title_date {
	font-weight: 400;
	display: inline-block;
	margin-left: 20px;
	font-size: 25px;
}

.newContent_ing_area {
	display: flex;
	margin-top: -15px;
}

.newContent_ing_inner {
	position: relative;
	margin-left: 25px;
	overflow: hidden;
	border-radius: 10px;
	width: calc(33.3333% - 16px);
}
/*2023-08-24 s*/
.newContent_ing_area.sub_new_con {
	left: -16px;
	position: relative;
	width: 1155px;
	flex-wrap: wrap;
}

.newContent_ing_area.sub_new_con .newConent_ing_item {
	margin-left: 0;
}

.newContent_ing_area.sub_new_con .newConent_ing_item .newContent_ing_inner
	{
	width: 369px;
}

.newContent_ing_area.sub_new_con .newConent_ing_item {
	width: 385px;
}
/*2023-08-24 e*/
.newContent_ing_inner:first-child {
	margin-left: 0;
}

.newContent_ing_inner .thum {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 155px;
}

.newContent_ing_inner .thum img {
	width: 100%;
	height: 155px;
}

.newContent_ing_inner .newContent_inner {
	position: relative;
	height: 155px;
	z-index: 3;
	text-align: center;
}

.newContent_ing_inner .newContent_inner .new_categori {
	margin-top: 10px;
	font-size: 12px;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	left: 15px;
	background: #e8e8e8;
	border-radius: 5px;
	padding: 5px 10px;
	color: #575757
}

.newContent_ing_inner .newContent_inner .txt_open_date {
	color: #fff;
	font-size: 11px;
	position: absolute;
	right: 15px;
	top: 10px;
}

.newContent_ing_inner .newContent_inner p {
	font-size: 14px;
	color: #fff;
	padding: 50px 15px 10px 15px;
	text-align: left;
}

.newContent_ing_inner .newContent_inner p span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
} /* 231011 */

.newContent_ing_inner .newContent_inner p strong {
	font-size: 17px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

.newContent_ing_inner .newContent_inner button {
	border: none;
	border-radius: 5px;
	padding: 5px 15px 7px 35px; /* 230918 */
	color: #fff;
	background: #1baeb9
		url(../../css/platformTubeWeb/images/new_main/ico_open01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px
		6px;
	font-size: 14px;
	min-width: 125px;
}

.newContent_ing_inner .newContent_inner button:disabled,
	.newContent_ing_inner .newContent_inner button[disabled] {
	background: #b2b2b2;
	padding: 5px 15px 7px 16px !important; /* 230918 */
}

.newContent_ing_inner .newContent_inner button.alarm_btn {
	background: #dfa300
		url(../../css/platformTubeWeb/images/new_main/ico_open02.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}

.newContent_ing_inner .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.concentration_banner {
	display: flex;
	padding: 60px 0;
}

.concentration_banner>div {
	width: 49%;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px
		6px 6px;
	overflow: hidden;
	border-radius: 20px;
	font-size: 0;
	margin-left: 20px;
}

.concentration_banner>div:first-child {
	margin-left: 0px;
}

.concentration_banner>div img {
	width: 100%;
	height: 190px;
}

.concentration_banner>div a {
	display: block;
}

.new_banner_area {
	margin-top: 60px;
}

.subMain_section_new_recommendationContent.content_kbi .sms_inner {
	padding-top: 60px;
}

div[class^="subMain_section_new_depart"] {
	background-color: #fff;
}

.new_part_tabbtn_area {
	position: relative;
	padding: 0 45px;
	box-sizing: border-box;
}

.new_part_area {
	background: #b9e2ea;
	padding: 19px 78px;
	border: 1px solid #e9e9e9;
	width: 1140px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	min-height: 347px;
}

.new_part_item {
	display: flex;
}

.new_part_item .new_part_title {
	width: 340px;
	position: relative;
}

.new_part_item .new_part_title span {
	position: absolute;
	lett: 0;
	top: 30px;
	width: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

.new_part_item .new_part_inner {
	width: 640px;
	box-sizing: border-box;
	border: 1px solid #e9e9e9;
	background: #fff;
}

.new_part_tabbtn_area {
	margin-top: 8px;
}

.new_part_tabbtn_slider button {
	background: #a9a9a9;
	color: #fff;
	font-weight: 600;
	padding: 6px;
	text-align: center;
	font-size: 15px;
	border: none;
	border-radius: 10px;
	min-height: 72px; /* 230829 */
}

.new_part_tabbtn_slider button.active {
	background: #02a5b1;
}

.btn_gotoprev {
	background: transparent
		url(../../css/platformTubeWeb/images/new_main/ico_part_prev_s.png)
		no-repeat center center;
	width: 8px;
	min-width: 8px;
	border: none;
	height: 14px;
	font-size: 0;
	transform: translateY(-50%);
	position: absolute;
	left: 10px;
	top: 50%;
}

.btn_gotoprev:hover {
	background: transparent
		url(../../css/platformTubeWeb/images/new_main/ico_part_prev_s_on.png)
		no-repeat center center;
	box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0);
}

.btn_gotonext {
	background: transparent
		url(../../css/platformTubeWeb/images/new_main/ico_part_next_s.png)
		no-repeat center center;
	width: 8px;
	min-width: 8px;
	border: none;
	height: 14px;
	font-size: 0;
	transform: translateY(-50%);
	position: absolute;
	right: 10px;
	top: 50%;
}

.btn_gotonext:hover {
	background: transparent
		url(../../css/platformTubeWeb/images/new_main/ico_part_next_s_on.png)
		no-repeat center center;
	box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0);
}

.btn_gotoprev:disabled, .btn_gotonext:disabled {
	opacity: 0;
}

.new_part_list_area {
	margin-top: 10px;
}

.new_part_list_slider>div {
	padding: 0 45px;
	box-sizing: border-box;
}

.new_part_list_slider>div p {
	margin-top: 4px;
}

.new_part_list_slider>div p a {
	display: block;
	border: 1px solid #e9e9e9;
	text-align: center;
	padding: 3px;
	border-radius: 10px;
	color: #333333;
	font-size: 14px;
}

.new_part_list_slider>div p a:hover {
	text-decoration: underline;
	color: #02a5b1;
}

.new_part_list_slider_controls .btn_icon_prev {
	background-image:
		url(../../css/platformTubeWeb/images/new_main/ico_part_prev.png);
	width: 42px;
	height: 42px;
	left: 55px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.new_part_list_slider_controls .btn_icon_prev.active {
	background-image:
		url(../../css/platformTubeWeb/images/new_main/ico_part_prev_on.png);
}

.new_part_list_slider_controls .btn_icon_next {
	background-image:
		url(../../css/platformTubeWeb/images/new_main/ico_part_next.png);
	width: 42px;
	height: 42px;
	right: 55px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.new_part_list_slider_controls .btn_icon_next.active {
	background-image:
		url(../../css/platformTubeWeb/images/new_main/ico_part_next_on.png);
}

.new_part_list_slider_controls button:disabled {
	opacity: 0;
}

.new-gnb_w.new-gnb_w2 {
	text-align: left;
	position: relative;
}

.new-gnb_w.new-gnb_w2 .gnb_lists_w2 {
	display: flex;
	margin-left: 70px;
}

.new-gnb_w.new-gnb_w2 .gnb_list {
	min-width: 140px;
}

.gnb_list2 {
	padding: 6px 0 0 0px;
	box-sizing: border-box;
	letter-spacing: -1px;
}

.gnb_list2 .link_gnb {
	padding: 13px 20px;
}

.gnb_list2 .link_gnb .txt_gnb {
	font-size: 17px;
}

.gnb_list2:hover .link_gnb .txt_gnb {
	color: #00d2ae;
}

.gnb_list2:hover .link_gnb:after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #00d2ae;
	display: block;
	content: '';
}

.new-gnb_w.new-gnb_w2 .new-gnb_sublist {
	display: none;
	background: #fff;
	border: 1px solid #bbbbbb;
	border-top: none;
	position: absolute;
	left: 0;
	width: 100%;
	top: 58px;
	padding: 20px 0;
	box-sizing: border-box;
}

.gnb_list2:hover .new-gnb_sublist {
	display: block;
}

.new-gnb-sublist_inner {
	display: flex;
	margin-left: 55px;
}

.new-gnb-sublist_inner>div {
	border-left: 1px solid #eeeeee;
	padding: 0 35px;
}

.new-gnb-sublist_inner>div:first-child {
	border-left: 0;
}

.new-gnb-sublist_inner>div h3 {
	color: #09a8b3;
	font-size: 17px;
	margin-bottom: 15px;
}

.new-gnb-sublist_inner>div a {
	font-size: 14px;
	color: #555555;
	line-height: 1.3em;
	padding: 5px 0;
	display: block;
}

.new-gnb-sublist_inner>div a:hover {
	text-decoration: none;
	color: #09a8b3;
}

.h_menu_w .comapny_qna_area {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.h_menu_w .comapny_qna_area a {
	display: inline-block;
	padding: 2px 15px;
	color: #00d2ae;
	font-size: 14px;
	font-weight: 600;
	border: 2px solid #00d2ae;
	border-radius: 20px;
}

.h_menu_w .comapny_qna_area a:hover {
	text-decoration: none;
	color: #fff;
	background: #00d2ae;
}

.h_menu_w .search_area {
	width: 200px;
	position: absolute;
	right: 170px;
	top: 50%;
	transform: translateY(-50%);
	padding: 5px 0 5px 26px;
	background:
		url(../../css/platformTubeWeb/images/new_main/ico_header_search.png)
		no-repeat center left;
	border-bottom: 2px solid #e4e4e4;
	z-index: 10;
}

.h_menu_w .search_area input[type=text] {
	border: none;
	width: 100%;
	font-size: 13px;
}

.h_menu_w .search_area input[type=text]:focus {
	outline: 0;
}

.h_menu_w .all_menu {
	background:
		url(../../css/platformTubeWeb/images/new_main/ico_all_menu.png)
		no-repeat center center;
	width: 22px;
	height: 22px;
	position: absolute;
	left: 25px;
	top: 22px;
	z-index: 120;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

.all_menu_area {
	display: none;
	position: absolute;
	border: 3px solid #00d2ae;
	background: #fff;
	width: 100%;
	top: 58px;
	padding: 0;
	box-sizing: border-box;
}

.all_menu_area.open {
	display: block;
}

.all_menu_area h3 {
	background: #00d2ae;
	color: #fff;
	padding: 13px 20px;
	font-size: 21px;
}

.all_menu_close_btn {
	position: absolute;
	right: 15px;
	top: 17px;
	text-indent: -9999px;
	background:
		url(../../css/platformTubeWeb/images/new_main/all_menu_close.png);
	width: 22px;
	height: 21px;
	cursor: pointer;
	z-index: 2;
	border: none;
}

.all_menu_inner {
	padding: 30px 0;
	display: flex;
}

.all_menu_item {
	flex-grow: 1;
	padding: 0 30px;
	border-left: 1px solid #eeeeee;
	width: 33.3333%;
}

.all_menu_item:first-child {
	border-left: 0;
}

.all_menu_item h4 {
	display: inline-block;
	position: relative;
	padding: 0 2px;
	margin-bottom: 14px;
}

.all_menu_item h4:after {
	display: block;
	content: "";
	height: 12px;
	width: 100%;
	background: #e0ff8d;
	position: absolute;
	bottom: 0;
	left: 0;
}

.all_menu_item h4 span {
	color: #222222;
	font-size: 19px;
	font-weight: 600;
	position: relative;
	z-index: 2;
}

.all_menu_w {
	display: flex;
	margin-bottom: 10px;
}

.all_menu_w>p {
	width: 45%;
}

.all_menu_w>p a {
	font-weight: 600;
	color: #222;
	font-size: 15px;
	display: block;
}

.all_menu_w>p a:hover {
	text-decoration: none;
	color: #00d2ae;
}

.all_menu_w>div {
	width: 55%;
}

.all_menu_w>div p {
	margin-bottom: 7px;
}

.all_menu_w>div p a {
	color: #5e5e5e;
	font-size: 14px;
	line-height: 1.3;
	display: block;
}

.finance_h_top {
	text-align: center;
}

.finance_h_top [class^="h_logo"] {
	display: inline-block;
	width: 170px;
	height: 32px;
	vertical-align: top;
	overflow: hidden;
}

.finance_h_top h2 {
	position: absolute;
	left: 0;
	top: 20px;
}

.finance_h_top .h_menu_w .search_area {
	left: 50%;
	right: auto;
	transform: translate(-50%, -50%);
	width: 415px;
}

/*2023-08-11*/
.new_kbibute_schedule_title {
	margin-top: 60px;
	overflow: hidden;
	border-radius: 30px;
	font-size: 0;
	margin-bottom: 30px;
}

.new_kbibute_schedule_title+.subPage_section_personalFinance .tit_main_cDakgray2
	{
	font-size: 22px;
	font-weight: 500;
}

.new-smss_list .thumbnail_kbiTube .thum_img {
	border-radius: 10px;
}

h4.tit_cDarkgray1f {
	font-size: 20px;
	color: #333;
	font-weight: 400;
	padding-top: 12px;
	letter-spacing: -0.6px;
}

.sms_slider_w_new, .sms_slider_w_new .msSlider_list {
	height: auto;
}

.sms_slider_w_new .mss_lists_w {
	height: auto;
}

.new_sub_con {
	padding-top: 20px;
	margin-bottom: 40px;
}

.new_thum_cont {
	padding-right: 30px !important;
}

.todayTube_zzim {
	position: absolute;
	right: 10px;
	top: 10px;
}

.newConent_ing_item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: -16px;
}

.newConent_ing_item .newContent_ing_inner {
	margin-bottom: 16px;
	margin-left: 16px;
}

.viewetc_cont {
	padding: 5px 10px 0px 10px;
}

.viewetc_cont span {
	color: #575757 !important;
	font-size: 12px;
	display: inline-block;
	margin-right: 20px;
	padding-left: 20px;
}

.viewetc_cont span.view_etc01 {
	background: url(../../css/platformTubeWeb/images/ico_part_con01.png)
		no-repeat center left;
	padding-left: 15px;
}

.viewetc_cont span.view_etc02 {
	background: url(../../css/platformTubeWeb/images/ico_part_con02.png)
		no-repeat center left;
}

.viewetc_cont span.view_etc03 {
	background: url(../../css/platformTubeWeb/images/ico_part_con03.png)
		no-repeat center left;
}

.sub_pf_all_inner_content_item_content_length .viewetc_cont {
	padding-left: 0;
}

.new_search_box_tube {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	border: 1px solid #02a5b1;
	border-radius: 15px;
	margin-top: 60px;
	overflow: hidden;
}

.new_search_box_tube .inp_text_search {
	width: 250px;
	overflow: hidden;
}

.new_search_box_tube .inp_text_search input {
	border: none;
	height: 43px;
}

.new_search_box_tube .inp_text_search input:focus {
	outline: 0;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.0);
	background-color: transparent;
}

.new_search_box_tube button {
	overflow: hidden;
	border: 0;
	padding: 12px 0px;
	min-width: 44px;
	height: 45px;
	background-color: transparent;
	text-align: center;
	border-radius: 1px;
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 10px;
	width: 44px;
	letter-spacing: 0;
}

.subPage_section_personalFinanceAll {
	position: relative;
}

.new_tab_allcont {
	margin-top: 30px;
}

height
:
 
293
px
;

    
text-align
:
 
center
;

    
padding
:
 
70
px
 
0
0
0;
box-sizing
:
 
border-box
;

    
border-top-right-radius
:
50px;

    
border-bottom-right-radius
:
50px;


}
.service_section01_top p.img {
	margin-bottom: 10px;
}

.service_section01_top p {
	color: #222222;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4em;
}

.service_section01_bottom {
	background: url(images/new_service_bottom_bg.png) no-repeat;
	height: 694px;
	padding-top: 45px;
	box-sizing: border-box;
}

.service_section01_bottom .service_box {
	width: 886px;
	height: 189px;
	color: #fff;
	font-size: 20px;
	padding: 40px 0 0 309px;
	margin: 0 auto 20px;
	box-sizing: border-box;
}

.service_section01_bottom .service_box strong {
	display: block;
	font-size: 35px;
	font-weight: 700;
}

.service_section01_bottom .service_box01 {
	background:
		url(../../css/platformTubeWeb/images/new_service_bottom_txt_bg1.png)
		no-repeat;
}

.service_section01_bottom .service_box02 {
	background:
		url(../../css/platformTubeWeb/images/new_service_bottom_txt_bg2.png)
		no-repeat;
}

.service_section01_bottom .service_box03 {
	background:
		url(../../css/platformTubeWeb/images/new_service_bottom_txt_bg3.png)
		no-repeat;
}

.service_section02 {
	padding: 100px 60px;
	text-align: center;
}

.service_section02 .service_02_title {
	color: #03647c;
	font-size: 52px;
	font-weight: 600;
	margin-bottom: 15px;
}

.service_section02 .service_02_subtitle {
	color: #222222;
	font-size: 25px;
	margin-bottom: 35px;
}

.service_section02 .service_section02_flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
}

.service_section02 .service_section02_item {
	width: 33.3333%;
	padding: 30px 5px;
	box-sizing: border-box;
	border-left: 1px dashed #e9e9e9;
	border-bottom: 1px dashed #e9e9e9;
}

.service_section02 .service_section02_item:nth-child(4),
	.service_section02 .service_section02_item:nth-child(5),
	.service_section02 .service_section02_item:nth-child(6) {
	border-bottom: none;
}

.service_section02 .service_section02_item:first-child,
	.service_section02 .service_section02_item:nth-child(4) {
	border-left: none;
}

.service_section02 .service_section02_item .tit {
	margin: 10px 0 5px 0;
	color: #222222;
	font-size: 23px;
	font-weight: 600
}

.service_section02 .service_section02_item p {
	font-size: 16px;
}

.service_03_title {
	color: #fff;
	font-weight: 700;
	background: #03647c;
	font-size: 40px;
	padding: 18px 5px;
	text-align: center;
	margin-bottom: 50px;
}

.service_03_subtitle {
	color: #222;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.4em;
	text-align: center;
}

.service_03_list {
	padding: 40px;
}

.service_03_flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.service_03_flex .service_03_info_t {
	background-color: #00d2ae;
	padding: 20px 10px 20px 120px; /*2023-08-16 수정 */
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	background-repeat: no-repeat;
	background-position: 20px center;
	box-sizing: border-box;
	width: 393px;
	min-height: 150px;
	border-radius: 10px;
	align-self: center;
	display: table;
	text-align: center;
	position: relative;
}

.service_03_flex:first-child .service_03_info_t {
	background-image:
		url(../../css/platformTubeWeb/images/new_service_03_icon01.png);
}

.service_03_flex:nth-child(2) .service_03_info_t {
	background-image:
		url(../../css/platformTubeWeb/images/new_service_03_icon02.png);
}

.service_03_flex:nth-child(3) .service_03_info_t {
	background-image:
		url(../../css/platformTubeWeb/images/new_service_03_icon03.png);
}

.service_03_flex:nth-child(4) .service_03_info_t {
	background-image:
		url(../../css/platformTubeWeb/images/new_service_03_icon04.png);
}

.service_03_flex:last-child .service_03_info_t {
	background-image:
		url(../../css/platformTubeWeb/images/new_service_03_icon05.png);
}

.service_03_flex .service_03_info_t:before {
	position: absolute;
	right: -20px;
	top: 50%;
	display: block;
	content: "";
	background: #00d2ae;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}

.service_03_flex .service_03_info {
	display: table;
	width: 656px;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	align-self: center;
	min-height: 150px;
}

.table-type {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.table-type p {
	font-size: 17px;
} /*2023-08-16 수정 */
.content [class^="tit_main"] {
	margin-top: 30px;
}

.service_03_parter {
	margin: 35px;
	display: flex;
	flex-wrap: wrap;
}

.service_03_parter li {
	margin: 5px;
	border: 1px solid #e4e4e4;
	width: calc(20% - 10px);
	box-sizing: border-box;
}

.service_03_parter li img {
	width: 197px;
	height: 75px;
	margin-top: 5px;
} /* 20230925 */
.service_section04 {
	margin-bottom: 80px;
}

.service_section04_inner {
	background: #00d2ae;
	padding: 60px 215px;
	box-sizing: border-box;
}

.service_section04_inner h3 {
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 40px;
}

.service_section04_flex {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
}

.service_section04_flex .item_subject {
	width: 200px;
	margin: 0 10px 10px 0;
	border-radius: 10px;
	background: #03657e;
	font-size: 22px;
	text-align: center;
	color: #fff;
	padding: 10px 0;
}

.service_section04_flex .item_subject.none {
	background: transparent
}

.service_section04_flex .item_form {
	width: 480px;
	margin-bottom: 10px;
	font-size: 20px;
	color: #fff;
	position: relative;
}

.service_section04_flex .item_form label {
	color: #fff;
	font-size: 18px;
}

.service_section04_flex .item_form input[type=text],
	.service_section04_flex .item_form select, .service_section04_flex .item_form textarea
	{
	background: #fff;
	border: none;
	border-radius: 10px;
	padding: 15px 10px;
	font-size: 20px;
	box-sizing: border-box;
}

.service_section04_flex .item_form input[type=text]:focus {
	outline: 0;
}

.service_section04_flex .item_form textarea {
	width: 100%;
	height: 250px;
	box-sizing: border-box;
}

.service_section04_flex .item_form .inp_selectbox {
	border: none;
	border-radius: 10px;
	padding: 10px 10px;
	font-size: 20px;
	overflow: hidden;
	box-sizing: border-box;
	height: 53px;
}

.service_section04_flex .item_form .inp_selectbox .txt_selected {
	padding: 12px 10px;
	height: 53px;
	font-size: 20px;
	top: 50%;
	box-sizing: border-box;
	transform: translateY(-50%);
}

.service_section04_flex .item_form a {
	color: #fff;
	font-size: 18px;
	text-decoration: underline;
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}

.service_section04_flex .item_form .service_policy_area {
    display: none;
    position: absolute;
    right:0px;
    top: 40px;
    background: #fff;
    width: 550px;
    color: #222;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index:20;	
}

.service_section04_flex .item_form .service_policy_area .serivce_policy_tit
	{
	background: #000000;
	padding: 10px 15px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.service_section04_flex .item_form .service_policy_area .service_policy_in
	{
	font-size: 14px;
	padding: 20px;
	color: #222;
}
.service_policy_in table {border:1px solid #dfdfdf;margin-bottom:10px;}
.service_policy_in table th, .service_policy_in table td {border:1px solid #dfdfdf;padding:5px;font-size:0.85em;line-height:1.2;letter-spacing:-0.5px;    word-break: break-word;}
.service_policy_in table thead th {background:#ededed;text-align:center;}
.service_policy_in table tbody th {font-weight:400;text-align:center;}
.service_policy_in li {padding:2px 0 2px 15px;position:relative;font-size:0.85em;line-height:1.2;}
.service_policy_in li:before {position:absolute;left:0;top:2px;display:block;content:"※";}

@media all and (max-width:480px) {
    .pr_sec06_flex .item_form .service_policy_area {
        max-width: auto;
        width: 130%;
        right: 0;
    }
}
.service_section04_flex .item_form .view_policy:hover .service_policy_area
	{
	display: block;
}

.service_section04_flex .item_form .view_policy {
	display: inline-block;
}

.new_service_btn {
	text-align: center;
	margin-top: 30px;
}

.new_service_btn a {
	display: inline-block;
	background: #03657e
		url(../../css/platformTubeWeb/images/service_btn_icon.png) no-repeat
		20px center;
	padding: 30px 50px 30px 110px;
	color: #fff;
	font-weight: 600;
	font-size: 28px;
	border-radius: 10px;
}

.new_service_btn a:hover {
	text-decoration: none;
}

.tubed_info h2 .[class^="tit_main"] {
	margin-top: 35px;
}

.service_section01_area {
	width: 1000px;
	margin: 0 auto;
}

.service_tubeletter {
	text-align: center;
	margin: 50px 0;
}

.service_tubeletter_title img {
	max-width: 100%;
}

.service_tubeletter_subtitle {
	font-size: 25px;
	color: #222222;
	font-weight: 500;
	margin: 20px 0 15px;
}

.tubeletter_area {
	text-align: left;
	position: relative;
}

.tubeletter_more {
	position: absolute;
	right: 0;
	top: 0;
}

.tubeletter_more a {
	color: #8f8f8f;
	font-size: 16px;
}

.tubeletter_area ul {
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
}

.tubeletter_area ul li {
	width: 23%;
	margin: 1%;
}

.tubeletter_area ul li div {
	border-radius: 15px;
	box-sizing: border-box;
	margin-bottom: 7px;
	overflow: hidden;
	font-size: 0;
}

.tubeletter_area ul li span {
	color: #333333;
	font-size: 12px;
	display: inline-block;
	padding: 5px 11px;
	border-radius: 20px;
	border: 1px solid #b8b8b8;
	margin: 0 3px 3px 0;
}



/*2024-07-26 */
.dotori_count {
    position: absolute;
    background: url(../../css/platformTubeWeb/images/new_main/ico_dotori.png) no-repeat center left;
    padding: 5px 0 5px 30px;
    right: 20px;
    top: 10px;
    height: 30px;
    line-height: 30px;
}
.dotori_count a {
    font-weight: 500;
    color: #333333;
}
.dotori_count a:hover {
    text-decoration: none;
}
.dotori_count em {
    text-decoration: underline;
    color: #47dec4;
    font-style: normal;
}
.dotori_wrap {
    background: #fde8c8;
    text-align: center;
    padding: 90px 0 0px 0;
}
.dotori_wrap h3 {
    color: #642803;
    font-weight: 700;
    font-size: 25px;
    margin-top: 10px;
}
.dotori_wrap h3 strong {
    font-weight: 900;
    font-size: 48px;
}
.dotori_wrap ul.info_event {
    display: flex;
    justify-content: center;
    gap: 0px;
    margin: 25px 0;
} /*2024-09-05*/
.dotori_wrap ul.info_event li {
    border-radius: 10px;
    background: #fff;
    padding: 15px 20px;
    display: flex;
    font-weight: 400;
    color: #222222;
    font-size: 18px;
    gap: 30px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px 0px;
    justify-content: center;
} /*2024-09-05*/
.dotori_wrap ul.info_event li strong {
    color: #8f3b0d;
}
.dotori_wrap ul.info_event li .dotori_ico {
    background: url(../../css/platformTubeWeb/images/new_main/ico_dotori.png) no-repeat center left;
    padding-left: 30px;
    font-weight:600;
}/*2024-09-05*/
.info_event_date {
    display: flex;
    justify-content: center;
    gap: 60px;
    text-align: left;
}
.info_event_date p {
    background: url(../../css/platformTubeWeb/images/new_main/ico_product.png) no-repeat;
    padding-left: 40px;
    font-weight: 500;
    color: #665b54;
    font-size: 18px;
}
.info_event_date p:first-child {
    background: url(../../css/platformTubeWeb/images/new_main/ico_cal.png) no-repeat;
}
.info_event_date p:last-child {
    background: url(../../css/platformTubeWeb/images/new_main/ico_info.png) no-repeat;
}
.info_event_date p strong {
    color: #37363c;
    font-size: 20px;
}
.start_btn {
    margin-top: 30px;
}
.start_btn button {
    display: block;
    color: #fff;
    background: #8f3b0d;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    border: none;
    font-family: 'Noto Sans KR', sans-serif;
}
.start_btn button:disabled {
    background: #eaecef;
    color: #c2c6d1;
    cursor: default;
}
.dotori_sub_content {
    border-top: 1px solid #dcdcdf;
    padding: 20px 0;
    margin-top: 20px;
}
.dotori_sub_content h4 {
    font-size: 20px;
    color: #272727;
    font-weight: 700;
}
.dotori_sub_content p.info {
    color: #888d9b;
    background: url(../../css/platformTubeWeb/images/new_main/ico_info2.png) no-repeat left center;
    padding-left: 20px;
    font-size: 14px;
}
.dotori_product_list {
    width: 900px;/*2024-09-05*/
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
}
.dotori_product_list li {
    width: 29.333%;
    margin: 2%;
    text-align: center;
    background: #eaecef;
    border: 4px solid #eaecef;
    border-radius: 10px;
    padding: 0px 10px 30px 10px;
    box-sizing: border-box;
    position: relative;
}
.icon_checkbox1 {
    width: 29px;
    height: 29px;
    background-image: url(../../css/platformTubeWeb/images/new_main/ico_check_off.png);
    vertical-align: top;
    position: absolute;
    left: 15px;
    top: 15px;
}
.dotori_product_list li input[type="radio"]:checked + .icon_checkbox1 {
    background-image: url(../../css/platformTubeWeb/images/new_main/ico_check_on.png);
}
.dotori_product_list li:has(input[type="radio"]:checked) {
border-color:#8f3b0d;
background:#fff;
}
.dotori_product_list li label {
    display: block;
    font-size: 20px;
    color: #8e9199;
    font-weight: 500;
    line-height: 1.4em;
}
.dotori_product_list li label img {
    margin: 10px auto 10px;
    display: block;
}
.dotori_product_list li label strong {
    color: #272727;
    font-size: 24px;
    display: block;
    font-weight: 700;
    word-break:keep-all;/*2024-09-05*/
}
.dotori_select_layer {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    display:none;
    z-index: 1000;
}
.dotori_select_layer.on {display:block;}
.dotori_select_in {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 40px;
}
.dotori_select_in .close {
    background: url(../../css/platformTubeWeb/images/new_main/ico_dotori_close.png);
    width: 28px;
    height: 28px;
    position: absolute;
    right: 40px;
    top: 40px;
    overflow: hidden;
}
.dotori_select_in .close a {
    display: block;
    text-indent: -999px;
}
.dotori_select_in .content {
    min-height: auto;
    padding: 10px 0;
}
.dotori_select_info {
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
    max-width:725px;
    margin:0 auto 50px;
}
.dotori_select_info .img {
    background: #eaecef;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
}
.dotori_select_info .img img {
    height: 100px;
}
.dotori_select_info > div {
    width: 650px
}
.dotori_select_info > div .dotori_title {
    color: #272727;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3em;
}
.dotori_select_info > div .dotori_select_msg {
    background: url(../../css/platformTubeWeb/images/new_main/ico_info_red.png) no-repeat left center;
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 0 25px;
    line-height: 1;
    margin-top: 10px;
    color: #df1838;
}
.dotori_center {
    text-align: center;
    font-size: 20px;
    color: #272727;
}
.dotori_sel_foot {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}
.dotori_sel_foot button {
    max-width: 255px;
    width: 100%;
    font-weight: 700;
    font-size: 24px;
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-family: 'Noto Sans KR', sans-serif;
}
.dotori_sel_foot button.dotori_sel_ch {
    background: #e8e8ed url(../../css/platformTubeWeb/images/new_main/btn_ico_prev.png) no-repeat 10% center;
    color: #8f9097;
}
.dotori_sel_foot button.dotori_sel_ok {
    background: #8f3b0d url(../../css/platformTubeWeb/images/new_main/btn_ico_next.png) no-repeat 90% center;
    color: #fff;
}
.dotori_detail {
    display: flex;
    justify-content: space-between;
}
.dotori_left {
    width: 720px;
}
.dotori_state_wrap {
    background: #f0af51 url(../../css/platformTubeWeb/images/new_main/main_daram_img.png) no-repeat center 30px;
    border-radius: 20px;
    position: relative;
    padding: 350px 45px 25px 45px;
}/*2004-08-08*/
.dotori_right {
    width: 380px;
    position: relative;
}
.invite_area {
    position: absolute;
    top: 30px;
    right: 30px;
    padding-top: 20px;
}
.invite_area a {
    background: #dc6f0e url(../../css/platformTubeWeb/images/new_main/ico_people.png) no-repeat 13px center;
    color: #fff;
    display: inline-block;
    padding: 5px 15px 5px 35px;
    border-radius: 30px;
    font-size: 18px
}
.invite_area a:hover {
    text-decoration: none;
    background-color: #8f3b0d;
}
.invite_area.disabled a {pointer-events : none;background-color:#cd8a2a;}/*2024-08-02*/
.invite_area span {
    position: absolute;
    color: #dc3e0e;
    font-size: 14px;
    font-weight: 500;
    right: 0;
    top: 0;
    background: #fff url(../../css/platformTubeWeb/images/new_main/ico_dotori.png) no-repeat 5px center;
    background-size: 15px auto;
    border-radius: 5px;
    padding: 2px 5px 2px 25px;
    animation: scrollAni 1.1s infinite;
}
.invite_area span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    border-left: 0;
    margin-left: -3px;
    margin-bottom: -6px;
}
.dotori_detail_tit {
    padding: 2px 10px 2px 30px;
    font-size: 14px;
    display: inline-block;
    background: #50250b url(../../css/platformTubeWeb/images/new_main/ico_do_plus.png) no-repeat 10px center;
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 8px;
}
.dotori_detail_tit a {color:#fff;}/*2024-08-14*/
.dotori_detail_tit a:hover {text-decoration: none;} /*2024-08-14*/
.dotori_detail_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.dotori_detail_top > div:first-child {
    color: #fff;
    font-size: 18px;
}
.dotori_detail_top > div:first-child strong {
    color: #50250b;
    font-size: 40px;
    font-weight: 700;
}
.dotori_count_area {
    background: #f6d4a4;
    color: #0e0e0e;
    border-radius: 30px;
    position: relative;
    padding: 5px 20px;
    margin-bottom: 5px
}
.dotori_count_area:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 80%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top-color: #f6d4a4;
    border-bottom: 0;
    border-left: 0;
    margin-left: -6px;
    margin-bottom: -10px;
}
.dotori_detail_foot {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}
.dotori_progress {
    position: relative;
}/*2024-08-08*/
.dotori_progress:after {
    display: block;
    content: "";
    width: 100%;
    height: 25px;
    background: #f6d4a4;
    border-radius: 10px;
    border: 1px solid #c58220;
}/*2024-08-08*/
.dotori_progress p.dotori_progress_bar {
    height: 100%;
    background: #c58220;
    position: absolute;
    border-radius: 10px;
}
.dotori_progress_pointer {
    position: absolute;
    top: 50%;
    margin-top: -37px;
    margin-left: -36px;
    text-align: center;
}/*2024-08-08*/
.dotori_progress_pointer p.img img {
    height: 50px;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #8f3b0d;
    padding: 10px 0;
}
.dotori_progress_pointer p {
    font-size: 22px;
    font-weight: 700;
    color: #8f3b0d;
    line-height: 1;
}
.dotori_mission_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
.dotori_misstion_item {
    width: 31.333%;
    margin: 1.5% 0;
    border-radius: 20px;
    background: #f4eada;
    padding: 19px;
    position: relative;
    box-sizing: border-box;
}
.dotori_misstion_item .ico_sta {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px;
    color: #fff;
    background: #fd5c01;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    padding: 10px 13px
}
.dotori_misstion_item .cate {
    display: inline-block;
    border-radius: 7px;
    line-height: 1;
    padding: 5px 15px 7px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #6cb9a1;
}
.dotori_misstion_item .cate.color2 {background: #f7c21f;}
.dotori_misstion_item .cate.color3 {background: #6aa4ee;}
.dotori_misstion_item .cate.color4 {background: #be86ea;}
.dotori_misstion_item .cate.color5 {background: #6ad1ee;}
.dotori_misstion_item .title {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
    margin-top: 10px;
    letter-spacing: -1px;
}
.dotori_misstion_item div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.dotori_misstion_item div p {
    color: #6e6763;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: -1px;
}
.dotori_misstion_item div p.num {
    font-weight: 700;
    color: #000;
    font-size: 25px;
    background: url(../../css/platformTubeWeb/images/new_main/ico_dotori.png) no-repeat left center;
    padding-left: 30px;
}
 .dotori_misstion_item:has(.ico_sta) div p.num {
background:url(../../css/platformTubeWeb/images/new_main/ico_dotori_gray.png) no-repeat left center;
}
.dotori_misstion_item a, .dotori_misstion_item a:Hover {
    text-decoration: none;
    display: block;
}
.dotori_misstion_item:last-child a {
    background: url(../../css/platformTubeWeb/images/new_main/ico_dotori_img.png) no-repeat right top;

}/*2024-08-19*/
.dotori_right .sms_slider_controls {
    position: relative;
    margin: 10px 0 30px 0;
    justify-content: end;
    display: flex;
    align-items: center;
}
.dotori_right .sms_slider_controls [class^="btn_icon"] {
    width: 30px;
    height: 30px;
}
.dotori_right .sms_slider_controls .btn_icon_prev,  .dotori_right .sms_slider_controls .btn_icon_next {
    background-size: 10px auto;
}
.dotori_right .todayKbitube_date_text {
    font-size: 16px;
    padding: 0 10px;
}
.dotori_right .sms_slider_controls a.schedule {
    letter-spacing: 0px;
    color: #7e828b;
    font-size: 14px;
    padding: 3px 10px;
    background: none;
    background-color: #f2f4fa;
    border: 1px solid #caced7;
    border-radius: 4px;
    margin-right: 15px
}
.dotori_list .todayKbitube_item {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.dotori_list .todayKbitube_item a {
    line-height: 0;
}
.dotori_list .todayKbitube_item_title {
    font-size: 19px;
}
.dotori_list .todayKbitube_item_description {
    font-size: 14px;
}
.dotori_list .todayKbitube_item_txt {
    line-height: 1.4;
}
.dotori_list .todayKbitube_item .ico_studyend {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 7px;
    color: #fff;
    background: #fd5c01;
    font-size: 18px;
    line-height: 1.1;
    padding: 7px 13px;
    z-index: 2;
}
 @keyframes scrollAni {
 0% {
 top: 0%;
}
 50% {
 top: 5%;
}
 100% {
 top: 0%;
}
}


.dotori_select_info > div .dotori_title_sub {
    color: #272727;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3em;
    text-align:center;
    margin-bottom:30px;
}
.dotori_pop {position:absolute;width:100%;bottom:0;left:0;z-index:20;}
.dotori_pop .dotori_select_in {position:relative}
.dotori_select_layer .char {font-size:0;text-align:center;}
.dotori_select_info .dotori_center {
    margin-bottom:30px
}
.dotori_pop .dotori_select_info.size {max-width:790px;margin-bottom:40px}
.dotori_pop .dotori_select_info  {margin-bottom:0;max-width:100%;}
.dotori_pop .dotori_select_info > div {width: 100%;}
.dotori_pop .dotori_title_m {color: #272727;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3em;text-align:center;}
    .dotori_pop .dotori_title_m + p {margin-bottom:40px;}
.dotori_select_info input[type=text] {background:#f4f4f4;border:1px solid #cccccc;border-radius:10px;padding:10px 20px;color:#000;font-weight:600;font-size:22px;width:380px;    box-sizing: border-box;}
.dotori_select_info input[type=text]:hover,
.dotori_select_info input[type=text]:focus {border-color:#bbbbbb;outline:0;}
.sns_invite_wrap {max-width:800px;margin:70px auto;}
.sns_invite_box {border:3px solid #8f3b0d;border-radius:15px;}
.sns_head {background:#8f3b0d;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;padding:20px 0px 20px 260px;font-size:36px;font-weight:700;line-height:1.3;position:relative;letter-spacing:-1px;}
.sns_head .img {position:absolute;bottom:0;left:15px;font-size:0;}
.sns_body {padding:30px 30px;}
.sns_body dl {display:flex;flex-wrap:wrap;justify-content: space-between;width:100%;align-items: center;}
.sns_body dt {width:120px;background:#fd5c01;border-radius:30px;padding:10px 10px;text-align:center;color:#fff;font-size:20px;font-weight:800;box-sizing:border-box;margin-bottom:15px;letter-spacing:-1px;}
.sns_body dd {width:calc(100% - 130px);box-sizing:border-box;margin-bottom:15px;font-size:20px;letter-spacing:-1px;}
.sns_info {background: url(../../css/platformTubeWeb/images/new_main/ico_info_.png) no-repeat left center;
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 0 25px;
    line-height: 1;
    margin-top: 30px;
    color: #df1838;}
.sns_invite_foot h4 {margin-top:40px;margin-bottom:10px;}
.sns_invite_foot p {font-size:18px;word-break:keep-all;color:#272727}
.sns_invite_foot p em {font-style:normal;font-weight:600;text-decoration: underline;}
.sns_invite_foot ul {display:flex;justify-content: center;gap:50px;text-align:center;}
.sns_invite_foot ul a p {color:#000;font-size:14px;}
.sns_invite_foot ul a:hover p {text-decoration: underline;}
.font-red {color:#df1838;}
.d3SgNrNkof {position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    top: -10px;}
    .dotori_title_m  + .size {margin-top:40px;}
.detail_mission_alert {   
    z-index: 910;
    width: 100%;
    height: 100vh;
    position: fixed;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}/*2024-08-08*/
.detail_mission_alert > div {background:#fff;width:470px;max-width:470px;border:3px solid #02a5b1;border-radius:10px;padding:30px;box-sizing:border-box;}
.dm_title {display:flex;align-items: center;margin-bottom:20px;}
.dm_title  h4 {color:#02a5b1;font-weight:600;font-size:28px;}
.dm_box {text-align:center;font-size:20px;line-height:1.4;}
.dm_box_foot {display:flex;gap:10px;justify-content: center;margin-top:30px}
.dm_box_foot button {width:40%;text-align:center;border-radius:10px;background:#02a5b1;font-weight:600;color:#fff;font-size:20px;padding:10px;border:0;}
.dm_box_foot button + button {color:#8f9097;background:#e8e8ed;}





/*2024-08-11*/
.dotori_tabs {position:relative;margin-bottom:40px;}
.dotori_tabs:after {border-bottom:1px solid #d0c8be;display:block;content:"";position:absolute;left:0;bottom:0;right:0;}
.dotori_tabs ul {display:flex;gap:5px;}
.dotori_tabs li a {display:block;border:1px solid #d0c8be;background:#dfdad3;border-top-left-radius:12px;border-top-right-radius:12px;padding:5px 25px;color:#a3948b;font-size:20px;font-weight:500;}
.dotori_tabs li a.on {border-color:#bc6517;background:#bc6517;color:#fff;}

.today_reser_dotori {display:flex;justify-content: space-between;margin:0;padding:0;}
.today_reser_dotori_left {width:608px;}
.today_reser_dotori_left_top {background: url(../../css/platformTubeWeb/images/new_main/reward_top.png) no-repeat left center;height:179px;text-align:center;padding-top:15px;box-sizing: border-box;}
.today_reser_dotori_left_top h4 {font-weight:400;color:#fff;font-size:25px;width:310px;margin:0 auto;}
.today_reser_dotori_left_top p {color:#fff;position:relative;display:flex;justify-content: space-between;align-items: center;width:310px;margin:0 auto;padding:0 25px;    box-sizing: border-box;padding-top:8px;}
.today_reser_dotori_left_top p span {font-size:28px;}
.today_reser_dotori_left_top p strong {font-size:56px;}
.today_reser_dotori_left_body {background:#f4eada;box-sizing: border-box;padding:0px 40px 40px;}
.today_reser_dotori_left_body li {position:relative;padding:10px 0 10px 20px;font-size:20px;color:#383636;letter-spacing:-1px;}
.today_reser_dotori_left_body li:before {position:absolute;left:0;top:23px;background:#bc6517;width:8px;height:8px;border-radius:50%;display:block;content:"";}
.today_reser_dotori_left_body li span {color:#e70606;}
.today_reser_dotori_left_body li em {position:relative;font-style:normal;color:#fff;line-height:1;}
.today_reser_dotori_left_body li em:after {position:absolute;left:-5px;top:2px;bottom:0px;right:-5px;background:#e70606;display:block;content:"";z-index:1;}
.today_reser_dotori_left_body li strong {position:relative;z-index:2;font-weight:400;line-height:1;}
.today_reser_dotori_right {width:450px;}
.today_reser_dotori_right li {border:1px solid #ccc1ba;background-repeat:no-repeat;background-position:20px 50%;border-radius:15px;padding:15px 20px 15px 70px;margin-bottom:15px;display:flex;justify-content: space-between;align-items: center;font-size:20px;letter-spacing:-1px;}
.today_reser_dotori_right li.on {background-color:#dfdad3;border-color:#dfdad3;}
.today_reser_dotori_right li:has(span) {padding-top:4px;padding-bottom:4px;}
.today_reser_dotori_right li span {display:flex;color:#90949a;font-size:14px;}
.today_reser_dotori_right li.mission_01 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_01.png)}
.today_reser_dotori_right li.mission_02 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_02.png)}
.today_reser_dotori_right li.mission_03 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_03.png)}
.today_reser_dotori_right li.mission_04 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_04.png)}
.today_reser_dotori_right li.mission_05 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_05.png)}
.today_reser_dotori_right li.mission_06 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_06.png)}
.today_reser_dotori_right li.mission_07 {background-image: url(../../css/platformTubeWeb/images/new_main/ico_reward_07.png)}
.today_reser_dotori_right li p.num {font-weight:900;color:#000000;background-image: url(../../css/platformTubeWeb/images/new_main/ico_dotori.png);background-repeat:no-repeat;background-position:0px 50%;padding-left:30px;}
.today_reser_dotori_right li.on p {color:#888482;}
.today_reser_dotori_right li.on p.num {background-image: url(../../css/platformTubeWeb/images/new_main/ico_dotori_gray.png);}
.dotori_total_count {border-radius:20px;border:1px solid #ccc1ba;overflow:hidden;margin-top:60px;}
.dotori_total_count_top {background:url(../../css/platformTubeWeb/images/new_main/ico_reward_char.png) no-repeat 80px bottom;padding:20px 20px 20px 440px}
.dotori_total_count_top p {font-size:28px;color:#483124;line-height:1.4;}
.dotori_total_count_top p strong {display:inline-block;font-weight:800;font-size:65px;background:url(../../css/platformTubeWeb/images/new_main/ico_reward_dotori.png) no-repeat 0px center;padding-left:60px}
.dotori_total_count_body {height:550px;overflow-y:auto;background:#f4eada;padding:30px 30px 20px;}
.dotori_total_count_body::-webkit-scrollbar {
    width: 20px;
  }
  .dotori_total_count_body::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #573724;
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius:10px;
  }
.dotori_total_count_body li {background:#fff;border:1px solid #ccc1ba;border-radius:15px;padding:15px 30px;margin-bottom:10px;display:flex;justify-content: space-between;align-items: center;font-size:20px;letter-spacing:-1px;}
.dotori_total_count_body li p.date {width:200px;font-size:20px;color:#777777;}
.dotori_total_count_body li p.num {font-size:27px;color:#000000;font-weight:700;width:150px;text-align:right;}
.dotori_total_count_body li p.title {width:calc(100% - 350px);font-size:24px;color:#383636;font-weight:700;}

.dotori_calendar {display:flex;justify-content: space-between;    align-items: flex-start;}
.dotori_calendar_left {width:607px;border-radius:15px;border:1px solid #ccc1ba;padding:30px 30px 30px 30px;box-sizing:border-box;max-height:523px;overflow-y:auto;}
.dotori_calendar_left::-webkit-scrollbar {
    width: 20px;
  }
  .dotori_calendar_left::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #573724;
    background-clip: padding-box;
    border: 5px solid transparent;
    border-radius:10px;
  }
  .dotori_calendar_left > div:has(+div) {margin-bottom:30px}
.dotori_calendar_left h4 {background:#f0f0f0;text-align:center;color:#573724;font-size:32px;font-weight:700;line-height:80px;margin-bottom:30px;}
.dotori_calendar_left table {width:100%;}
.dotori_calendar_left table thead th {font-weight:300;color:#573724;font-size:23px;}
.dotori_calendar_left table tbody tr {    border-bottom: 2px solid #fff;}
.dotori_calendar_left table tbody td {border:0;text-align:center;color:#573724;font-size:20px;padding:5px;font-weight:500;height:62px;box-sizing:border-box;vertical-align: middle;}
.dotori_calendar_left table tbody td.bg {background:#f0af51;}
.dotori_calendar_left table tbody td img {vertical-align: middle;}
.dotori_calendar_left:has(.new_popular_item) {max-height:565px;}
.dotori_calendar_left .thumbnail_colType3 .link_thum,
.dotori_calendar_left .thumbnail_colType3 .thum_cont {width:100%;}
.dotori_calendar_left .thumbnail_colType3  .btn_after {    height: 30px;color:#fff;border:none;background:#8f3b0d;padding:0px 15px;line-height:1;position:absolute;right:0;    bottom: 10px;font-size:14px;}
.dotori_calendar_right {width:450px;text-align:center;padding:30px 0 0 0;}
.dotori_calendar_right p {margin-bottom:0px;color:#483124;font-size:20px;}
.dotori_calendar_right p strong {color:#483124;font-size:40px;line-height:1.3;}
.dotori_calendar_right p span {position:relative;}
.dotori_calendar_right p span:after {position:absolute;bottom:0;left:0;right:0;height:12px;background:#f4eada;display:block;content:"";z-index:1;}
.dotori_calendar_right p span em {font-style:normal;font-weight:600;position:relative;z-index:10;}
.dotori_calendar_right p.today_content {margin-bottom:30px;font-size:28px;}
.dotori_calendar_right p.today_content strong {font-size:51px;}
.dotori_btn {width:100%;color:#fff;font-size:23px;font-weight:700;background:#8f3b0d;padding:24px 0;text-align:center;border-radius:10px;border:none;margin-top:30px;letter-spacing:-1px;}
.dotori_btn:disabled {background:#e8e8ed;color:#8f9097;cursor:default}
.dotori_btn span {display:block;font-weight:300;font-size:20px;}
.new_popular_item.dotori_item {width:100%;}
.new_popular_item.dotori_item ul li div {    width: calc(100% - 108px);}
.new_popular_item.dotori_item ul li {position:relative; padding: 0;}
.new_popular_item.dotori_item .ico_studyend {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    color: #fff;
    background: #fd5c01;
    font-size: 12px;
    line-height: 1;
    padding: 5px 5px;
    z-index: 2;
    margin:0;
    width:auto;
    font-weight:400;
    font-style:normal;
}
.dotori_popular_content {color:#483124;font-size:25px;margin-bottom:22px;line-height:1.4;}

.dotori_more_view {text-align:center;background: #f4eada;padding:20px 0;}
.dotori_more_view a {display:inline-block;color:#fff;background:#8f3b0d;padding:10px 50px; border-radius:20px;   font-size: 18px;}
.dotori_more_view a:hover {text-decoration: none;}

/*2024-11-01*/
.floating_banner {
            position:fixed;
            bottom:15px;
            left:50%;
            transform: translateX(-50%);
            z-index:100;
        }
.floating_banner .floating_close {position:absolute;right:10px;top:10px;cursor:pointer;border:none;background:url("../../css/platformTubeWeb/images/new_main/floating_banner_close.png");width:30px;height:30px;}
.floating_banner .floating_close span {display:inline-block;text-indent:-99999px;cursor:pointer;}
        
/*2024-11-06*/
.service_top {display:flex;justify-content: space-between;background:#f5f5f5;padding:35px;}
    .service_info .btn_blue_membership {    position:relative;    right: 0;     top: 5px;}
    .iswl_inner h4.new_service_tit {font-size:46px;color:#3b3b3b;font-weight:600;line-height:1.2;}
    .iswl_inner h4.new_service_tit span {color:#00cdb3;font-weight:700;}
    .youtube_title p {font-size:28px;color:#3b3b3b;margin-bottom:10px;}
    .new_tb_finance { width:950px;   border:2px solid #fff;  border-collapse:collapse; margin: 0px auto 0 auto;  }
    .new_tb_finance thead tr th,
    .new_tb_finance tbody tr td {background:#5bd8c8;color:#fff;font-weight:600;font-size:22px;border:2px solid #fff;line-height:65px;padding:0;}
    .new_tb_finance thead tr th img {    vertical-align: middle;}
    
    .table_ul {width:950px; margin: 20px auto 60px auto; }
    .table_ul li {background:url("../../css/images/kbi_tube/new_service_img7.png") no-repeat center left;padding:2px 0 2px 35px;text-align:left;font-size:20px;color:#3b3b3b;}
    .new_btn_membership {background:#00cdb3;color:#fff;border-radius:10px;padding:10px 40px;font-size:28px;display:inline-block;}
    .new_btn_membership:hover {color:#fff;}
    .new_btn_membership span {font-weight:700;}
    .new_service_part {display:flex;justify-content: center;}

    
    


/*2025-03-17*/
.kbi_quiz {position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:90;overflow:hidden;}
.kbi_quiz * {font-family: 'Noto Sans KR', sans-serif!important;}
.kbi_intro {display:none;}
.kbi_intro.on {display:block;}
.quiz_btn {position:absolute;right:20px;bottom:20px;}
.quiz_btn  span {background:url("../../css/platformTubeWeb/images/icon_quiz.png") no-repeat;width:169px;height:165px;display:block;cursor:pointer;text-indent:-9999px;
  animation-fill-mode: forwards;
  animation-iteration-count : 1, infinite;
  animation-name: ani_up, blink;
  animation-delay: 0s, 1s;
  animation-duration: 0.5s, 4s;
  animation-timing-function: ease-in, ease-in-out;   }
.kbi_quiz_area {    max-width: 380px;
    height: 475px;
    margin: 0 auto !important;
    width: 100%;
    padding: 0 20px !important;
    box-sizing: border-box;
        display: flex;
    flex-direction: column;
    justify-content: space-between;}
.kbi_quiz_title {text-align:center;position:relative;border-bottom:2px solid rgba(255,255,255,0.8);    padding: 15px 0 !important;}
.kbi_quiz_title p {font-family: 'Noto Sans KR', sans-serif;color:#fff;text-indent:-9999px;background:url("../../css/platformTubeWeb/images/quiz_title.png");display:inline-block;width:156px;height:22px;}
.kbi_quiz_title button {border:0;position:absolute;right:0;top:50%;transform: translateY(-50%);background:url("../../css/platformTubeWeb/images/quiz_close.png");width:17px;height:17px;text-indent:-9999px;}
.kbi_quiz_body { height: calc(100% - 59px);  padding: 5px 0 0px !important;}
.quiz_total {text-align:right;font-size:10px;color:#fff;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_btn {display:flex;}
.kbi_quiz .btn {border:0;font-weight:700;display:block;width:100%;font-size:18px;line-height:1;height:45px;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz .btn_submit {background:#02a5b1;color:#fff;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz .btn_gray {background:#8f8f8f;color:#fff;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_q_area {    height: calc(100% - 65px);overflow:auto;color:#fff;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_q_area::-webkit-scrollbar {
    width: 4px;
  }
.kbi_quiz_q_area::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: rgba(255,255,255,1);
    background-clip: padding-box;
    border-radius:10px;
  }
.kbi_quiz_q_area h4 {text-align:center;font-size:30px;font-weight:800;margin:10px 0;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_q_area .question {text-align:center;word-break:keep-all;font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_q_area .radio-button {    gap: 10px;    display: flex;flex-wrap:wrap;margin-top:40px;justify-content: center}
.kbi_quiz_q_area .radio-button input[type=radio] {
    display: none !important;
}
.kbi_quiz_q_area .radio-button input[type=radio] + label {
    display: block;
    cursor: pointer;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 5px;
    width: calc(50% - 6px);
    height: inherit;
    padding:8px 10px;
    box-sizing:border-box;
    background:#000000;
    color:#fff;
    font-size:16px;
}
.kbi_quiz_q_area .radio-button input[type=radio]:checked + label {
    border: 2px solid #02a5b1;
    color: #02a5b1;
    font-weight:700;
    font-family: 'Noto Sans KR', sans-serif;
}
.kbi_quiz_q_area .radio-button input[type=radio][class*="choice"] + label {width:80px;height:80px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;}
.kbi_quiz_q_area .radio-button input[type=radio].choice_o + label {background-image:url("../../css/platformTubeWeb/images/select_o.png");}
.kbi_quiz_q_area .radio-button input[type=radio]:checked.choice_o + label {background-image:url("../../css/platformTubeWeb/images/select_o_checked.png");}
.kbi_quiz_q_area .radio-button input[type=radio].choice_x + label {background-image:url("../../css/platformTubeWeb/images/select_x.png");}
.kbi_quiz_q_area .radio-button input[type=radio]:checked.choice_x + label {background-image:url("../../css/platformTubeWeb/images/select_x_checked.png");}
.kbi_quiz_inner {height:340px;color:#fff;}
.kbi_quiz_msg {background:url("../../css/platformTubeWeb/images/quiz_complete.png") no-repeat center top;    font-size: 20px !important;
    font-weight: 700 !important;
    padding-top: 70px !important;
    text-align: center;
    line-height: 1.4 !important;
    margin-top: 10px !important;
    font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_msg.error {background:url("../../css/platformTubeWeb/images/quiz_error.png") no-repeat center top;}
.kbi_quiz_answer {text-align:center;padding:30px 0 !important;}
.kbi_quiz_answer p {display:inline-block; 
    border: 2px solid #02a5b1;
    color: #02a5b1;
    text-align: center;
    border-radius: 5px;
    height: inherit;
    padding:15px 15px;
    line-height:1;
    box-sizing:border-box;
    background:#000000;
    font-size:18px;
font-weight:700;min-width: 50%;
font-family: 'Noto Sans KR', sans-serif;}
.kbi_quiz_answer p span {display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;background-size:20px 20px;}
.kbi_quiz_answer p .result_o {background-image:url("../../css/platformTubeWeb/images/select_o_checked.png");}
.kbi_quiz_answer p .result_x {background-image:url("../../css/platformTubeWeb/images/select_x_checked.png");}
.kbi_quiz_help {    text-align: center;
    word-break: keep-all;
    font-size: 14px !important;
    height: 65px;
    height: calc(100% - 250px);
    overflow: hidden;
    overflow-y: auto;}
.kbi_quiz_help::-webkit-scrollbar {
    width: 4px;
  }
.kbi_quiz_help::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: rgba(255,255,255,1);
    background-clip: padding-box;
    border-radius:10px;
  }

@keyframes ani_up { 
   0% { opacity: 0; transform: translateY(100%); }
    50% { opacity: 1; transform: translateY(-20%); }
   100% { opacity: 1; transform: translateY(0); }
}

@keyframes blink { 
    0% {opacity:1}
    25% {opacity:1}
    50% {opacity:0}
    75% {opacity:1}
    100% {opacity:1}
}    

.skin-catvod.mpv-fullscreen .kbi_quiz_area {    transform: translate(50%, 50%);}
    
    

/*2025-05-06*/
.ai_flex {display:flex;justify-content: space-between;maragin-top:20px;}
.ai_flex h4 {font-size:22px;font-weight:600;color:#02a5b1;margin-top:40px;margin-bottom:15px;}
.ai_flex p {line-height:1.6;color:#646464;font-size:17px;}
.ai_flex [class^="btn_"] {height:auto;}
.system_part_area {display:flex;justify-content: space-between;margin-top:30px;}
.system_part_area h4 {width:257px;border-radius:20px;background:#cbebee ;   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.system_part_area h4 span {color:#006a6b;font-size:28px;}
.system_part_box {width:858px;}
.sms_slider_w_flex .msSlider_list,
.sms_slider_w_flex .mss_lists_w,
.sms_slider_w_flex .msSlider_lists_w{
    height: auto;
}
.sms_slider_w_flex {position:relative;padding:0 5px;}
.system_part_box .sms_slider_controls {
    right: auto;
    top: 50%;
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    z-index: 99;
        margin-top: -25px;
    left: 0px;
}
.system_part_box .sms_slider_controls .btn_icon_prev {
    background-image: url(/css/platformTubeWeb/images/ico_slide_left.png);
    width: 44px;
    height: 44px;
    background-color: transparent;
}
.system_part_box .sms_slider_controls .btn_icon_next {
    background-image: url(/css/platformTubeWeb/images/ico_slide_right.png);
    width: 44px;
    height: 44px;
    background-color: transparent;
    float: right;
}
.system-part-tabs {display:flex;justify-content: space-between;gap:10px;}
.system-part-tabs button {border:0;flex:1;font-weight:300;font-size:15px;border-radius:10px;padding:10px 10px;display:flex;flex-direction: column;color:#333333;min-height:94px;}
.system-part-tabs button.center {align-items: center;flex-direction: row;    justify-content: center;}
.system-part-tabs button strong {display:block;font-size:17px;font-weight:600;margin-bottom:5px;}
.system-part-tabs button.active {background:#68c7d0;color:#fff;}
.system_part_area .system-part-tabs h5 {text-align:center;border:3px solid #00a8ee;border-radius:10px;position:relative;color:#00a8ee;font-size:22px;width:130px;line-height:1.1em;display:flex;flex-direction: column;align-items: center;    justify-content: center;}
.system_part_area .system-part-tabs h5 span {position:relative;z-index:2;}
.system_part_area .system-part-tabs h5:before {position:absolute;left:20px;right:20px;bottom:-3px;top:-3px;background:#fff;display:block;content:"";}

.system_part_area h4.blue_type {background:#cce5f6;}
.system_part_area h4.blue_type span {color:#107fca;}
.system_part_area h4.gray_type {background:#e0e1e8;}
.system_part_area h4.gray_type span {color:#394999;}
.system_part_area .system-part-tabs.blue_type button.active {background:#40abd7;}
.system_part_area .system-part-tabs.purple_type {margin-top:30px;}
.system_part_area .system-part-tabs.purple_type h5 {border-color:#1e25ae;color:#1e25ae;}
.system_part_area .system-part-tabs.purple_type button.active {background:#6d7fe1;}




.idea_flex {display:flex;flex-wrap:wrap;}
.idea_flex > li {width:32.333%;margin:0.5%;position:relative;}
.idea_flex > li .img {border-radius:10px;overflow:hidden;font-size: 0;    line-height: 0;}
.idea_flex > li .img img {width:100%;}
.idea_flex > li .idea_txt {position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:pointer;display:flex;flex-direction: column;justify-content: space-between;}

.idea_txt_top {display:flex;justify-content: space-between;color:#fff;padding:15px 15px 0 15px;align-items: center;height:41px;}
.idea_txt_top .cate {min-width:98px;border-radius:7px;background:#e8e8e8;padding:4px;text-align:center;font-size:12px;color:#666666;}
.idea_txt_top .id {font-size:12px;}
.idea_txt_middle {padding:0 15px;}
.idea_txt_middle strong {color:#fff;font-size:20px;word-break:keep-all;display:block;  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.idea_txt_bottom {padding:0 10px 15px;}
.idea_txt_bottom button.idea_zzim {border:0;background: transparent;position:relative;z-index:10;height:37px;}
.idea_txt_bottom button.idea_zzim i {display:block;background-image:url("/css/platformTubeWeb/images/idea_heart.png");width:20px;height:16px;margin-bottom:2px;}
.idea_txt_bottom button.idea_zzim.active i {background-image:url("/css/platformTubeWeb/images/idea_heart_active.png");}
.idea_txt_bottom button.idea_zzim span {color:#fff;font-size:14px;font-weight:600;}
 .idea_hover{
    position:absolute; 
    left:10px; 
    right:10px;
    top:60%; 
    background: #fff url("/css/platformTubeWeb/images/idea_hover_img.png") no-repeat 13px 13px;
    padding: 10px; 
    border-radius:10px; 
    text-align: center; 
         z-index: 20;
     display:none;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .idea_hover:after{
    display: block; 
    content: ''; 
    position: absolute; 
    top: -12px; 
    left:50%; 
      margin-left:-6px;
    width: 0px; 
    height: 0px; 
    border-top: 12px solid none; 
    border-left: 12px solid transparent; 
    border-right: 12px solid transparent; 
    border-bottom: 12px solid #fff;
  } 
.idea_hover ol {list-style-type:decimal;padding-left:70px;height:90px;overflow:auto;}
.idea_hover li {text-align:left;border-bottom:1px solid #cccccc;font-size:15px;list-style-type:decimal;word-break:keep-all; }
.idea_flex > li .idea_txt.active + .idea_hover {display:block;}
.idea_flex > li .idea_txt.active .idea_txt_middle strong {color:#02a5b1;}
  
.control_list + .control_list {margin-top:5px;}

/*2025-05-20*/
.sms_inner_half {
    display: flex;
}
.sms_inner_half_inner {
    width: 50%;
    position:relative
}
.subMain_section_new_now .sms_inner_half_inner  .sms_slider_controls .btn_icon_next {
    margin-left: auto;
    margin-right: 12px;
}
  
  
/*2025-06-10*/
.subMain_section_new_now .thum_layer_w:hover .tl_btns_w {display:flex;}
.subMain_section_new_now .smss_list .tl_btns_w {padding: 0 25px;    flex-direction: column;    justify-content: center;    height: 100%;        }
.subMain_brief_banner {border-radius: 15px;    overflow: hidden;    font-size: 0;    margin-bottom: 10px;}
/* .subMain_section_new_now .sms_slider_controls {top:270px} */


/*2025-06-27*/
                .new_loadmap_flex {display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
                .new_loadmap_item {border:1px solid #dedede;border-radius:12px;width:565px;  min-height:203px;  box-sizing: border-box;display:block;padding:14px;}
               
                .new_loadmap_item .new_loadmap_tit {color:#fff;font-size:19px;font-weight:bold;padding:8px 75px 8px 15px;border-radius:10px;background-repeat:no-repeat;background-position:right center;}
                .new_loadmap_item .new_loadmap_con {padding:15px 15px 0 15px;display:flex;}
                .new_loadmap_item .new_loadmap_con > div {flex:1;}
                .new_loadmap_item.type1 .new_loadmap_tit {background-color:#81cff1;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon01.png");}
                .new_loadmap_item.type2 .new_loadmap_tit {background-color:#84ace5;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon02.png");}
                .new_loadmap_item.type3 .new_loadmap_tit {background-color:#d8a2a2;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon03.png");}
                .new_loadmap_item.type4 .new_loadmap_tit {background-color:#7380be;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon04.png");}
                .new_loadmap_item.type5 .new_loadmap_tit {background-color:#8a8a8a;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon05.png");}
                .new_loadmap_item.type6 .new_loadmap_tit {background-color:#d0ac72;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon06.png");}
                .new_loadmap_item.type7 .new_loadmap_tit {background-color:#e3b056;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon07.png");}
                .new_loadmap_item.type8 .new_loadmap_tit {background-color:#6cc09b;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon08.png");}
                .new_loadmap_item.type9 .new_loadmap_tit {background-color:#ab6d89;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon09.png");}
                .new_loadmap_item.type10 .new_loadmap_tit {background-color:#a0c67f;background-image: url("/css/platformTubeWeb/images/new_roadmap_icon10.png");}
               .new_loadmap_item ul {display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-auto-rows: auto;
  gap: 0px;
  list-style: none;
  padding: 0;
  margin: 0;}
                .new_loadmap_item li {position:relative;font-size:15px;padding:3px 0 3px 9px;letter-spacing:-0.8px;}
                .custom-list li:nth-child(-n+4) {
  grid-column: 1;
  grid-row: auto;
}
                .custom-list li:nth-child(n+5) {
  grid-column: 2;
  grid-row: calc((var(--i) - 4)); 
}
               
    
                .new_loadmap_item li:before {position:absolute;left:0;display:block;content:"·";}
                .new_loadmap_item li a {color:inherit;}
                .new_loadmap_item li a:hover {color:inherit;}
                .new_loadmap_item.type1 li {color:#81cff1;}
                .new_loadmap_item.type2 li {color:#84ace5;}
                .new_loadmap_item.type3 li {color:#d8a2a2;}
                .new_loadmap_item.type4 li {color:#7380be;}
                .new_loadmap_item.type5 li {color:#8a8a8a;}
                .new_loadmap_item.type6 li {color:#d0ac72;}
                .new_loadmap_item.type7 li {color:#e3b056;}
                .new_loadmap_item.type8 li {color:#6cc09b;}
                .new_loadmap_item.type9 li {color:#ab6d89;}
                .new_loadmap_item.type10 li {color:#a0c67f;}
                .new_loadmap_item.type1:hover {border-color:#81cff1;}
                .new_loadmap_item.type2:hover {border-color:#84ace5;}
                .new_loadmap_item.type3:hover {border-color:#d8a2a2;}
                .new_loadmap_item.type4:hover {border-color:#7380be;}
                .new_loadmap_item.type5:hover {border-color:#8a8a8a;}
                .new_loadmap_item.type6:hover {border-color:#d0ac72;}
                .new_loadmap_item.type7:hover {border-color:#e3b056;}
                .new_loadmap_item.type8:hover {border-color:#6cc09b;}
                .new_loadmap_item.type9:hover {border-color:#ab6d89;}
                .new_loadmap_item.type10:hover {border-color:#a0c67f;}
                
                
                .new_loadmap_category {display:flex;flex-wrap:wrap;gap:10px;}
                .new_loadmap_category button {border:0;background:#fff;border-radius:40px;padding:12px 17px;border:2px solid;font-size:17px;line-height:1;}
                .new_loadmap_category button.type1 {border-color:#81cff1;color:#81cff1;}
                .new_loadmap_category button.type2 {border-color:#84ace5;color:#84ace5;}
                .new_loadmap_category button.type3 {border-color:#d8a2a2;color:#d8a2a2;}
                .new_loadmap_category button.type4 {border-color:#7380be;color:#7380be;}
                .new_loadmap_category button.type5 {border-color:#8a8a8a;color:#8a8a8a;}
                .new_loadmap_category button.type6 {border-color:#d0ac72;color:#d0ac72;}
                .new_loadmap_category button.type7 {border-color:#e3b056;color:#e3b056;}
                .new_loadmap_category button.type8 {border-color:#6cc09b;color:#6cc09b;}
                .new_loadmap_category button.type9 {border-color:#ab6d89;color:#ab6d89;}
                .new_loadmap_category button.type10  {border-color:#a0c67f;color:#a0c67f;}
                .new_loadmap_category button.type1.active {background:#81cff1;color:#fff;}
                .new_loadmap_category button.type2.active {background:#84ace5;color:#fff;}
                .new_loadmap_category button.type3.active {background:#d8a2a2;color:#fff;}
                .new_loadmap_category button.type4.active {background:#7380be;color:#fff;}
                .new_loadmap_category button.type5.active {background:#8a8a8a;color:#fff;}
                .new_loadmap_category button.type6.active {background:#d0ac72;color:#fff;}
                .new_loadmap_category button.type7.active {background:#e3b056;color:#fff;}
                .new_loadmap_category button.type8.active {background:#6cc09b;color:#fff;}
                .new_loadmap_category button.type9.active {background:#ab6d89;color:#fff;}
                .new_loadmap_category button.type10.active  {background:#a0c67f;color:#fff;}
                
                .new_loadmap_subcategory {border-radius:10px;background:#f0f0f0;padding:30px 40px;margin:15px 0 0 0;}
                .new_loadmap_subcategory ul {display:flex;flex-wrap:wrap;}
                .new_loadmap_subcategory ul li {width:25%;padding:3px 0;}
                .new_loadmap_subcategory ul li a {color:#2b2b2b;font-size:15px;display:block;padding-left:15px;}
                .new_loadmap_subcategory ul li a.active {background:url("/css/platformTubeWeb/images/new_roadmap_arrow.png") no-repeat center left;font-weight:bold;}
          
          .new_loadmap_box_inner {padding-top: 25px;margin-top:25px;}
                 .new_loadmap_box_inner .depth1:after {display:none}
          .new_loadmap_box_inner {border-top:1px solid #dedede;}
          .new_loadmap_box_inner:first-child  {margin-top:20px;}
          .new_loadmap_box_inner:first-child:has(.depth1 .tit)  {border-top:0;}
                .new_loadmap_depth2 {display:flex;width:393px;}
                .new_loadmap_depth2 .loadmap_thum {position:relative;}
          .new_loadmap_depth2 .loadmap_thum .icon_set {position:absolute;left:0;top:0;margin-left:0!important;}
            .new_loadmap_box_inner .depth2 {    width: 393px;}
          .loadmap_box_inner .depth2 li .loadmap_thum {width:108px;border-radius:20px;overflow:hidden;border-top-left-radius:0;    line-height: 0;;margin-right:10px;}
         .loadmap_box_inner .depth2 li .loadmap_thum  img {
    max-width: 100%;
    height: 80px;
}
          .loadmap_box_inner .depth2 li .loadmap_thum .icon_set span:before {display:none}
          .loadmap_box_inner .depth2 li .loadmap_thum  .icon_set span {    transform: skew(0deg);padding: 2px 6px 2px 6px;}
          .loadmap_box_inner .depth2 li .loadmap_thum .icon_set span em {    transform: skew(0deg);}
          .loadmap_box_inner .depth2 li .loadmap_con_info {display:flex;justify-content:space-between;flex-direction: column;width: calc(100% - 118px);}
          .loadmap_box_inner .depth2 li .loadmap_con_info .loadmap_tit {font-size:16px;font-weight:bold;color:#2b2b2b;}
          .loadmap_box_inner .depth2 li .loadmap_con_info .loadmap_cate {padding-bottom:5px;}
          .loadmap_box_inner .depth2 li .loadmap_con_info .loadmap_cate a {font-size:14px;color:#999999;}
          .depth2_3_etc .depth2 + .depth2 {margin-left:35px;}
          .new_loadmap_box_inner.direct_3depth  .depth2_3_etc{width: 870px!important;}
          
/*2025-07-10*/
.dotori_state_wrap {
    background: #f0af51;
    border-radius: 20px;
    position: relative;
    padding: 25px 45px 25px 45px;
}

.dotori_state_wrap video,
.dotori_select_in .video video{ 
	display: block;margin:0 auto;
}