#gnb_view .inner {
	width: 1306px;
	margin: 0 auto;
	position: relative;
}


/***********  float-menu  *************/

#gnb_wrapper {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.notification_wrapper {
	display: none;
	background-color: #7dedf1;
}

#payment_notification_wrapper {
	background-color: #7dedf1;
	display: none;
}

#report_notification_wrapper {
	background-color: #7dedf1;
	display: none;
}

#goods_notification_wrapper {
	background-color: #7dedf1;
	display: none;
}


#notification_wrapper {
	background-color: #7dedf1;
}

.notification_view {
	clear: both;
	text-align : center;
	width: 1024px;
	margin: 0 auto;
	position:relative;
}

.notification_view #noti_content {
	color: #3b4c66;
    font-size: 13px;
    margin-left: 20px;
    letter-spacing: -0.5px;
    height: 26px;
    padding: 5px 0;
    line-height: 25px;
}


#payment_notification_view.notification_view #noti_content {
	color: #000000;
}

.notification_view #noti_content #noti_title {
	display: inline-block;
	font-weight: 600;
}

.notification_view #noti_content #noti_desc {
	margin-left: 3px;
	display: inline-block;
	font-weight: 600;
}

.notification_view #noti_content #noti_desc > span.red {
	color: red;
}

.notification_view #noti_content #noti_desc .date {
	font-size: 16px;
}

.notification_view #btn_go_detail,
.notification_view #btn_go_paid_info,
.notification_view #btn_go_mypage {
	position: absolute;
	text-align: center;
	right: -7px;
	top: 6px;
	font-size : 12px;
	font-weight : 400;
	cursor: pointer;
	padding: 6px 9px;
	color: rgba(59, 76, 102, 0.80);
}

.en_US #btn_go_paid_info,
.en_US #btn_go_mypage{
	right: 17px;
}

.en_US #btn_close_area {
	right : -135px;
}



.notification_view #btn_line {
	width: 1px;
	height: 12px;
	opacity: 0.2;
	background: #3B4C66;
	position: absolute;
	right: -14px;
	top: 12px;
}

.en_US .notification_view #btn_go_detail {
	right: 17px;
}

.en_US .notification_view #btn_line {
	right: 10px;
}

.en_US .notification_view #btn_close_area {
	right: -142px;
}

.notification_view #btn_close_area{
	position: absolute;
	right: -141px;
	top: 6px;
	display: flex;
	gap: 5px;
	cursor: pointer;
	align-items: center;
	padding: 6px 9px;
}

.notification_view #btn_close_area:hover,
.notification_view #btn_go_detail:hover,
.notification_view #btn_go_paid_info:hover,
.notification_view #btn_go_mypage:hover {
	border-radius: 4px;
    background: rgba(0, 0, 0, 0.05);
}

.notification_view #btn_close_area > #btn_close_text {
	color: rgba(59, 76, 102, 0.80);
    font-size: 12px;
    font-weight: 400;
}

.notification_view #btn_close_area > #btn_close {
	width: 8px;
    height: 8px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 8px 8px;
	background-image:url('/resources/img/gnb/btn_close.svg');
}

.notification_view #btn_close:hover {
	background-image:url('/resources/img/0516/btn_banner_close_pre.png');
}

.notification_view #btn_today_close {
	height: 32px;
	line-height: 32px;
	position: absolute;
	color: rgba(255,255,255,0.8);
	background-color: #3B4C66;
	text-align: center;
	right:20px;
	top: 14px;
	border-radius: 16px;
	cursor: pointer;
	padding: 0px 20px;
}

.notification_view #btn_today_close:hover {
	background-color: #2B3D52;
}

#gnb_wrapper {
	position: relative;
	width: 100%;
	z-index: 1900;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}


#gnb_wrapper #div_top_navi {
	height: 35px;
}

#gnb_wrapper #top_line {
	height: 1px;
	background-color: #ffffff;
	opacity: 0.2;
}
#gnb_wrapper.float-menu {
	top:0px;
	position: fixed;
	z-index: 9999;
	min-width: 1280px;
	/* height: 80px; */
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

#gnb_wrapper.float-menu.notification {
	height: 140px;
	top: 0px;
} 

#gnb_wrapper.float-menu #div_top_navi,
	#gnb_wrapper.float-menu #top_line {
	display: none;
}

#gnb_wrapper.float-menu #gnb_view #menu .item, 
#gnb_wrapper.float-menu #gnb_view #menu ul li .menu_sub .item {
	color: #2c3749;
}

#gnb_wrapper.float-menu #gnb_view #menu ul li .menu_sub .item:hover,
#gnb_wrapper.float-menu #gnb_view #selected_sub:hover {
	color: #0099ff;
}

#gnb_wrapper.float-menu #gnb_view #menu .item.selected,
#gnb_wrapper.float-menu #gnb_view #menu ul li .menu_sub .item.selected,
#gnb_wrapper.float-menu #gnb_view #selected_sub {
	color: #0099ff;
}

#gnb_wrapper.float-menu #gnb_view #menu .item.small {
	color: rbga(44, 55, 73, 0.8);
}

#gnb_wrapper.float-menu #gnb_view #menu .item:hover
#gnb_wrapper.float-menu #gnb_view #menu ul li .menu_sub .item:hover ,
#gnb_wrapper.float-menu #gnb_view #selected_sub:hover {
	color: #0099ff !important;
}

#gnb_wrapper.float-menu  #gnb_view #menu.sub .line div {
	background-color: #e0e0e0;
}

#gnb_wrapper.float-menu #gnb_view #div_search {
	top: 7px;
}

/* #gnb_wrapper.float-menu #gnb_view #div_search .img {
	background-image:url('/resources/img/190621/ico_search_nor.png');
}

#gnb_wrapper.float-menu #gnb_view #div_search:hover .img,
#gnb_wrapper.float-menu #gnb_view #div_search.focus .img {
	background-image:url('/resources/img/190621/ico_search_pre.png');
}
 */
 
#gnb_wrapper.float-menu #gnb_view #div_search #search_app::-webkit-input-placeholder {
	color:	#97B0C0;
}
#gnb_wrapper.float-menu #gnb_view #div_search #search_app::-moz-placeholder {
	color:	#97B0C0;
}
#gnb_wrapper.float-menu #gnb_view #div_search #search_app::-moz-placeholder {
	color:	#97B0C0;
}
#gnb_wrapper.float-menu #gnb_view #div_search #search_app::-ms-input-placeholder {
	color:	#97B0C0;
}

#gnb_wrapper.float-menu #gnb_view #div_search input[type="reset"]:hover {
	background-color : #ECEFF3;
}

#gnb_wrapper.float-menu #gnb_view_float_line {
	display: block;
}

#gnb_wrapper.float-menu #gnb_view #menu.sub #menu_contact {
	color: #FFF;
	background: #09F;
}

#gnb_wrapper.float-menu #gnb_view #menu .menu_items .menu_item .menu_wrapper:hover,
#gnb_wrapper.float-menu #gnb_view #menu.sub .item .menu_wrapper:hover {
	background: rgba(0, 153, 255, 0.05);
}

#gnb_wrapper .gnb_table_header {
	display : none;
	border : 0;
    justify-content: center;
}

/***********  float-menu  *************/

#gnb_view_float_line {
	width: 100%;
	height: 11px;
	display: none;
    position : fixed;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.00) 100%);
}

#gnb_wrapper.float-menu #gnb_view #div_bottom_navi {
	/* backdrop-filter: blur(15px); */
	z-index : 1903;
}

#gnb_view #div_bottom_navi {
	height: 54px;
	width: 1306px;
	display: flex;
	gap: 420px;
	/* justify-content: center; */
}

.en_US #gnb_view #div_bottom_navi {
	gap: 359px;
}

#gnb_wrapper #gnb_view #gnb_top_box {
	background-color: #0099FF;
	position: relative;
}
#gnb_wrapper.float-menu #gnb_view #gnb_top_box {
	z-index: 1902;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(15px);
}


#gnb_view #gnb_bottom_box {
	height:0px;
	position: relative;
	z-index: 1902;
}

#gnb_view #div_bottom_navi_sub {
	height:200px;
	position: relative;
	background-color:rgba(255,255,255,0.94);
}

#gnb_view #div_top_navi #right_box {
	float:right;
}

#gnb_view #lang_list .item .text {
	float: left;
	color: #ffffff;
	margin-left: 2px;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.6px;
}

#gnb_view #lang_list #change_language.item{
	opacity: 0.8;
	height: 35px;
	display: flex;
	align-items: center;
}

#gnb_view #lang_list #change_language.item .logo {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	background-image: url('/resources/img/gnb/language_Icon.svg');
}

#gnb_view #lang_list #change_language.item .menu_wrapper:hover{
	cursor: pointer;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.05);	
}
#gnb_view #lang_list #change_language.item .menu_wrapper{
	float: left;
	height: 14px;
	display: flex;
	padding: 4px 8px;
	align-items: center;
}

#gnb_view #button-fb-follow {
	float: left;
	margin-left: 30px;
	margin-top:10px;
}

#gnb_view #bi {
	float: left;
	width: 132px;
	height: 35px;
	background: no-repeat;
	background-position: center;
	cursor: pointer;
	zoom: 1;
	background-size : 132px 12px;
	background-image:url('/resources/img/common/gnb_logo.svg');
}

#gnb_view #bi_retail {
	float: left;
	margin-top: 13px;
	margin-left: 12px;
	width: 59px;
	height: 13px;
	cursor: pointer;
	zoom: 1;
	background-image:url('/resources/img/210225/img_logo_gnb_retail_nor.png');
}

#gnb_view #bi_retail:hover {
	background-image:url('/resources/img/210225/img_logo_gnb_retail_pre.png');
}

#gnb_view #bi_goods {
	float: left;
	margin-top: 13px;
	margin-left: 12px;
	width: 64px;
	height: 13px;
	cursor: pointer;
	zoom: 1;
	background-image:url('/resources/img/210225/img_logo_gnb_goods_nor.png');
}

#gnb_view #bi_goods:hover {
	background-image:url('/resources/img/210225/img_logo_gnb_goods_pre.png');
}

#gnb_view #div_top_navi .line {
	float: left;
	margin-top: 19px;
	margin-left: 12px;
	width: 2px;
	height: 2px;
	cursor: default;
	zoom: 1;
	background-color: rgba(255, 255, 255, 0.3);
}

#total_container.en_US #gnb_view #menu {
	letter-spacing: -0.5px;
}

.en_US #gnb_view .menu_items {
	margin-right: 0px;
}

.ko_KR #gnb_view.authenticated-class .menu_items {
	margin-right: 110px;
}
.ko_KR #gnb_view.anonymous-class .menu_items {
	margin-right : 130px;
}

.en_US #gnb_view #menu ul{
	margin-left : 10px;
}

#gnb_view #menu ul {
	display: flex;
	align-items: center;
}

#gnb_view #menu ul li {
	position: relative;
}

#total_container.en_US #gnb_view #menu .item {
	line-height: 16px;
}

#gnb_view #menu .item {
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	color: #FFFFFF;
	cursor: pointer;
}

#gnb_view #menu .item > a {
	color: #FFFFFF;
}

#gnb_view #menu .item.selected,
#gnb_view #menu .item.selected:hover {
	color: #82fbff;
}

#gnb_view #menu .item:hover {
	font-weight: 600;
	color: #FFF;
}

#gnb_view #menu .item.small {
	font-size: 12px;
	color: #FFFFFF;
}

/* main_menu sub_menu */

#gnb_view #selected_sub {
	position: absolute;
	font-size: 14px;
	color: #82fbff;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

#gnb_view #selected_sub:hover {
	font-weight: 600;
}

#gnb_view #selected_sub.app_rank {
	width: 80px;
	left: 98px;
}

#gnb_view #selected_sub.report {
	width: 80px;
	left: 257px;
}

#gnb_view #selected_sub.aso {
	width: 80px;
	left: 338px;
}

#gnb_view #menu ul li .menu_sub {
	min-width: 168px;
	display: none;
	position: absolute;
	top: 50px;
	background-color: #FFFFFF;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
	border-radius: 8px;
	z-index: 1902;
	padding: 8px;
	backdrop-filter: blur(15px);
	margin-left: 0;
}

#gnb_view #menu ul li #app_analytics_sub.menu_sub {
	height: 267px;
}

#total_container.en_US #gnb_view #menu ul li #app_analytics_sub.menu_sub {
	width: 100%;
}

#total_container.en_US #gnb_view #menu ul li #retail_analytics_sub.menu_sub {
	width: 208px;
}


#gnb_view #menu ul li #retail_analytics_sub.menu_sub {
	height: 176px;
}

#gnb_view #menu ul li #goods_analytics_sub.menu_sub {
	height: 132px;
}

#gnb_view #menu ul li .menu_sub .item {
	all: unset;
	display: block;
}

#gnb_view #menu ul li .menu_sub .item ul {
	display: block;
	margin: 0;
}

#gnb_view #menu ul li .menu_sub .middle_line {
	width: 100%;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: unset;
	position: unset;
	background-color: rgba(59, 76, 102, 0.10);
}

#gnb_view #menu ul li .menu_sub .item > ul > a > .list {
	height: 44px;
	margin-left: unset;
	position: unset;
	display: flex;
	align-items: center;
}

#gnb_view #menu ul li .menu_sub .item > ul > a > .list .menu_icon {
	width: 20px;
	height: 20px;
	margin-left: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
}

#gnb_view .menu_sub .item > ul > a:nth-child(1) > .list .menu_icon {
	background-image: url(/resources/img/common/gnb_rank_icon.svg);
}

#gnb_view #app_analytics_sub .item:last-child > ul > a:nth-child(1) > .list .menu_icon,
#gnb_view .menu_sub .item > ul > a:nth-child(2) > .list .menu_icon {
	background-image: url(/resources/img/common/gnb_compare_icon.svg);
}

#gnb_view #app_analytics_sub .item:first-child > ul > a:nth-child(2) > .list .menu_icon {
	background-image: url(/resources/img/common/gnb_store_rank_icon.svg);
}

#gnb_view #app_analytics_sub .item:first-child > ul > a:nth-child(3) > .list .menu_icon {
	background-image: url(/resources/img/common/gnb_game_rank_icon.svg);
}

#gnb_view #app_analytics_sub .item:last-child > ul > a:nth-child(2) > .list .menu_icon,
#gnb_view #retail_analytics_sub .item > ul > a:nth-child(3) > .list .menu_icon {
	background-image: url(/resources/img/common/gnb_report_icon.svg);
}

#gnb_view #app_analytics_sub .item:last-child > ul > a:nth-child(3) > .list .menu_icon,
#gnb_view #retail_analytics_sub .item > ul > a:nth-child(4) > .list .menu_icon,
#gnb_view #goods_analytics_sub .item > ul > a:nth-child(3) > .list .menu_icon {
	background-image: url(/resources/img/common/gnb_favorite_rank_icon.svg);
}

#gnb_view #menu ul li .menu_sub .item > ul > a > .list .menu_name {
	margin-left: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #353C49;
	letter-spacing: normal;
}

#gnb_view #menu ul li .menu_sub .item > ul > a > .list:hover {
	border-radius: 4px;
	background: rgba(0, 153, 255, 0.05);
}

#gnb_view .menu_sub .item > ul > a:nth-child(1) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_rank_icon.svg);
}

#gnb_view .menu_sub .item > ul > a:nth-child(2) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_compare_icon.svg);
}

#gnb_view #app_analytics_sub .item:first-child > ul > a:nth-child(2) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_store_rank_icon.svg);
}

#gnb_view #app_analytics_sub .item:first-child > ul > a:nth-child(3) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_game_rank_icon.svg);
}

#gnb_view #app_analytics_sub .item:last-child > ul > a:nth-child(1) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_compare_icon.svg);
}

#gnb_view #app_analytics_sub .item:last-child > ul > a:nth-child(2) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_report_icon.svg);
}

#gnb_view #app_analytics_sub .item:last-child > ul > a:nth-child(3) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_favorite_rank_icon.svg);
}

#gnb_view #retail_analytics_sub .item > ul > a:nth-child(3) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_report_icon.svg);
}

#gnb_view #retail_analytics_sub .item > ul > a:nth-child(4) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_favorite_rank_icon.svg);
}

#gnb_view #goods_analytics_sub .item > ul > a:nth-child(3) > .list.selected .menu_icon {
	background-image: url(/resources/img/common/gnb_hover_favorite_rank_icon.svg);
}

#gnb_view #menu ul li .menu_sub .item ul li.list.selected .menu_name {
	color: #0099ff;
}

#gnb_view #menu ul li .menu_sub .item ul li.title {
	font-weight: 600;
}

#gnb_view #div_bottom_navi_sub .btn_close {
	position: absolute;
	right: 5px;
	top: 10px;
	width: 44px;
	height: 44px;
	z-index: 4;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(/resources/img/190621/btn_gnb_close_nor.png);
}

#gnb_view #div_bottom_navi_sub .btn_close:hover {
	background-image: url(/resources/img/190621/btn_gnb_close_pre.png);
}

/****/

#gnb_view #div_sub_navi {
	position: relative;
	margin-left : auto;
}

#gnb_view #menu.sub .line {
	padding: 1.5px 6px;
	cursor: default;
}

#gnb_view #menu.sub .line div {
	width: 1px;
	height: 9px;
	background-color: rgba(255, 255, 255, 0.5);
}

#gnb_view #menu.sub ul li {
	margin-left: 0px;
	padding-top: 0px;
	cursor: pointer;
}

#gnb_view #menu.sub ul .menu_line {
	background: rgba(0, 0, 0, 0.05);
    height: 1px;
    align-self: stretch;
    width: 144px;
    margin: 8px 0;
}

#gnb_view #menu.sub .item {
	font-size: 12px;
	text-align: center;
}

#gnb_view #menu.sub ul li:nth-child(2) {
	margin-right: 32px;
}

#gnb_view #menu.sub #menu_contact{
	height :100%;
	color: #0081D8;
	font-size: 12px;
	font-weight: 700;
	background: #E4FDFF;
	border-radius: 15px;
}

#gnb_view #menu.sub #menu_contact .menu_wrapper{
	padding: 7px 12px;
	font-weight : 600;
	transition: 0.5s;
}	

#gnb_view #menu.sub #menu_contact .menu_wrapper:hover {
	box-shadow: 0px 0px 20px 0px rgba(189, 253, 255, 0.50);
}

#gnb_view #menu.sub #menu_cs.active,
#gnb_view #menu.sub .item:hover {
	font-weight: 600;
}

#gnb_view #menu.sub .item .cs_icon {
	width: 14px;
	height: 14px;
	margin-left : 2px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px;
	background-image: url('/resources/img/common/gnb_btn_icon.svg');
}

.en_US #gnb_view #menu.sub .item .my_page {
	min-width: 45px;
}

.en_US #gnb_view #menu.sub .item .cs_icon {
	height: 15px;
}

#gnb_wrapper.float-menu #gnb_view #menu.sub .item .cs_icon {
	margin-left : 2px;
	background-image: url('/resources/img/common/ic_gnb_cs.svg');
}

#gnb_view #menu.sub #menu_cs.active .cs_icon,
#gnb_view #menu.sub .item:hover .cs_icon {
	transform: scaleY(-1);
}

#gnb_wrapper #gnb_view #menu.sub #ico_alarm {
	width: 46px;
	height: 36px;
	margin-top: -10px;
	margin-left: 18px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/resources/img/190621/btn_alarm_sel.png');
}

#gnb_wrapper #gnb_view #menu.sub #ico_alarm.has_item {
	background-image:url('/resources/img/190621/btn_alarm_nor.png');
}

#gnb_wrapper #gnb_view #menu.sub #ico_alarm.has_item.selected {
	background-image:url('/resources/img/190621/btn_alarm_pre.png');
}

#gnb_wrapper.float-menu #gnb_view #menu.sub #ico_alarm {
	background-image:url('/resources/img/190621/btn_alarm_s_sel.png');
}

#gnb_wrapper.float-menu #gnb_view #menu.sub #ico_alarm.has_item {
	background-image:url('/resources/img/190621/btn_alarm_s_nor.png');
}

#gnb_wrapper.float-menu #gnb_view #menu.sub #ico_alarm.has_item.selected {
	background-image:url('/resources/img/190621/btn_alarm_s_pre.png');
}

#gnb_view #div_search {
	position: absolute;
	top: 7px;
	right: 0px;
}

#gnb_view #div_search * {
	-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;
}


#gnb_view #div_search .img {
	position: absolute;
	width: 20px;
	height: 20px;
	margin: 8px 0px 0px 16px;
	zoom: 1;
	background-size: 20px;
	background-image: url('/resources/img/common/gnb_search_icon.svg');
}

#gnb_view #div_search #search_app_container {
	box-sizing: border-box;
	display: block;
	width: 238px;
	height: 36px;
	/* margin-right: 20px; */
	padding: 0 0 0 41px;
	border: #b3c7d3 solid 1px;
	-moz-border-radius: 18px/50%;
	-webkit-border-radius: 18px/50%;
	border-radius: 18px/50%;
	background-color: #FFFFFF;
	color:#b3c7d3;
	font-size: 12px;
	overflow: hidden;
}

#gnb_view #div_search #search_app_container #search_app {
	border: none;
	width: 176px;
	line-height: 31px;
	caret-color: #09F;
	color: #09F;
	font-weight: 400;
	font-size: 12px;
}

#gnb_view #div_search #search_app_container #search_app::placeholder {
	font-size : 12px;
	font-weight: 300;
}

/* search default */
#gnb_view #separator_line {
	position: absolute;
    top: 43px;
    height: 7px;
    width: 205px;
    right: 0px;
}

#gnb_view #div_search_history{
	display: none;
	flex-direction: column;
	width: 346px;
	border-radius: 8px;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: #FFF;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	position: absolute;
	top: 45px;
	margin-top: 4px;
	right: 0;
	box-sizing: border-box;
}

#gnb_view #div_search_keyword_history{
	display: none;
	flex-direction: column;
	min-width: 308px;
	border-radius: 8px;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: #FFF;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	position: absolute;
	top: 43px;
	margin-top: 6px;
	right: 0;
	box-sizing: border-box;
	width: 346px;
}

#gnb_view #div_search_history .header{
	display: flex;
    padding: 6px 6px 6px 16px;
    align-items: center;
    height: 28px;
}

#gnb_view #div_search_keyword_history .header{
	display: flex;
	padding: 6px 6px 6px 16px;
	align-items: center;
	height: 28px;
}

#gnb_view #div_search_history .header_text,
#gnb_view #div_search_keyword_history .header_text {
	color: #000;
	opacity: 0.8;
	font-weight: 400;
	white-space: nowrap;
}

#gnb_view #div_search_history .header_delete_btn,
#gnb_view #div_search_keyword_history .header_delete_btn {
	color: rgba(53, 60, 73, 0.50);
	font-weight: 400;
	cursor: pointer;
	padding: 6px 12px;
	margin-left: auto;
	white-space: nowrap;
}

#gnb_view #div_search_history .header_delete_btn:hover,
#gnb_view #div_search_keyword_history .header_delete_btn:hover {
	border-radius: 4px;
    background: rgba(0, 0, 0, 0.02);
}

#gnb_view #div_search_history .list,
#gnb_view #div_search_keyword_history .list {
	max-height: 340px;
	/* margin-bottom : 8px; */
}

#gnb_view #div_search_result .list div.no_result {
	margin : 16px;
}

#gnb_view #div_search_history .list .no_result,
#gnb_view #div_search_result .list .no_result,
#gnb_view #div_search_keyword_history .list .no_result {
	display: flex;
	padding: 0px 12px;
	justify-content: center;
	align-items: center;
	color: rgba(0, 0, 0, 0.4);
	font-weight: 400;
	border-radius: 4px;
	background: #F9F9F9;
	height: 60px;
	margin: 0 16px 16px 16px;
}

#gnb_view #div_search_history .list .list_result,
#gnb_view #div_search_keyword_history .list .list_result {
	overflow : auto;
	max-height: 300px;
}

#gnb_view #div_search_history .list .list_result::-webkit-scrollbar, 
#gnb_view #div_search_keyword_history .list .list_result::-webkit-scrollbar{
	width: 12px;
}

#gnb_view #div_search_history .list .list_result::-webkit-scrollbar-thumb,
#gnb_view #div_search_keyword_history .list .list_result::-webkit-scrollbar-thumb {
	border-radius: 6px;
	border: 3px solid #FFFFFF;
	background: #D6D6D6;
	width: 6px;
}

#gnb_view #div_search_history .list .list_result::-webkit-scrollbar-track,
#gnb_view #div_search_keyword_history .list .list_result::-webkit-scrollbar-track {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #FFFFFF;
}

#gnb_view #div_search_history .list .list_result .item:last-child,
#gnb_view #div_search_keyword_history .list .list_result .item:last-child,
#gnb_view .ui-menu .ui-menu-item:last-child{
	margin-bottom : 8px;
}

#gnb_view #div_search_history .list .list_result .item,
#gnb_view #div_search_keyword_history .list .list_result .item {
	cursor: pointer;
	padding : 6px 8px 6px 16px;
}

#gnb_view #div_search_history .list .list_result .item:hover,
#gnb_view #div_search_keyword_history .list .list_result .item:hover {
	background: #F8FBFE;
}

#gnb_view #div_search_history .list .list_result .item .app_info,
#gnb_view #div_search_keyword_history .list .list_result .item .app_info {
	display : flex;
	align-items: center;
}

#gnb_view #div_search_history .list .list_result .item .app_info .android_only_area {
	display : flex;
	align-items: center;
}

#gnb_view #div_search_history .list .list_result .item .app_info .android_only_area #name {
	max-width: 220px;
}

#gnb_view #div_search_history .list .list_result .item .app_info #icon.svc_icon{
	width: 28px;
	height: 28px;
	border-radius: 17.5px;
	background-position: center;
	background-size: 15.75px;
	background-repeat: no-repeat;
}

#gnb_view #div_search_history .list .list_result .item .app_info #icon.text_icon{
	color: #FFF;
	width: 28px;
	height: 28px;
	font-weight: 400;
	line-height: 28px;
	border-radius: 7px;
	text-align: center;
	font-size: 12.25px;
}

#gnb_view #div_search_history .list .list_result .item .app_info #icon img {
	width : 28px;
	height : 28px;
    border-radius: 8px;
    outline: 1px solid rgba(0, 0, 0, 0.05);
    outline-offset: -1px;
}

#gnb_view #div_search_keyword_history .list .list_result .item .app_info #icon{
	width: 16px;
    height: 16px;
    padding: 6px;
    border-radius: 19px;
    background: rgba(185, 200, 220, 0.30);
}

#gnb_view #div_search_history .list .list_result .item .app_info .mg_r_auto {
	margin-right : auto;
}

#gnb_view #div_search_history .list .list_result .item .app_info #name {
	color: #2C3749;
	font-size: 13px;
	font-weight: 400;
	display: flex;
	align-items: center;
	padding-left: 8px;
	padding-right: 6px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}

.app_info:has(#type_tag) #name {
    max-width: 165px;
}

.app_info:not(:has(#type_tag)) #name {
    max-width: 240px;
}

#gnb_view #div_search_history .list .list_result .item .app_info #name .ico_arrow {
	width: 16px;
	height: 16px;
	display : inline-block;
	background-size : 16px;
	margin : 0 2px;
	background-image:url('/resources/img/common/ico_arrow_detail.svg');
}

#gnb_view #div_search_history .list .list_result .item .app_info #type_tag {
	border-radius: 3px;
	background: #F5F6F7;
	color: rgba(0, 0, 0, 0.40);
	font-size: 9px;
	font-weight: 400;
	height: 11px;
	padding: 3px 5px;
	display: flex;
	margin-top: 5px;
	align-items: center;
}

#gnb_view #div_search_keyword_history .list .list_result .item .app_info #name{
	color: #2C3749;
    font-size: 13px;
    display: block;
    font-weight: 400;
    padding-left: 8px;
    width: 246px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
}

#gnb_view #div_search_history .list .list_result .item .app_info #brand_icon,
#gnb_view #div_search_result .list .ui-autocomplete #brand_icon {
	width: 28px;
    height: 28px;
    border-radius: 4px;
 	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
    background: #FFF;
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

#gnb_view #div_search_history .list .list_result .item .app_info #brand_icon .wrapper-blur1,
#gnb_view #div_search_result .list .ui-autocomplete #brand_icon .wrapper-blur1{
	    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#gnb_view #div_search_result .list .ui-autocomplete #brand_icon .no_image_icon,
#gnb_view #div_search_history .list .list_result .item .app_info #brand_icon .no_image_icon{
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	display : flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100%;
    background-color : #5B9EEC;
}

#gnb_view #div_search_history .list .list_result .item .app_info #icon.svc_icon.no_image_icon {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display : flex;
    align-items: center;
    justify-content: center;
}

#gnb_view #div_search_result .list .brand_area {
	display: flex;
    gap: 8px;
}

#gnb_view #div_search_history .list .list_result .item .app_info #brand_icon .wrapper-blur1 .icon_background,
#gnb_view #div_search_result .list .ui-autocomplete #brand_icon .wrapper-blur1 .icon_background {
	width: 40px;
    height: 40px;
    filter: blur(5px);
    opacity: 0.2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}

#gnb_view #div_search_history .list .list_result .item .app_info #brand_icon .icon_img,
#gnb_view #div_search_result .list .ui-autocomplete #brand_icon .icon_img {
    z-index: 1;
    width: 18px;
    height: 18px;
    position: absolute;
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

#gnb_view #div_search_history .list .list_result .item .app_info #close,
 #gnb_view #div_search_keyword_history .list .list_result .item .app_info #close{
	padding: 5px;
	display: flex;
	cursor: pointer;
	margin-left: auto;
}

#gnb_view #div_search_history .list .list_result .item .app_info #close:hover,
 #gnb_view #div_search_keyword_history .list .list_result .item .app_info #close:hover{
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.02);
}

#gnb_view #div_search_history .list .list_result .item .app_info #close img,
#gnb_view #div_search_keyword_history .list .list_result .item .app_info #close img {
	width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
}


#gnb_view #div_search #search_app_container:focus,
#gnb_view #div_search.focus #search_app_container {
	width: 346px;
	border: #0099ff solid 1px;
	color:#0099ff;
}

#gnb_view #div_search:hover #search_app_container {
	color: #0099ff;
    border-radius: 18px;
    border: 1px solid #09F;
}

#gnb_view #div_search:hover .img,
#gnb_view #div_search.focus .img {
	background-image:url('/resources/img/common/gnb_hover_search_icon.svg');
}

#gnb_view #div_search #search_app:focus,
#gnb_view #div_search #search_app.focus {
	outline: none;
}

::-webkit-input-placeholder {
	color: #97b0c0;
}
:-moz-placeholder {
	color: #97b0c0;
}
::-moz-placeholder {
	color: #97b0c0;
}
:-ms-input-placeholder {
	color: #97b0c0;
}

#gnb_view #div_search input[type="reset"] {
	display: none;
	background-image:url('/resources/img/gnb/app_history_delete_Icon.svg');
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	border: none;
	border-radius: 10px;
	background-color: rgba(185, 200, 220, 0.20);
	background-size: 13px;
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 95px;
	box-sizing : border-box;
	padding: 4.286px 4.286px 4.285px 4.285px;
}

#gnb_view #div_search input[type="reset"]:hover {
	border-radius: 10px;
	background-color: #ECEFF3;
}

#gnb_view #div_search .search_btn{
	display:none;
	width: 58px;
	height: 16px;
	padding: 6px 12px;
	border-radius: 14px;
	background: #09F;
	position: absolute;
	top: 4px;
	right: 4px;
	opacity : 0.3;
	cursor: pointer;
}

#gnb_view #div_search .search_btn .search_btn_text{
	color: #FFF;
	text-align: center;
	font-weight: 600;
	line-height: 15px;
}

#gnb_view #div_search .search_btn:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #09F;
}

/***********  autocomplete  *************/
#gnb_view #div_search_result {
	position: absolute;
	top: 52px;
	right: 0;
	border-radius: 8px;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #FFF;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	width: 346px;
	min-height: 62px;
	max-height: 340px;
	overflow: hidden;
	display: none;
	z-index: 1901;
	zoom: 1;
}

#gnb_view #div_search_result #loading {
	width : 346px;
	height : 136px !important;
}

#gnb_view #div_search_result #loading,
#gnb_view #div_search_result .next_page_btn #loading_next_btn {
	width: 46px;
	margin : 0 auto;
}

#gnb_view #div_search_result .next_page_btn #loading_next_btn {
	background-color : #FFF;
}

#gnb_view #div_search_result .head {
	position: relative;
	background: #FFF;
	width: 100%;
	height: 44px;
	z-index: 1901;
	zoom: 1;
	display : flex;
	padding: 0 4px;
	box-sizing: border-box;
	align-items: center;
	border-bottom: solid 1px #E4E4E4;
}

#gnb_view #div_search_result .head .item {
	cursor : pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 36px;
	position: relative;
}

#gnb_view #div_search_result .head .item .text {
	width: 100%;
    padding: 10px 20px;
    color: #707683;
    font-weight: 400;
    font-size: 13px;
    border-radius: 6px;
}

#gnb_view #div_search_result .head .item:not(.dim) .text:hover {
	border-radius: 6px;
    background: rgba(0, 0, 0, 0.02);
}

#gnb_view #div_search_result .head .item.selected:after {
	content: '';
	position: absolute;
	top: 38px;
	width : 100%;
	height: 2px;
	z-index: 1903;
	background-color: #09F;
}

#gnb_view #div_search_result .head .item.selected .text {
	color: #09F;
    font-weight: 600;
}

#gnb_view #div_search_result .list {
	position: relative;
	min-height: 44px;
}

#gnb_view .ui-autocomplete {
	color: #2b3d52;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 346px;
	max-height: 296px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 0px;
	position: relative;
}

#gnb_view .list .ui_menu_header {
	display: inline-flex;
    padding: 6px 6px 6px 16px;
    align-items: center;
    width: 324px;
    justify-content: space-between;
}

#gnb_view .list .ui_menu_header.line{
    border-top: 1px solid #E4E4E4;
}

#gnb_view .list .ui_menu_header .ui_menu_text {
	color: rgba(44, 55, 73, 0.80);
	font-weight: 600;
	font-size: 12px;
	line-height: normal;
}

#gnb_view .list .ui_menu_header .ui_menu_delete_btn {
	display: flex;
    height: 16px;
    padding: 6px 12px;
    align-items: center;
    cursor : pointer;
    color: rgba(53, 60, 73, 0.50);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

#gnb_view .list .ui_menu_header .ui_menu_delete_btn:not(.dim):hover {
	border-radius: 4px;
    background: rgba(0, 0, 0, 0.02);
}

#gnb_view .ui-autocomplete::-webkit-scrollbar{
	width: 12px;
}

#gnb_view .ui-autocomplete::-webkit-scrollbar-thumb {
	border-radius: 6px;
	border: 3px solid #FFFFFF;
	background: #D6D6D6;
	width: 6px;
}

#gnb_view .ui-autocomplete::-webkit-scrollbar-track {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #FFFFFF;
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html #gnb_view  .ui-autocomplete {
	height: 100px;
  }

#gnb_view  .ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
    cursor : pointer;
	width: 100%;
	list-style-image: none;
	min-height: 40px;
}

#gnb_view .ui-menu .ui-menu-item:hover {
	background-color: #F8FBFE;
}

#gnb_view .ui-menu .next_page_btn.ui-menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(44, 55, 73, 0.50);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom : unset;
}

#gnb_view .ui-menu .next_page_btn.ui-menu-item .next_page_btn_text {
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
}

#gnb_view .ui-menu .next_page_btn.ui-menu-item:hover {
	background: #F8FBFE;
	color: rgba(44, 55, 73, 0.60);
}

#gnb_view .ui-menu .next_page_btn.ui-menu-item.no_hover:hover {
	background : none;
}

#gnb_view  .ui-menu .ui-menu-item .ui-corner-all {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

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

#gnb_view .autocomplete-link {
	position: relative;
	display: block;
	padding: 6px 16px;
	box-sizing: border-box;
	overflow: hidden;
	align-items: center;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#gnb_view .autocomplete-icon {
	float: left;
	vertical-align: middle;
	height: 28px;
	width: 28px;
	margin-right: 8px;
	background-size: 100%;
    position: relative;
    top: 0;
    border-radius: 7px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}

#gnb_view .item_background {
	float: left;
    vertical-align: middle;
    margin-right: 8px;
    background-size: 100%;
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 28px;
    height: 28px;
    position: relative;
    top: 0;
    text-align: center;
    line-height: 28px;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
}

#gnb_view .item_svc_icon {
	float: left;
	vertical-align: middle;
	margin-right: 8px;
	background-size: 15.75px;
	border-radius: 16px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	width: 28px;
	height: 28px;
	position: relative;
	top: 0;
	text-align: center;
	line-height: 28px;
	background-repeat: no-repeat;
	background-position: center;
}

#gnb_view .autocomplete-details {
	width: 338px;
	padding-top: 1px;
}

#gnb_view .autocomplete-details .android_only_area {
	display : flex;
	align-items : center;
	gap : 3px;
}

#gnb_view .autocomplete-details .android_only_area .autocomplete-name {
	width : fit-content;
	max-width : 250px;
}

#gnb_view .autocomplete-details .android_only_area .android_only_icon {
	margin-top : 4px;
}


#gnb_view .autocomplete-details.brand {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#gnb_view .autocomplete-name {    
	overflow: hidden;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* display: flex; */
    /* align-items: center; */
    /* height: 28px; */
    width: 270px;
    margin-top: 4px;
}

.svc_separator {
	background-image: url(/resources/img/common/upper_separator.svg);
    background-size: 16px;
    width: 16px;
    height: 18px;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
}

#gnb_view .autocomplete-name.brand {
	max-width:270px;
	margin-top : 0;
}

#gnb_view .autocomplete-cate {
	position: absolute;
	top: 13px;
	right: 15px;
	font-size: 12px;
	color: rgba(86,104,127,0.8);
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width:80px;
	overflow: hidden;
}

#gnb_view .autocomplete-details.brand .autocomplete-cate {
	max-width: 100px;
	right: 5px;
}

#gnb_view .autocomplete-name span {
	color: #0099ff;
	font-weight: 400;
}

#gnb_view .autocomplete-store {
	position: absolute;
	top: 13px;
	right: 15px;
	text-align: right;
	width: 18px;
	height: 18px;
}

#gnb_view .autocomplete-store.google {
	background-image: url("/resources/img/common/img_google_small.png");
}

#gnb_view .autocomplete-store.apple {
	background-image: url("/resources/img/common/img_apple_small.png");
}

/***********  autocomplete  *************/


/***********  history  *************/
.history_wrapper {
	position: relative;
	width: 100%;
	z-index: 1860;
	zoom: 1;
	display: none;
}

.history_wrapper .history_view {
	position: relative;
	height: 80px;
	z-index: 1860;
	clear: both;
	width: 1024px;
	margin: 0 auto;
	zoom: 1;
}

.history_view .history_title {
	padding-top: 30px;
	margin: 4px 0px 0 20px;
	float: left;
	/*width: 214px;*/
	width: 104px;
	zoom: 1;
	color: #828282
}

.history_view .history_list {
	padding-top: 30px;
	float: left;
	zoom: 1;
}

.history_view .history_list * {
	-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;
}

.history_view .history_list ul li {
	float: left;
	cursor: pointer;
	width: 176px;
	max-width: 176px;
}

.history_view .history_list .item .info {
	width:154px;
	overflow: hidden;
}

.history_view.app .history_list .item .icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	float: left;
}

.history_view.app .history_list .item .icon img {
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

.history_view.brand .history_list .item .icon {
	float: left;
	width: 20px;
	height: 20px;
	font-weight: 700;
	font-size: 12px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.history_view.brand .history_list .item .icon.nourl {
	background-color: #91BFE3;
	border-radius: 3px;
}

.history_view.app .history_list .item .icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	float: left;
}

.history_view .history_list .item .store {
	width: 16px;
	height: 16px;
	margin-right: 3px;
	margin-top: 3px;
	float: left;
}

.history_view .history_list .item .store.apple {
	background-image: url("/resources/img/201110/ico_os_ios_small_dim.png");
}

.history_view .history_list .item:hover .store.apple {
	background-image: url("/resources/img/201110/ico_os_ios_small_nor.png");
}

.history_view .history_list .item .store.google {
	background-image: url("/resources/img/201110/ico_os_android_small_dim.png");
}

.history_view .history_list .item:hover .store.google {
	background-image: url("/resources/img/201110/ico_os_android_small_nor.png");
}

.history_view .history_list .item .iconplus {
	float: left;
	width: 7px;
	height: 16px;
	margin-top: 3px;
	background-position: center;
	background-size: 7px 7px;
	background-repeat: no-repeat;
}

.history_view .history_list .item .iconplus {
	background-image: url("/resources/img/201110/ico_plus_medium_dim.png");
}

.history_view .history_list .item:hover .iconplus {
	background-image: url("/resources/img/201110/ico_plus_medium_nor.png");
}

.history_view .history_list .item #name {
	float: left;
	padding-top: 4px;
	margin-right: 2px;
	max-width: 83px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba(0,0,0,0.8)
}

.history_view .history_list .item #name.both {
	max-width: 60px;
}

.history_view .history_list .item:hover #name {
	color: #0099ff;
	text-decoration: underline;
}


.history_view .history_list .item #close {
	float: left;
	width: 17px;
	height: 17px;
	margin-top: 2px;
	background-image: url("/resources/img/common/btn_app_del_nor.png");
}

.history_view .history_list .item #close:hover {
	background-image: url("/resources/img/common/btn_app_del_pre.png");
}
/***********  history  *************/

#gnb_wrapper #div_cs_sub_navi #menu_item_cs {
	width: 75px;
	height: 35px;
	position: absolute;
	top: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
	font-size: 12px;
	line-height:35px;
	color: #3b4c66;
}

#gnb_wrapper #menu.sub #cs_sub_navi {
	width: 144px;
	height: 233px;
	padding-top: 10px;
	display: none;
	position: absolute;
	top: 50px;
	z-index: 1999;
	border-radius: 8px;
	padding: 8px;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: #FFF;
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(15px);
	margin-left : 0;
}

#gnb_wrapper #menu.sub #cs_sub_navi .item {
	height: 36px;
	justify-content: unset;
	line-height: 20px;
	font-size: 12px;
	color: #2c3749;
}

#gnb_wrapper #menu.sub #cs_sub_navi .item:has(.go_link_icon) {
	justify-content: space-between;
}

#gnb_wrapper #menu.sub #cs_sub_navi .item .go_link_icon {
	width : 14px;
	height : 14px;
	background-size : 14px;
	background-image: url("/resources/img/common/go_url_icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 12px;
	margin-left : unset;
}

#total_container.en_US #gnb_wrapper #menu.sub #cs_sub_navi .item {
	width: unset;
}

#gnb_view #menu .menu_items .menu_item .menu_wrapper{
	padding: 0px 24px;
	height: 40px;
	display: flex;
	border-radius: 6px;
	align-items: center;
	white-space: nowrap;
}

#gnb_view #menu .menu_items .menu_item .menu_wrapper:hover,
#gnb_view #menu .menu_items .menu_item.add_hover_effect .menu_wrapper{
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.05);	
}

#gnb_view #menu.sub .item .menu_wrapper{
	padding: 7px 12px;
	display: flex;
	white-space: nowrap;
	align-items: center;
}

#gnb_view #menu.sub .item .menu_wrapper:hover,
#gnb_view #menu.sub .item.active .menu_wrapper{
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.05);
}


.float-menu #gnb_view #menu .menu_items .menu_item .menu_wrapper:hover,
.float-menu #gnb_view #menu.sub .item .menu_wrapper:hover,
.float-menu #gnb_view #menu.sub .item.active .menu_wrapper,
.float-menu #gnb_view #menu .menu_items .menu_item.add_hover_effect .menu_wrapper{
	background: rgba(0, 153, 255, 0.05);
}	
#gnb_wrapper #menu.sub #cs_sub_navi .item:hover {
	background: rgba(0, 153, 255, 0.05);
	border-radius: 4px;
}

#gnb_wrapper #menu.sub #cs_sub_navi .item.selected {
	font-weight: 600;
	color: #0099ff;
}

#gnb_wrapper #menu.sub #cs_sub_navi .item > div {
	margin-left: 12px;
}

#total_container.en_US #gnb_view #app_rank_sub {
	left: 103px;
}

#alarm_view {
	position: absolute;
	z-index: 9999;
	width: 320px;
	min-height: 355px;
	right: 10px;
	top: 50px;
	display:none;
}

#alarm_view .bg {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

#alarm_view .bg .t {
	position:absolute;
	top: 0px;
	width:320px;
	height:161px;
	background-image: url('/resources/img/common/alarm_bg_t.png');
}
#alarm_view .bg .m {
	position:absolute;
	top:161px;
	bottom:193px;
	width:320px;
	background-image: url('/resources/img/common/alarm_bg_m.png');
}

#alarm_view .bg .b {
	position:absolute;
	bottom:0px;
	width:320px;
	height:193px;
	background-image: url('/resources/img/common/alarm_bg_b.png');
}

#alarm_view .body {
	position:relative;
}

#alarm_view .body .top {
	position:relative;
	line-height:40px;
	margin: 8px 7px 0px 7px;
	height:40px;
}


#alarm_view .body #mail_text {
	font-size:12px;
	color: #000000;
	float:left;
	margin-left:20px;
}

#alarm_view .body #all_delete {
	font-size:12px;
	color: #000000;
	float:left;
	margin-left:20px;
	cursor: pointer;
}

#alarm_view .body #all_delete:hover {
	color: #0099ff;
}

#alarm_view .body #btn_go_dashboard {
	font-size:11px;
	color: #0099ff;
	float:right;
	margin-right:20px;
	cursor: pointer;
}

#alarm_view .body  #sw_alarm_mail {
	margin-left:2px;
	float:left;
	width: 51px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 51px 23px;
	background-position: center;
	background-image: url('/resources/img/common/sw_off.png');
	cursor: pointer;
}

#alarm_view .body  #sw_alarm_mail.on {
	background-image: url('/resources/img/common/sw_on.png');
}

#alarm_view .body .bottom {
	width: 306px;
	position: relative;
	margin-left: 8px;
	min-height: 302px;
}

#alarm_view .body #alarm_list {
	min-height: 382px;
	max-height: 460px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom:9px;
	width: 295px;
}

#alarm_view .body #alarm_list .item {
	min-height: 64px;
	position: relative;
	display:inline-block;
	width: 306px;
	border-bottom: 1px solid rgba(18,16,11,0.2);
	cursor: pointer;
	position:relative;
}

#alarm_view .body #alarm_list .item:last-child {
	border-bottom: 0px;
}

#alarm_view .body #alarm_list .item:hover {
	background-color:rgba(141,210,253,0.2);
}


#alarm_view .body #alarm_list .item .badge {
	background-color: #ff4200;
	width: 8px;
	height: 8px;
	border-radius: 12px;
	border: 3px solid #ffffff;
	text-align: center;
	position: absolute;
	left: 9px;
	top: 12px;
}

#alarm_view .body #alarm_list .item .storeicon {
	float: left;
	width: 16px;
	height: 16px;
	background-position: center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-top: 2px;
}

#alarm_view .body #alarm_list .item .storeicon.google {
	background-image: url(/resources/img/201110/ico_os_android_small_nor.png);
}

#alarm_view .body #alarm_list .item .storeicon.apple {
	background-image: url(/resources/img/201110/ico_os_ios_small_nor.png);
}

#alarm_view .body #alarm_list .item .iconplus {
	float: left;
	width: 8px;
	height: 16px;
	margin-left: 1px;
	margin-top: 2px;
	background-position: center;
	background-size: 7px 7px;
	background-repeat: no-repeat;
	background-image: url(/resources/img/201110/ico_plus_medium_nor.png);
}

#alarm_view .body #alarm_list .item .icon {
	position:absolute;
	width:20px;
	height:20px;
	left:16px;
	top:20px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-image: url(/resources/img/common/img_app_default.png);
}

#alarm_view .body #alarm_list .item .text {
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	margin: 12px 34px 12px 44px;
	letter-spacing: -1px;
	float:left;
}

#alarm_view .body #alarm_list .item .line {
	position: relative;
	overflow: hidden;
}

#alarm_view .body #alarm_list .item .line .inline {
	float: left;
	width: auto;
	position: relative;
}

#alarm_view .body #alarm_list .item .line .inline.keyword {
	max-width: 230px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 1px;
}

#alarm_view .body #alarm_list .item .line .inline {
	margin-left: 5px;
}

#alarm_view .body #alarm_list .item .line .inline:first-child {
	margin-right: 0px;
}

#alarm_view .body #alarm_list .item .arrow {
	height: 18px;
	width: 16px !important;
	margin-right: 5px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/resources/img/0912/ico_arrow_1_foc.png');
}

#alarm_view .body #alarm_list .item .name {
	color: #0099ff;
	max-width: 160px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#alarm_view .body #alarm_list .item .btn_close {
	position:absolute;
	right: 14px;
	top: 12px;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: 9px 9px;
	background-image: url(/resources/img/common/btn_alarm_close.png);
	background-position: center;
	cursor: pointer;
}
#alarm_view .body #no_msg {	
	font-size: 12px;
	color: rgba(0,0,0,0.6);
	
	line-height:272px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	text-align:center;
	
	display: none;
}


/* 플러팅 버튼 */
.floating_btn,
#gitbook-widget-button.floating_btn{
	position:fixed;
	width: 58px;
	height: 58px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 29px;
	border: 1px solid rgba(0, 153, 255, 0.60);
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	right: 20px;
	bottom: 90px;
	padding: unset;
    transform: none !important;
    transition: none !important;
}

#gitbook-widget-button.floating_btn #gitbook-widget-button-icon {
    background-image: url(/resources/img/gnb/floating_help_img.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    mask-size: unset;
    mask-image: unset;
    mask-repeat: unset;
    mask-position: unset;
    background-color: unset;
}

#gitbook-widget-button.floating_btn #gitbook-widget-button-label {
	color: #000;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: block;
}

#gitbook-widget-button.floating_btn.open #gitbook-widget-button-icon{
	background-image : url(/resources/img/common/help_close_icon.svg);
}

#gitbook-widget-window {
	bottom : 20px !important;
	height : 96% !important;
}

.floating_btn .text{
	color: #000;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.en_US #btn_common_newsletter.floating_btn .text {
	font-size: 10px;
	letter-spacing: -0.3px;
}

.floating_btn.show {
	display: flex;
}

.floating_btn .img {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
}

.floating_btn:hover {
	border-radius: 29px;
	border: 1px solid rgba(0, 153, 255, 0.60);
	background: linear-gradient(0deg, rgba(0, 153, 255, 0.05) 0%, rgba(0, 153, 255, 0.05) 100%), #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

#btn_common_help {
	left: 16px;
	bottom: 20px;
}

#btn_common_help .img{
	background-image: url(/resources/img/gnb/floating_help_img.svg);
}

#btn_common_sales {
	left: 16px;
	bottom: 20px;
	display : none;
}

#btn_common_sales.show {
	display : flex;
}

#btn_common_sales .img{
	background-image: url(/resources/img/gnb/floating_contact_img.svg);
}

#btn_common_newsletter {
	left: 16px;
	bottom: 20px;
	display : none;
}

#btn_common_newsletter.show {
	display : flex;
}

#btn_common_newsletter .img {
	width : 24px;
	height : 24px;
}

#btn_common_retail_help {
	position: fixed;
	left: 16px;
	top: 390px;
	width: 100px;
	height: 40px;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #0a93e885;
	display: none;
	border-radius: 20px;
}

#btn_common_retail_help .text {
	font-size: 12px;
	font-weight: 600;
	margin-top: 14px;
	text-align: center;
}


#btn_common_retail_help:hover {
	background-color: #D9D9D9;
	border: 1px solid #D9D9D9;
}


#gnb_view #gnb_nevi_box {
	height:50px;
	position: relative;
	background: rgba(255, 255, 255);
	backdrop-filter: blur(15px);
	z-index: 1901;
}

#gnb_view #gnb_nevi_box.hide {
	visibility: hidden;
}
#gnb_view #gnb_nevi_box.hide {
	visibility: visible;
}

#gnb_wrapper.float-menu #gnb_view #gnb_nevi_box {
	background: rgba(255, 255, 255, 0.90);
}

#gnb_view #gnb_nevi_box #div_navi_sub {
	height: 50px;
	position: relative;
}

#gnb_view #gnb_nevi_box #div_navi_sub .inner .nevi_list.show{
	opacity: 1;
	transition: opacity 0.5s ease;
}

#gnb_view #gnb_nevi_box #div_navi_sub .inner .nevi_list{
	opacity: 0;
}

#gnb_view #gnb_nevi_box #div_navi_sub .nevi_list .item {
	float: left;
	font-size: 12px;
	color: rgba(44, 55, 73, 0.80);
	font-weight: 400;
	margin-top: 17px;
	margin-left: 4px;
}

#gnb_view #gnb_nevi_box #div_navi_sub .nevi_list .item:first-child {
	margin-left : 0;
}

#gnb_view > *,
#gnb_wrapper > * {
	line-height : 1;
}

#gnb_view #gnb_nevi_box #div_navi_sub .nevi_list .item .menu_name {
	font-size: 12px;
	color: rgba(44, 55, 73, 0.80);
	font-weight: 400;
}

#gnb_view #gnb_nevi_box #div_navi_sub .nevi_list .item.selected {
	font-weight: 600;
}

#gnb_view #gnb_nevi_box #div_navi_sub .nevi_list .line {
	margin-top: 15px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-image: url(/resources/img/common/gnb_separator_icon.svg);
	background-position: center;
}

/* service contract modal */
#service_contact_view .panel {
	width: 560px;
	height: 821px;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
}

#newsletter_contact_view .panel {
	width: 560px;
	height: 474px;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
}

.en_US #newsletter_contact_view .panel {
	height : 489px;
}

:where(#service_contact_view, #newsletter_contact_view) .title {
	display: flex;
	padding: 10px;
	align-items: center;
	gap: 20px;
	color: #000;
	text-align: center;
	font-size: 18px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal !important;
	height: 40px;
	justify-content: center;
	border-bottom: 1px solid #EEE;
}

:where(#service_contact_view, #newsletter_contact_view) .btn_close {
	top: 11px !important;
	right: 9px !important;
}

:where(#service_contact_view, #newsletter_contact_view) .desc{
	width: 433px;
	text-align: center;
	margin: 20px auto 40px auto !important;
}

:where(.en_US #service_contact_view, #newsletter_contact_view) .desc {
	width: 450px;
}

:where(#service_contact_view, #newsletter_contact_view) .desc .contact_text {
	color: #353C49;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .word_item {
	width: 50%;
	display: inline-block;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .word_item .title_wrapper {
	width: 100%;
	margin: 0 auto;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .word_item .title_wrapper span {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	color: #353C49;
	margin-left: 61px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .word_item .text_wrapper {
	width: 100%;
	padding-top: 18px;
	margin: 0 auto;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .word_item .text_wrapper .contact_text {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #353C49;
	margin-left: 61px;
	display: block;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper {
	width: 453px;
	border-collapse: unset;
	border-spacing: 0;
	margin: 0 auto;
	padding : 0;
}

#service_contact_view.newsletter .contact_view_items .form_item .form_wrapper {
	width: 473px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper tbody th {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: normal;
	color: #353C49;
    padding-bottom: 8px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper tr:last-child input {
    margin-bottom: unset;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper tbody th:has(#reqEmailStar) {
    padding-left: 12px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper tbody th:first-child {
	width : 176px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper tbody th > span {
	color: #0099FF;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper tbody th > span.red {
	color: #F94070;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper #reqName {
	width : 176px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper input,
#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType {
	margin-bottom : 30px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper input,
#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType {
	width: 100%;
	height: 40px;
	padding: 0.375rem 0.75rem;
	display: block;
	box-sizing: border-box;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.5;
	color: #495057;
	border-radius: 4px;
	border: 1px solid rgba(0, 153, 255, 0.50);
	background: #FFF;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper input:hover,
:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper input:focus,
:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper #categoryType:hover,
:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper #categoryType:focus {
	outline: none;
	border: 1px solid #0099FF;
	background: #E2EFFB;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper input.red,
#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType.red {
	border: 1px solid #F94070;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper input::placeholder,
#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category #name {
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 24px;
	color: rgba(53, 60, 73, 0.5);
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	cursor: pointer;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType.selected {
	border-bottom-right-radius: unset;
	border-bottom-left-radius: unset;
	border: 1px solid #09F;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category #name.inVal {
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.5;
	color: #495057;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category #selecter {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	background-image: url('/resources/img/220921/icon/ic_arrow_down.svg');
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType.selected #category #selecter {
	background-image: url('/resources/img/220921/icon/ic_arrow_up.svg');
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list {
	width: 453px;
	display: none;
	flex-flow: column;
	justify-content: center;
	position: absolute;
	top: 39px;
	right: -1px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item:hover {
	background: linear-gradient(0deg, rgba(0, 153, 255, 0.05), rgba(0, 153, 255, 0.05)), #FFFFFF;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item #name {
	font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 428px;
    color: #353C49;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item:hover #name {
	font-weight: 700;
	color: #0099FF;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item.selected #name {
	color: #0099FF;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper textarea {
	display: block;
	width: 453px;
	height: 120px;
	padding: 0.375rem 0.75rem;
	font-size: 0.9rem;
	font-weight: 300;
	line-height: 1.5;
	color: #495057;
	background: #FFFFFF;
	border: 1px solid rgba(0, 153, 255, 0.5);
	box-sizing: border-box;
	border-radius: 3px;
	resize: none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper textarea:hover,
:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper textarea:focus {
	outline: none;
	border: 1px solid #0099FF;
	background: #E2EFFB;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper textarea::placeholder {
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 24px;
	color: rgba(53, 60, 73, 0.5);
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .check_wrapper {
	width: 453px;
	margin: 14px auto 0px;
}

#newsletter_contact_view .contact_view_items .form_item .check_wrapper {
	margin : 20px auto 0;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .form_wrapper #reqEmail {
	margin-left : 12px;
}

#service_contact_view.newsletter .contact_view_items .form_item .check_wrapper {
	width: 453px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .check_wrapper .checkbox {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #FFFFFF;
	border: 2px solid #0099FF;
	box-sizing: border-box;
	border-radius: 2px;
	margin-right: 10px;
	cursor: pointer;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .check_wrapper .checked {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #0099FF;
	border: 2px solid #0099FF;
	box-sizing: border-box;
	border-radius: 2px;
	color: #FFFFFF;
	margin-right: 10px;
	cursor: pointer;
	float: left;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .check_wrapper p {
	display: flex;
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 24px;
	color: #353C49;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .check_wrapper p span {
	text-decoration-line: underline;
	color: #0099FF;
	cursor: pointer;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .check_wrapper p span:hover {
	color: #0089e6;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .error_wrapper {
	height: 24px;
	text-align: center;
}

#newsletter_contact_view .contact_view_items .form_item .error_wrapper {
	margin-bottom: 27px;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .error_wrapper span {
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 24px;
	color: #F94070;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper {
	display: flex;
	padding: 16px 20px 16px 342px;
	justify-content: flex-end;
	align-items: center;
	margin-top: 20px;
	border-top: 1px solid #EEE;
}

#newsletter_contact_view .contact_view_items .form_item .btn_wrapper { 
	margin-top : -13px;
}	

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_contact {
	display: flex;
	height: 40px;
	padding: 0 28px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 6px;
	background: #09F;
	margin-left : 12px;
    font-size: 14px;
    white-space: nowrap;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_cancel {
	display: flex;
	height: 40px;
	padding: 0 28px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 6px;
	border: 1.002px solid #EAEAEA;
    color: #707683;
    font-size : 14px;
    white-space : nowrap;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_cancel:hover {
	background: rgba(0, 0, 0, 0.02);
	cursor : pointer;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_contact:hover {
	cursor : pointer;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #09F;
}


:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_contact:hover,
:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_subscribe:hover {
	background: #0089e6;
}

:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_contact span,
:where(#service_contact_view, #newsletter_contact_view) .contact_view_items .form_item .btn_wrapper .btn_subscribe span {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item {
    width: 421px;
    height: fit-content;
    background-color: #FFFFFF;
    border-left: 1px solid #09F;
    border-right: 1px solid #09F;
    border-bottom: 1px solid #09F;
    cursor: pointer;
    display: flex;
    padding: 16px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    align-self: stretch;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item #name .category_title {
	color: #353C49;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#service_contact_view .contact_view_items .form_item .form_wrapper #categoryType #category_list .category_item #name .description {
	color: rgba(53, 60, 73, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
/* // service contract modal */