/*===================================================================================
version     : 1.0 (2018-05-21)
===================================================================================*/

/* This is used headerFrom.jsp // Start */
/*
@import url("https://use.typekit.net/hnc6upf.css");
@import url("http://fonts.googleapis.com/css?family=Roboto");
*/


@charset "UTF-8";

* {
	/* padding 또는 border 영역을 포함하여 크기를 width, weight를 결정 */
	box-sizing: border-box; 
}

body {
	/* body margin이 기본이 8 8 8 8이므로 0으로 설정 */
	margin: 0;
	background-color: #f7f7f7;
}

/* font-family: Roboto */
.main .wrapper header .header_first_wrap .sub .signin,
.main .wrapper header .header_first_wrap .sub .create,
.main .wrapper header .header_first_wrap .sub .logOut,
.main .wrapper header .header_first_wrap .sub .myPage{
	font-family: Roboto;
}

/* font-family: museo-sans */
.main .wrapper header .header_second_menu .header_second_wrap .button button,
.main .wrapper header .header_second_menu .header_second_wrap .button a{
	font-family: museo-sans;
}

/* min-width, max-width: 1024px */
.main .wrapper header .header_first_menu .header_first_wrap,
.main .wrapper header .header_second_menu .header_second_wrap{
	max-width: 1024px;
	min-width: 1024px;
}
.main .wrapper header .header_first_menu,
.main .wrapper header .header_second_menu,
.paging_div,
.main .wrapper footer {
	min-width: 1024px;
}

.paging_ul .paging_button {
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #9b9b9b;
}

.main .wrapper header .header_first_menu {
	background: #4a4a4a; 
}

.main .wrapper header .header_first_menu .header_first_wrap {
	position: relative;
	margin: 0 auto; 
	height: 30px;
}

.main .wrapper header .header_first_menu .header_first_wrap .sub {
	position: absolute;
	right: 0;
	padding: 0 47px 0 0; /* 5px 47px 0 0 */
}

.main .wrapper header .header_first_wrap .sub .signin,
.main .wrapper header .header_first_wrap .sub .create,
.main .wrapper header .header_first_wrap .sub .logOut,
.main .wrapper header .header_first_wrap .sub .myPage{
	padding-top: 15px;
	float: left;
	height: 30px;
	opacity: 0.75;
	font-size: 12px;
	line-height: 1px;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	
	border: 0;
//	cursor: pointer;
}
.main .wrapper header .header_first_wrap .sub .signin,
.main .wrapper header .header_first_wrap .sub .logOut{
	width: 65px;
	margin: 0 20px 0 0;
	background: url("/images/sign_in.png") no-repeat right ;
}
.main .wrapper header .header_first_wrap .sub .create{
	width: 110px;
	background: url("/images/create_account.png") no-repeat right ;
}
.main .wrapper header .header_first_wrap .sub .myPage{
	width: 110px;
	background: url("/images/my_page.png") no-repeat right ;
}
.main .wrapper header .header_first_wrap .sub .logOut,
.main .wrapper header .header_first_wrap .sub .myPage{
	width: 72px !important;
}

.main .wrapper header .header_first_wrap .sub .adsOn{
	font-size: 12px;border: 1px solid #979797;border-radius: 4px;padding:0 10px 0 10px;color:#d1d1d1;cursor: pointer;
}
.main .wrapper header .header_first_wrap .sub .adsOut{
	background-color:#979797;font-size: 12px;border: 1px solid #979797;border-radius: 4px;padding:0 10px 0 10px;color:#4a4a4a;cursor: pointer;
}

.main .wrapper header .header_second_menu {
	margin: 0 auto; 
	background-image: linear-gradient(93deg, #cc181f, #a50d56);
}

.main .wrapper header .header_second_menu .header_second_wrap {
	position: relative;
	margin: 0 auto; 
	
	height: 60px;
}

.main .wrapper header .header_second_menu .header_second_wrap .logo {
	padding: 11px 0 0 42px;
	float: left; 
}

.main .wrapper header .header_second_menu .header_second_wrap .logo a {
	display: block;
	width: 174px;
	height: 36px;
}

.main .wrapper header .header_second_menu .header_second_wrap .button {
	margin-left: 30px;
	float: left;
}

.main .wrapper header .header_second_menu .header_second_wrap .button a{
	font-size: 12px;
	font-weight: 900;
	letter-spacing: -0.4px;
	color: #ffffff;
	
	text-decoration: none;
	padding: 22px 10px 0 10px;

	font-family: museo-sans;
}

.main .wrapper header .header_second_menu .header_second_wrap .button .selected_top_menu_btn, 
.main .wrapper header .header_second_menu .header_second_wrap .button a:hover{
	background: rgba(0,0,0,0.25);
}

.main .wrapper header .header_second_menu .header_second_wrap .button #top_video,
.main .wrapper header .header_second_menu .header_second_wrap .button #top_channel,
.main .wrapper header .header_second_menu .header_second_wrap .button #top_keyword,
.main .wrapper header .header_second_menu .header_second_wrap .button #history,
.main .wrapper header .header_second_menu .header_second_wrap .button #statistics {
	float: left;
	height: 60px;
}

/* search */
select{	
	position: absolute;
	right: 300px;
	width: 200px;
	height: 30px;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	appearance: none;         /* 화살표 없애기 공통*/
	cursor: pointer;
	background: url('/images/select_arrow.png') no-repeat 95% 50%; /* 화살표 아이콘 추가 */ 
	border-radius: 4px;
	border: 1px solid #9b9b9b;
	padding-left: 10px;
	outline:none;
}
select, option{
	font-family: Roboto;
	font-size:14px;
	line-height: 1.71;
	color: #4a4a4a;
}
.main .wrapper header .header_second_menu .header_second_wrap .search,
.main .wrapper .content_wrapper .sub_title_div .search {
	position: absolute;
	right: 42px;
	top: 15px;
	width: 250px;
	height: 30px;
	background: #fff;
	border-radius: 2px;
}
.main .wrapper .content_wrapper .sub_title_div .search{
	top: 0px;
	border: 1px solid #9b9b9b;
}
.main .wrapper header .header_second_menu .header_second_wrap .search input[type=text],
.main .wrapper .content_wrapper .sub_title_div .search input[type=text]
{
	width: 222px;
	height: 28px;
	background: #fff;
	border: 0;
	border-radius: 2px;
	
	opacity:0.5;
	padding: 0 10px 0 10px;
	outline:none;
}

.main .wrapper header .header_second_menu .header_second_wrap .search #search_btn,
.main .wrapper .content_wrapper .sub_title_div .search .search_btn {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 18px;
	height: 19px;
	cursor: pointer;	
	border: 0;
	background: url("/images/search.png");
}	


.channel_search_table,
.partition_table {
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}
.channel_search_table td,
.partition_table td {
	padding-top: 30px;
	vertical-align: top;
}

.channel_search_table .channel_search_div {
	position: relative;
	text-align: center;
}
.channel_search_table img{
	border-radius: 100px;
}
.channel_search_table p,
.partition_table p {
	margin: 0 0 0 0;
}
.channel_search_table .title,
.channel_search_table .view,
.channel_search_table .subs,
.channel_search_table .videos,
.partition_table .title,
.partition_table .ch_name a,
.partition_table .ch_data,
.partition_table .ch_data a {
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.5;
}
.channel_search_table .title {
	margin-top: 10px;
}
.channel_search_table .title a,
.partition_table .title a {
	font-weight: bold;
	text-decoration: none;
	color: #4a4a4a;
}
.channel_search_table .view,
.channel_search_table .subs,
.channel_search_table .videos {
	margin-top: 5px;
	color: #6f6f6f;
}
.channel_search_table .view{
	margin-top: 7px !important;
}

.channel_search_table .deleted_small {
	top: 10px !important;
	left: 0px !important;
}
.channel_search_table .deleted_span {
	top: 12px !important;
	left: 9px !important;
}
.sub_title_div #sub_title,
.list_type_div {
	float: left;
}
.list_type_div {
	position: absolute;
	right: 40px;
}



.partition_table .video_search_div {
	position: relative;
	text-align: left;
}
.partition_table .title{
	width: 210px;
	margin-top: 11px;
}
.partition_table .title a {
	/* 한 줄 자르기 */ 
	width: 210px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis; 
	
	/* 여러 줄 자르기 추가 스타일 */ 
	white-space: normal; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;

	line-height: 1.33 !important;
}
.partition_table .ch_data,
.partition_table .ch_name {
	width: 210px;
	margin-top: 5px;
	color: #6f6f6f;
}
.partition_table .ch_name {
	margin-top: 10px !important;
}
.partition_table .ch_data a,
.partition_table .ch_name a {
	text-decoration: none;
	line-height: 1.5;
	color: #6f6f6f;
}
.partition_table .ch_name a{
	display: inline-block;
	width: 210px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.partition_table .deleted_big {
	top: -10px !important;
	left: -1px !important;
}
.partition_table .deleted_span {
	top: -7 !important;
	left: 7px !important;
}
/* This is used headerFrom.jsp // End  */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used index.jsp // Start  */
/* font-family: Roboto */
.main_top_number_wrap .view_content,
.main_top_number_wrap .subscriber_content,
.main_top_number_wrap .video_content {
	font-family: Roboto;
}
/* font-family: museo-sans */
.main_top_content,
.main_top_number_wrap .view,
.main_top_number_wrap .subscriber,
.main_top_number_wrap .video {
	font-family: museo-sans;
}
/* p of all margin setting */
.content p{
	margin: 0 0 0 0;
}
/* top */
.main_top_content_backgrouond {
	width: 100%;
	min-width: 1024px;
	height: 330px;
	background-image: linear-gradient(93deg, #cc181f, #a50d56);
}
.main_top_content {
	max-width: 1024px;
	min-width: 1024px;
	height: 245px;
	margin: 0 auto; 
	padding: 82px 0 0 0 ;
	
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
	color: #ffffff;
}
.main_top_content .big_weight {
	font-weight: 500;
}
.main_top_content .small_weight {
	font-weight: 100;
}
.main_top_number_wrap {
	max-width: 1024px;
	min-width: 1024px;
	height: 85px;;
	margin: 0 auto; 
	padding: 0 0 0 42px;
}
.main_top_number_wrap .main_top_view_div,
.main_top_number_wrap .main_top_subscriber_div,
.main_top_number_wrap .main_top_video_div{
	height: 85px;
	padding-right: 10px;
	float: left;
}
.main_top_number_wrap .main_top_video_div{
	padding-right: 0 !important;
}
.main_top_number_wrap .view_content,
.main_top_number_wrap .subscriber_content,
.main_top_number_wrap .video_content {
	opacity: 0.5;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}
.main_top_number_wrap .view,
.main_top_number_wrap .subscriber,
.main_top_number_wrap .video {
	height: 38px;
	font-size: 36px;
	font-weight: 500;
	text-align: left;
	color: #ffffff;
}

/* middle */
.middle_wrapper,
.top_middle_wrapper{
	width: 100%;
	position: relative;
	max-width: 1024px;
	min-width: 1024px;
	border : 1px solid #d8d8d8;
	border-radius: 7px;
	background-color: #ffffff;
}
.middle_wrapper {
	margin: 5px auto;
}

.top_middle_wrapper {
	margin: 0px auto;
}
.main_center_content_top,
.main_center_content_bottom {
	display: flex;
	
	max-width: 1024px;
	min-width: 1024px;
	margin: 0 auto; 
	
	height: 436px;
}
.main_center_content_bottom{
	height: 700px;/* 558 >> 650*//*680*/
}

.main_center_content_top .main_center_content_top_left_wrapper,
.main_center_content_top .main_center_content_top_right_wrapper,
.main_center_content_bottom_left_wrapper,
.main_center_content_bottom_right {
	flex: 1;
	width: 512px;
}
.main_center_content_top .main_center_content_top_left_wrapper {
	padding-left: 42px;
	padding-right: 27px;
	/*border-right: 1px solid #cfcfcf;*/
	border-bottom: 1px solid #cfcfcf;
}
.main_center_content_top .main_center_content_top_right_wrapper {
	padding-left: 28px;
	padding-right: 42px;
	border-bottom: 1px solid #cfcfcf;
}
.main_center_content_top .main_center_content_top_left .top_video_more_button, 
.main_center_content_top .main_center_content_top_right .top_channel_more_button,
.main_center_content_bottom .main_center_content_bottom_left .top_keywords_more_button,
.main_center_content_bottom .main_center_content_bottom_right .top_publish_more_button {
	float: left;
	width: 48px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #9b9b9b;
	background-color: #ffffff;
	
	font-family: Roboto;
	font-size: 12px;
	color: #4a4a4a;
	text-decoration: none;
	text-align: center;
	
	cursor: pointer;
	padding-top: 8px;
}

.main_center_content_top .main_center_content_top_left .top_video_more_button,
.main_center_content_top .main_center_content_top_right .top_channel_more_button,
.main_center_content_bottom .main_center_content_bottom_left .top_keywords_more_button,
.main_center_content_bottom .main_center_content_bottom_right .top_publish_more_button{
	position: absolute;
	right: 0;
	top: 30px;
}
.main_center_content_bottom .main_center_content_bottom_right .publish_data, 
.main_center_content_bottom .main_center_content_bottom_right .video_duration_data {
	font-family: museo-sans;
	font-size: 20px;
	font-weight: 300;
	color: #4a4a4a;
	
}

.main_center_content_bottom_left_wrapper{
	padding-left: 42px;
	padding-right: 28px;
	/*border-right: 1px solid #cfcfcf;*/
}
.main_center_content_bottom_right_top_wrapper{
	width: 512px;
	height: 345px;
	padding-left: 28px;
	padding-right: 42px;
	 padding-bottom: 30px;
	border-bottom: 1px solid #cfcfcf;
}
.main_center_content_bottom_right_bottom_wrapper{
	width: 512px;
	height: 325px;
	padding-left: 28px;
	padding-right: 42px;
	padding-bottom: 30px;
}
.publish_data,
.video_duration_data{
	position: absolute;
	top: 50px;
	left: 0;
}

/* This is used index.jsp // End  */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used topVideoMenu.jsp, topChannelMenu.jsp + topVideoTopView.jsp, topChannelTopView.jsp // Start */
/* menu title: 'TopVideo'	menu: 'Top View', 'Top Like', 'Top Comments' */
/* menu title: 'TopChannel'	menu: 'Top Channel', 'Top Subscribers', 'Worst Channels' */

/* font-family setting*/
.content_wrapper .top_menu_title_span,
.content_wrapper .top_menu_btn_ul li .top_btn,
.selected_top_btn_li a,
.top_btn_li a,
.sub_title_div #sub_title,
.sub_title_div #range,
.sub_btn_div .sub_btn,
.sub_btn_div .selected_sub_btn,
table.list_table th, td,
table.list_table_empty th, td,
.results {
	font-family: Roboto;
}
.content_wrapper { /* body > div class=wrapper > container */ /* >> .topViewWrapper > .content_wrppaer */
	max-width: 1024px;
	min-width: 1024px;
	width: 100%;
	margin: 0 auto; /* margin-right, margin-left is auto */
}
.content_wrapper .top_menu_div_in_content{ /* .topViewWrapper .main_title_div >> .content_wrpper .top_menu_div_in_contnet */
	height: 81px;
	/*border-bottom:1px solid*/
}
.content_wrapper .top_menu_title_span {/* .topViewWrapper #top_video_title >> .content_wrpper .top_menu_title_span */
	position: relative;
	top: 30px;
	left: 42px;
	width: auto;
	height: 32px;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color: #4a4a4a;
	float:left;
}
 .content_wrapper .top_menu_btn_ul,
 .myPageButtonDiv .top_menu_btn_ul{/* .topViewWrapper #tab_menu_ul >> .content_wrapper .top_menu_btn_ul */
	position: relative;
	top: 39px;
	left: 80px;
	width: 730px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
.myPageButtonDiv .top_menu_btn_ul{
	top: 8px !important;
	left: 0px !important;
}
.content_wrapper .top_menu_btn_ul li,
.myPageButtonDiv .top_menu_btn_ul li{/* .topViewWrapper #tab_menu_ul li >> .content_wrapper .top_menu_btn_ul li */
	height: 38px;
	list-style: none;
	float: left;
	vertical-align: middle;
	padding: 0 7px 38.1px 7px;
}
.content_wrapper .top_menu_btn_ul li .top_btn,
.myPageButtonDiv .top_menu_btn_ul li .top_btn{/* .topViewWrapper #tab_menu_ul li .top_btn >> .content_wrpper .top_menu_btn_ul li .top_btn */
	font-size: 14px;
	font-weight: bold;
	color: #9b9b9b;
	
	text-decoration: none;
	display: block;
}
.selected_top_btn_li {/* .selected_top_btn_li >> .content_wrpper .top_menu_btn_ul .selected_top_btn_li */
	border-bottom: 4px solid #4a4a4a;
}
.selected_top_btn_li a {/* .content_wrpper .top_menu_btn_ul a*/
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #4a4a4a;
	letter-spacing: 0px;
}

/* menu title: 'Top View' menu: 'Daily', 'Weekly', 'Monthly' */
.sub_title_div {
	position: relative;
	height: 75px;
	padding: 30px 0 0 42px;
}
.sub_title_div #sub_title{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #4a4a4a;
}
.sub_title_div #range, 
.results #range {
	font-size: 14px;
	text-align: left;
	color: #9b9b9b;
	padding-left:10px;
}
.sub_btn_div {
	position: absolute;
	/*width: 191px;*/
	height: 30px;
	top: 30px;
	right: 38px;
}
.sub_btn_div .sub_btn{
	height: 30px;
	font-size: 12px;
	text-align: center;
	color: #4a4a4a;
	border: solid 1px #9b9b9b;
	border-radius: 4px;
	background-color: #ffffff;
	padding: 8px 10px 8px 10px;
	margin-right: 5px;
	
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}
.sub_btn_div .selected_sub_btn{
	height: 30px;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	border: 0;
	border-radius: 4px;
	background-color: #4a4a4a;
	padding: 9px 10px 7px 10px;
	margin-right: 5px;
	
	cursor: pointer;
	text-decoration: none;
}

/* table contents */
table.list_table,
table.list_table_empty{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}
table.list_table thead th,
table.list_table_empty thead th{
	height: 30px;
	font-size: 12px;
	font-weight: normal;/* 사용해야한다. */
	color: #9b9b9b;
	vertical-align: middle;
	border-bottom: 1px solid #cfcfcf;
}
table.list_table thead .rank,
table.list_table tbody .rank,
table.list_table_empty thead .rank,
table.list_table_empty tbody .rank{
	padding-right: 0px;
	padding-left: 42px;
}
table.list_table thead .rank,
table.list_table_empty thead .rank{
	/*text-align: right;*/
}

table.list_table tbody td{
	vertical-align: top;
	height: 60px;
	font-size: 12px;
	line-height: 1.5;
	color: #4a4a4a;	
	text-align: right;
	padding-top: 10px;
	padding-right: 30px;
}

table.list_table .history_table_tbody td{
	text-align: left;
}
table.list_table tbody img,
table.list_table tbody .keyword_img img{
	width: 89px;
	height: 50px;
	vertical-align: middle;
} 


table.list_table tbody .big,
table.list_table tbody .keyword_img .big {
	width: 124px;
	height: 70px;
} 

table.list_table tbody .video_thumb,
table.list_table tbody .keyword_img .video_thumb{
	width: 320px;
	height: 180px;
	vertical-align: middle;
} 

table.list_table tbody .rank{
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
table.list_table tbody .img,
table.list_table tbody .keyword_img {
	padding: 5px 0 5px 10px;
	position: relative;
}
table.list_table tbody .channel_img {
	width: 50px;
	padding: 5px 0 5px 5px;
	position: relative;
}
table.list_table tbody .ch_img{
	width:50px; 
	height:50px; 
	border-radius: 50px;
}

table.list_table tbody .icon_live{
	width:53px; 
	height:13px; 
	margin:2px 0 4px 0;
}

table.list_table tbody .title{
	font-weight: bold;
	text-align: left;
	width: 345px;
	padding-right: 0px;
	padding-left: 10px;
	word-break:break-all;
}
table.list_table tbody .title .channel{
	font-weight: normal;
	color: #9b9b9b;
}
table.list_table tbody .title .channel a{
	font-weight: normal;
	color: #9b9b9b;
}
table.list_table tbody .title a,
.video_explanation .explanation a,
.video_comment a{
	text-decoration: none;
	word-break:break-all;
	color: #4a4a4a;
}

table.list_table tbody .twoline_break {
	display: -webkit-box;
	width: 215px;
	white-space: normal;
	line-height: 1.5;
	height: 4.0em;
	word-wrap: break-word;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
table.list_table tbody .keyword_channel{
	padding-right: 0;
	text-align: left;
}
table.list_table tbody .percent,
table.list_table tbody .keyword_views {
	padding-right: 42px;
}
table.list_table tbody .keyword_views {
	padding-left: 40px;
	text-align: center;
}
.results{
	font-size: 16px;
	font-weight: bold;
	color: #4a4a4a;
	padding-left: 42px;
	margin: 0 0 20px 0;
}

/*---*/
table.list_table .even{
	background: #f7f7f7;
}
table.list_table .up:after{
	content: '\00a0\25b2';/* html: &#9650 / css: \25b2 */
	color: #0484d8;
	font-size: 14px;
}
table.list_table .down:after{
	content: '\00a0\25bc';/* html: &#9660 / css: \25bc */
	color: #f73e3e;
	font-size: 14px;
}
table.list_table .ch_up{
	color: #f73e3e;
}
table.list_table .ch_down{
	color: #0484d8;
}

.rankUp:after{
	content: '\00a0\25b2';/* html: &#9650 / css: \25b2 */
	color: #0484d8;
	font-size: 14px;
}
.rankDown:after{
	content: '\00a0\25bc';/* html: &#9660 / css: \25bc */
	color: #f73e3e;
	font-size: 14px;
}
/* This is used topVideoMenu.jsp, topView.jsp // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used statistics.jsp // Start */
.sub_title_div .sub_data {
	margin: 10 0 0 0; 
	font-family: museo-sans; 
	font-size: 24px; 
	font-weight: 300; 
	color: #4a4a4a;
}

.sub_title_div .sub_week_data{
	position:absolute;
	right: 67px;
	margin: 0 0 0 0; 
	font-family: Roboto; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 1.5; 
	color: #4a4a4a;
}
.thumbnail_div{
	width: 940px;
	border-bottom: 1px solid #d8d8d8;
	margin: 0 42px 0px 42px;
}

.thumbnail_div .img_div{
	padding-bottom: 8px;
}

.thumbnail_div .img_div img{
	width: 150px;
	height: 85px;
	margin-right : 7px;
}
/* This is used statistics.jsp, topView.jsp // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used channelDetail.jsp // Start */
/* font-family: Roboto */
.channel_detail_div .channel_name_div .channel_name_span,
.channel_sample_data th,
.graph_title{
	font-family: Roboto;
	font-weight: bold;
	color: #4a4a4a;
}
.channel_sample_data th {
	font-weight: 500 !important;
}
.channel_sample_data_div{
	padding-left: 42px;
	padding-top: 30px;
	width: 100%;
	height: 108;
	display:flex;
	border-bottom: 1px solid #ddd;
}
.channel_sample_data_div_my{
	width: 1022px;
	height: 108;
	background: #ffffff; /*#4a4a4a;*/
	padding-left: 42px;
	/*padding-right: 42px;*/
	padding-top: 30px;
	border-top: 1px solid #d8d8d8;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.channel_sample_data_div .channel_sample_data th,
.channel_sample_data_div_my .channel_sample_data th{
	color: #000000 !important;
}

/* font-family: museo-sans */
.channel_sample_data td,
.graph_title_data{
	font-family: museo-sans;
	color: #4a4a4a;
}
.channel_sample_data_div .channel_sample_data td,
.channel_sample_data_div_my .channel_sample_data td{
	font-family: museo-sans;
	color: #000000; /*#ffffff;*/
	font-weight: 500;
}

/* float: left */
.channel_detail_div .channel_name_div .channel_name_span,
.channel_detail_div .channel_name_div .channel_sample_data{
	float: left;
}


.channel_detail_div{
	max-width: 1024px;
	min-width: 1024px;
	margin: auto;
	position: relative;
}
.channel_detail_div .channel_detail_top{
	/*height: 954px;*/
	height: auto;
}
.channel_detail_div .channel_name_div{
	height: 81px;
	padding: 11px 0 11px 42px;
	
	/*border-bottom: 1px solid #4a4a4a;*/
}
.channel_detail_div .channel_name_div .channel_detail_img{
	width: 60px;
	height: 60px;
	border-radius: 60px;
	float: left;
}
.channel_detail_div .channel_name_div .channel_name_span{
	width: 357px;
	height: 59px;
	font-size:18px;
	/*padding: 19px 0 0 20px;*/
	padding-left: 20px;
	position: relative;
	display: table;
}
.channel_detail_div .channel_name_div .channel_name_span a{
	text-decoration: none;
	color: #4a4a4a;
	display: table-cell;
	vertical-align: middle;
}
.channel_detail_div .channel_name_div .channel_sample_data{
	position: absolute;
	right:12px;
}
.chnanel_sample_data th, td{
	padding: 0 0 0 0;
}
.channel_sample_data th{
	font-size: 14px;
	text-align: left;
	padding-right: 15px;
}
.channel_sample_data td{
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	padding-right: 24px;
}
.channel_detail_graph{
	width: 100%;
	height: 297px;
	display:flex;
	/*background: #f7f7f7;*/
	border-bottom: 1px solid #ddd;
}
.channel_detail_graph_left{
	flex: 1;
	padding: 30px 15px 30px 42px;
	
	
	/*border-right: 1px solid #4a4a4a;*/
}
.channel_detail_graph_right{
	flex: 1;	
	padding: 30px 42px 30px 15px;
}	
.graph_title{
	font-size: 16px;
	padding-bottom: 0px;
}
.graph_title_data{
	font-size: 24px;
	font-weight: 300;
	padding-bottom: 20px;
}
.channel_history_div td:not(.rank),
.channel_ban_history_div .status {
	text-align: left !important;
}
.channel_history_div td:not(.rank),
.channel_ban_history_div .status {
	padding-left: 34px;
}
.channel_history_div td{
	padding-bottom: 10px;
}

.channel_daily_stat .list_table tbody td {
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top; 
	height: auto; 
	font-size: 12px;
	line-height: 1.5;
	color: #4a4a4a;
}
.channel_daily_stat .list_table .date_1 {
	padding-right: 0px; 
	padding-left: 24px; 
	text-align: left;
}
.channel_daily_stat .list_table .views_1,
.channel_daily_stat .list_table .subs_1 {
	padding-right: 10px; 
	padding-left: 27px; 
	text-align: right;
}
.channel_daily_stat .list_table .date_2,
.channel_daily_stat .list_table .views_2,
.channel_daily_stat .list_table .subs_2 {
	padding-left: 18px; 
	text-align: left;
}
.channel_daily_stat .list_table .date_2 {
	border-right: 1px solid #cfcfcf;
	padding-right: 22px;
}
.channel_daily_stat .list_table .video_count {
	padding-left: 60px; 
	padding-right: 25px;
	text-align: left;
}

.channel_daily_stat .list_table .rank_count {
	padding-left: 15px; 
	padding-right: 10px;
	text-align: left;
	border-right: 1px solid #cfcfcf;
}
.list_table .no_result_td {
	text-align:center !important; 
	height: 142px !important;
	padding-top: 40px !important;
}
.list_table .ban_td{
	text-align: center !important;
}
/* This is used channelDetail.jsp // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used paging.jsp // Start  */
	.paging_div{
		height: 30px;
		margin: 20px auto 20px auto;
		text-align: center;
	}
	.paging_ul {
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 auto;
        display: inline-block;
	}
	.paging_ul li {
		float: left;
	}
	.paging_ul li a{
		display: table;
		width: 30px;
		height: 30px;
		
		font-family: Roboto;
		font-size: 14px;
		
		margin-right: 5px;
		text-decoration: none;
	}
	.paging_ul li .paging_btn{
		color: #000;
	}
	#left{/* 이미지 반전 */
		transform: rotate(180deg);
	}
	/*.selected_paging_num{
		color: #fff;
		background-color: #4a4a4a;
	}*/
	.paging_ul span{
		padding-top: 2px;
		display: table-cell;
		vertical-align: middle;
	}
	
	.left_end_arrow, .previous_arrow, .next_arrow, .right_end_arrow{
		background-color: #eaeaea;
		border-radius: 2px;
	}
/* This is used paging.jsp // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used footerFrom.jsp // Start  */

/* font-family: Roboto */

/* position: relative */
footer,
footer .footer_menu,
footer .footer_menu .footer_wrap,
footer .footer_menu .footer_wrap .button a{
	position: relative;
}

footer {
	background: #4a4a4a; 
}

footer .footer_menu .footer_wrap {
    max-width: 1024px;
    margin: 0 auto;
    height: 95px;
}


footer .footer_menu .footer_wrap .copyright {
	position: absolute;
	top: 20px;
	left: 30px;
	font-family: museo-sans;
	font-size: 14px;
	line-height: 1.29;
	text-align: left;
	color: #ffffff;
}

footer .footer_menu .footer_wrap .button {
	position: absolute;
	top: 18px;
	right: 30px;
	/*left: 205px;*/
	
}

footer .footer_menu .footer_wrap .button span {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	margin-right: 20px;
}

footer .footer_menu .footer_wrap .button a {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	margin-right: 20px;
}
.footer_content_wrapper {
	height: 108px !important; 
	border-top: 1px solid #6f6f6f; 
	padding-top: 20px; 
	padding-left: 30px;	
}
.footer_content_wrapper img{
	float: left;
	margin-top: 3px;
}
.footer_content {
	float: left;
	margin-left: 20px;
}
.footer_content p{
	font-family: Roboto-Light;
	font-size: 12px;
	font-weight: 300;
	color: #e7e7e7;
	margin: 0 0 0 0;
	letter-spacing: 0.2px;
}
/* This is used footer.jsp // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used open_layer // Start  */

.video_detail_layer, .history_detail_layer {/* pop-layer >> video_detail_layer */
  display: none;
  position: absolute;
  width: 720px;
  background-color: #fff;
  border-radius: 4px;
  z-index: 90;
  top: 2%;
  left: 14%;
 }
.video_detail_layer{
	height: 95%;
}	
 
#videoLayer {/* dim-layer >> open_layer */
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 91;
}

#videoLayer .blind {/* dim-layer dimBg >> open_layer blind */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#videoLayer .video_detail_layer {/* dim-layer pop-layer >> open_layer video_detail_layer */
  display: block;
}

.history_title_div,
.history_desc_div,
.history_thumb_div,
.history_language_div,
.history_country_div,
.history_keyword_div,
.history_custom_div,
.history_verified_div,
.history_banner_div {
	padding: 0 40px 20px 40px;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
}
.history_title_div p,
.history_desc_div p,
.history_thumb_div p,
.history_language_div p,
.history_country_div p,
.history_keyword_div p,
.history_custom_div p,
.history_verified_div p,
.history_banner_div p {
	margin: 0 0 10px 0;
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	color: #4a4a4a;
}
.history_detail_table {
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.5;
	color: #4a4a4a;
}
 

.top{
	width: 720px;
	height: 50px;
	background-color: #4a4a4a;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.top .channel_data{
	height: 40px;
	padding-left: 20px;
	padding-top: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.top .channel_data .channel_img{
	float: left;
	width: 30px;
	height: 30px;
}
.top .channel_data .channel_img .ch_img{
	width:30px; 
	height:30px; 
	border-radius: 30px;
}
.top .channel_data .channel_name {
	float: left;
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	padding-top: 5px;
	margin-left: 11px;
}
.top .channel_data .arrow_a{
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.top .layer_close_btn{
	position: absolute;
	top:13px;
	right: 14px;
	width: 24px;
	height: 24px;
	background: url("/images/close_button.png") no-repeat right ;
}

.video_detail_layer .data_scroll_wrapper{
	overflow: auto;
	height: 854px;
 	overflow-x: hidden;
}
.history_detail_layer .data_scroll_wrapper{
	overflow: auto;
	/*height: 854px;*/
 	overflow-x: hidden;
}
.video_detail_layer .data_scroll_wrapper .video_explanation{
	height:174px; 
	padding-top: 18px;
	padding-left: 40px;
	padding-bottom: 21px;
}
.video_detail_layer .data_scroll_wrapper .video_explanation .video_img{
	float: left;
	width: 240px;
	height: 135px;
}


.video_detail_layer .data_scroll_wrapper .video_explanation .explanation{
	float: left;
	width: 397px;
	height: 72px;
	font-family: Roboto;
	font-size: 20px;
	line-height: 1.2;
	color: #4a4a4a;
	margin-left: 20px;
}

.video_detail_layer .data_scroll_wrapper .video_explanation .explanation .icon_live_detail{
	width:53px; 
	height:13px; 
	margin:5px 0 5px 0;
}

.video_detail_layer .data_scroll_wrapper .video_explanation .sub_explanation{
	float: left;
	width: 280px;
	height: 18px;
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.5;
	color: #4a4a4a;
	margin-left: 20px;
	margin-top: 40px;
}

.video_detail_layer .data_scroll_wrapper .video_data_background{
	width: 720px;
	height: 288px;
	background-color: #f7f7f7;
}
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data{
	height: 75px;
	padding-top: 15px;
	padding-left: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_view_div,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_like_div,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_comment_div,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_duration_div{
	float:left;
	margin-right: 40px;
}
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_view_div .video_view_content,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_like_div .video_like_content,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_comment_div .video_comment_content,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_duration_div .video_duration_content{
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	color: #4a4a4a;
}
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_view_div .video_view,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_view_div .video_view_sub,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_like_div .video_like,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_comment_div .video_comment,
.video_detail_layer .data_scroll_wrapper .video_data_background .video_data .video_duration_div .video_duration{
	font-family: museo-sans;
	font-size: 20px;
	font-weight: 300;
	color: #4a4a4a;
}

.video_detail_layer .data_scroll_wrapper .video_data_background .graph{
	 height: 213px;
	 padding: 20px 40px 31px 40px;
	 border-bottom: 1px solid #dddddd;
}
.video_detail_layer .data_scroll_wrapper .video_data_background .graph .graph_title{
	  font-family: Roboto; 
	  font-size: 12px; 
	  font-weight: bold; 
	  color: #4a4a4a;
}

.video_detail_layer .data_scroll_wrapper .tags_div{
	border-bottom: 1px solid #dddddd; 
/*	padding-left: 40px; 
	padding-top: 30px; 
	padding-right: 40px;
	padding-bottom: 26px;*/
	padding: 30px 40px 26px 40px;
}
.video_detail_layer .data_scroll_wrapper .tags_title,
.video_detail_layer .data_scroll_wrapper .description_title,
.video_detail_layer .data_scroll_wrapper .channel_ban_history_title{
	 font-family: Roboto; 
	 font-size: 14px; 
	 font-weight: bold; 
	 color: #4a4a4a;
}
.video_detail_layer .data_scroll_wrapper .tags_content,
.video_detail_layer .data_scroll_wrapper .description_content{
	 font-family: Roboto; 
	 font-size: 12px; 
	 line-height: 1.5; 
	 color: #4a4a4a; 
	 margin-top:20px;
}

.video_detail_layer .data_scroll_wrapper .description_div{
	border-bottom: 1px solid #dddddd;  
/*	padding-left: 40px; 
	padding-top: 30px; 
	padding-right: 40px;*/
	padding: 30px 40px 26px 40px;
}

.channel_detail_div .description_div{
	border-bottom: 1px solid #dddddd;
	padding: 0px 0px 50px 0px;
	/*padding: 0px 0px 26px 0px;*/
}
.description_div .description_content {
	padding-left: 42px;
	padding-right: 42px; 
	font-family: Roboto; 
	font-size: 12px; 
	line-height: 1.5; 
	color: #4a4a4a;
 }
.video_detail_layer .data_scroll_wrapper .channel_ban_history_div{
	 font-family: Roboto; 
	 font-size: 12px; 
	 line-height: 1.5; 
	 color: #4a4a4a; 
	 margin-top:20px;
}
.video_detail_layer .data_scroll_wrapper .channel_ban_history_title{
	padding-left: 40px;
}
.video_detail_layer .data_scroll_wrapper .channel_ban_history_div .channel_ban_history_table_div{
	 margin-top:20px; 
	 margin-bottom: 30px;
}

.history_split, .history_split_big {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.history_split {
	width: 185px;
}
.history_split_big {
	width: 290px;
}
/* scrollbar style */
::-webkit-scrollbar{
	width: 8px; 
	height: 8px; 
	border: 5px solid #efefef;
	border-bottom-right-radius: 4px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:incerement{
	display: block;
	height: 10px;
	background: #red;
}
::webkit-scrollbar-track{
	background: #efefef;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb{
	height: 50px;
	width: 50px;
	background: rgba(0,0,0,.2);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);
}
::-webkit-scrollbar-thumb:hover{
	background: rgba(0,0,0,.35);
	cursor: pointer;
}

/* This is used open_layer // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is used login layer // Start  */
#openLayer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.blind {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
/*	filter: alpha(opacity=50);*/
}
.signLayer,
.createLayer,
.changePasswordLayer,
.resetPasswordLayer1,
.resetPasswordLayer2,
.createSuccess,
.resetPasswordSuccessLayer,
.resetPasswordSuccessLayer2,
.paymentFailedLayer{
	display: none;
	position: absolute;
	z-index: 10;
	width: 360px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 10px 12px 23px 0 rgba(0, 0, 0, 0.2);
}
.signLayer {
	height: 353px;
}
.createLayer {
	height: 426px;;
}
.changePasswordLayer{
	height: 422px;
}
.resetPasswordLayer1{
	height: 242px;
}
.resetPasswordLayer2{
	height: 345px;
}
.paymentFailedLayer{
	width: 520px !important;
	height: 204px;
}
.createSuccess,
.resetPasswordSuccessLayer,
.resetPasswordSuccessLayer2 {
	height: 481px;
}
.signLayer .layerTop,
.createLayer .layerTop,
.changePasswordLayer .layerTop,
.resetPasswordLayer1 .layerTop,
.resetPasswordLayer2 .layerTop,
.createSuccess .layerTop,
.resetPasswordSuccessLayer .layerTop,
.resetPasswordSuccessLayer2 .layerTop,
.paymentFailedLayer .layerTop{
	height: 70px;
	border-bottom: 1px solid #4a4a4a;
	text-align: center;
	padding-top: 24px;
}
.paymentFailedLayer .layerTop{
	padding-top: 14px;
	height: 52px !important;
	border-bottom: 1px solid #cfcfcf;
}
.paymentFailedLayer .layerTop img{
	position: absolute;
	left: 10px;
	top: 10px;
}
.signLayer .layerTop span,
.createLayer .layerTop span,
.changePasswordLayer .layerTop span,
.resetPasswordLayer1 .layerTop span,
.resetPasswordLayer2 .layerTop span,
.createSuccess .layerTop span,
.resetPasswordSuccessLayer .layerTop span,
.resetPasswordSuccessLayer2 .layerTop span,
.paymentFailedLayer .layerTop span{
	top: 24px;
	font-family: Roboto;
	font-size: 18px;
	font-weight: bold;
	color: #4a4a4a;

}
.signLayer .layerTop a,
.createLayer .layerTop a,
.changePasswordLayer .layerTop a,
.resetPasswordLayer1 .layerTop a,
.resetPasswordLayer2 .layerTop a,
.createSuccess .layerTop a,
.resetPasswordSuccessLayer .layerTop a,
.resetPasswordSuccessLayer2 .layerTop a,
.paymentFailedLayer .layerTop a{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 14px;
	height: 14px;
	background: url("/images/layer_close.png") no-repeat 0 0;
}
.paymentFailedLayer .layerTop a{
	top: 15px;
	right: 15px;
}
.signLayer .middle,
.createLayer .middle,
.changePasswordLayer .middle,
.resetPasswordLayer1 .middle,
.resetPasswordLayer2 .middle,
.paymentFailedLayer .middle{
	background: #f7f7f7;
	border-bottom: 1px solid #dddddd;
	padding: 21px 30px 21px 30px;
}
.signLayer .middle {
	height: 160px;
}
.createLayer .middle {
	height: 233px;
}
.changePasswordLayer .middle{
	height: 261px;
}
.resetPasswordLayer1 .middle{
	height: 82px;
}
.resetPasswordLayer2 .middle{
	height: 184px;
}
.paymentFailedLayer .middle{
	height: 152px;
	padding-top: 30px;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #f5f5f5;
}
.createSuccess .middle,
.resetPasswordSuccessLayer .middle,
.resetPasswordSuccessLayer2 .middle{
	height: 274px;
	text-align: center;
	padding: 21px 30px 21px 30px;
}
.createSuccess .divInMiddle,
.resetPasswordSuccessLayer .divInMiddle,
.resetPasswordSuccessLayer2 .divInMiddle{
	position: relative;
	top: 56px;
}
.changePasswordLayer .middle span,
.resetPasswordLayer2 .middle span{
	font-family: Roboot;
	font-size: 14px;
	line-height: 1.29;
	color: #4a4a4a;
}
.paymentFailedLayer .middle p{
	font-family: Roboot;
	font-size: 16px;
	color: #4a4a4a;
	margin: 0 0 20px 0;
}
.signLayer .id,
.signLayer .password,
.createLayer .id,
.createLayer .password,
.createLayer .confirmPw,
.createLayer .youtubeUrl,
.changePasswordLayer .currentPw,
.changePasswordLayer .newPw,
.changePasswordLayer .confirmNewPw,
.resetPasswordLayer2 .newPw,
.resetPasswordLayer2 .confirmNewPw,
.resetPasswordLayer1 .id{
	width: 300px;
	height: 40px;
	border-radius: 2px;
	background: #fff;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
	border: 1px solid #9b9b9b;
}
.createSuccess .middle p,
.resetPasswordSuccessLayer .middle p,
.resetPasswordSuccessLayer2 .middle p{
	font-family: AppleSDGothicNeo;
	font-size: 16px;
	line-height: 1.38;
	color: #4a4a4a;
}
.changePasswordLayer .currentPw,
.changePasswordLayer .newPw,
.changePasswordLayer .confirmNewPw,
.resetPasswordLayer2 .newPw,
.resetPasswordLayer2 .confirmNewPw{
	margin-top: 5px;
}
.signLayer .password{
	margin-bottom: 5px;
}
/* checkbox setting start */
.signLayer .middle .checkboxDiv{
	padding-top: 5px;
}
.signLayer .middle input[type=checkbox] {
	/*display: none;*/ /* 실제 체크박스 없애기 */
	opacity: 0; /* 보이지 않게 하기 */
	position: absolute; /* 이미지 체크박스와 동일한 위치에 있게 하기 */
	width: 16px;
	height: 26px;
	margin: 0 0 0 0;
	cursor: pointer;
}
.signLayer .middle span {
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.29;
	color: #4a4a4a;
}
.signLayer .middle span.txt::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url("/images/icon_check.png") no-repeat 0 0;
	margin-right: 10px;
}
.signLayer .middle input[type=checkbox]:checked+span.txt::before{
	background-position: -16px 0;
}
/* checkbox setting end */
.signLayer .middle .errorMessage,
.createLayer .middle .errorMessage,
.changePasswordLayer .middle .errorMessage,
.resetPasswordLayer1 .middle .errorMessage,
.resetPasswordLayer2 .middle .errorMessage{
	display: none;
	width: auto;
	/*height: 76px;*/
	text-align: center;
}
.signLayer .middle .errorMessage span,
.createLayer .middle .errorMessage p,
.changePasswordLayer .middle .errorMessage p,
.resetPasswordLayer1 .middle .errorMessage span,
.resetPasswordLayer2 .middle .errorMessage p{
	position: relative;
	top: 10px;
	color: #f73e3e;
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.29;
}
.createLayer .middle .errorMessage p,
.changePasswordLayer .middle .errorMessage p,
.resetPasswordLayer2 .middle .errorMessage p,
.createSuccess .middle p,
.resetPasswordSuccessLayer .middle p,
.resetPasswordSuccessLayer2 .middle p{
	margin: 0 0 0 0;
}

.signLayer .bottom,
.createLayer .bottom {
	height: 123px;
	padding-top: 20px;
}
.changePasswordLayer .bottom,
.resetPasswordLayer1 .bottom,
.resetPasswordLayer2 .bottom{
	height: 90px;
	padding-top: 20px;
}
.createSuccess .bottom,
.resetPasswordSuccessLayer .bottom,
.resetPasswordSuccessLayer2 .bottom{
	height: 136px;
}
.createSuccess .middle .finish_check,
.resetPasswordSuccessLayer .middle .finish_check,
.resetPasswordSuccessLayer2 .middle .finish_check{
	height: 100px;
	width: 100px;
}
.signLayer .bottom .submit,
.createLayer .bottom .submit,
.changePasswordLayer .bottom .submit,
.resetPasswordLayer1 .bottom .submit,
.resetPasswordLayer2 .bottom .submit,
.createSuccess .bottom .submit,
.resetPasswordSuccessLayer .bottom .submit,
.resetPasswordSuccessLayer2 .bottom .submit,
.paymentFailedLayer .middle .submit{
	display: table-cell;
	position: relative;
	left: 132px;
	width: 96px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background: #4a4a4a;
	color: #fff;
	border-radius: 4px;

	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
}
.paymentFailedLayer .middle .submit {
	left: 171px;
	width: 113px;
	height: 40px;
}
.resetPasswordLayer1 .bottom .submit{
	left: 111px;
	width: 138px !important;
}
.createSuccess .bottom .submit,
.resetPasswordSuccessLayer .bottom .submit,
.resetPasswordSuccessLayer2. .bottom .submit{
	top: 20px;
}
.signLayer .bottom .submit img,
.createLayer .bottom .submit img,
.changePasswordLayer .bottom .submit img,
.resetPasswordLayer1 .bottom .submit img,
.resetPasswordLayer2 .bottom .submit img,
.createSuccess .bottom .submit .close_button,
.resetPasswordSuccessLayer .bottom .submit .close_button,
.resetPasswordSuccessLayer2 .bottom .submit .close_button,
.paymentFailedLayer .middle img{
	margin-right: 5px;
}
.createSuccess .bottom .submit .close_button,
.resetPasswordSuccessLayer .bottom .submit .close_button,
.resetPasswordSuccessLayer2 .bottom .submit .close_button{
	height: 12px;
}
.signLayer .bottom .resetPasswordDiv{
	height: 63px;
	padding: 15px 68px 0 68px;
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.29;
	color: #4a4a4a;
}
.createLayer .bottom .signInDiv {
	height: 63px;
	text-align: center;
	padding-top: 23px;
	font-family: Roboto;
	font-size: 14px;
	line-height: 1.29px;
	color: #4a4a4a;
}
.signLayer .bottom .resetPasswordDiv a,
.createLayer .bottom .signInDiv a{
	margin-left: 5px;
	color: #4a4a4a;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* layer action */
.blueCheck {
	background: url("/images/input_blue_check.png") no-repeat #fff 270px 10px !important;
}
.redCheck {
	border: 1px solid #e01f1f !important;
}

/* This is used login layer // End */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is deleted // Start  */
.deleted_small {
	position: absolute;
	width: 70px !important;
	height: 20px !important;
	top: 6px;
	right: 72px;
	z-index: 5;
	border-radius: 10px;
}
.deleted_big {
	position: absolute;
	width: 70px !important;
	height: 20px !important;
	top: 6px;
	right: 105px;
	z-index: 5;
	border-radius: 10px;
}
.channel_img .deleted_small {
	/*right: 36px;*/
	right: 30px;
}
.deleted_span {
	position: absolute;
	top: 8px;
	left: -28px; 
	z-index: 5;
	color: #fff; 
	font-size: 10px;
}
.deleted_channel {
	position: absolute;
	width: 220px;
	height: 68px;
	top: 127px;
	left: 75px;
	z-index: 5;
}
.deleted_video{
	position: absolute;
	width: 190px;
	height: 68px;
	top: 13px;
	left: 250px;
	z-index: 5;
}
/* This is used deleted // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is search_more // Start  */
#searchMoreBtn {
	width: 87px;
	height: 69px;
	text-align: center;
	padding-top: 5px;
	margin: 14px auto;
}
#searchMoreBtn a{
	text-decoration: none;
}
#searchMoreBtn p {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
	color: #9b9b9b;
	margin: 10px 0 0 0;
}
/* This is used search_more // End */
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is yellow_block */
.yellow_block{
    position: relative;
    height: 0px !important;
    border-bottom: 0px solid !important;
}
.yellow_block_div{
    position: absolute;
    /*top: 200px;*/
    width: 1024px;
    height: 700px;
    background: url('/images/yellow_block.png');
    display: table;
    z-index: 10;
}
.yellow_block_div .img_div{
    display: table-cell;
    vertical-align: middle;
	text-align: center;
}
.yellow_block_div .img_div img {
	width: 32px;
	height: 32px;
}
.yellow_block_div .img_div a{
    text-decoration: none;
}
.yellow_block_div .img_div a p{
    font-family: Roboto;
    font-size: 18px;
    font-weight: bold;
    color: #4a4a4a;
}
.yellow_block_div .img_div .first_ment{
    margin: 0;
}
.yellow_block_div .img_div .second_ment{
    margin: 0 0 0 0;
	text-decoration: underline;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is edit profile */
/*
.editProfileDiv{
	height: 527px; 
	border-bottom: 1px solid #cfcfcf; 
	padding-left: 40px;
	padding-right: 40px; 
	position: relative;
}
.editProfileDiv .myChannelDiv{
	position: relative; 
	top: 100px; 
	height: 80px; 
	width: 608px;
}
*/
.editProfileDiv .myInfo,
.competitorChannelDiv .competitorChannelTitle,
.billingDetailsDiv .billingDetailsTitle {
	height: 75px;
	padding-top: 30px;
	font-family: Roboto; 
	font-size: 16px; 
	font-weight: bold; 
	color: #4a4a4a;
}
.billingDetailsDiv .billingDetailsTitle {
	padding-left: 42px;

}
.competitorChannelDiv{
	height: 244px;
	padding-left: 42px;
	border-bottom: 1px solid #cfcfcf;
}
.competitorChannelSubDiv1,
.competitorChannelSubDiv2,
.competitorChannelSubDiv3{
	position: relative;
}
/*
.billingDetailsDiv{
	height: 270px;
}
*/
.billingDetailsDiv .billingDetailsTitle{
	position: relative;
}
.editProfileDiv .myChannelDiv{
	height: 195px;
	padding-left: 42px;
	border-bottom: 1px solid #cfcfcf;
}
.editProfileDiv .myChannelDiv .myInfo span,
.editProfileDiv .myChannelDiv .myEmail span{
	font-family: Roboto; 
	font-weight: bold; 
	color: #4a4a4a;
}
.editProfileDiv .mychannelDiv .myEmail {
	height: 30px;
}

.editProfileDiv .myChannelDiv .myInfo span {
	font-size: 16px; 
}
.editProfileDiv .myChannelDiv .myEmail span{
	font-size: 14px; 
}
.editProfileDiv .myChannelDiv .myChannelContent {
	position: relative;
	padding-top: 20px;
	height: 90px;
}
.editProfileDiv .myChannelContent img,
.editProfileDiv .competitorChannelDiv img{
	width: 40px; 
	height: 40px; 
	border-radius: 40px; 
	float: left;
}
.editProfileDiv .myChannelDiv input,
.editProfileDiv .competitorChannelDiv input{
	position: relative; 
	top: 5px; 
	left:10px; 
	width: 450px; 
	height: 30px; 
	float: left; 
	border-radius: 2px; 
	background: #fff; 
	border: 1px solid #9b9b9b;
	padding: 0 10px 0 10px;
}

.editProfileDiv .myChannelDiv .myEmail a{
	padding: 7px 10px 7px 10px;
	height: 30px; 
	border-radius: 4px; 
	background: #fff; 
	vertical-align: middle; 
	text-align: center; 
	text-decoration: none; 
	font-family: Roboto; 
	font-size: 12px; 
/*	font-weight: 500; */
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
	margin-left: 14px;
}
.editProfileDiv .myChannelDiv .myChannelContent a,
.editProfileDiv .competitorChannelDiv a{
	position: relative; 
	top: 5px; 
	left: 20px; 
	display: table-cell; 
	width: 53px; 
	height: 30px; 
	border-radius: 4px; 
	background: #fff; 
	vertical-align: middle; 
	text-align: center; 
	text-decoration: none; 
	font-family: Roboto; 
	font-size: 12px; 
/*	font-weight: 500; */
	color: #9b9b9b;
	border: 1px solid #9b9b9b;
}
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn{
	position: absolute;
	top: 30px;
	right: 42px;
}
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn .billingDetailsSub{
	width: 124px;
	height: 40px;
	border-radius: 4px;
	padding: 10px 15px 10px 13px;
	background: #9b9b9b;
	text-decoration: none;
	vertical-align: middle;

	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn .billingDetailsCansel{
	width: 180px;
	height: 40px;
	border-radius: 4px;
	padding: 10px 15px 10px 13px;
	background: #fff;
	border: 1px solid #9b9b9b;
	text-decoration: none;
	margin-left: 10px;

	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: #4a4a4a;
}
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn .billingDetailsSubNow{
	width: 152px;
	height: 40px;
	border-radius: 4px;
	padding: 10px 15px 10px 13px;
	background: #bd0505;
	text-decoration: none;
	margin-left: 10px;

	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn .billingDetailsSub img,
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn .billingDetailsCansel img,
.billingDetailsDiv .billingDetailsTitle .billingDetailsBtn .billingDetailsSubNow img{
	margin-right: 7px;
}
.billingDetailsDiv .list_table td{
	font-size: 14px;
	line-height: 1.29;
	color: #4a4a4a;
	height: 40px;
}
/*
.editProfileDiv .myChannelDiv p,
.editProfileDiv .competitorChannelDiv p,
.editProfileDiv .changePassword p{
	margin: 0 0 20px; 0; 
	font-family: Roboto; 
	font-size: 16px; 
	font-weight: bold; 
	color: #4a4a4a;
}
.editProfileDiv .changePassword input{
	width: 300px !important;
}
.editProfileDiv .competitorChannelDiv {
	position: relative; 
	top: 164px; 
	height: 180px; 
	width: 608px;
}
.editProfileDiv .competitorChannelDiv div{
	height: 40px; 
	margin-bottom: 10px;
}
.changePassword{
	position: absolute; 
	top: 244px; 
	right: 40px; 
	height: 180px; 
	width: 320px; 
}*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* This is pricing */

.pricing_wrapper {
	max-width: 480px;
	min-width: 480px;
	margin: 0 auto;
}
.pricing_wrapper .pricing_title_div {
	text-align: center;
	padding-top: 30px;
}
.pricing_wrapper .pricing_title_p1 {
	font-family: museo-sans;
	font-size: 24px;
	font-weight: 300;
	color: #4a4a4a;
	margin: 0 0 20px 0;
}
.pricing_wrapper .pricing_title_p2 {
	font-family: Roboto;
	font-size: 16px;
	font-weight: bold;
	color: #4a4a4a;
	margin: 0 0 20px 0;
}
.pricing_wrapper table {
	font-family: museo-sans;
	font-size: 16px;
	font-weight: 500;
	line-height: 2.13;
	color: #4a4a4a;
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}
.pricing_wrapper table td {
	padding-left: 126px;
	height: 34px;
}
.pricing_wrapper table td img {
	position: relative;
	top:4px;
	margin-right: 7px;
}
.back_color{
	background: #f7f7f7;
}
.pricing_wrapper .pricing_btn_div{
	height: 167px;
	padding-top: 30px;
	padding-left: 132px;
}
.pricing_wrapper .pricing_btn {
	display: table;
	width: 217px;
	height: 107px;
	background: #bd0505;
	text-decoration: none;
	border-radius: 4px;
}
.pricing_wrapper .pricing_btn .btn_div {
	display: table-cell;
	position: relative;
	width: 165px;
	text-align: center;
	vertical-align: middle;
}
.pricing_wrapper .pricing_btn .btn_content1{
	font-family: Roboto;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	width: 165px;
	margin: 0 auto;
	padding-bottom: 7px;
	border-bottom: 1px solid #db4437;
}	
.pricing_wrapper .pricing_btn .btn_content2{
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin: 10px 0 0 0;
}
.pricing_wrapper .explanation_div {
	width: 480px; 
	height: 130px; 
	background: #f7f7f7; 
	text-align: center; 
	display: table; 
	margin-bottom: 20px;
}
.pricing_wrapper .explanation_wrapper {
	display: table-cell; 
	vertical-align: middle; 
	padding-left: 20px; 
	padding-right: 20px;
}
.pricing_wrapper .explanation_wrapper .explanation_title{
	font-family: Roboto; 
	font-size: 14px; 
	font-weight: bold; 
	color: #4a4a4a;
}
.pricing_wrapper .explanation_wrapper .explanation_content{
	font-family: Roboto; 
	font-size: 12px; 
	color: #4a4a4a;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* paymentSuccess.jsp */
.paymentSuccessDiv {
	height: 381px;
	padding-top: 30px;
}
.paymentSuccessDiv .paymentSuccessTitle {
	padding-left: 42px;
	font-family: Roboto; 
	font-size: 16px; 
	font-weight: bold; 
	color: #4a4a4a;
}
.paymentSuccessDiv .paymentSuccessContent{
	padding-top: 60px;
	text-align: center;
}
.paymentSuccessDiv .paymentSuccessContent .red_logo{
	width: 64px;
	height: 65.7px;
}
.paymentSuccessDiv .paymentSuccessContent .text_big{
	font-family: museo-slab;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.2;
	color: #4a4a4a;
	margin: 20.3px 0 0 0;
}
.paymentSuccessDiv .paymentSuccessContent .text_small{
	font-family: Roboto;
	font-size: 14px;
	color: #4a4a4a;
	margin: 16px 0 0 0;
}
.paymentSuccessDiv .paymentSuccessContent .go_to_home_btn{
	display: inline-block;
	width: 128px;
	height: 40px;
	font-family: Roboto;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	background-color: #4a4a4a;
	text-decoration: none;
	padding-top: 11px;
	margin-top:20px;
}
.paymentSuccessDiv .paymentSuccessContent .go_to_home_btn img{
	width: 17px;
	height: 14px;
	margin: 0 5px 0 0;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

.loading {
  width: 400px;
  margin: 0 auto;
  padding: 15px 0; }
  .loading .txt {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #9b9b9b;
    padding: 0 0 14px 0; }
  .loading .loading-bar {
    width: 400px;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: inset 0 -1px 3px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #dedede;
    background: url("/img/common/loadingbar.png") repeat-x 0 0;
    animation-name: bg-animation;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
@keyframes bg-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 1000% 0; } 
}


.uploadCountGraphAverage {
	width:340px; 
	height:80px; 
	padding-left: 50px;
	padding-top: 10px;
}

.badge {
	padding-left: 4px;
	vertical-align: sub;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* favorite layer */
.favorite_layer{
	display: none;
	position: absolute; 
	left: 1024px; 
	width: 122px; 
	height: 683px;/*627px*/ 
	border-radius: 7px; 
	box-shadow: 10px 12px 23px 0 rgba(0,0,0,0.2); 
	margin-left: 5px; 
	border: solid #d8d8d8 1px;
	top: 10px;
}
.favorite_layer_top{
	width: 120px;
	height: 34px; 
	border-top-left-radius: 7px; 
	border-top-right-radius: 7px; 
	background-color: #ffffff; 
	text-align: center; 
	display: table;
	font-family: Roboto; 
	font-size: 12px; 
	font-weight: bold; 
	/*line-height: 1px; */
}
.favorite_layer_top_span{
	color: #4a4a4a; 
	/*display: table-cell; */
	vertical-align: middle;
	padding-left: 6px;
}
.favorite_layer_middle{
	height: 613px;/*557px*/ 
	background-color: #f7f7f7; 
	padding: 5px 9px 20px 9px;
	
	text-align: center; 
	font-family: Roboto; 
	font-size: 12px; 
	line-height: 1.17; 
	color: #4a4a4a;
}
.favorite_layer_middle_img{
	border-radius: 50px; 
	margin-top: 15px; 
	margin-bottom: 5px;
}
.favorite_layer_bottom{
	height: 34px; 
	border-bottom-left-radius: 7px; 
	border-bottom-right-radius: 7px; 
	background-color: #ffffff;
}

/* favorite btn */
.favorite_btn_div{
	position: absolute; 
	left: 32px; 
	top: 243px; 
	width: 77px; 
	height: 28px;
	border-radius: 4px; 
	background-color: #ffffff; 
	display: table; 
	border: solid #9b9b9b 1px;
	z-index: 90;
	padding-left: 7px;/*5*/
	padding-right: 8px;/*10*/
}
#favorite_btn{
	font-family: Roboto; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 1; 
	color: #6f6f6f; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	text-decoration: none;
}

/* select language */
.language_btn_div{
	position: absolute; 
	left: 119px; 
	top: 243px; 
	width: 121px; 
	height: 28px;
	border-radius: 4px; 
	background-color: #ffffff; 
	display: table; 
	border: solid #9b9b9b 1px;
	z-index: 90;
	padding-left: 7px;/*5*/
	padding-right: 8px;/*10*/
}
#language_btn{
	font-family: Roboto; 
	font-size: 11px;
	font-weight: bold; 
	line-height: 1; 
	color: #6f6f6f; 
	display: table-cell; 
	vertical-align: middle; 
	text-align: center; 
	text-decoration: none;
}
#languageLayerWrapper{
	display: none;
	position: relative;
	margin: auto;
}
#languageLayer{
	position: absolute;
	min-width: 1024px;
	max-width: 1024px;
	background-color: #fff;
	border-radius: 4px;
	z-index: 90;
	top: 72px;
	border-radius : 5px; 
	box-shadow: 10px 12px 50px 0 rgba(0,0,0,0.5); 
	border: solid 1px #cfcfcf; 
	background-color: #ffffff;
}
.languageLayerTop{
	font-family: Roboto;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #4a4a4a;
	padding-top: 25px;
	padding-bottom: 27px;
	border-bottom: solid 1px #cfcfcf;
}
.languageLayerBottom{
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 28.8px;
}
.languageData{
	width: 170px;
	height: auto;
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 40px;
}
.languageBoxWrapper{
	display: table;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 8px;
}
.languageBox{
	width: 56px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #9b9b9b;
	background-color: #fff;
	text-align: center;
	font-family: Roboto;
	font-size: 11px;
	font-weight: bold;
	color: #4a4a4a;
	display: table-cell;
	vertical-align: middle;
}
.languageTitle{
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	color: #4a4a4a;
	margin-top: 0px;
	margin-bottom: 8px;
}
.languageView,
.languageSubs,
.languageVideo{
	font-family: Roboto;
	font-size: 12px;
	line-height: 1.5;
	color: #6f6f6f;
	margin-top:0px;
	margin-bottom: 5px;
}
.languageLayerCloseBtn{
	position: absolute;
	top: 10px;
	right: 0px;
	width: 24px;
	height: 24px;
	background: url("/images/black_close_btn.png") no-repeat 0 0;
}

/* top btn */
.scroll_top_btn {
	display: none;
	position: absolute; 
	left: 1024px;  
	margin-left: 5px; 
	margin-top: 10px; 
	border-radius: 7px; 
	box-shadow: 10px 12px 23px 0px rgba(0, 0, 0, 0.2); 
	background-color: #ffffff; 
	border: 1px solid #d8d8d8;
	z-index:10000;
}
.scroll_top_btn_a {
	text-decoration: none; 
	font-family: Roboto; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 1.17; 
	color: #6f6f6f;
}
.scroll_top_btn_div {
	width: 120px; 
	height: 37px; 
	text-align: center; 
	display: table;
}

svg > g > g:last-child { pointer-events: none }