@charset "UTF-8";

@import url("reset_20160525.css");

@import "apple_sd_font.css";

* {
	font-family: 'AppleSDGothicNeo', 'SfPro';
	font-weight: 300;
}

html, body { 
	height: 100%;
}

html {
	scrollbar-gutter: stable;
}

body {
	display: block;
	font-size: 12px;
	text-align: left;
	font-weight: 100;
}

/*  gitbook css 충돌을 위함 */
body * {
  box-sizing: unset;
}
#page-top * {
  box-sizing: inherit;
}

body.en_US {
	font-family: 'AppleSDGothicNeo', 'SfPro'
}

body.col_resize, body.col_resize * {  
  cursor: col-resize !important;  
}

.bold {
	font-weight:600;
}

.font-red {
	color : red !important;
}

.normal {
	font-weight:100;
}

.big_font {
	font-size: 18px;
}

div.wrapper {
	position:relative;
	display:inline-block;
}

.hide {
	display: none;
}

.inline {
	float:left;
}

.inline-r {
	float:right;
}

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

.right {
	text-align:right;
}

.dim {
	opacity:0.3 !important;
}

.effect_ease {
	 -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#ht-enduser {
	z-index: 10000 !important;
}

#total_container {
	min-width: 1366px;
	position: relative;
	background: #E9EDF0;
	zoom: 1;
	min-height: 100%;
    display: flex;
    flex-direction: column;
}

#top_container {
	position: relative;
	width: 100%;
	z-index: 1900;
}

#middle_container {
	position: relative;
	width: 100%;
	zoom: 1;
	flex : 1;
}

#bottom_container {	
	width: 100%;
	position: relative;
	bottom:0px;
}

/***********  main view  *************/
#content_view, #app_hst_view, 
#banner_view, #notice_view, 
#goTop_view, #page_header_view {
	clear: both;
	width: 1024px;
	margin: 0 auto;
	zoom: 1;
}

#page_header_view {
	padding-bottom : 10px;
}

#bottom_view {
	clear: both;
	width : 100%;
	max-width: 1306px;
	margin: 0 auto;
	zoom: 1;
}
		
#gnb_view {
	position: relative;
	z-index: 1900;	
}

#content_view {
	padding-bottom: 90px;
}

#bottom_view {
	position: relative;
	height: 150px;
	zoom: 1;
}

#goTop_view {
	width: 58px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: block;
	z-index: 9999;
}

#goTop_view.no_hey-there {
	right: 20px;
	bottom: 20px;
}

#goTop_view.open_excel,
#gitbook-widget-button.floating_btn.open_excel {
	right: 582px !important;
}

#page_header_wrapper {
	min-height: 40px;
}

#rank_content_wrapper {
	background: #FFFFFF;
	padding-top : 30px;
}

#goTop_wrapper {
	position: fixed;
	bottom: 104px;
	right: 0px;
	z-index: 1800;
	width: 100%;
	display: none;
}


/***********  main view   *************/


/***********  bottom   *************/
#bottom_wrapper {
	position: relative;
	width: 100%;
	top: 0;
	background: #F3F8FB;
	height: 200px;
}

#bottom_view #footer {
	padding-top: 30px;
}

#bottom_view #footer .logo {
	background-size: 132px 12px;
	background-repeat: no-repeat;
	background-image:url('/resources/img/250201/img_logo_footer.svg');
}

#bottom_view #footer div {
	vertical-align:bottom;
}

#bottom_view #footer .logo {
	width: 196px;
	height: 12px;
	flex-shrink: 0;	
}

#bottom_view #footer .logo > svg > g > .logo_path {
	fill : #56687F;
	fill-opacity : 0.5;
}

#bottom_view #footer > .line {
	float: left;
	margin-top: 5px;
	margin-left: 8px;
	width: 2px;
	height: 2px;
	cursor: default;
	zoom: 1;
	background-color: rgba(86,104,127,0.5);
}

#bottom_view #footer .copyright {
	float: left;
	margin-top: 1px;
	padding-left: 26px;
	color: rgba(86, 104, 127, 0.5)
}



#bottom_view #footer
#gnb_view #menu.sub {
	float: right;
}

#bottom_view #footer #footer_menu {
	display:inline-block;
	position:absolute;
	right: 0;
	top: 30px;
}

#bottom_view #footer #footer_menu ul {
	display:inline-block;
}


#bottom_view #footer #footer_menu .item {
	color: rgba(86,104,127,0.5);
	font-size: 12px;
	float: left;
	cursor: pointer;
	padding: 6px 9px;
}

#bottom_view #footer #footer_menu .item:hover {
	border-radius: 15px;
    background: rgba(185, 200, 220, 0.20);
}

#bottom_view #go_mobile {
	float:left;
	margin-left: 20px;
	border: 1px solid #c2c8d0;
	padding: 2px 5px;
	display: inline-block;
	cursor: pointer;
}

#bottom_view #go_mobile:hover {
	border: 1px solid #919eae;	
}

#bottom_view #go_mobile .text {
	float:left;
	font-size: 11px;
	color: #56687f;
	opacity: 0.6;
	margin-left: 5px;
	line-height: 14px;
}

#bottom_view #go_mobile:hover .text {
	opacity: 0.8;
}

#bottom_view #go_mobile .logo {
	height: 13px;
	width: 9px;
	float:left;
	background-repeat: no-repeat;
	background-size: 9px 13px;
	background-position: center;	
	background-image: url('/resources/img/0912/ico_footer_mobile_nor.png');	
}

#bottom_view #go_mobile:hover .logo {
	background-image: url('/resources/img/0912/ico_footer_mobile_pre.png');	
}

#bottom_view #footer #co_info > div > .inline+.inline {
    margin-left: 17px;
}

.en_US #bottom_view #footer #co_info > div .inline:first-child {
	float: none;
	padding-bottom : 0;
}

.en_US #bottom_view #footer #co_info > div > .inline {
	height: 19px;
    padding-bottom: 3px;
}

.en_US #bottom_view #footer #co_info > div > .inline:nth-child(2) {
    margin-left: 0;
}

#bottom_view #footer #footer_menu .line {
	margin: 6.5px 6px;
	cursor: default;
	float: left;
	width: 1px;
	height: 9px;
	background: rgba(86, 104, 127, 0.30);
}

#bottom_view #footer #co_info {
	position: absolute;
	top: 68px;
}

#bottom_view #footer #co_info div {
	color: rgba(86, 104, 127, 0.50);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
}

#total_container.ko_KR #bottom_view #footer #co_info .foreign {
	display: none;
}

#total_container.en_US #bottom_view #footer #co_info .local {
	display: none;
}

#bottom_view #footer #co_info> div {
	height: 19px;
	padding-bottom: 3px;
}

#bottom_view #footer > div > .inline+.inline {
	margin-left: 17px;
}

#bottom_view #footer #footer_sns_menu> .sns_btn {
	position: relative;
}

#bottom_view #footer #footer_sns_menu> .btn-icon-facebook,
#bottom_view #footer #footer_sns_menu> .btn-icon1-naver,
#bottom_view #footer #footer_sns_menu> .btn-icon2-instagram {
  height: 32px;
  width: 32px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 32px;
}

#bottom_view #footer > #footer_sns_menu {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  position: absolute;
  right: 0;
  top: 95px;
}

#bottom_view #footer > #footer_sns_menu .sns_btn .btn-icon {
	width : 32px;
	height : 32px;
	cursor: pointer;
}

#bottom_view #footer > #footer_sns_menu > .sns_btn .tooltip {
    display: none;
	position: absolute;
	padding: 6px 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
	top: 40px;
	border-radius: 6px;
	outline : 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(5px);
	white-space: nowrap;
	top: 55px;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

#bottom_view #footer > #footer_sns_menu > .sns_btn >.tooltip > .tooltip_text {
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 18px; /* 150% */
}


.header_tooltip.prev_btn {
	width: auto !important;
    height: auto !important;
}

.header_tooltip.next_btn {
	width: auto !important;
    height: auto !important;
}

.header_tooltip.integrate_excel_btn {
	top : 48px;
	width : 90px !important;
    height: auto !important;
}

.header_tooltip {
	display : none;
	top: 42px;
	padding: 6px 10px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: rgba(255, 255, 255, 0.90);
    z-index: 9999;
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
}

#bottom_view #footer > #footer_sns_menu > .sns_btn .tooltip_text,
.header_tooltip .tooltip_text {
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;	
}

#bottom_view #footer > #footer_sns_menu > .sns_btn .tooltip.show,
.tooltip_area:not(.dim) .header_tooltip.show{
	display : block;
    position : absolute;
}

#goTop_view #top {
	position: relative;
	width: 58px;
	height: 58px;
	cursor: pointer;
	border-radius: 50px;
	
	background: #195789;
	box-shadow: 0px 4.28571px 4.28571px rgba(0, 0, 0, 0.15);
	   
   	transition: all 0.2s ease-in-out;
}

#goTop_view #top:hover {
	cursor: unset;
	background: #195789;
	box-shadow: 0px 4.28571px 4.28571px rgba(0, 0, 0, 0.15);
}
#goTop_view #top:has(.not_dim):hover{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #195789;
	box-shadow: 0px 4.28571px 4.28571px rgba(0, 0, 0, 0.15);
}

#goTop_view #top .icon {
	width: 58px;
	height: 58px;
	background-image: url(/resources/img/goods/icon/ic_button_flaoting_top_nor.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	opacity : 0.3;
	transition: opacity 0.5s ease;
}

#goTop_view #top .icon.not_dim {
	opacity : 1;
	transition: opacity 0.5s ease;
}

/***********  bottom   *************/

/***********  loading  *************/
.loading {
	position: fixed;
	overflow:hidden;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9900;
}

.loading .panel {
	background-color: rgba(79, 223, 228, 0.95);
	width: 240px;
	height: 160px;
	position: relative;
	 -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	background-position: center;
	z-index: 9900;
	display: grid;
    place-items: center;
}
/***********  loading  *************/

/***********  popup  *************/
.popup {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow-y: auto;
}

#news_done_view.popup {
	top: 50%;
	transform: translate(0, -50%);
}

.popup.out {
	position: relative;
	margin: 0 auto;
	width: 100%;
}


.popup .panel {
	background-color: rgba(255, 255, 255, 0.98);
	min-width: 490px;
	margin: 50px auto;
	position: relative;
	-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}

.popup .panel .title {
	line-height: 90px;
	text-align:center;	
	color: #2c3749;
	font-size: 24px;
	font-weight: 600;
}

#terms_view.popup .panel {
	width: 670px;
	height: 530px;	
}

#terms_view.popup .panel.newsletter {
	width: 680px;
	height: 320px;
}

#terms_view a {
	color: #2C3749CC;
}

.popup.out .panel {
	margin: 100px auto 100px;;
	height: 350px;
}

.popup .panel .img {
	position: relative;
	width: 490px;
	height: 6px;
	background-image: url("/resources/img/common/img_news.png");
}

.popup .panel_title {
	position: relative;
	height: 86px;
	overflow: hidden;
}

.popup .panel_title p {
	margin-top: 38px;
	margin-left: 40px;
	overflow: hidden;
	font-size: 2.5em;
	color: #2c3749;
	letter-spacing: -1px;
}

.popup.out .panel_title {
	text-align: center;
}

.popup .btn_close {
	position: absolute;
	right: 30px;
	top: 24px;
	width: 40px;
	height: 40px;
	background-position: center;
	background-size: 24px;
	background-repeat: no-repeat;
	z-index: 4;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url("/resources/img/common/btn_news_close_nor.svg");
}

.popup .btn_close:hover {
	border-radius: 20px;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.02);
}
 
.popup #terms_box {
	background-color: #f4f9fd;	
	width: 586px;
	height: 376px;
	margin: 0 auto;
	overflow-y:auto;
	padding:20px;
	font-size: 12px;
	color: rgba(44,55,73, 0.8);
	line-height: 20px;
}

.popup .newsletter #terms_box {
	height: 163px;
}

.popup.out .panel_title p {
	margin-left: 0px;
}

.popup a.close,
#news_join_view.popup .close {
	position: absolute;
	right: 40px;
	top: 39.5px;
	width: 27px;
	height: 27px;
	z-index: 4;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url("/resources/img/common/btn_news_close_nor.png");
}

.popup a.close:hover,
#news_join_view.popup .close:hover {
	background-image: url("/resources/img/common/btn_news_close_pre.png");
}

#news_join_view.popup .close {
	right: 36px;
	top: 36px;
}

.popup.done a.close {
	display: none;
}

.popup .desc {
	margin-left: 40px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 1.166em;
}

.popup .error {
	margin-left: 40px;
	color: rgba(255, 0, 0, 0.6);
	font-size: 1.166em;
	font-weight: 600;
}

#news_join_view .error.name {
	position: absolute;
	right: 55px;
	top: 203px;	
}

#news_join_view .error.email {
	position: absolute;
	right: 55px;	
	top: 270px;
}

#news_join_view .error.company {
	position: absolute;
	right: 55px;	
	top: 335px;
}

#news_join_view .error.tel {
	position: absolute;
	right: 55px;	
	top: 400px;
}

.popup .panel_body {
	padding: 58px 40px 0px 40px;
}

.popup.out .panel_body {
	padding: 30px 40px 0px 40px;
}

.popup .form_wrapper {
	width: 100%;
	padding: 0 0 26px;
}

.popup .form_wrapper input {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin-bottom: 14px;
	padding-left: 34px;
	padding-right: 34px;
	padding-top: 0px;
	border: #e1e1e2 solid 2px;
	-moz-border-radius: 32px/50%;
	-webkit-border-radius: 32px/50%;
	border-radius: 32px/50%;
	height: 64px;
	font-size: 1.333em;
	background-color: #FFFFFF;
	outline: none;
	color:#0099ff;
}

.popup .form_wrapper input:focus,
.popup .form_wrapper input.focus {
	border: #47b5ff solid 2px;
}


.popup .form_wrapper input::-webkit-input-placeholder {
	color:  rgba(0,0,0,0.6);
	font-size: 14px;
	padding-top: 2px;
}
.popup .form_wrapper input::-moz-placeholder {
	color:  rgba(0,0,0,0.6);
	font-size: 14px;
	padding-top: 2px;
}
.popup .form_wrapper input::-moz-placeholder {
	color:  rgba(0,0,0,0.6);
	font-size: 14px;
	padding-top: 2px;
}
.popup .form_wrapper input::-ms-input-placeholder {
	color:  rgba(0,0,0,0.6);
	font-size: 14px;
	padding-top: 2px;
}

.popup .button_wrapper {
	min-height: 64px;
	margin-bottom: 40px;
}

.popup .button_wrapper input {
	color: #FFFFFF;
	background-color: #0099FF;
	border: none;
	width: 100%;
	height: 64px;
	font-size: 16px;
	letter-spacing: -1px;
	cursor: pointer;
	-moz-border-radius: 32px/50%;
	-webkit-border-radius: 32px/50%;
	border-radius: 32px/50%;
}

.popup .button_wrapper input:hover {
	background-color: #0089e6;
}

#news_join_view.popup .panel {
	width: 490px;
	height: 550px;
	border-radius: 10px;
	overflow: hidden;
}

#news_join_view.popup .panel .title {
	font-size: 30px;
	line-height: 120px;
	font-weight: 500;
}

#total_container.en_US #news_join_view.popup .panel .title {
	font-size: 26px;
}

#news_join_view.popup .desc {
	margin-left: 0px;
	line-height: 22px;
}

#news_join_view.popup .panel .subtitle {
	font-size: 14px;
	text-align: center;
	color: #2c3749;
	margin-top: 10px;
}

#news_join_view.popup .panel_body {
	padding: 36px 40px 0px 40px;
}

#news_join_view.popup .form_wrapper input {
	height: 52px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	border: #b3c7d3 solid 2px;
}

#news_join_view.popup .button_wrapper input {
	width: 199px;
	height: 48px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
}

#news_join_view.popup .form_wrapper input::-webkit-input-placeholder {
	color:  #b3c7d3;
}
#news_join_view.popup .form_wrapper input::-moz-placeholder {
	color:  #b3c7d3;
}
#news_join_view.popup .form_wrapper input::-moz-placeholder {
	color:  #b3c7d3;
}
#news_join_view.popup .form_wrapper input::-ms-input-placeholder {
	color:  #b3c7d3;
}

#news_join_view.popup .button_wrapper {
	text-align: center;
}

.popup.done .panel {
	width: 490px;
	height: 362px;
	border-radius: 10px;
}

.popup.done .panel_body {
	padding: 22px 40px 0px 40px;
}

.popup.done .panel .img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.popup.done .panel .news_done_img {
	width: 100%;
	height: 152px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 152px 152px;
	background-image: url(/resources/img/210827/img-newsletter-done.png);
}

.popup.done .panel .panel_body .title {
	margin-top: 20px;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #2c3749;
	text-align: center;
}

.popup.done .panel .panel_body .subtitle {
	margin-top: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #2c3749;
	text-align: center;
}

.popup.done .button_wrapper {
	margin-top: 24px;
	text-align: center;
}

.popup.done .button_wrapper input {
	width: 178px;
	height: 48px;
	background-color: #0099FF;
	border: none;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	font-size: 14px;
	letter-spacing: -1px;
	color: #FFFFFF;
	cursor: pointer;
}
/***********  popup  *************/


/****** help popup **************/
#help_view {
	display: none;
}

#help_view .panel {
	width: 997px;
	height: 800px;
}

#help_view .panel .left_box {
	width: 260px;
	height:100%;
	float:left;
	background-color: #f4f9fd;
	overflow-y: auto;
}

#help_view .panel .right_box {
	width: 737px;
	height: 800px;
	position: relative;
	float: left;
	background-color: #ffffff;
}

#help_view .right_box .content_box {
	width: 100%;
	height: calc(100% - 40px);
	padding-top: 40px;
	position: relative;
	overflow-y: auto;
}


#help_view .panel .right_box .content {
	padding: 0px 50px 50px;
}


#help_view .title_box {
	margin-top: 40px;
	margin-left: 50px;
	display: inline-block;
	width: 160px;
}

#help_view .title_box .text {
	float:left;
	font-size: 18px;
	font-weight: 600;
}

#help_view .logo_box {
	margin-top: 30px;
	margin-left: 49px;
	display: inline-block;
	width: 160px;
}

#help_view .logo_box .logo {
	float:left;
	width: 100px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: left;
}

#help_view .logo_box .logo.app {
	margin-top: 10px;
	background-size: 73px 13px;
	background-image: url(/resources/img/home/img_logo_main.png);
}

#help_view .logo_box .logo.retail {
	background-size: 95px 13px;
	background-image: url(/resources/img/home/img_logo_main_retail.png);
}

#help_view .logo_box .logo.goods {
	background-size: 99px 13px;
	background-image: url(/resources/img/home/img_logo_main_goods.png);
}

#help_view .logo_box .logo.dic {
	background-size: 73px 13px;
}

#help_view .index_list {
	width: 160px;
	margin-top: 5px;
	margin-left: 50px;
	border-top: 1px solid #4a5a6f;	
}

#help_view .index_list.dic {
	margin-bottom: 30px;
}

#help_view .index_list .item .header {
	height: 50px;
	line-height: 50px;
	font-size: 14px;

	position: relative;
	cursor:pointer;
	
}

#help_view .index_list .item + .item {
	border-top: 1px solid #d9d9d9;
}

#help_view .index_list .item + .item.dic {
	border-top: 1px solid #4a5a6f;
}


#help_view .index_list .item .header .text1 {
	color: rgba(0,0,0,0.6);	
}

#help_view .index_list .item.selected .header .text1 {
	color: rgba(0,0,0,1.0);	
}	
	
#help_view .index_list .item .header .btn_open {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 50px;
	width: 14px;
	background-repeat: no-repeat;
	background-size: 14px 8px;
	background-position: center;
	background-image: url(/resources/img/helpview/btn_open.png);
	cursor: pointer;
}

#help_view .index_list .item.selected .header .btn_open {
	background-image: url(/resources/img/helpview/btn_close.png);	
}

#help_view .index_list .item .sub_index_list {
	margin-bottom: 15px;
	display: none;
}

#help_view .index_list .item.selected .sub_index_list {
	display:block;
}

#help_view .index_list .item .sub_index_list .sub_item {
	width: 153px;
	margin-left: 15px;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	cursor:pointer;
}

#help_view .index_list .item .sub_index_list .sub_item.selected {
	color: #0099ff;
	font-weight: 600;
	text-decoration: underline;
	text-underline-position: from-font;
}

#help_view .right_box .title_line {
	background-color: #0099ff;
	width: 28px;
	height: 5px;
}

#help_view .right_box .title_1 {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	margin-top: 20px;
}

#help_view .right_box .text {
	margin-top: 6px;
	font-size: 12px;
	line-height: 19px;
	color: #000000;
}

#help_view .right_box .himg {
	margin-top: 12px;
}

#help_view .right_box img {
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
	transform: translateZ(0);
	backface-visibility: hidden;
    border-radius: 8px;
    background: #E9EDF0;
}

#help_view .right_box .err_box img {
    border: none;
    background: none;
	border-radius : unset;
}

#help_view .right_box .text_1 {
	font-size: 14px;
	color: #000000;
	margin-top: 6px;
	line-height: 18px;
}


#help_view .right_box .title_2 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,1.0);
	margin-top: 40px;
	margin-bottom: 15px;
}

#help_view .right_box .err_box {
	padding: 16px 20px;
	background-color: #F8F8F8;
	border-radius: 4px;
}

#help_view .right_box .err_box .text {
	display: flex;
	font-weight: 400;
	font-size: 11px;
	line-height: 18px;
	color: rgba(0, 0, 0, 0.70);
}

#help_view .right_box .err_box .separator_line {
	width: 100%;
	height: 1px;
	flex-shrink: 0;
	margin : 10px 0;
	background: rgba(0, 0, 0, 0.06);
}

#help_view .right_box .err_box .text.desc_text {
	color: rgba(0, 0, 0, 0.50);
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
}

#help_view .right_box .err_box .text:first-child {
	margin-top: 0px;
}

#help_view .right_box .err_box .text .img_wrapper {
	width: 14px;
	height: 14px;
	margin-top: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#help_view .right_box .err_box .text .img_wrapper.stat_error {
	width: 16px;
	height: 16px;
}

#help_view .right_box .err_box .text .img_wrapper img {
	width: 14px;
	height: 14px;
}

#help_view .right_box .err_box .text .img_wrapper.stat_error img {
	width: 16px;
	height: 16px;
}

#help_view .right_box .err_box .text .str_group {
	width: calc(100% - 20px);
	margin-left: 6px;
}

#help_view .right_box .err_box .text .str_group.stat_error {
	width: calc(100% - 22px);
}


#help_view .right_box b {
	font-weight: 600;
}
/****** help popup **************/


/***********  page_section   *************/
.page_section {
	width: 984px;
	height: 41px;
	margin: 37px auto 0;
}

.page_section.bottom {
	margin: 40px 0px 50px 0px;
	height: 42px;
	overflow: hidden;
	zoom: 1;
}

.page_section.bottom.bottom0 {
	margin-bottom: 0px;
}

.page_section #title {
	height: 41px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.page_section #title h1 {
	letter-spacing: -0.03em;
	color: #000;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.page_section #title .btn_myapp {
	min-width: 120px;
	max-width: 200px;
	height: 35px;
	margin-right: 20px;
	display: none;
	float: right;
	border-radius: 6px;
	background-color: #0099ff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	color: #ffffff;
	text-align: center;
}

#total_container.en_US .page_section #title .btn_myapp {
	min-width: 200px;
}

.page_section #title .btn_myapp:hover {
	background-color: #0089e6;
}


.page_section  #title .info {
	float: left;
	font-size: 14px;
	margin-top: 8px;
	color: #0099ff;
	letter-spacing: -1px;
	margin-left: 16px;
}

.page_section #title #storeicon > div {
	margin-left: 8px;
}

.page_section #title #storeicon > div:first-child {
	margin-left: 0px;
}

.page_section #title .storelogo {
	float: left;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	display: none;
}

.page_section #title .storelogo.google {
	background-image: url("/resources/img/201110/ico_os_android_large.png");
}

.page_section #title .storelogo.apple {
	margin-left: 0px !important;
	background-image: url("/resources/img/201110/ico_os_ios_large.png");
}

.page_section #title .storename {
	float: left;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #4b586b;
	margin-top: 3px;
	display: none;
}

.page_section #title .iconplus {
	float: left;
	width: 11px;
	height: 11px;
	margin-top: 7px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px 11px;
	background-image: url(/resources/img/201110/ico_plus_large.png);
	display: none;
}

.page_section #title #baseDT {
	float: left;
	margin: 16px 0 0 10px;
	font-size: 1.5em;
	zoom: 1;
	color: rgba(0,0,0,0.7);
	letter-spacing: -1px;
}

.page_section #share {
	position: absolute;
	top: 0px;
	right: 20px;
}

.page_section #share ul {
	float: right;
}

.page_section #share ul li {
	margin: 0;
	padding-left: 10px;
	border : 0;
	float: left;
}

.page_section #share ul li div {
	cursor: pointer;
	width: 42px;
	height: 42px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page_section #share #url {
	background-image: url("/resources/img/common/btn_share_urlcopy_nor.png");
}

.page_section #share #url:hover {
	background-image: url("/resources/img/common/btn_share_urlcopy_pre.png");
}

.page_section #share #newsletter {
	background-image: url("/resources/img/0516/btn_newsletter_nor.png");
	width: 79px;
	height: 42px;
}

.page_section #share #newsletter:hover {
	background-image: url("/resources/img/0516/btn_newsletter_pre.png");
}

/***********  page_section   *************/

/***********  post   *************/
.post {
	clear: both;
	position:relative;;
	margin: 0px 20px 0 20px;
	overflow: visible;
	zoom: 1;
}

.post > .header {
	position:relative;
	height: 70px;
	overflow: hidden;
}

.post > .header h2.title {
	float: left;
	font-weight: 600;
	font-size: 20px;
	margin-top: 50px;
	color: rgba(0,0,0,0.8);
	letter-spacing: -1px;
}

.post > .header .info {
	float: left;
	font-size: 14px;
	margin-top: 54px;
	color: #0099ff;
	letter-spacing: -1px;
	margin-left: 16px;
}

.post > .header .detailmove {
	float:right;
	cursor: pointer;
	margin-top: 56px;
	color: #0099FF;
}

.post > .header .detailmove:hover {
	text-decoration:underline;
}

.post > .body {
	clear: both;
	overflow: hidden;
}

.post .more {
	position:relative;;
	overflow: hidden;
}

.post .more #btn_more {
	height: 48px;
	margin-top: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 8px;
	border: 1px solid #EAEAEA;
}

.post .more.detail #btn_more {
	margin-top: 0px;
}

.post .more #btn_more:hover {
	border-radius: 8px;
	border: 1px solid #EAEAEA;
	background: rgba(0, 0, 0, 0.02);
}

.post .more #btn_more .text {
	color: #707683;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.post .more #btn_more:hover .img {
	background-image: url("/resources/img/common/ic_more_pre.png");
}

/***********  post   *************/

/***********  section   *************/
.section {
	margin-top: 20px;
	height: 599px;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 6px;
	position: relative;
}

.section.focus:hover:not(.chart_data) {
	box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.1);
}

.section.many {
	float: left;
	width: 485px;
}

.section.many.left {
	margin-right: 7px;
}

.section.many.right {
	margin-left: 7px;
}

.section .header {
	height: 50px;
}

.section .header h2.subtitle {
	float: left;
	margin: 26px 0 10px 30px;
	font-size: 1.16em;
	color: rgba(0,0,0,0.8);
}

.section .header > div.unit {
	float: right;
	margin: 23px 20px 4px 0; 
	line-height: 23px;
	min-width: 38px;
	border-radius: 13px;
	background: #f7f7f8;
	text-align: center;
}

.section .header .unit h2 {
	color: #acb2bd;
	vertical-align: middle;
	margin-left: 13px;
	margin-right: 13px;
}

.section .body {
	text-align: center;
}

.section .body ul.many_col {
	float: left;
	width: 50%;
}

.section .body .columns li.has_graph {
	float: left;
	width: 50%;
	overflow: hidden;
}

#notice_body .section {
	height:auto;
}

#notice_body .section .body {
	border-radius: 6px;
	overflow: hidden;
}




/***********  section   *************/

/***********  table   *************/
.div_tbl, .div_tbl ul.title {
	width: 100%;
}

.div_tbl {
	position: relative;
}

.div_tbl ul.title {
  	display: table;
  	table-layout: fixed; /* optional */
}

.div_tbl ul.title li {
	text-align: center;
}

.div_tbl .items .item {
	width:100%;
	height:50px;
	cursor: pointer;
}

.div_tbl .items .item.nodata {
	margin-top: 200px;
	cursor: default;
}

.div_tbl .items .item.nodata img {
	border:0;
}

.div_tbl .items .item.nodata .text {
	font-size: 1.5em;
	color: #a2b0bb;
}

.div_tbl .items .item.hover {
	height:90px;
}

.div_tbl .items .item .columns {
	position:relative;
	height:50px;
}

.div_tbl .items .item.hover .columns {
	height:90px;
}


.div_tbl .items .item .columns li {
	line-height: 50px;
	float:left;
	position:absolute;
}

.div_tbl .items .item.hover .columns li {
	line-height: 90px;
}



.div_tbl .items .item .columns .rank {
	font-size:12px;
	color:  rgba(86,104,127,0.5);
	left:20px;
	width:14px;
	font-weight: 600;
}


.div_tbl .items .item.hover .columns .rank {
	font-size:16px;
	font-weight: 100;
	color:  rgba(75,88,107,0.8);
}


.div_tbl .items .item .columns .icon {
	width: 20px;
	height: 20px;
	line-height:20px;
	top:15px;
	left:44px;
}

.div_tbl .items .item .columns .icon img {
	width: 20px;
	height: 20px;
}

.div_tbl .items .item.hover .columns .icon {
	width: 40px;
	height: 40px;
	line-height:40px;
	top:25px;
	left:44px;
}

.div_tbl .items .item.hover .columns .icon img {
	width: 40px;
	height: 40px;
}


.div_tbl .items .item .columns .name {
	font-size:12px;
	color:  #56687f;
	left:70px;
	right:305px;
	font-weight: 600;
	text-align:left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
}


.div_tbl .items .item.hover .columns .name {
	left:96px;
	font-size:16px;
	font-weight: 600;
	color:  #2c3749;
	letter-spacing: -0.5px;
}

#keywordRank .div_tbl .items .item.hover .columns .name {
	font-size:2em;
}


.div_tbl .items .item .columns .val {
	text-align:right;
	font-size:12px;
	color:  rgba(86,104,127,0.8);
	right:78px;
	width:78px;
	font-weight: 100;
}


.div_tbl .items .item.hover .columns .val {
	font-size:14px;
	font-weight: 600;
	color: #4b586b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


.div_tbl .items .item .columns .pct {
	font-size:10px;
	color: #56687f;
	right:25px;
	width:45px;
	font-weight: 100;
	text-align:right;
}

.div_tbl .items .item.hover .columns .pct {
	font-size:12px;
	font-weight: 600;
}

.div_tbl .items .item .columns .pct.up {
	color:#ff788e;
}
.div_tbl .items .item .columns .pct.down {
	color:#00bf99;
}

.div_tbl .items .item .columns .pct.new {
	text-align:center;
}

.div_tbl .items .item .columns .pct.new .img {
	width:26px;
	height:9px;
	background-size: 26px 9px;
	background-image: url('/resources/img/common/ic_new_rank.png');
	margin-left: 18px;
	margin-top: 21px;
}

#appTop100In .div_tbl .items .item .columns .pct.new .img,
#appTop100Out .div_tbl .items .item .columns .pct.new .img {
	margin-left: 10px;
}

.div_tbl .items .item.hover .columns .pct.new .img {
	margin-top: 40px;
}

#keywordRank .div_tbl .items .item .columns .pct.new .img {
	margin-left: 43px;
}

.div_tbl .items .item .columns .bar {
	left:190px;
	height:6px;
	line-height:6px;
	top:21px;
	min-width:1px;
}

.div_tbl .items .item.hover .columns .bar {
	height:8px;
	line-height:8px;
	top:41px;
	box-shadow: 1px 1px 2px #888888;
}

.div_tbl .items .item .columns .bar.user {
	background-color: rgba(64,214,237,0.5);
}

.div_tbl .items .item.hover .columns .bar.user {
	background-color: #40d6ed;
}

.div_tbl .items .item .columns .bar.time {
	background-color: rgba(122,183,237,0.5);
}
.div_tbl .items .item.hover .columns .bar.time {
	background-color: rgba(122,183,237,1);
}

.div_tbl .items .item .columns .bar.count {
	background-color: rgba(255,228,0,0.5);
}

.div_tbl .items .item.hover .columns .bar.count {
	background-color: rgba(255,228,0,1);
}

.div_tbl .items .item .columns .bar.data {
	background-color: rgba(255,150,67,0.5);
}
.div_tbl .items .item.hover .columns .bar.data {
	background-color: rgba(255,150,67,1);
}


.div_tbl .items .item .columns .bar.search {
	background-color: rgba(0,153,255,0.5);
}

.div_tbl .items .item.hover .columns .bar.search {
	background-color: rgba(0,153,255,1);
}

.div_tbl .items .item.hover .columns .bar.user {
	box-shadow: 1px 1px 2px rgba(64,214,237,0.4);
}
.div_tbl .items .item.hover .columns .bar.time {
	box-shadow: 1px 1px 2px rgba(122,183,237,0.4);
}
.div_tbl .items .item.hover .columns .bar.count {
	box-shadow: 1px 1px 2px rgba(255,228,0,0.4);
}
.div_tbl .items .item.hover .columns .bar.data {
	box-shadow: 1px 1px 2px rgba(255,150,67,0.4);
}
.div_tbl .items .item.hover .columns .bar.search {
	box-shadow: 1px 1px 2px rgba(0,153,255,0.4);
	
}

.div_tbl .items .item .columns .bar.revenue {
	background-color: rgba(0,153,255,0.5);
}

.div_tbl .items .item.hover .columns .bar.revenue {
	background-color: rgba(0,153,255,1);
}

#appUsedBytesRank .div_tbl .item .rank {
	left:20px !important;
	width:14px !important;
}

#keywordRank .div_tbl .item .name {
	left:62px !important;
	width:190px !important;
}

#keywordRank .div_tbl .item .bar {
	left:282px !important;
}
#keywordRank .div_tbl .item .val {
	right:127px !important;
	width:135px !important;
}

#keywordRank .div_tbl .item .pct {
	right:42px !important;
	width:70px !important;
}



.div_tbl .items .line {
	height:1px;
	background-color:#f3f3f4;
}


.div_tbl .items .item.updown .rank, .div_tbl .items .item.topinout .rank {
	width:31px;
}

.div_tbl .items .item.updown .icon, .div_tbl .items .item.topinout .icon {
	left:61px
}
.div_tbl .items .item.updown.hover .icon, .div_tbl .items .item.topinout.hover .icon {
	left:61px
}


.div_tbl .items .item.updown .name, .div_tbl .items .item.topinout .name {
	left: 90px;
	width:200px;
	right:auto;
}

.div_tbl .items .item.updown.hover .name, .div_tbl .items .item.topinout.hover .name {
	left: 115px;
	width:200px;
	right:auto;
}

.div_tbl .items .item .right {
	right:40px;
	text-align:right;
}

.div_tbl .items .item .icon2 {
	float:left;
	width:34px;
	height:50px;
 	background-repeat: no-repeat;
	background-position: center;
	margin-right:18px; 
}

.div_tbl .items .item.hover .icon2 {
	width:34px;
	height:90px;
}

.div_tbl .items .item .columns .pct2 {
	float:left;
	font-size:10px;
	color: #56687f;
	font-weight: 100;
	text-align:right;
}

.div_tbl .items .item.hover .columns .pct2 {
	font-size:1.333em;
	font-weight: 600;
}

.div_tbl .items .item .columns .pct2.up {
	color:#ff788e;
}
.div_tbl .items .item .columns .pct2.down {
	color:#00bf99;
}

.div_tbl .items .item.updown .icon2 {
	background-image: none;
}

.div_tbl .items .item.updown.hover .icon2.up {
	background-image: url('/resources/img/common/ico_trendingup.png');
}

.div_tbl .items .item.updown.hover .icon2.down {
	background-image: url('/resources/img/common/ico_trendingdown.png');
}

.div_tbl .items .item.topinout.hover .icon2.up {
	background-image: url('/resources/img/common/ico_newin.png');
}

.div_tbl .items .item.topinout.hover .icon2.down {
	background-image: url('/resources/img/common/ico_outof.png');
}

.div_tbl .items .item.updown.hover .icon2 .blind {
	width: 34px;
	height: 40px;
	background-color: #ebeff3;
	margin-top: 25px;
}

#intrinsicValueMomentum .div_tbl .items .item.updown.hover .name {
	width: 160px;
}

#intrinsicValueMomentum .div_tbl .items .item .icon2 {
	margin-right: 5px;
}

/***********  table   *************/

/************* select_box ****************/
.select_box .selected_box {
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: space-between;
    border: 1px solid #EAEAEA;
	cursor: pointer;
	box-sizing: border-box;
}

.select_box .select_box_list {
	position: absolute;
	background: #FFFFFF;
	z-index: 1900;
	display: none;
	border: #0099ff 1px solid;
	border-top : none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.select_box .selected_box #name {
	margin-left: 18px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #707683;
}	

.select_box .selected_box.dim_mode #name {
	opacity : 0.3;
}

.select_box .selected_box #selecter {
	background-position: center;
	background-image: url("/resources/img/common/ico_filter_arrow_open.svg");
	background-repeat : no-repeat;
	transform: scaleY(-1);
}

.select_box.type_28 #selecter{
	width : 14px;
	height : 14px;
	margin-right : 8px;
}

.select_box.type_36 .selected_box #selecter {
	width : 18px;
	height : 18px;
	margin-right : 12px;
}

.select_box.type_40 .selected_box #selecter,
.select_box.type_48 .selected_box #selecter{
	width : 20px;
	height : 20px;
	margin-right : 12px;
}

/*
.select_box:not(.selected) .selected_box:not(.dim_mode):hover #selecter {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg");
	transform: none;
}
*/

.page_orderby #keywordSearch #search_keyword:hover:not(:focus) {
    border: 1px solid #DEDEDE;
    z-index : 101;
}

.select_box.selected .selected_box {
	border: #0099ff 1px solid !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


.page_orderby #search_type_slt_box.selected .selected_box {
	z-index: 105;
	border: 1px solid #0099ff !important;
}

.page_orderby #search_type_slt_box:not(.selected) .selected_box:hover,
.select_box:not(.selected) .selected_box:not(.dim_mode):hover{
	border: 1px solid #EAEAEA !important;
	background: rgba(0, 0, 0, 0.02) !important;
}


.select_box.selected .selected_box #selecter {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg") !important;
	transform: none;
}
/* 
.select_box .selected_box:not(.dim_mode):hover {
	border: #0099ff 1px solid;
	border-radius: 4px 4px 0 0;
}
 */
.select_box.selected .selected_box #name {
	color: #0099ff !important;
}

.select_box.selected .select_box_list {
	display: block;
	z-index: 1800;
    overflow-y: scroll;
}

.select_box.selected .select_box_list .item {
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e1e3e5;
	cursor: pointer;
}

.select_box.type_28 .select_box_list {
	max-height : 220px;
}
.select_box.type_36 .select_box_list {
	max-height : 240px;
}
.select_box.type_40 .select_box_list {
	max-height : 260px;
}
.select_box.type_48 .select_box_list {
	max-height : 280px;
}

.select_box.type_28 .select_box_list .item,
.select_box.type_28 .selected_box{
	height : 28px;
}

.select_box.type_36 .select_box_list .item,
.select_box.type_36 .selected_box {
	height : 36px;
}

.select_box.type_40 .select_box_list .item,
.select_box.type_40 .selected_box {
	height : 40px;
}

.select_box.type_48 .select_box_list .item,
.select_box.type_48 .selected_box {
	height : 48px;
}

.select_box.selected .select_box_list .item:last-child {
	border-bottom: 0px;
}

.select_box.selected .select_box_list .item:hover {
	background: rgba(0, 153, 255, 0.1);
	background: linear-gradient(0deg, rgba(0, 153, 255, 0.02) 0%, rgba(0, 153, 255, 0.02) 100%), #FFF;
}

.en_US .select_box .select_box_list .item #name {
	font-size : 12px;
}

.select_box .select_box_list .item #name {
	margin-left: 16px;
	text-align: center;
	overflow: hidden;
	color: #707683;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.select_box .select_box_list .item.selected #name {
	font-weight: 600;
}

.select_box .select_box_list .item.selected #check {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background-size : 16px;
	background-image: url("/resources/img/common/ico_filter_check.svg");
}

/***** select box  bold_line **********/
.select_box.bold_line .selected_box {
	border: #bbc5cd 2px solid;	
}

.select_box.bold_line .select_box_list {
	border: #0099ff 2px solid;
}

.select_box.selected.bold_line .selected_box {
	border: #0099ff 2px solid !important;
}

.select_box.bold_line .selected_box:hover {
	border: #0099ff 2px solid !important; 
}
/***** select box  bold_line **********/

/************* select_box ****************/

/***********  period_filter_box  *************/
.period_filter_box {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.period_filter_box .wrapper_content {
	height: 100%;
	display: flex;
	align-items: center;
}

.period_filter_box .wrapper_content.bg_hover{
	padding: 0 8px;
	height: 28px;
	margin-right: 8px;
	gap: 4px;
}

.period_filter_box .wrapper_content.bg_hover:hover{
	cursor : pointer;
	height : 100%;
	border-radius: 6px;
    background: rgba(0, 0, 0, 0.02);
}

.top_filter_group .period_filter_box .wrapper_content.bg_hover:hover {
	height : 28px;
}

.period_filter_box.float_menu .wrapper_content.bg_hover:hover{
	cursor : pointer;
	height : 28px;
	border-radius: 6px;
    background: rgba(0, 0, 0, 0.02);
}

.top_filter_group .period_filter_box .wrapper_content .baseDTText {
	color: rgba(86, 104, 127, 0.80);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.period_filter_box .wrapper_content .baseDTText {
    font-weight: 300;
    font-size: 24px;
    color: #000000;
}

.period_filter_box .wrapper_content .baseDTSelecter {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    margin-right: 10px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image:url("/resources/img/common/btn_calander_open_nor.svg");
    cursor: pointer;
}

.period_filter_box .wrapper_content .baseDTSelecter.close {
	transform: scaleY(-1);
}

.title_content .line  {
	width: 1px;
	height: 36px;
	background: #E7E7E7;
	margin: 0px 20px;
}

.period_filter_box .wrapper_content .line{
	width: 1px;
	height: 24px;
	background: #E7E7E7;
	margin: 0px 16px;
}
/***********  period_filter_box   *************/

/***********  filter   *************/
.page_filter {
	clear: both;
	position:relative;;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	zoom: 1;
	z-index: 1800;
}

.page_filter.rank {
	margin-top: 30px;
	margin-bottom: 20px;
}

.page_filter .btn_item:not(.selected) .wrapper {
	color : #707683;
}

.page_filter #title {
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page_filter #title .title_content:first-child{
	padding: 0 10px;
}

.page_filter #title .title_content:first-child:hover{
	cursor : pointer;
	border-radius: 6px;
    background: rgba(0, 0, 0, 0.02);
}

.page_filter #title .base_date_area{
	cursor : pointer;
}

.page_filter #title .title_content {
	height: 100%;
	display: flex;
	align-items: center;
}

.page_filter #title #baseDT {
	zoom: 1;
	font-size: 2.16em;
}

.rank.page_filter #title #baseDTSelecter{
	margin-right : 10px;
}

.rank.page_filter #title .base_date_area .baseDTButtons .btn_item{
    box-sizing: border-box;
    width : 28px;
    height: 27px;
}

.page_filter #title #baseDTSelecter {
	width: 16px;
    height: 16px;
    margin-left: 4px;
	zoom: 1;
	background-repeat: no-repeat;
	background-image:url("/resources/img/common/btn_calander_open_nor.svg");
	cursor: pointer;
}

.page_filter #title #baseDTSelecter.close {
	transform: scaleY(-1);
}

.page_filter #title #baseDTButtons {
	display : flex;
    margin-left : 10px;
	align-items: center;
	justify-content: center;
}

.page_filter #title #baseDTButtons > div {
	width: 28px;
    height: 28px;
    cursor : pointer;
    background-color : #FFFFFF;
	background-repeat: no-repeat;
    background-position : center;
}

.page_filter #title #baseDTButtons > div:not(.disabled):hover {
	background-color: rgba(0, 0, 0, 0.02);
}

.page_filter #title #baseDTButtons > .disabled {
	opacity: 0.3;
}

.page_filter #title #baseDTButtons #prevBtn {
	border-right: 1px solid #EEE;
    border-radius: 4px 0px 0px 4px;
	background-image:url("/resources/img/common/prev_btn.svg");
}

.page_filter #title #baseDTButtons #nextBtn {
	border-radius: 0px 4px 4px 0px;
	background-image:url("/resources/img/common/next_btn.svg");
}

.trans_ani {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page_filter .margin_line {
    width: 1px;
    height: 36px;
    background: #E7E7E7;
    margin: 0 20px;
}

.integrate_excel.color {
	border-radius: 6px !important;
	border: 1.002px solid #107C41;
	background-color: #F1FFF8;
	box-sizing: border-box;
}

.integrate_excel.color:hover {
	background: linear-gradient(0deg, rgba(16, 124, 65, 0.02) 0%, rgba(16, 124, 65, 0.02) 100%), #F1FFF8 !important;
}

.integrate_excel .icon {
	background-image: url(/resources/img/common/Icon_excel.svg);
}


.page_filter .subfilter {
	background-color: #FFFFFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
}

.page_filter .subfilter > ul {
	height: inherit;
	display: flex;
	width: 100%;
	align-items: center;
}

.page_filter .subfilter > ul li.item {
	padding: 16px 18px;
	-moz-transition: border-color ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s;
	-ms-transition: border-color ease-in-out 0.15s;
}

.page_filter .subfilter > ul li.item.selected {
	border-radius: 8px;
	border: 1px solid #09F !important;
	background: #F8FBFF;
	cursor: pointer;
}

.page_filter .subfilter > ul li:last-child {
	border-radius: 0px 8px 8px 0px;
	border-left: 1px solid #EAEAEA;
}

.page_filter .subfilter > ul li.item.more:hover {
	border: #0099ff 1px solid; 
}

.page_filter .subfilter > ul li.item.more.left:hover {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.page_filter .subfilter > ul li.item.more.right:hover {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.page_filter #popfilter .subfilter > ul li.item:hover {
	cursor : pointer;
	border-radius: 8px;
	border: 1px solid #09F;
	background: linear-gradient(0deg, rgba(0, 153, 255, 0.02) 0%, rgba(0, 153, 255, 0.02) 100%), #F8FBFF;
}

.page_filter .subfilter > ul li.item.more:hover #name {
	color: #0099ff;
}

.page_filter .subfilter > ul.one li.item {
	width: 100%;
}

.page_filter .subfilter > ul.two li.item {
	width: 50%;
}

.page_filter .subfilter > ul.three li.item {
	width: calc(100% / 3);
}

.page_filter .subfilter > ul.six li.item {
	width: calc(100% / 6);
}

.page_filter .subfilter > ul.seven li.item {border-left: 1px solid #EAEAEA;}
*/

.page_filter .subfilter > ul li .column {
	position: relative;
	width: 100%;
}

.page_filter #popfilter {
	margin-bottom: 40px;
	display: flex;
	height: 70px;
	flex-wrap: no-wrap;
	gap: 10px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

#gender .cmn_button_group.h48{
	width : 270px;
}

#age .cmn_button_group.h48 {
	width : 704px;
}

.cmn_button_group.h48 .btn_item {
	white-space : nowrap;
}

#gender .cmn_button_group .btn_item,
#age .cmn_button_group.h48 .btn_item:first-child{
	padding: unset;
	width: 90px;
	height: 48px;
	box-sizing: border-box;
}

#age .cmn_button_group.h48 .btn_item {
	padding: unset;
	width: 102.3px;
	height: 48px;
	box-sizing: border-box;
}

.en_US #age .cmn_button_group.h48 .btn_item {
	padding: 0px 26.6px;
}


.page_filter #marketType {
	height: 54px;
	margin-top: 14px;
	position: relative;
	clear: both;
	display: flex;
}

.page_filter #marketType .store_btn .wrapper {
	display: flex;
    justify-content: center;
    align-items: center;
}

.page_filter #marketType.revenue {
	margin-top: 10px;
	display: flex;
	gap: 10px;
}

.page_filter #marketType #android_only_wrapper {
	display: flex;
    padding: 0px 36px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    border: 1px solid #09F;
    background: #F8FBFF;
    width: 115px;
    height: 48px;
}

.page_filter #marketType #play_store_icon {
	background-image: url(/resources/img/common/play_store_icon_dim.svg);
    width: 20px;
    height: 20px;
}


.page_filter #marketType .sel_box .item.selected #play_store_icon,
.page_filter #marketType #play_store_icon.selected {
	background-image: url(/resources/img/common/play_store_icon.svg);
    width: 20px;
    height: 20px;
}


.page_filter #marketType #play_store_text {
	color: #09F;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    width: 90px;
}


.page_filter #marketType #app_store_icon {
	width: 20px;
    height: 20px;
    background-size: 100%;
	background-image: url(/resources/img/common/app_store_dim.svg);
}


.page_filter #marketType .sel_box .item.selected #app_store_icon {
	background-image: url(/resources/img/common/app_store.svg);
}

.page_filter #marketType #app_store_text {
	color: #09F;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 590;
    line-height: normal;
    width: 90px;
}

.page_orderby.revenue .select_box {
	position: relative;
}

.page_orderby.revenue #orderby_slt_box {
	width: 160px;
}

.page_filter #marketType > .item {
	height: 48px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #e1e3e5;
	border-radius: 6px;
	z-index: 1899;
	text-align: center;
	font-size: 14px;
}

.page_filter #marketType #categoryType {
	width: 650px;
	margin-left: 10px;
	pointer-events: none;
}


.page_filter #marketType > #categoryType > #category{
	width: 100%;
	display : flex;
	align-items: center;
}

#category > #icon_area > div, 
#category > #upper_icon_area > div {
	width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px 0 16px;
	background-size : 12px;
    background-repeat : no-repeat;
    background-position : center;
	border-radius: 13.5px;
}

#category.column > #icon_area > div {
	margin : 0 0 0 6px;
}

.page_filter #marketType > #categoryType > #category > #all_icon_area #all_game_icon {
	background-image: url(/resources/img/common/all_game_icon.svg);
    width: 14px;
    height: 14px;
}    


.page_filter #marketType > #categoryType #category #name.step2 {
    margin-left: 6px;
}

.page_filter #marketType > #categoryType #category .ico_arrow {
	float: left;
	margin-left: 6px;
	width: 20px;
	height: 20px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-image: url(/resources/img/common/arrow_gray.svg);
}


.page_filter #marketType #categoryType.more {
	pointer-events: all;
}

.page_filter #marketType #categoryType.one {
	width: 100%;
	margin-left: 0px;
}

.page_filter #marketType > .item + .item {
	margin-left: -1px;
}

.page_filter #marketType > .item:hover {
	z-index: 1900;
}

.page_filter #marketType .item:not(.dim).more {
	cursor: pointer;
}

.page_filter #marketType .only_market,
.page_filter #marketType .only_market .btn_item {
	width : 100%;
}

.page_filter #marketType .item.selected {
	z-index:2002;
}

.page_filter #marketType > .item:not(.dim).more:hover,
.page_filter #marketType > .item:not(.dim).more.selected {
	color: #0099ff;
	border: 1px solid #0099ff;
}

.page_filter #marketType > .item.more:hover + .item,
.page_filter #marketType > .item.more.selected + .item {
	transition: none;
}

.page_filter #marketType .item .column {
	overflow: hidden;
	height: 100%;
}

.page_filter #marketType > .item.more #selecter {
	font-size: 14px;
	width: 20px;
	height: 20px;
	background-image: url("/resources/img/common/ico_filter_arrow_open.svg");
	margin-left: auto;
	margin-right: 16px;
	background-size : 20px;
	transform: scaleY(-1);
}

.page_filter #marketType > .item.more.selected #selecter {
	transform: scaleY(1);
}

.page_filter #marketType > .item:not(.dim).more:hover #selecter,
.page_filter #marketType > .item:not(.dim).more.selected #selecter {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg");
}

.page_filter #marketType .item:not(.dim).selected #selecter {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg") !important;
}

.page_filter #marketType .item:not(.dim).selected:hover #selecter {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg") !important;
}

.page_filter #marketType #store #icon {
	float: left;
	margin-left:20px;
	margin-top:18px;
	width: 20px;
	height: 20px;
	background-image: url("/resources/img/201110/ico_os_android_medium_nor.png"); 
}

.page_filter #marketType > .item.more:hover #store #name,
.page_filter #marketType > .item:not(.dim).more:hover #category #name {
	color: #0099ff;
}

.page_filter #marketType .column #name {
	font-size: 14px;
	color: rgba(86,104,127,0.8);
}


.page_filter #marketType #store #name {
	float: left;
	margin-left:5px;
	margin-top:20px;
	font-size: 14px;
	color: rgba(86,104,127,0.8);
}

.page_filter #marketType #country #name {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 14px;
	color: rgba(86,104,127,0.8);
}

.page_filter #marketType #category #name {
	font-size: 14px;
	font-weight: 400;
	color: #707683;
}

.page_filter #marketType #category #name.step1 {
	margin-left : 6px;
}

.page_filter #marketType .sub_list {
	position: absolute;
	top: 54px;
	z-index: 1901;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
	display: none;
	overflow: hidden;
	border: 1px solid #EEE;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.page_filter #marketType.two .sub_list {
	left: -1px;
}

.page_filter #marketType #category_list.sub_list {
	right: -1px;
}

.page_filter #marketType .revenue #category_list.sub_list {
	width: 100%;
}

.page_filter #marketType .item.selected .sub_list {
	display: block !important;
}

.page_filter #marketType .sub_list .store_item,
.page_filter #marketType .sub_list .country_item,
.page_filter #marketType .sub_list .category_item {
	height: 54px;
	border-top: 1px solid #e1e3e5;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	color: rgba(86,104,127,0.8);
}

.page_filter #marketType .sub_list .category_item.selected {
	color: #0099ff;
	font-weight: 600;
}


.page_filter #marketType.two .sub_list .store_item {
	width: 491px;
}

.page_filter #marketType.three .sub_list .store_item {
	width: 326px;
}

.page_filter #marketType.two .sub_list .country_item {
	width: 327px;
}

.page_filter #marketType.three .sub_list .country_item {
	width: 326px;
}

.page_filter #marketType .sub_list .store_item:last-child {
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.page_filter #marketType .sub_list .store_item:hover,
.page_filter #marketType .sub_list .country_item:hover {
	background: rgba(0, 153, 255, 0.1);
}

.page_filter #marketType #store_list #google #icon {
	float: left;
	margin-left:22px;
	margin-top:17px;
	width: 20px;
	height: 20px;
	background-image: url("/resources/img/common/img_google_big.png"); 
}

.page_filter #marketType #store_list #apple #icon {
	float: left;
	margin-left:22px;
	margin-top:17px;
	width: 20px;
	height: 20px;
	background-image: url("/resources/img/common/img_apple_big.png"); 
}

.page_filter #marketType #store_list #name {
	float: left;
	margin-left:5px;
	margin-top:20px;
	font-size: 14px;
}

.page_filter #marketType .sel_box .item .store_icon {
	width: 20px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

.page_filter #marketType .sel_box .item .store_icon.google {
	background-image: url(/resources/img/201110/ico_os_android_medium_dim.png);
}

.page_filter #marketType .sel_box .item .store_icon.apple {
	background-image: url(/resources/img/201110/ico_os_ios_medium_dim.png);
}

.page_filter #marketType .sel_box .item.selected .store_icon.google,
.page_filter #marketType .sel_box .item:hover .store_icon.google {
	background-image: url(/resources/img/201110/ico_os_android_medium_nor.png);
}

.page_filter #marketType .sel_box .item.selected .store_icon.apple,
.page_filter #marketType .sel_box .item:hover .store_icon.apple {
	background-image: url(/resources/img/201110/ico_os_ios_medium_nor.png);
}

.page_filter #marketType .sel_box .item .iconplus {
	width: 7px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 7px 7px;
	background-image: url(/resources/img/201110/ico_plus_medium_dim.png);
}

.page_filter #marketType .sel_box .item.selected .iconplus,
.page_filter #marketType .sel_box .item:hover .iconplus {
	background-image: url(/resources/img/201110/ico_plus_medium_nor.png);
}

.page_filter #marketType #country_list .country_item.selected #check {
	float: left;
	margin-left:10px;
	margin-top:20px;
	width: 14px;
	height: 14px;
	background-image: url("/resources/img/common/ico_filter_check.svg");
}

.page_filter #marketType #country_list #name {
	float: left;
	margin-left:22px;
	margin-top:20px;
	font-size: 14px;
}

.page_filter #marketType #category_list .svc_sector_icon {
	width: 28px;
	float: left;
	margin-left: 12px;
	height: 28px;
	background-size: 14px;
	background-repeat : no-repeat;
	border-radius : 14px;
	background-position : center;
}

.page_filter #marketType #category_list .svc_sector_icon.game_icon,
#category > #icon_area > div.game_icon {
	background-size : 28px;
}

.page_filter #marketType #category_list #step_2_list #name {
	margin-left : 12px;
}

.page_filter #marketType #category_list #name {
	float: left;
	margin-left: 6px;
	color: #353C49;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}

.page_filter #marketType #category_list #name .categoryLink {
	display: none;
}

.page_filter #marketType #category_list .has_sub #name {
	margin-left:10px;
}

.page_filter #marketType #category_list .category_item.has_sub,
.page_filter #marketType #category_list .category_item.upper {
	background: #f8f9fa;
}

.page_filter #marketType #category_list .category_item:hover {
	background: rgba(0, 153, 255, 0.1);
}

.page_filter #marketType #category_list #sub {
	float: left;
	margin-left:22px;
	margin-top:22px;
	width: 8px;
	height: 8px;
	background-image: url("/resources/img/common/ico_filter_sub.png"); 
}



.page_filter #marketType #category_list .category_item.selected #check {
	float: inline-end;
	width: 20px;
	height: 20px;
	background-image: url("/resources/img/common/category_select.svg");
}

.page_filter #marketType #category_list .category_item #check {
	float: inline-end;
	margin-right: 12px;
	width: 20px;
	height: 20px;
	margin-right: 12px;
	margin-left: auto;
	background-image: url("/resources/img/common/category_empty_select.svg");
}

.page_filter #marketType #category_list .category_item #selecter {
	float: right;
	margin-right:29px;
	margin-top:20px;
	width: 14px;
	height: 14px;
	background-image: url("/resources/img/common/ico_filter_arrow_open.svg") !important;
}

.page_filter #marketType #category_list .category_item #selecter:hover {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg") !important;
	transform: scaleY(-1);
}

.page_filter #marketType #category_list .category_item.close #selecter {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg") !important;
}

.page_filter #marketType #category_list .category_item.close #selecter:hover {
	background-image: url("/resources/img/common/ico_filter_arrow_close.svg") !important;
	transform: scaleY(-1);	
}

.page_filter #marketType #store #icon {
	float: left;
	margin-left: 20px;
	margin-top: 18px;
	width: 20px;
	height: 20px;
}

.page_filter #marketType #store #icon.google {
	background-image: url(/resources/img/common/img_google_big.png);
}

.page_filter #marketType #store #icon.apple {
	background-image: url(/resources/img/common/img_apple_big.png);
}

.page_filter #marketType #store.both #icon.apple {
	margin-left: 3px;
}

.page_filter #marketType #store_list #icon {
	float: left;
	margin-left: 22px;
	margin-top: 17px;
	width: 20px;
	height: 20px;
}

.page_filter #marketType #store_list #icon.google {
	background-image: url(/resources/img/common/img_google_big.png);
}

.page_filter #marketType #store_list #icon.apple {
	background-image: url(/resources/img/common/img_apple_big.png);
}

.page_filter #marketType #store_list #both #icon.apple {
	margin-left: 3px;
}

.page_filter .minimal_filter {
	margin-top: 16px;
	width: 984px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 8px;
	border: 1px solid #EAEAEA;
}

.page_filter .minimal_filter .minimal_text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #707683;
}

.page_filter .minimal_filter .minimal_icon {
	width: 20px;
	height: 20px;
	margin-left: 6px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}

.page_filter .minimal_filter.open .minimal_icon {
	background-image: url(/resources/img/common/ic_arrow_up.svg);
}

.page_filter .minimal_filter.close .minimal_icon {
	background-image: url(/resources/img/common/ic_arrow_down.svg);
}

.page_filter .minimal_filter.hover {
	background: rgba(0, 0, 0, 0.02);
	border: 1px solid rgba(222,222,222);
}

.page_filter .minimal_filter.hover .minimal_text{
	color: rgb(106,112,124);
}

.page_filter .minimal_filter.hover.open .minimal_icon{
	background-image: url(/resources/img/common/ic_arrow_up_hover.svg);
}

.page_filter .minimal_filter.close.hover .minimal_icon {
	background-image: url(/resources/img/common/ic_arrow_down_hover.svg);
}

/***********  filter   *************/

/***********  progress   *************/
.progressbar {
  width: 150px;
  height: 10px;
}
/***********  progress   *************/

/***********  chart   *************/
.chart_serial {
	width: 100%;
	height: 300px;
}

.chart_line {
	width: 100%;
	height: 400px;
}

.chart_pie_wrapper {
	position:relative;
	overflow: hidden;
	height: 300px;
}

.chart_pie {
	width: 100%;
	height: 350px;
}

.chart_pie_label ul li {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}


.chart_serial_test {
	top: 11px;
	left: 0px;
	width: 492px;
	height: 301px;
	position:absolute;
	z-index: 1800;
	background: url("/resources/img/common/img_main_category_bg.png"); 
}
/***********  chart   *************/

/***********  table hader fixed   *************/
.tbl_hader_fixed {
	position: fixed !important;
	top: 116px;
	min-width: 984px;
	z-index: 1800;
}

.tbl_hader_fixed.noti {
	top: 176px;
}
/***********  table hader fixed   *************/



.post .more #btn_more {
	display: none;
}


.btn_info {
	cursor: pointer;
	display: inline-table;
	position: relative;
	width: 16px;
	height: 22px;
	background-image: url("/resources/img/common/btn_info_nor.svg");
	background-repeat: no-repeat;
	background-position: center;	
	background-size: 16px 22px;	
}

.button_box {
	clear: both;
	display: table;
	text-align:center;
	width: 100%;
	position: relative;
}


.button_box .button_box_cell {
	display: table-cell;
}

.button_box .button_box_cell.pa_left {
	padding-left : 25px;
	padding-right: 10px;
}

.button_box .button_box_cell.pa_right {
	padding-left: 10px;
	padding-right : 25px;
}

.button_box .button_box_cell.pa_center {
	padding-left: 25px;
	padding-right : 25px;
}

.button_box .button_box_cell.pa_left .button,
.button_box .button_box_cell.pa_right .button,
.button_box .button_box_cell.pa_center .button {
	display: block;
}


.iwalert {
	z-index: 19001;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.iwalert .body_wrapper {
	width: 100%;
	vertical-align:middle;
	text-align:center;	
}

.iwalert.notice .body_wrapper {
	height: 100%;
	display: flex;
}

.iwalert .body {
	margin-top:220px;
	display:inline-block;
	position:relative;
}

.iwalert.notice .body {
	margin: auto;
}

.iwalert .body .bg {
	background-color: #ffffff;
	opacity: 0.95;
	position:absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-radius: 12px;
	box-shadow: 0px 2px 4px 2px rgba(150,150,150,0.5)
}

.iwalert .body .content {
	margin: 50px 50px 50px 50px;
	font-size: 14px;
	color : #3b4c66;
	opacity: 0.99;
	line-height: 20px;
	max-width: 800px;
}

.iwalert.notice .body .content {
	max-height: 700px;
	overflow-y: auto;
	text-align: left;
}

.iwalert.notice .body .content .service {
	color: #0099ff;
	font-weight:400;
}

.iwalert.notice .body .content .sub_desc {
	margin-top: 12px;
	color: #A0A4A9;
	font-weight:400;
	line-height:24px;
}

.iwalert.notice .body .content .bold {	
	margin-bottom: 10px;
}

.iwalert.notice .body .content img {
	max-width: 600px !important;
}

.iwalert .body .btn_ok {
	font-size: 14px;
	color: #0099ff;
	opacity: 0.99;
	line-height: 60px;
	cursor: pointer;
	border-top: 1px solid #e7e8ea;
}

.iwalert .body .btn_close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-position: center;
	background-size: 24px;
	background-repeat: no-repeat;
	z-index: 4;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url("/resources/img/common/btn_news_close_nor.svg");
}
.iwalert .body .btn_close:hover {
	border-radius: 20px;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.02);
}


.iwalert2 {
	z-index: 19001;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.iwalert2 .body_wrapper {
	width: 100%;
	vertical-align:middle;
	text-align:center;	
}


.iwalert2 .body {
	margin-top:220px;
	display:inline-block;
	position:relative;
	min-width:430px;
	min-height: 214px;
}



.iwalert2 .body .bg {
	opacity: 0.95;
	position:absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}

.iwalert2 .body .content {
	margin: 16px 50px 32px 50px;
	font-size: 16px;
	color: #666;
	opacity: 0.99;
	line-height: 26px;
	font-weight: 300;
}

.iwalert2 .body .title {
	color: #000;
	line-height: 28px;
	margin-top: 40px;
	font-size: 22px;
	font-weight: 400;
	opacity: 0.99;
}

.iwalert2 .body .button_box {
	height: 50px;
	opacity: 0.99;
	margin-top:25px;
	margin-bottom:25px;
	clear: both;
	display:table;
	width:100%;
	border-bottom : none;
}

.iwalert2 .body .button_box #btn_cancel{
	margin-right : 12px;
}

.iwalert2 .body .button_box #btn_cancel,
.iwalert2 .body .button_box #btn_ok {
	width : 120px;
}

.iwalert2 .body .button_box .button_box_cell {
	display:table-cell;	
}


.iwalert2 .body .button_box .button_box_cell .button,
	.iwalert2 .body .button_box .button_box_cell .button_cancel {
	display:block;
}


.button {
	color: #FFFFFF;
	background-color: #0099FF;
	border: none;
	min-width: 100px;
	height: 50px;
	line-height :50px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -1px;
	cursor: pointer;
	-moz-border-radius: 25px/50%;
	-webkit-border-radius: 25px/50%;
	border-radius: 25px/50%;
	text-align: center;
	display:inline-block;
}

.button:hover {
	background-color: #0089e6;
}

.button_cancel {
	color: #FFFFFF;
	background-color: #afc4d3;
	border: none;
	min-width: 100px;
	height: 50px;
	line-height :50px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -1px;
	cursor: pointer;
	-moz-border-radius: 25px/50%;
	-webkit-border-radius: 25px/50%;
	border-radius: 25px/50%;
	text-align: center;
	display:inline-block;
}

.button_cancel:hover {
	background-color: #9eb1be;
}

.bold_color {
	color: #0099ff;
}

.ctbl {
	clear: both;
	display: table;
}

.ctbl_cell {
	display: table-cell;
}

.checkbox {
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: url("/resources/img/common/ico_check.svg");
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center;
	float:left;
	margin-right:4px;
}

.checkbox.checked,
.selected .wrapper .checkbox{
	background-image: url("/resources/img/common/checked.svg") !important;
}

.checkbox.checked + .chk_text {
	color: #09F !important;
}

.checked .checkbox {
	background-image: url("/resources/img/common/checked.svg");
}

.checked .checkbox + .chk_text {
	color: #09F !important;
}

.radio {
	width: 20px;
	height: 20px;
	cursor: pointer;
 	background-image: url("/resources/img/1214/btn_radio_off.png");
	background-repeat: no-repeat;	
	background-size: 20px 20px; 
	background-position: center;
	float:left;
	margin-right:5px;
}

.radio.checked {
 	background-image: url("/resources/img/1214/btn_radio_on.png");	
}

.btn_like {
	border: 1px solid rgba(194,201,209,1.0);
	border-radius: 13px;	
	line-height: 25px;	
	font-size: 12px;
	cursor: pointer;
	padding-left: 15px;
	padding-right:15px;
	display: inline-block;
}

.btn_like.big {
	border-radius: 18px;
	line-height: 35px;	
}


.btn_like .text {
	color: rgba(86,104,127,0.8);
}

.btn_like .count {
	color: rgba(3,142,234,0.8);
	margin-left: 5px;
}

.btn_like:hover {
	border: 1px solid rgba(175,181,189,1.0);
}

.btn_like:hover .text {
	color: rgba(86,104,127,1.0);
}

.btn_like:hover .count {
	color: rgba(3,142,234,1.0);
}

.btn_like.selected {
	background-color: #0099ff;
	border: 1px solid #0099ff;
}

.btn_like.selected .text {
	color: rgba(255,255,255,1.0);
}

.btn_like.selected .count {
	color: rgba(255,255,255,0.8);
}

.scroll_list {
	max-height: 506px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.scroll_list::-webkit-scrollbar {
	-webkit-appearance: none !important;
}

.scroll_list::-webkit-scrollbar:vertical {
	width: 5px !important;
}

.scroll_list::-webkit-scrollbar-button:start:decrement, 
.scroll_list::-webkit-scrollbar-button:end:increment {
	display: block !important; 
	height: 5px !important; 
	border:0 !important;
}

.scroll_list::-webkit-scrollbar-thumb {
	background-color: rgba(59, 76, 102, 0.5) !important;
	-webkit-border-radius: 2.5px !important;
	border-radius: 2.5px !important;
	
}

#info_pay_view {
	width: 1306px;
	height: 60px;
	margin: 0 auto;
}

#info_pay_view #info_pay_box {
	width: 100%;
	height: 100%;
	margin: 15px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #2E4863;
	border-radius: 6px;
}

#info_pay_view #info_pay_box #text {
	margin-left: 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #FFFFFF;
}

#info_pay_view #info_pay_box #right_box {
	display: flex;
	align-items: center;
}

#info_pay_view #info_pay_box #btn_go_pay_info,
#info_pay_view #info_pay_box #btn_go_free {
	width: 95px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0099FF;
	border-radius: 6px;
	cursor: pointer;
	
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	color: #ffffff;
}

#info_pay_view #info_pay_box #btn_go_pay_info:hover,
#info_pay_view #info_pay_box #btn_go_free:hover {
	background-color: #0089e6;
}

#info_pay_view #info_pay_box #btn_day_close {
	width: 119px;
	height: 34px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff;
	border-radius: 6px;
	cursor: pointer;
	
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	color: #707683;
}

#total_container.en_US #info_pay_view #info_pay_box #btn_day_close {
	width: 160px;
}

#info_pay_view #info_pay_box #btn_day_close:hover {
	background-color: #F2F2F2;
}

#info_pay_view #info_pay_box #btn_close {
	width: 24px;
	height: 34px;
	margin-left: 30px;
	margin-right: 34px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	background-image: url("/resources/img/220921/icon/ic_input_search_clear_nor.svg");
	cursor: pointer;
}

#info_pay_view #info_pay_box #btn_close:hover {
	background-image: url("/resources/img/goods/icon/ic_input_search_clear_hov.svg");
}

.info_free_user_box {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	border-radius: 6px;
	overflow: hidden;	
}

.info_free_user_box .info_box_wrapper {
	display:table;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.info_free_user_box .info_box_wrapper .info_box {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}

.info_free_user_box .info_box_wrapper .info_box:has(.stat_error_icon){
	background: #FAFCFC;
}

.info_free_user_box  .info_text {
	color: #A2B0BB;
	font-size: 15px;
	font-weight: 400;
}

.info_free_user_box  .stat_error_icon {
	width: 100%;
	height: 50px;
	background-image: url("/resources/img/common/error_icon.svg");
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: center;
	margin-bottom: 12px;
}


.info_free_user_box  .btn_go_free {
	height: 55px;
	border-radius: 6px;
	background-color: #0099ff;
	padding:0 40px;
	font-weight: 600;
	color: #ffffff;
	cursor:pointer;
	line-height: 55px;
	display: inline-block;
	margin-top: 30px;
	font-size: 14px;
}
.info_free_user_box  .btn_go_free:hover {
	background-color: #0089e6;
}


.info_free_user_box  .btn_go_pay_info {
	height: 55px;
	border-radius: 6px;
	background-color: #ff5c86;
	padding:0 40px;
	font-weight: 600;
	color: #ffffff;
	cursor:pointer;
	line-height: 55px;
	display: inline-block;
	margin-top: 30px;
	font-size: 14px;
}
.info_free_user_box  .btn_go_pay_info:hover {
	background-color: #e65379;
}


/*square button*/

.square_button {
	padding: 17px 25px;
	color: #ffffff;
	border-radius: 6px;
	cursor: pointer;
	text-align:center;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;	
	display:inline-block;
	float:left;
}

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

.square_button .img_arrow {
	width: 17px;
	height: 18px;
 	background-image: url("/resources/img/common/go_arrow.png");
	background-repeat: no-repeat;	
	background-size: 17px 17px; 
	background-position: center;
	margin-left: 7px;
}

.square_button.pink {
	background-color: #ee3162;	
}

.square_button.pink:hover {
	background-color: #d72c58;
}

.info_free_user_box .info_text.primium {
	color: #f7517c;
	font-weight: 600;
}

.iwalert .body .content .btn_notice {
	min-width: 100px;
	height: 40px;
	margin: auto;
	padding: 14px 20px 0px 20px;
	background-color: #0099ff;
	border-radius: 6px;
	font-weight: 600;
	line-height: 25px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.iwalert .body .content #btn_go_pay_info {
	background-color: #f7517c !important;
}

.iwalert .body .content #btn_go_pay_info:hover {
	background-color: #df4970 !important;
}

.iwalert .body .content a.text_link {
	color: #56687f;
	text-decoration: underline !important;
	text-underline-position : under;
}

.iwalert.notice .body .content a.text_link {
	color: #3b4c66;
}

/****** retail help popup **************/
#retail_help_view {
	display: none;
}

#retail_help_view .panel {
	width: 800px;
	height: 400px;
}

#retail_help_view .panel .left_box {
	float:left;
	background-color: #f4f9fd;
	width: 340px;
	height:100%;
}

#retail_help_view .panel .right_box {
	float:left;
	background-color: #ffffff;
	height:400px;
	width: 460px;

	position:relative;
}

#retail_help_view .right_box .content_box {
	position:relative;
	height: 350px;
	overflow-y: auto;
	margin-top: 50px;
	width: 100%
}


#retail_help_view .panel .right_box .content {
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
}


#retail_help_view .title_box {
	margin-top: 50px;
	margin-left: 27px;
	display: inline-block;
}

#retail_help_view .title_box .logo {
	float:left;
	width: 90px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: 90px 15px;
	background-image: url(/resources/img/helpview/help_logo.png);
	background-position: center;
}

#retail_help_view .title_box .text {
	float:left;
	font-size: 18px;
	font-weight: 600;
}

#retail_help_view .index_list {
	margin-top: 25px;
	margin-left: 27px;
	width: 285px;
	border-top: 1px solid #4a5a6f;	
}

#retail_help_view .index_list .item .header {
	height: 50px;
	line-height: 50px;
	font-size: 14px;

	position: relative;
	cursor:pointer;
	
}

#retail_help_view .index_list .item + .item {
	border-top: 1px solid #d9d9d9;
}


#retail_help_view .index_list .item .header .text1 {
	float: left;
	font-weight: 600;
	font-size: 18px;
}

#retail_help_view .index_list .item .header .text1 + .text1 {
	margin-left: 5px;
}

#retail_help_view .index_list .item .header:hover .text1 {
	color: #0099ff;
}

#retail_help_view .index_list .item.selected .header .text1 {
	color: rgba(0,0,0,1.0);	
}

#retail_help_view .index_list .item .header .text1.name {
	max-width: 102px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
	
#retail_help_view .index_list .item .header .btn_open {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 50px;
	width: 14px;
	background-repeat: no-repeat;
	background-size: 14px 8px;
	background-position: center;
	background-image: url(/resources/img/helpview/btn_open.png);
	cursor: pointer;
}

#retail_help_view .index_list .item.selected .header .btn_open {
	background-image: url(/resources/img/helpview/btn_close.png);	
}

#retail_help_view .index_list .item .sub_index_list {
	margin-bottom: 15px;
	display: none;
}

#retail_help_view .index_list .item.selected .sub_index_list {
	display:block;
}

#retail_help_view .index_list .item .sub_index_list .sub_item {
	margin-left: 15px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	cursor:pointer;
}

#retail_help_view .index_list .item .sub_index_list .sub_item.selected {
	color: #0099ff;
	font-weight: 600;
	text-decoration: underline;
}

 

#retail_help_view .right_box .title_line {

	background-color: #0099ff;
	width: 28px;
	height: 5px;
}

#retail_help_view .right_box .title_1 {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	margin-top: 20px;
	text-align: center;
}

#retail_help_view .right_box .text {
	font-size: 12px;
	color: rgba(0,0,0,0.8);
	margin-top: 6px;
	line-height: 18px;
}

#retail_help_view .right_box .himg {
	margin-top: 12px;
}

#retail_help_view .right_box img {
	max-width: 100%;
}


#retail_help_view .right_box .text_1 {
	font-size: 14px;
	color: rgba(0,0,0,0.8);
	margin-top: 6px;
	line-height: 18px;
}


#retail_help_view .right_box .title_2 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(0,0,0,1.0);
	margin-top: 40px;
	margin-bottom: 15px;
}

#retail_help_view .right_box .content_box #div_search .img {
	position: absolute;
	width: 20px;
	height: 20px;
	margin: 15px 0px 0px 18px;
	zoom: 1;
	background-image:url('/resources/img/common/ico_search_s_pre.png');
}
#retail_help_view .right_box .content_box #div_search #search_retail {
	box-sizing: border-box;
	display: block;
	margin-bottom: 10px;
	padding-left: 46px;
	padding-right: 46px;
	padding-top: 0px;
	border: #e1e1e2 solid 2px;
	-moz-border-radius: 25px/50%;
	-webkit-border-radius: 25px/50%;
	border-radius: 25px/50%;
	min-width: 320px;
	min-height: 50px;
	font-size: 1.333em;
	background-color: #FFFFFF;
	outline: none;
	color: #0099ff;
}

#retail_help_view .right_box .content_box #div_search:hover #search_retail,
#retail_help_view .right_box .content_box #div_search #search_retail:focus,
#retail_help_view .right_box .content_box #div_search.focus #search_retail {
	border: #47b5ff solid 2px;
}


#retail_help_view .right_box .content_box #div_search input[type="reset"] {
	background-image:url('/resources/img/common/btn_search_app_s_del_nor.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	top: 14px;
	right: 105px;
}

#retail_help_view .right_box .content_box #div_search input[type="reset"]:hover {
	background-image:url('/resources/img/common/btn_search_app_s_del_pre.png');
}

#retail_help_view .right_box .content_box #div_search input[type="text"]:invalid + input[type="reset"] {
	display: none;
}

#retail_help_view .right_box .content_box #div_search_result {
	position: absolute;
	top: 60px;
	left: 50px;
	border-radius: 9px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	width: 320px;
	min-height: 86px;
	max-height: 254px;
	box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	display: none;
	z-index: 1901;
	zoom: 1;
}

#retail_help_view .right_box .content_box #div_search_result .list {
	position: relative;
	min-height: 44px;
	max-height: 352px;
	overflow: hidden;
}

#retail_help_view .right_box .content_box #div_search_result .ui-autocomplete {
	color: #2b3d52;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 210px;
	max-height: 352px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 0px;
	position: relative;
}

#retail_help_view .right_box .content_box #div_search_result .ui-autocomplete::-webkit-scrollbar {
	-webkit-appearance: none;
}

#retail_help_view .right_box .content_box #div_search_result .ui-autocomplete::-webkit-scrollbar:vertical {
	width: 5px;
}

#retail_help_view .right_box .content_box #div_search_result .ui-autocomplete::-webkit-scrollbar-button:start:decrement, 
#retail_help_view .right_box .content_box #div_search_result .ui-autocomplete::-webkit-scrollbar-button:end:increment {
	display: block; height: 5px; 
	border:0
}

#retail_help_view .right_box .content_box #div_search_result .ui-autocomplete::-webkit-scrollbar-thumb {
	background-color: rgba(59, 76, 102, 0.5);
	-webkit-border-radius: 2.5px;
	border-radius: 2.5px;
	
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html #retail_help_view .right_box .content_box #div_search_result .ui-autocomplete {
	height: 100px;
  }
  
#retail_help_view .right_box .content_box #div_search_result .ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	width: 100%;
	list-style-image: none;
	min-height: 44px;
}

#retail_help_view .right_box .content_box #div_search_result .ui-menu .ui-menu-item .ui-corner-all {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#retail_help_view .right_box .content_box #div_search_result .ui-menu .ui-menu-item a {
	color: #000000;
	text-decoration: none;
	display: block;
	line-height: 1.5;
	zoom: 1;
	font-weight: 100;
	cursor: pointer;
}

#retail_help_view .right_box .content_box #div_search_result .ui-state-focus,
#retail_help_view .right_box .content_box #div_search_result .ui-widget-content .ui-state-focus,
#retail_help_view .right_box .content_box #div_search_result .ui-widget-header .ui-state-focus {
	border: 0px;
	background: rgba(0, 153, 255, 0.1);
	font-weight: 100;
	color: #212121;
}

#retail_help_view .right_box .content_box #div_search_result .autocomplete-link {
	position: relative;
	display: block;
	padding: 11px 15px 12px 14px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#retail_help_view .right_box .content_box #div_search_result .autocomplete-details {
	float:left;
	width: 320px;
	height: 20px;
	margin-right: 8px;
	padding-top: 1px;
}

#retail_help_view .right_box .content_box #div_search_result .autocomplete-check {
	float: left; 
	height: 20px;
	width: 20px;
	background-size: 100%;
	background-image: url("/resources/img/common/checked.svg");
}

#retail_help_view .right_box .content_box #div_search_result .autocomplete-name {
	overflow: hidden;
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#retail_help_view .right_box .content_box #div_search_result .autocomplete-name span {
	color: #0099ff;
	font-weight: 600;   
}

#retail_help_view .content_box .btn_box {
	text-align: center;
}

#retail_help_view .content_box .btn_retail_demo {
	height: 55px;
	border-radius: 6px;
	background-color: #0099ff;
	padding: 0 40px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
	line-height: 55px;
	display: inline-block;
	margin: 30px auto;
	font-size: 14px;
}

#retail_help_view .content_box .btn_retail_demo:hover {
	background-color: #0089e6;
}


#retail_demo_sample_view.popup .panel {
	width: 782px;
	height: 360px;
	margin: 130px auto 0;
}

#retail_demo_sample_view #paid_error {
	text-align: center;
	font-size: 16px;
	color: #f94070;
	font-weight: 600;
	margin-top: -10px;
	margin-bottom: 16px;
}

#retail_demo_sample_view .panel_content {
	height: 252px;
}

#retail_demo_sample_view #paid_terms_box {
	background-color: #f4f9fd;
	width: 586px;
	height: 60px;
	margin: 5px auto 0;
	overflow-y: auto;
	padding: 20px;
	font-size: 12px;
	color: rgba(44,55,73, 0.8);
	line-height: 20px;
}

#retail_demo_sample_view .checkbox + .chk_text {
	line-height: 24px;
	font-size: 14px;
	color: #2c3749;
	font-weight: 600;
	float:left;
}

#retail_demo_sample_view .chk_text + .checkbox {
	margin-left: 20px;
}


#retail_demo_sample_view .terms_chk_box {
	margin: 10px 20px;
	height: 24px;
}

#retail_demo_sample_view .desc.invoice {
	float: right;
	padding-right: 19px;
}

#retail_demo_sample_view .terms_chk_box .right_box {
	float:right;
}


#retail_demo_sample_view #option_box {
	margin:0px 0px 10px 0px;
}

#retail_demo_sample_view #option_box .line {
	display: inline-block;
	width: 660px;
}

#retail_demo_sample_view #option_box .line div {
	line-height: 40px;
	float:left;
}

#retail_demo_sample_view #option_box .line .radio {
	height: 40px;
}

#retail_demo_sample_view #option_box .line .text + .radio {
	margin-left: 30px;
}

#retail_demo_sample_view #option_box .line .text {
	color: rgba(44,55,73, 0.8);
	font-size: 14px;
}

#retail_demo_sample_view #option_box .line .subtext {
	color: rgba(44,55,73, 0.8);
	font-size: 12px;
}

#retail_demo_sample_view #option_box .desc {
	margin-left: 0px;
}

#total_container.en_US #retail_demo_sample_view #option_box .desc {
	margin-left: 30px;
	margin-right: 29px;
}

#retail_demo_sample_view #option_box .desc .text {
	font-size: 12px;
	color: #2c3749;
	line-height: 16px;
}

#retail_demo_sample_view .bold_color {
	color : #0099ff;
}

#retail_demo_sample_view #option_box .line2 {
	margin-top: 0px;
	padding-left: 30px;
}

#retail_demo_sample_view #option_box .line2 input {
	margin-left: 10px;
	min-width: 120px;
	width: 120px;
	min-height: 24px;
	font-size: 13px;
	color: #56687f;
	border-radius: 3px;
	border: #c9d5e0 solid 1px;
   	padding:0px 10px;	
}

#total_container.en_US #retail_demo_sample_view #option_box .line2 input {
	margin-left: 0px;
	min-width: 110px;
	width: 110px;
}

#retail_demo_sample_view #option_box .line2 .ipttitle {
	font-size: 14px;
	font-weight: 600;
	color: #2c3749;
	line-height: 44px;
}

#total_container.en_US #retail_demo_sample_view #option_box .line2 .ipttitle {
	letter-spacing: -1.5px;
}

#retail_demo_sample_view #option_box .line2 input + .ipttitle {
	margin-left: 10px;
}
#retail_demo_sample_view #option_box .line2 #company.ipttitle {
	margin-left: 0px;
}

#total_container.en_US #retail_demo_sample_view #option_box .line2 input + .ipttitle {
	margin-left: 5px;
}

#retail_demo_sample_view #result_box {
	background-color: #f4f9fd;
	width: 626px;
	height: 60px;
	margin: 0px auto 0;
}

#retail_demo_sample_view #result_box .right_box {
	float:right;
	margin-right: 20px;
	letter-spacing: -0.8px;
}

#retail_demo_sample_view #result_box .right_box div {
	float: left;
}

#retail_demo_sample_view #result_box .nor_text {
	color: #2c3749;
	font-size: 14px;
	font-weight: 600;
	line-height: 60px;
}

#retail_demo_sample_view #result_box .rst_text {
	color: #0099ff;
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
}

#total_container.en_US #retail_demo_sample_view #result_box .nor_text,
#total_container.en_US #retail_demo_sample_view #result_box .rst_text {
	letter-spacing: -1.5px;
}

#retail_demo_sample_view #result_box .icon {
	margin: 0px 5px;
	width: 12px;
	height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	text-align: center;
}

#retail_demo_sample_view #result_box .plus.icon {
	background-image: url('/resources/img/1214/ico_cal_addition.png');
}
#retail_demo_sample_view #result_box .minus.icon {
	background-image: url('/resources/img/1214/ico_cal_subtraction.png');
}
#retail_demo_sample_view #result_box .equal.icon {
	margin: 0px 10px;
	background-image: url('/resources/img/1214/ico_cal_equals.png');
}

#retail_demo_sample_view .payment_button {
	margin: 0 auto;
	width: 220px;
	padding-top: 17px;
	padding-bottom: 17px;
	color: #ffffff;
	border-radius: 24px;
	cursor: pointer;
	background-color: #0099ff;
	text-align:center;
	font-size: 14px;
	font-weight: 600;
}
#retail_demo_sample_view .payment_button:hover {
	background-color: #0089e6;
}

#retail_demo_sample_view .payment_button .text {
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
}
#retail_demo_sample_view #btn_box {
	margin: 30px 0px;
}


#retail_demo_sample_view .red {
	color: #ee3162 !important;
}


#retail_demo_sample_view.popup .panel .title {
	line-height: 60px;
	font-size: 20px;
	font-weight: 600;
	color: #2a4e6a;
	position: relative;
	margin-top: 60px;
}


#retail_demo_sample_view.popup .btn_close {
	top: 15px;
}

#retail_demo_sample_view #option_box .line input {
	margin-left: 10px;
	min-width: 120px;
	width: 250px;
	min-height: 24px;
	font-size: 13px;
	color: #56687f;
	border-radius: 3px;
	border: #c9d5e0 solid 1px;
	padding: 0px 10px;
	margin-top: 8px;
}

#retail_demo_sample_view .desc.terms {
   margin-right: 40px;
   text-align: center;
}

#retail_demo_sample_view #option_box .text {
	line-height: 58px;
	color: #2a4e6a;
	font-size: 15px;
	width: 96px;
	margin-right: 16px;
}

#total_container.en_US #retail_demo_sample_view #option_box .text {
	width: 116px;
}

#retail_demo_sample_view #option_box table {
	margin-top: 42px;
}

#retail_demo_sample_view #option_box table tr {
	vertical-align: top;
}

#retail_demo_sample_view #option_box input {
	box-sizing: border-box;
	display: block;
	margin-top: 9px;
	margin-right: 30px;
	height: 40px;
	padding: 0 14px;
	border: #b3c7d3 solid 2px;
	border-radius: 20px;
	background-color: #FFFFFF;
	color: #b3c7d3;
	font-size: 12px;
}

#retail_demo_sample_view #option_box .desc {
	font-size: 12px;
	color: rgba(62,90,112,0.8);
	margin-top: 8px;
}

#retail_demo_sample_view #option_box input:hover,
#retail_demo_sample_view #option_box input:focus,
#retail_demo_sample_view #option_box input.focus {
	outline: none;
	color: #0099ff;
	border: #0099ff solid 2px;
}


#retail_demo_sample_view #option_box input::placeholder {
	color: #97b0c0;
	font-size: 13px;
}

#retail_demo_sample_view #option_box #reqName {
	width: 150px;
}

#retail_demo_sample_view #option_box #reqCompany {
	width: 182px;
}

#retail_demo_sample_view #option_box #reqEmail {
	width: 240px;
}

#retail_demo_sample_view #option_box #reqTel {
	width: 240px;
}
/****** retail help popup **************/

.tabs_wrapper {
	width: 984px;
	height: 51px;
	margin: 37px auto 0;
	display: flex;
	align-items: center;
}

.tabs_wrapper.report {
	margin: 60px auto 0;
	border-bottom: unset;
}

.tabs_wrapper .tabs_item {
	width: 322px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #353C49;
	font-weight: 400;
	background-color: #DCEAF4;
	border-radius: 8px;
}

.tabs_wrapper .tabs_item.two {
	width: calc(100% / 2);
}

.tabs_wrapper .tabs_item.selected {
	color: #FFF;
	background: #015C98;
	font-weight: 600;
}

.tabs_wrapper.report .tabs_item.selected {
	background-color: #0099FF;
}

.tabs_wrapper .tabs_item + .tabs_item {
	margin-left: 9px;
}

#category #all_icon_area {
	margin-left  : 16px;
}

.page_orderby #div_check_box{
	cursor : pointer;
}

.page_orderby #search_type_slt_box .selected_box {
	box-sizing: border-box;
}

.item.nodata .text {
	color: #A2B0BB;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
} 

.post:where(#revenue_pop_share_post, #payment_count_pop_share_post) > .body{
	overflow : visible;
}

.rank_tbl.body .items .item .columns .rank .text.new {
	color : #FF788E;
}

.rank_tbl.body .items .item .columns .rank .text.new .wrapper {
	font-size : 10px;
}

.cmn_button_group:has(#integrateExcelBtn){
	border : none;
}

.page_orderby #keywordSearch {
	left : -1px;
}

.page_orderby #keywordSearch::placeholder,
#search_keyword::placeholder {
	color: rgba(112, 118, 131, 0.60);
}


.page_orderby #keywordSearch #btn_search {
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
	padding: 10px 20px;
	margin-left: 8px;
	height: 36px;
	box-sizing: border-box;
    background: #09F;
    color: #FFF;
    border : none;
}

.page_orderby #keywordSearch #btn_search:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #09F;
	cursor: pointer;
}

.page_orderby #keywordSearch #btn_search.dim {
	opacity: 0.3;
	cursor: default;
	pointer-events: none;
}

.page_orderby  #div_check_box {
	margin-left: auto;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0 20px;
	height : 36px;
}

.page_orderby #div_check_box:hover {
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.02);
}

.body .rank_tbl.body .items > .item.nodata {
	cursor: default;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #DDD;
	background: #FAFCFC;
	margin : 0;
}

/* .body .rank_tbl.body .items > .item.nodata:hover {
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	background: #FAFCFC;
} */

.body .rank_tbl.body .items > .item.nodata .text {
	color: #A2B0BB;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	margin-top: 12px;
}

.rank_tbl.header .item .wrapper .small_text {
	font-size : 11px;
}


.rank_tbl.body .items .item .columns li .value_bold{
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 590;
	line-height: normal;
}

.rank_tbl.body .items .item .columns li .value_middle{
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.rank_tbl.body .items .item .columns li .value_light {
	color: rgba(86, 104, 127, 0.60);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.page_orderby #keywordSearch #search_keyword input::placeholder,
.page_orderby #keywordSearch #search_keyword::-webkit-input-placeholder ,
.page_orderby #keywordSearch #search_keyword::-moz-placeholder,
.page_orderby #keywordSearch #search_keyword::-moz-placeholder ,
.page_orderby #keywordSearch #search_keyword::-ms-input-placeholder {
	color: rgba(112, 118, 131, 0.60);
}

.cmn_button_group.h48 .btn_item.store_btn {
	padding : 0 34px;
}

.en_US #up_down_filter .cmn_button_group.h36 .btn_item {
	padding : 0px 16px;
}

.en_US #up_down_filter .cmn_button_group.h36 .btn_item .wrapper {
	font-size : 12px;
}

.border_left_none {
	border-left : none !important;
}

#top_filter_box {
	backdrop-filter: blur(15px);
	background-color: rgba(255, 255, 255, 0.90) !important;
}

/* hey-there css 충돌로인한 설정 */
.blur {
      filter: none !important;
      --tw-blur: none !important;
}

#ht-enduser .n-heythere .floating-button .ht-button-image {
	width : 58px !important;
	height : 58px !important;
}

/* android only hover */
.android_only_icon.has_hover:hover{
	background-color: rgba(0, 0, 0, 0.02) !important;
}

/* android only has background color hover  */
.publisher_android_only_icon_area .android_only_icon.has_hover:hover{
	background-color: #F5F8FA !important;
}

.android_only_tooltip {
	display : none;
	padding-top : 12px;
	border-radius: 6px;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(5px);
	align-items: center;
	transform: translateX(-8%);
}

.android_only_tooltip .tooltip_contents {
	display : flex;
	gap: 8px;
	align-items: center;
	padding: 0 12px 12px 12px;
}

.android_only_tooltip .tooltip_contents .android_only_tooltip_icon {
	background-size : 26px 28px;
	background-image: url("/resources/img/common/android_only_icon_color.svg");
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 12px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	width: 48px;
	height: 48px;
	box-sizing: border-box;
}

.android_only_tooltip .text_area {
	width: 300px;
}

.en_US .android_only_tooltip .text_area {
	width : 240px;
}

.android_only_tooltip .text_area_title {
	color: #56687F;
	font-size: 13px;
	font-style: normal;
	font-weight: 410;
	line-height: 18px;
	margin-bottom: 8px;
	padding-left: 12px;
}

.android_only_tooltip .text_area .text_area_content {
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
}
/* android only hover */


.en_US .page_orderby .favorite_selected_text span {
	margin-left : 4px;
}

.ko_KR #up_down_filter .btn_item .wrapper {
	white-space: nowrap;
}


#gender.subfilter .cmn_button_group.h48,
#age.subfilter .cmn_button_group.h48 {
	height : 50px;
}

/* tooltip 관련 */
.tooltip_link_area {
	display: flex;
	padding: 10px 10px 10px 12px;
	align-items: center;
	gap: 4px;
	border-top: 1px solid #EAEAEA;
	cursor : pointer;
}

.tooltip_link_area .tooltip_link_text {
	color: #707683;
	text-align: center;
	font-size: 12px;
}

.tooltip_link_area .tooltip_link_icon,
.methodology_area .methodology_btn .icon,
.guide_tooltip .go_url_btn_area .go_url_icon {
	width : 12px !important;
	height : 12px !important;
	background-size : 12px !important;
	background-image: url("/resources/img/common/go_url_icon.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.tooltip_link_area:hover,
.guide_tooltip .go_url_btn_area:hover {
	background: rgba(0, 0, 0, 0.02);	
}

/* 데이터 방법론 */
.methodology_area {
	display : flex;
	width: 984px;
	align-items: center;
}

.methodology_area #text {
	margin-right : 10px;
	margin-left : 4px;
	color: rgba(25, 42, 62, 0.40);
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
}

.methodology_area .methodology_btn {
	gap : 4px !important;
	justify-content : center;
	margin-left : auto;
	align-items : center;
}

.methodology_area .methodology_btn .wrapper {
	color: #707683;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

/* tooltip icon */
.tooltip_icon_12,
.tooltip_icon_16,
.tooltip_icon_20 {
	cursor : pointer;
}

.tooltip_icon_12 {
	width : 12px;
	height : 12px;
	background-size : 12px;
	background-image: url("/resources/img/common/tooltip_icon_12.svg");
}

.tooltip_icon_16 {
	width : 16px;
	height : 16px;
	background-size : 16px;
	background-image: url("/resources/img/common/tooltip_icon_16.svg");
}

.tooltip_icon_20 {
	width : 20px;
	height : 20px;
	background-size : 20px;
	background-image: url("/resources/img/common/tooltip_icon_20.svg");
}

/* tooltip(type1) */
.guide_tooltip.type1 {
	display : none;
	max-width: 334px;
	padding: 8px 12px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	border-radius: 6px;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(5px);
}

.guide_tooltip.type1 .content {
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
}

.guide_tooltip.type1 .content div + div {
	margin-top : 4px;
}

/* gitbook guide tooltip(type2) */
.guide_tooltip.type2 {
	display : none;
	max-width: 360px;
	border-radius: 6px;
	box-sizing: border-box;
	backdrop-filter: blur(5px);
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
}

.guide_tooltip.type2 .contents {
	display: flex;
	max-width: 360px;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
}

.guide_tooltip.type2 .contents .guide_tooltip_title {
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
}

.guide_tooltip.type2 .contents .guide_tooltip_contents .type_text{
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
	max-width: 336px;
	width: max-content;
}

.guide_tooltip.type2 .contents .guide_tooltip_contents .type_text div + div{
	margin-top : 4px;
}

.guide_tooltip.type2 .contents .guide_tooltip_contents .type_list{
	display: flex;
	max-width: 336px;
	padding: 8px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	border-radius: 4px;
	background: rgba(233, 239, 243, 0.50);
	margin-top : 8px;
}

.guide_tooltip.type2 .contents .guide_tooltip_contents .type_list > div {
  position: relative;
  padding-left: 11px;
  text-indent: -10px;
  line-height: 18px;
}

.guide_tooltip.type2 .contents .guide_tooltip_contents .type_list > div::before {
  content: "\2022";
  color: rgba(112, 118, 131, 0.80);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}

.guide_tooltip.type2 .contents .guide_tooltip_contents .type_list div {
	color: rgba(112, 118, 131, 0.80);
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 16px;
}

.guide_tooltip.type2 .go_url_btn_area {
	display: flex;
	padding: 10px 10px 10px 12px;
	align-items: center;
	gap: 4px;
	border-top: 1px solid #EAEAEA;
	cursor:pointer;
}

.guide_tooltip.type2 .go_url_btn_area .go_url_title {
	color: #707683;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.rank_tbl.header .item .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rank_tbl.header .item .wrapper .tooltip_icon_12 {
	margin-top : 2px;
}

.rank_tbl.header .item.row_style .wrapper .text,
.rank_tbl.header .item.row_style .wrapper .tooltip_icon_12{
	margin-left: 19px;
}

.ko_KR:not(#top_filter_box) .rank_tbl.header .item.row_style .wrapper .guide_totalNumberOfPayments {
	margin-left : 25px;
}

.en_US .rank_tbl.header .item.row_style .wrapper .text {
	margin-left : 16px;	
}

.en_US .rank_tbl.header #title_revenue.item.row_style .wrapper .text {
	white-space: nowrap;
}

.rank_tbl.header .item .text,
.rank_tbl.header .item .wrapper .text {
	color: #565671;
	font-size: 11px;
	font-style: normal;
	line-height : 16px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -0.5px;
}

.en_US #title_installedCount .wrapper:nth-child(2) {
	margin-left : 20.5px !important;
}

.en_US #title_userCount .wrapper:nth-child(2) {
	margin-left : 32.5px !important;
}

.page_orderby #keywordSearch input[type="reset"] {
	box-sizing : border-box;
}

div.wrapper:has(.guide_daily) {
	gap : 4px;
	display : flex;
	align-items: center;
}

/* 서비스 문의 완료 모달 */
#complete_view_popup .panel {
	width: 490px;
	height: 380px;
	margin-top: 270px;
	background: #FFFFFF;
	border-radius: 10px;
}

#complete_view_popup .img_wrapper {
	padding-top: 36px;
	text-align: center;
}

#complete_view_popup .img_wrapper img {
	width: 165px;
}

#complete_view_popup .title_wrapper {
	margin: 21px auto 0;
	text-align: center;
}

#complete_view_popup .title_wrapper span {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #2C3749;
}

#complete_view_popup .text_wrapper {
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

#complete_view_popup .text_wrapper p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #2C3749;
}

#complete_view_popup .btn_wrapper {
	margin-top: 25px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

#complete_view_popup .btn_wrapper .btn_confirm {
	padding: 13px 0;
	margin: 0 158px;
	background: #0099FF;
	border-radius: 24px;
	text-align: center;
	cursor: pointer;
}

#complete_view_popup .btn_wrapper .btn_confirm:hover {
	background: #0089e6;
}

#complete_view_popup .btn_wrapper span {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
}
/* 서비스 문의 완료 모달 */