@charset "utf-8";

/*------------------------
      common
------------------------*/
html {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

.c_gray {
	color: #777777;
}

.c_color_red {
	color: #e80b0b;
}

.c_table_font, .list_table table thead th.c_table_font {
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	box-sizing: border-box;
	color: #757575;
	font-size: 12px;
}

.c_table_font a {
	color: inherit;
}

.c_table_font.style_2 {
	padding-top: 1px;
}

.c_table_font.search_bar {
	width: 75px;
	padding: 0;
	padding-top: 3px;
	text-align: center;
}

.c_normal_font {
	color: #000;
	font-weight: bold;
	box-sizing: border-box;
	font-size: 12px;
}

.c_normal_font.c_to {
	display: inline-block;
}

.c_table_filter {
	cursor: pointer;
}

.c_table_filter:hover {
	text-decoration: underline;
}

.c_popup {
	background: none #fff !important;
	box-sizing: border-box;
	border: 2px solid #213bbf;
	border-radius: 10px;
}

.c_btn_go {
	font-size: 12px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #f8f8f8;
	padding: 2px 5px;
	margin-left: 10px;
}



.c_info_menu_wrap .user_info_box .menu_box2 li .c_text, .c_content_title .c_info_title, .content_title h3 {
	/*font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;*/
	font-family: Dotum,"돋움","Malgun Gothic","Mangal","Apple Gothic","굴림",Gulim,sans-serif;
}

.c_info_menu_wrap .snb_title h2, .page_message .content_title h3, .page_HR .c_normal_font, .page_customer_add .c_normal_font, .c_normal_title, .c_normal_title2 {
	font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
}

/*상단 위의 메뉴*/
.c_info_menu_wrap {
	padding: 30px 30px 30px 36px;
	border: 1px solid #213bbf;
	width: calc(100% + 2px);
	box-sizing: border-box;
	position: relative;
	left: -1px;
	z-index: 1;
}


.c_info_menu_wrap .snb_title, .c_info_menu_wrap .user_info_box {
	border: 0 !important;
	padding: 0;
	width: 100%;
}

.c_info_menu_wrap .user_info_box {
	padding: 0 !important;
}

.c_info_menu_wrap .snb_title h2 {
	margin-bottom: 16px;
}

.c_info_menu_wrap .c_menu_info {
	position: static !important;
}

.c_info_menu_wrap .c_blank, .c_info_menu_wrap .user_info_box .menu_box2 li a img {
	display: none;
}

.c_info_menu_wrap .user_info_box .menu_box2 li .c_text {
	display: inline-block;
	color: #777777 !important;
	margin-right: 6px;
	margin-left: 12px;
	font-size: 11px;
	letter-spacing: -0.07rem;
}

.c_info_menu_wrap .user_info_box .user_menu .menu_box2 span.c_num, .c_info_menu_wrap .user_info_box .user_menu .menu_box2 span.c_num span {
	/*font-size: 11px;
    letter-spacing: 1px;*/
}

.c_info_menu_wrap .user_info_box .menu_box2 li.c_block a img {
	display: inline-block !important;
	position: relative;
	top: -1px;
}

.c_info_menu_wrap .user_info_box .user_menu li {
	height: initial;
	padding-left: 0px;
}

.c_info_menu_wrap .user_info_box .user_menu li a {
	line-height: 1.5;
	padding-left: 0px;
}


/*left menu*/
.c_left_menu_wrap.snb_menu {
	padding-left: 0px;
}

.c_left_menu_wrap > ul {
	width: calc(100%);
}

.c_left_menu_wrap.menu_myoffice li.on a {
	text-decoration: underline;
}

.c_left_menu_wrap ul li table {
	width: 100%;
}

.c_left_menu_wrap .c_blank {
	display: none;
}

.c_left_menu_wrap .c_banner {
	height: auto !important;
	margin-left: 0px !important;
	width: 100%;
	padding-left: 0px;
	margin-bottom: 20px;
}

.c_left_menu_wrap .c_banner a {
	display: block;
}

.c_left_menu_wrap .c_banner a img {
	margin-bottom: 0px !important;
}

.snb_menu.c_left_menu_wrap.c_p_message .on .c_title, .snb_menu.c_left_menu_wrap.c_p_message .on > a {
	color: #213bbf !important;
	text-decoration: underline;
}

.c_left_menu_wrap .c_sub_menu_wrap {
	padding: 10px 0 0 0;
}

.c_left_menu_wrap > ul > li {
	/*border-bottom-color: #adadad;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 20px 0px 20px 40px;
}

/* ---- 색깔  ---- */

#content.content, .page_mySales_main .c_box, .page_myteam_main .c_box, .page_guest_stats_result .c_box, .page_box .c_box {
	border-color: #adadad;
}

.c_left_menu_wrap > ul > li {
	border-bottom-color: #adadad;
}

#snb.snb {
	border-left: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}


/*탭*/
/*--------------------------------

         이전 소스, 덮어쓰기 

----------------------------------*/
.content_title h3 * {
	color: #000;
}

#container.container {
	box-sizing: border-box;
	display: flex;
	background: none;
}

#content.content:before, #content.content:after {
	display: none;
}

#container_bottom.container_bottom, #container_top.container_top {
	display: none;
}

#snb.snb {
	position: relative;
	z-index: 1;
	overflow: visible;
}

#content.content {
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	z-index: 0;
	padding: 30px 29px;
}

.tap_btn.c_tab_style {
	margin: 30px 0 20px 0;
}

.c_tab_style .e_text_font_red3 {
	font-family: verdana;
	font-size: 8px;
	color: #ed1c24;
	font-weight: bold;
}

.c_tab_style .e_text_font_red3 span {
	position: relative;
	top: 1px;
	font-family: verdana;
	font-size: 9px;
	color: #ed1c24;
	font-weight: bold;
}

.content_tab1.c_tab_style {
	padding-top: 0px;
}

.c_tab_style .stepsbig {
	font-size: 13px;
	padding: 8px 10px;
	box-sizing: border-box;
	border: 0;
}

.c_info_menu_wrap.off {
	border-top: 0px;
	margin-top: -20px;
}

.page_msg_send .c_table_font {
	padding-left: 13px;
}

.page_msg_send .c_table_font.send_g, .page_msg_send .c_table_font.send_time {
	padding: 0;
	position: relative;
	top: 1px;
	padding-right: 10px;
}

.page_msg_send .c_table_font.send_time {
	color: red;
}

.content_title p.c_head_title {
	color: #000;
}

.page_calendar_personal.c_popup .redline td {
	border-bottom: 2px solid #213bbf;
}

.page_calendar_personal.c_popup .btn.on {
	color: #213bbf;
	font-weight: bold;
	text-decoration: underline;
}

.page_calendar_personal.c_popup .c_tab {
	display: flex;
}

.page_calendar_personal.c_popup .c_tab li {
	position: relative;
}

.page_calendar_personal.c_popup .c_tab li:after {
	position: absolute;
	content: "";
	display: block;
	width: 2px;
	height: 13px;
	background: #919191;
	top: 6px;
	right: -10px;
}

.page_calendar_personal.c_popup .c_tab li:last-child:after {
	display: none;
}

.snb_menu.page_guest_menu li a:hover, .snb_menu.page_guest_menu li .on {
	text-decoration: underline;
	color: #213bbf;
}

.user_box table td input {
	height: 22px;
}

.user_box.page_HR table td input {
	height: 22px;
}

/* footer */
#footer .footer_logo_box .footer_menu p {
	display: flex;
	align-items: center;
}

#footer .footer_logo_box .footer_menu p:first-child {
	margin-right: 15px;
}

#footer .footer_logo_box .footer_menu p img {
	height: 11px;
	margin-right: 3px;
	margin-top: 1px;
}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: none;
}

#footer.footer .footer_info_box li {
	float: left;
	padding: 0px;
	background: none;
	position: relative;
	margin-right: 20px;
}

#footer.footer .footer_info_box li:after {
	content: "";
	width: 1px;
	height: 12px;
	background: #afafaf;
	position: absolute;
	right: -11px;
	top: 5px;
}

#footer.footer .footer_info_box li:last-child:after {
	display: none;
}

#footer.footer .footer_info_box .addr {
	padding-top: 2px;
}

#footer .footer_logo_box .footer_menu a, #footer li {
	color: #555;
}

#bar_search_red {
	border-bottom: 2px solid #2627d0;
}

#messege_pop {
	width: 650px !important;
}

#box_list td a {
	word-break: keep-all;
}


/*-----------------
    새로운 소스
-----------------*/
.c_tab_style li {
	margin: 0;
	min-width: 135px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: auto;
}

.c_tab_style .m_width li {
	min-width: 120px;
}

.c_tab_style.tap_btn ul li {
	width: auto;
	float: left;
}

.c_tab_style li:last-child {
	margin-right: 0px;
}

.rollover_btn, .rollover_btn2 {
	height: auto;
}

.c_tab_style .c_tab_btn {
	/*font-family: nanumgothic;*/
	font-weight: bold;
	font-size: 13px;
	box-sizing: border-box;
	text-align: center;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/*cursor: pointer;*/
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
	/*padding: 8px 10px;*/
	letter-spacing: -0.07em;
}

.c_tab_style .c_tab_btn a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 10px;
}

.c_tab_style .c_tab_btn a:hover, .c_tab_style .c_tab_btn a:active, .c_tab_style .c_tab_btn a:focus {
	text-decoration: none;
}

.c_tab_style .on .c_tab_btn {
	border: 1px solid #213bbf;
}

.c_tab_style .on .c_tab_btn, .c_tab_style .on .c_tab_btn a, .c_tab_style .on .c_tab_btn span {
	background: #213bbf;
	color: #fff;
}

.c_tab_style .c_cursor {
	cursor: default;
}

.c_tab_style .on .c_tab_btn.c_a_tag {
	/*padding: 0px;*/
}


.c_tab_style .c_tab_btn .rollover1 {
	position: static;
	margin-left: 5px;
	margin-top: -1px
}

.c_tab_style .on .c_tab_btn .rollover1, .c_tab_style .on .e_text_font_red3 span {
	color: #ffc900;
}

.c_content_title .c_info_title {
	padding-top: 10px;
	display: inline-block;
}

.c_content_title .c_info_title.c_bg {
	box-sizing: border-box;
	background: #ededed;
	padding: 10px;
	width: 100%;
}

.c_content_title.page_webFax .c_info_title, .c_content_title .c_info_title {
	/*letter-spacing: -0.03em;*/
}

.c_content_title.page_webFax .c_info_title li, .c_content_title .c_info_title li {
	color: #888;
}

.c_content_title.page_webFax .c_info_title li span, .c_content_title .c_info_title li span {
	color: #213bbf;
	font-weight: bold;
}

.c_content_title .c_info_title .c_red {
	color: #e80b0b;
}

.c_content_title .c_info_title .c_blue {
	color: #213bbf;
}

.c_content_title .c_info_title .c_info_list li {
	display: flex;
}

.c_content_title .c_info_title .c_info_list span {
	margin-right: 7px;
	min-width: 15px;
}

.c_content_title .c_info_title .c_info_list .c_bar {
	position: relative;
}

.c_content_title .c_info_title .c_info_list .c_bar:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0px;
	width: 8px;
	height: 2px;
	background: #e80b0b;
}

.c_content_title.page_webFax .c_info_title li b, .c_content_title .c_info_title li b {
	color: #000;
}

.content_title h3, #bar_option {
	color: #000;
}


.c_underline {
	position: relative;
}

.c_ellipsis { /* width 값 지정해줘야 함 */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.c_ellipsis_2 { /* 웹킷 외의 브라우저 위해 height, line-height 값 지정 */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.c_underline:after {
	width: 100%;
	height: 2px;
	background-color: #000;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.btn_more {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #828282;
	border: 1px solid #d5d9df;
	padding: 1px 8px;
	border-radius: 4px;
	cursor: pointer;
}

.btn_more * {
	color: #828282;
}

.page_myoffice_main .wrap * {
	font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
}

.page_myoffice_main .wrap .section.wrap_issue, .page_myoffice_main .c_board .section {
	border-width: 1px;
	border-style: solid;
}

.page_myoffice_main .c_start .wrap_issue li a, .page_myoffice_main .c_board .section .c_cont li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_mySales_main .c_box.c_b_client .c_b_inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.c_normal_title2 {
	color: #757575;
	padding-right: 10px;
	line-height: unset;
}



/*-----------
  마진 패딩
-----------*/

.page_myoffice_main .section.wrap_issue, .page_myoffice_main .c_board .section {
	padding: 20px;
}

.page_mySales_main .c_box.c_b_prediction {
	padding: 20px 30px;
}

.page_mySales_main .c_box.c_b_client .c_b_inner {
	padding: 15px 0px;
}

.page_myoffice_main .c_board .section .c_cont li {
	padding: 5px 0px;
}

.page_myoffice_main .c_headline {
	padding-bottom: 5px;
}


.page_myoffice_main .c_board .c_cont li .comments {
	margin-left: 4px;
}

.page_myoffice_main .c_start .wrap_start, .page_mySales_main .c_box.c_b_client .c_div .c_text {
	margin-right: 10px;
}

.page_myoffice_main .c_start .wrap_issue .c_img {
	margin-right: 12px;
}

.page_calendar_personal.c_popup .c_tab li {
	margin-right: 15px;
}

.page_mySales_main .c_box.c_b_prediction a .c_icon {
	margin-right: 20px;
}

.page_mySales_main .c_box.c_b_prediction a .c_title_wrap {
	margin-right: 30px;
}


.page_mySales_main .c_box.c_b_prediction .c_text {
	margin-bottom: 20px;
}

.page_myoffice_main .c_headline {
	margin-bottom: 15px;
}

.page_myoffice_main .c_start, .page_myoffice_main .c_banner, .page_myoffice_main .c_board .section, .page_myoffice_main .c_start .wrap_issue li, .page_mySales_main .c_list_box {
	margin-bottom: 10px;
}

.page_myoffice_main .c_start .wrap_issue .c_text_bundle .c_text, .page_mySales_main .c_box.c_b_prediction .c_title {
	margin-bottom: 3px;
}

.page_myoffice_main .c_board .section:last-child, .page_myoffice_main .c_start .wrap_issue li:last-child, .page_mySales_main .c_list_box:last-child {
	margin-bottom: 0px;
}

.tap_btn.page_mysales {
	margin: 0;
}


/*-----------
    컬러
-----------*/

.page_myoffice_main .wrap .wrap_issue, .page_myoffice_main .c_board .section {
	border-color: #dbe1e6;
}

.page_myoffice_main .c_date, .page_myoffice_main .c_board .c_cont li .comments {
	color: #828282;
}

.page_myoffice_main .c_start .wrap_issue li a, .page_myoffice_main .c_board .section .c_cont li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_myoffice_main .c_board .section .c_cont li {
	border-bottom: 1px solid #dbe1e6;
}


.page_myoffice_main .c_board .section .c_cont li:last-child {
	border-bottom: 0;
}

.page_myoffice_main .board_business .c_cont .c_text span {
	color: #000 !important;
}

/*------------------------
    page_myoffice_main
------------------------*/
.page_myoffice_main {
	color: #000;
	/*width: 650px;
    margin-left: -1px;*/
	box-sizing: border-box;
}

.page_myoffice_main .c_headline {
	display: inline-block;
	color: #000 !important;
}

.page_myoffice_main .section {
	box-sizing: border-box;
	position: relative;
}

.page_myoffice_main a:hover, .page_myoffice_main a:focus, .page_myoffice_main a:active {
	text-decoration: none;
}

.page_myoffice_main .wrap.c_start {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_myoffice_main .c_start .wrap_issue ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 400px;
}

.page_myoffice_main .c_start .wrap_issue .c_text_bundle {
	width: calc(100% - 70px - 12px);
}

.page_myoffice_main .c_start .wrap_issue .c_text_bundle .c_text {
	height: 44px;
	/* 말줄임표 : 웹킷 브라우저 말도 다른 브라우저에서는 깨질 수 있기 때문에 height값 넣어줌 */
}

.page_myoffice_main .c_start .section {
	height: 490px;
}

.page_myoffice_main .c_start .wrap_start {
	width: 55%;
}

.page_myoffice_main .c_start .wrap_issue {
	width: calc(45% - 10px);
}

.page_myoffice_main .c_board .section {
	width: 100%;
	/*height: 255px;*/
}

.page_myoffice_main .c_start .wrap_issue .c_img {
	max-height: 54px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page_myoffice_main .c_start .wrap_issue .c_img, .page_myoffice_main .c_start .wrap_issue .c_img img {
	width: 70px;
}

.page_myoffice_main .c_banner .wrap_banner {
	width: 100%;
	overflow: hidden;
}

.page_myoffice_main .c_banner .wrap_banner .swiper-container {
	width: 100%;
	height: 100%;
}

.page_myoffice_main .c_banner .wrap_banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.page_myoffice_main .c_banner .wrap_banner .swiper-slide img {
	height: auto;
	width: 650px;
}

.page_myoffice_main .c_banner .wrap_banner .swiper-button-next:after, .page_myoffice_main .c_banner .wrap_banner .swiper-button-prev:after {
	content: "";
}

.page_myoffice_main .c_banner .wrap_banner .swiper-button-next, .page_myoffice_main .c_banner .wrap_banner .swiper-button-prev {
	content: "";
	background-image: url(/Images/version/icon/icon_arrow_right.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 20px;
	top: 5px;
	margin-top: 0px;
}

.page_myoffice_main .c_banner .wrap_banner .swiper-button-prev {
	background-image: url(/Images/version/icon/icon_arrow_left.png);
}

.page_myoffice_main .c_banner .wrap_banner .swiper-pagination {
	color: #fff;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: normal;
	top: 4px;
	left: 32px;
	width: 36px;
}

.page_myoffice_main .c_banner .wrap_banner .number_box {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	width: 100px;
	height: 30px;
	border-radius: 20px;
}

.page_myoffice_main .c_board .section .c_cont li .c_date {
	width: 100px;
	text-align: right;
}

.page_myoffice_main .c_board .section .c_cont li .c_text {
	width: calc(100% - 100px);
}

.page_myoffice_main .c_board .board_in .c_cont li .c_text {
	width: calc(100% - 100px);
	background-image: url(/Images/version/icon/icon_question.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	background-size: 14px;
	padding-left: 22px;
}


/*배너 banner*/

.page_myoffice_main .c_banner .banner_single a {
	display: block;
}

.page_myoffice_main .c_banner .banner_dual ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


/*------------------------
       page_message
------------------------*/

.page_message #messege_title {
	margin-top: 0px;
}

.page_message .content_title h3 {
	font-size: 18px;
	color: #000;
}

/*------------------------
       page_지식iN
------------------------*/

.page_iN input:active, .page_iN input:focus {
	border: 0;
	outline: 0;
}

.page_iN .c_font {
	display: inline-block;
	padding-right: 20px;
	position: relative;
	top: 2px;
}

/*------------------------
       page_웹팩스
------------------------*/

.page_webFax.c_tab_style ul {
	display: inline-block;
}

.page_webFax.c_tab_style a:hover, .page_webFax.c_tab_style a:focus, .page_webFax.c_tab_style a:active {
	text-decoration: none;
}

.page_webFax.tap_btn.c_tab_style {
	margin: 20px 0 20px 0;
}

/*------------------------
       page_HR
------------------------*/
.page_HR .c_normal_font, .page_customer_add .c_normal_font, .c_normal_title {
	font-size: 16px;
	color: #222222;
	padding-right: 10px;
	font-weight: normal;
}

.page_HR .user_title_box .c_normal_font {
	padding-bottom: 0;
}


/*------------------------
    page_mySales_main 
------------------------*/
.page_mySales_main .c_box, .page_myteam_main .c_box, .page_guest_stats_result .c_box, .page_box .c_box {
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.page_mySales_main .round_border {
	border: 0px;
	width: 100%;
}

.page_mySales_main .notice, .page_myteam_main .notice {
	padding: 0;
	margin: 0;
}

.page_mySales_main .c_list_box, .page_myteam_main .c_list_box {
	width: 100%;
	display: flex;
}

.page_mySales_main .c_list_box .contract, .page_myteam_main .c_list_box > div {
	width: 50%;
	border: 1px solid #adadad;
	box-sizing: border-box;
	margin-right: 5px;
	padding-top: 0px;
}

.page_mySales_main .c_list_box .contract:last-child, .page_myteam_main .c_list_box > div:last-child {
	margin-left: 5px;
	margin-right: 0px;
}

.page_mySales_main .contract .contract_box {
	box-sizing: border-box;
	padding: 15px 20px;
	height: 100%;
	position: relative;
	min-height: 144px;
}

.page_mySales_main .btn_more {
	right: 19px;
	top: 17px;
}

.page_mySales_main .contract .contract_box .contract_list table tbody td {
	color: #555;
}

.page_mySales_main .box_c_number.contract .contract_box .contract_list table tbody td {
	border: 0;
}

.page_mySales_main .c_box.c_b_prediction a {
	display: flex;
	position: relative;
}

.page_mySales_main .c_box.c_b_prediction a .c_icon {
	align-self: center;
}

.page_mySales_main .c_box.c_b_prediction a .c_icon img {
	width: 65px;
}

.page_mySales_main .c_box.c_b_prediction a .c_btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

.page_mySales_main .c_box.c_b_client .c_div {
	width: 33%;
	border-right: 1px solid #cccccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page_mySales_main .c_box.c_b_client .c_div:last-child {
	border-right: 0;
}

.page_mySales_main .c_monthly_price {
	position: relative;
	padding: 35px 40px 5px 20px;
}

.page_mySales_main .c_monthly_price .c_b_inner table {
	text-align: center;
	line-height: 400%;
}

.page_mySales_main .c_monthly_price ul {
	display: flex;
	justify-content: space-evenly;
}

.page_mySales_main .c_monthly_price ul li {
	width: 50%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.page_mySales_main .c_monthly_price ul li .c_price {
	text-align: right;
	min-width: 50px;
}

/*------------------------
     page_myteam_main
------------------------*/
.page_myteam_main .c_box .c_div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page_myteam_main .c_box .c_div.c_end {
	justify-content: end;
}

.page_myteam_main .insur_contracts {
	text-align: center;
	padding: 12px 0;
	line-height: 300%
}

.page_myteam_main .c_box.insur_contracts .c_div span {
	margin-right: 10px;
}

.page_myteam_main .notice .notice_box h3 {
	padding-bottom: 0px;
}

.page_myteam_main .c_list_box .contract_box h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_myteam_main .c_list_box .contract ul {
	display: flex;
	border: 1px solid #adadad;
	justify-content: center;
	align-items: center;
}

.page_myteam_main .c_list_box .contract .contract_box .c_tab li {
	border-right: 1px solid #adadad;
	width: auto;
	padding-bottom: 0;
	height: auto;
	overflow: visible;
	line-height: initial;
	padding: 4px 5px;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: normal;
}

.page_myteam_main .c_list_box .contract .contract_box .c_tab li.on {
	background-color: #213bbf;
	color: #fff;
	border: 1px solid #213bbf;
}


.page_myteam_main .c_list_box .contract .contract_box .c_tab li:last-child {
	border-right: 0;
}


/*------------------------
    page_customer_add 
------------------------*/
.page_customer_add .customer_popup {
	border: 2px solid #213bbf;
	border-radius: 10px;
	background: #fff;
}


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

.page_guest_stats_result .c_ranking .c_div .btn_more {
	position: static;
	padding: 5px;
	box-sizing: border-box;
}

/*----------------------------
         page_simul
----------------------------*/
.page_simul .stepsbig {
	cursor: pointer;
	margin-bottom: 4px;
	box-sizing: border-box;
	float: none;
	display: inline-block;
}

.page_simul .stepsbig_ov, .page_simul .stepsbig {
	float: none;
	margin-right: 0px;
}

.page_myteam_simul.search_table table th {
	vertical-align: middle;
	padding: 3px 0 0 15px;
}

/*----------------------------
         page_sms_send
----------------------------*/
.page_sms_send.c_button_sms {
	height: 60px;
	width: 100%;
	background-color: #213bbf;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

/*----------------------------
         page_apps_main
----------------------------*/

.page_apps_main ul li a {
	display: block;
	width: inherit;
	height: inherit;
}

.page_apps_main.apps_new li {
	box-sizing: border-box;
}


/*----------------------------
         page_car
----------------------------*/


.page_car .popup_car {
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	max-width: 600px;
	border: 1px solid #ddd;
}

.page_car a:hover, .page_car a:active, .page_car a:focus {
	text-decoration: none;
}

.page_car .popup_car .sec_box ul {
	display: flex;
	width: 100%;
	text-align: center;
	margin-bottom: 1px;
}

.page_car .popup_car .sec_box ul:nth-child(2n) li {
	background: #fcbec1;
}

.page_car .popup_car .sec_box ul:nth-child(2n-1) li {
	background: #fbd0d4;
}

.page_car .popup_car .sec_box li {
	width: 7%;
	color: #fff;
	padding: 3px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #ffffff;
	color: #000;
	font-weight: bold;
	letter-spacing: -0.02em;
}

.page_car .popup_car .sec_box .list2 {
	width: 15%;
}

.page_car .popup_car .sec_box .list3 {
	width: 40%;
}

.page_car .popup_car .sec_box .list5 {
	width: 8%;
}

.page_car .popup_car .sec_box .list6 {
	width: 23%;
}

.page_car .popup_car .sec_box .sec1 li {
	color: #fff;
}

.page_car .popup_car .sec_box ul.sec1 li {
	background: #fc3c3b;
}

.page_car .popup_car .co_grey {
	color: #ababab;
}

.page_car .popup_car .co_red {
	color: #fc3c3b;
}

.page_car .popup_car .info_box * {
	font-weight: bold;
}

.page_car .popup_car .info_box li, .page_car .popup_car .sec_box {
	margin-bottom: 10px;
}

.page_car .popup_car .info_box li:last-child {
	margin-bottom: 0px;
}

.page_car .popup_car .info_box .btn_close {
	text-decoration: underline;
	text-align: right;
}


/*----------------------------
         page_Direct 
----------------------------*/
.c_btn_ori_1 {
	color: #fff;
	/* background-color: #757475; */
	border-radius: 4px;
	padding: 4px 7px;
	border: 1px solid rgba(0,0,0,0.3);
	font-weight: 500;
	letter-spacing: -0.5px;
	background: rgb(122,121,122);
	background: linear-gradient( 180deg, rgba(122,121,122,1) 28%, rgba(100,99,100,1) 100%);
	display: inline-block;
}

.page_Direct .copybtn:hover {
	background: #222;
}

.page_Direct .c_content_title .c_info_title .c_info_list li {
	text-align: left;
}

.page_Direct textarea {
	resize: none;
}

.page_Direct input:focus, .page_Direct select:focus, .page_Direct textarea:focus {
	outline: none;
}

.page_Direct .instagram {
	width: 60px;
	height: 60px;
	background: url(/images/icon/instagram_btn.png) no-repeat;
	display: inline-block;
	background-size: 100%;
}

.page_Direct .mr10 {
	margin-right: 10px;
}

.page_Direct .facebookBtn, .page_Direct .naverBtn1, .page_Direct .kakaostoryBtn, .page_Direct .kakaoBtn, .page_Direct .naverBtn2, .page_Direct .instagram {
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
}

.page_Direct .tap_btn ul {
	display: flex;
}

.page_Direct .tap_btn li {
	min-width: auto;
	flex: 1;
}




/*page_direct_contract*/
.page_direct_contract .agree_area {
	border: 1px solid #e5e5e5;
	height: 600px;
	overflow-y: scroll;
	padding: 20px;
	color: #000000;
	line-height: 20px;
	box-sizing: border-box;
}

.page_direct_contract .cont_wrap .cont_box > li {
	font-size: 13px;
	padding: 15px 0;
}

.page_direct_contract .c_b_title {
	font-weight: 700;
	/* line-height: 36px; */
}

.page_direct_contract .cont_wrap .c_s_1 {
	margin-top: 10px;
}

.page_direct_contract .cont_wrap .c_s_2 {
	margin-left: 10px;
}

.page_direct_contract .cont_wrap .c_s_2 span {
	margin-bottom: 5px;
	display: block;
}

.page_direct_contract .cont_wrap .c_s_t1 {
	padding-left: 10px;
	margin-bottom: 5px;
}

.page_direct_contract .cont_wrap .c_s_t1 ul {
	border: 1px solid #cacaca;
	border-bottom: 0px;
	display: table;
	width: 100%;
}

.page_direct_contract .cont_wrap .c_s_t1 li {
	/*display: flex;
    align-items: center;*/
	display: table-row;
}

.page_direct_contract .cont_wrap .c_s_t1 p {
	display: table-cell;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	padding: 0px 5px;
	box-sizing: border-box;
	word-break: break-all;
}

.page_direct_contract .cont_wrap .c_s_t1 p:first-child {
	width: 55%;
}

.page_direct_contract .cont_wrap .c_s_t1 p:nth-child(2) {
	width: 25%;
}

.page_direct_contract .cont_wrap .c_s_t1 p:last-child {
	width: 15%;
	border-right: 0;
}

.page_direct_contract .cont_wrap .c_s_t1 ul:last-child {
	border-bottom: 1px solid #cacaca;
}

.page_direct_contract .cont_wrap .c_s_t1 ul:nth-child(2n) {
	background: #f3f3f3;
}

.page_direct_contract .cont_wrap .c_s_t1 li:last-child p {
	border-bottom: 0;
}

.page_direct_contract .cont_wrap .c_s_t1.s_2 p {
	width: 12.5%;
}

.page_direct_fee .c_table_title {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_direct_link .c_link_copy_w {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 30px 0;
}

.page_direct_link .c_link_copy_w .copy_input {
	background: #fff;
	color: #000;
	border: 1px solid #d1d1d1;
	font-size: 12px;
	height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.page_direct_link .copy_btn {
	background: #acaeb1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	height: 40px;
}

.page_direct_link .c_table_wrap {
	padding: 20px;
	background: #4e57ae;
	box-sizing: border-box;
}

.page_direct_link .c_table_cont {
	display: flex;
}

.page_direct_link .c_table_cont a {
	/*display: block;*/
}

.page_direct_link .c_table_cont a img {
	display: block;
	/*border: 1px solid #c6c6c9;*/
}

.page_direct_link .c_table_cont .c_box {
	width: 50%;
}

.page_direct_link .c_table_cont .c_box.box_copy {
	display: flex;
	flex-direction: column;
}

.page_direct_link .c_table_cont .c_box:first-child {
	margin-right: 15px;
}

.page_direct_link .c_table_cont .box1 img {
	max-width: 100%;
}

.page_direct_link .c_info_t {
	display: flex;
	align-items: flex-end;
	/*background: #f2f2f3;
    border: 1px solid #c6c6c8;*/
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	justify-content: center;
	line-height: 1.5;
	margin-bottom: 10px;
	border: 0;
	background: #001a9e;
	color: #fff;
	font-weight: bold;
}

.page_direct_link .c_table_cont .box_copy .cb {
	margin-bottom: 10px;
}

.page_direct_link .c_table_cont .box_copy .cb:last-child {
	margin-bottom: 0px;
}

.page_direct_link .c_table_cont .box_copy .cb_3 a {
	margin: 0;
}

.page_direct_link textarea {
	width: 100%;
	flex: 1;
	box-sizing: border-box;
	/*border: 1px solid #c6c6c9;*/
	border: 0;
	padding: 10px;
}

.page_direct_link .sec_title {
	margin-bottom: 20px;
	margin-top: 0px;
}

.page_direct_link .sec1 .sec_title {
	margin-bottom: 20px;
	margin-top: 30px;
}

.page_direct_link .sec_title .c_content_title, .page_direct_link .sec_title .c_content_title h3 {
	padding: 0;
}

.page_direct_link .c_divide {
	width: 100%;
	height: 5px;
	background: #dbdbdb;
	margin: 40px 0 30px 0;
}

.page_direct_link .box_select {
	box-sizing: border-box;
	width: 100%;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #cdcdcd;
	margin-bottom: 20px;
}

.page_direct_link .box_select select {
	height: 38px;
	width: 100%;
	border: 0;
}


/*다이렉트 링크 전체 페이지 리뉴얼 */
.page_direct_link .bundle1 .box1 {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.page_direct_link .bundle1 .box1 .b_1 {
	width: 48%;
	margin-bottom: 0;
}

.page_direct_link .bundle1 .box1 .b_2 {
	padding: 0;
	display: flex;
	justify-content: space-between;
	width: 50%;
}

.page_direct_link .bundle1 .box1 .b_2 input {
	margin: 0 10px;
	width: calc(100% - 65px);
	padding: 0 10px;
	box-sizing: border-box;
	height: 40px;
	border: 1px solid #d1d1d1;
}

.page_direct_link .bundle1 .box1 .b_2 a {
	width: 60px;
	display: inline-block;
	height: 40px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.5;
	border: 1px solid transparent;
	margin: 0;
}

.page_direct_link .bundle2 .box1 ul {
	border: 1px solid #d1d1d1;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.page_direct_link .bundle2 .box1 ul li {
	margin-bottom: 10px;
}

.page_direct_link .bundle2 .box1 ul li:last-child {
	margin-bottom: 0px;
}




/* 클라우드 수익률 조회 페이지 */

#divVFAVue {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

.page_earning {
	width: 1000px;
	height: 100%;
	font-family: 'Noto Sans KR';
}

.page_earning .c_top {
	width: 100%;
	background: url(/Home/VFA/images/bg_earning.jpg) #f1f1fd -5px 12px repeat-x;
	background-size: 76%;
	box-sizing: border-box;
	padding: 2rem;
	position: relative;
}

.page_earning .c_top .c_tit {
	font-size: 19px;
	font-weight: 600;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	margin-bottom: 1rem;
}

.page_earning .c_top .c_subtit {
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	margin-bottom: 2rem;
}

.page_earning .c_top .x_btn {
	position: absolute;
	width: 17px;
	height: 17px;
	cursor: pointer;
	top: 31px;
	right: 32px;
}

.page_earning .c_top .c_search_box1 {
	width: 380px;
	box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 7%);
	border-radius: 3px;
	display: flex;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.page_earning .c_top .c_search_box1 input {
	width: 300px;
	padding: 0.7em;
	border: none;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	text-align: center;
}

.page_earning .c_top .c_search_box1 .c_search_btn {
	width: 80px;
	background: #4151bf;
	display: flex;
	padding: 0.7em;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.page_earning .c_top .c_search_box1 .c_search_btn p {
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #ffffff;
}

.page_earning .c_top .c_search_box1 .c_search_btn img {
	height: 15px;
	margin-right: 0.3rem;
}

.page_earning .c_top .c_search_box2 {
	width: 650px;
	margin: 0 auto;
	box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 7%);
	border-radius: 3px;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #ffffff;
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
}

.page_earning .c_top .c_search_box2 .c_select_box {
	padding: 0.3rem;
	width: calc(100% - 80px);
}

.page_earning .c_top .c_search_box2 .c_select_box select {
	border: none;
	padding: 0.4rem 0.8rem;
	box-sizing: border-box;
	-webkit-appearance: none; /* 크롬 화살표 없애기 */
	-moz-appearance: none; /* 파이어폭스 화살표 없애기 */
	appearnce: none;
	background: url(/Home/VFA/images/icon_select.png) #ffffff center right 6px no-repeat;
	background-size: 9px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
}

.page_earning .c_top .c_search_box2 .c_select_box .c_line {
	width: 1px;
	height: 10px;
	background: #c6c6c8;
}

.page_earning .c_top .c_search_box2 .c_select_box select:first-child {
	width: 21%;
	border-right: 1px solid #c6c6c8;
}


.page_earning .c_top .c_search_box2 .c_select_box select:nth-child(2) {
	width: 31%;
	border-right: 1px solid #c6c6c8;
}


.page_earning .c_top .c_search_box2 .c_select_box select:nth-child(3) {
	width: calc(48% - 10px);
}

.page_earning .c_top .c_search_box2 .c_button_box1 {
	width: 80px;
	height: 100%;
	display: contents;
}

.page_earning .c_top .c_search_box2 .c_button_box1 .c_search_btn {
	width: 70px;
	background: #4151bf;
	display: flex;
	padding: 0.7em;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.page_earning .c_top .c_search_box2 .c_button_box1 .c_search_btn p {
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #ffffff;
}


/* ======================================
             checkbox 
======================================*/
.chiller_cb span:before, .chiller_cb span:after {
	content: "";
	display: inline-block;
	background: #fff;
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}

.chiller_cb {
	position: relative;
	height: 2rem;
	display: flex;
	align-items: center;
}

.chiller_cb input {
	display: none;
}

/*.chiller_cb input:checked ~ span {
    background: #fd2727;
    border-color: #fd2727;
}*/


.chiller_cb input:checked ~ span:before {
	width: 0.6rem;
	height: 0.1rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}

.chiller_cb input:checked ~ span:after {
	width: 0.4rem;
	height: 0.1rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}

.chiller_cb input:disabled ~ span {
	background: #ececec;
	border-color: #dcdcdc;
}

.chiller_cb input:disabled ~ label {
	color: #dcdcdc;
}

.chiller_cb input:disabled ~ label:hover {
	cursor: default;
}

.chiller_cb label {
	padding-left: 2rem;
	position: relative;
	z-index: 1;
	cursor: pointer;
}


.chiller_cb {
	position: relative;
	height: auto;
	display: flex;
	align-items: center;
}

.chiller_cb label {
	padding-left: 2rem;
	position: relative;
	z-index: 1;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
}

.chiller_cb input {
	display: none;
}

.chiller_cb input:checked ~ span {
	background: #2a45b3;
	border-color: #2a45b3;
}

.chiller_cb span {
	display: inline-block;
	border: 2px solid #ccc;
	position: absolute;
	transition: all 0.2s;
	z-index: 0;
	box-sizing: content-box;
	width: 1rem;
	height: 1rem;
	left: 0;
	top: 1px;
	border-radius: 50%;
}


.chiller_cb span:after {
	transform: rotate( 35deg );
	bottom: 0.5rem;
	left: 0.2rem;
}

.chiller_cb span:before {
	transform: rotate( -55deg );
	top: 0.7rem;
	left: 0.4rem;
}




.page_earning .c_body {
	box-sizing: border-box;
	width: 100%;
	padding: 3rem 4rem;
	padding-top: 0rem;
	background: url(/Home/VFA/images/wt.gif) center 0 no-repeat;
	background-size: 20%;
	background-position: 50% 18%;
	border-top: 1px solid #d4d4d5;
	padding-top: 2rem;
}

.page_earning .c_middle {
	box-sizing: border-box;
	width: 100%;
	padding: 3rem 4rem;
	padding-bottom: 0;
}

.page_earning .c_middle .check_box {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
}

.page_earning .c_middle .check_box .chiller_cb {
	margin-right: 2rem;
}

.page_earning .c_middle .check_box .chiller_cb:last-child {
	margin-right: 0rem;
}

.page_earning .c_body .print_box {
}

.page_earning .c_body .print_box .print_inner1 {
	position: relative;
	margin-bottom: 1rem;
}

.page_earning .c_body .print_box .print_inner1 .c_subtit1 {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #666666;
}

.page_earning .c_body .print_box .print_inner1 .c_subtit2 {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #666666;
}

.page_earning .c_body .print_box .print_inner1 .c_subtit3 {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #666666;
}

.page_earning .c_body .print_box .print_inner1 .c_print_version {
	display: none;
}

.page_earning .c_body .print_box .print_inner1 .c_print_btn {
	background-color: #a9a9ac;
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	width: 45px;
	padding: 0.2rem 0.5rem;
	box-sizing: border-box;
	border-radius: 3px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.page_earning .c_body .print_box .print_inner2 {
	width: 100%;
	height: 600px;
	border: 1px solid #a9a9ac;
	margin-bottom: 3rem;
}


.page_earning .c_body .print_box .print_inner3 {
}

.page_earning .c_body .print_box .print_inner3 table {
	border-top: 1px solid #000000;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.page_earning .c_body .print_box .print_inner3 table tr {
	border-bottom: 1px solid #d2d2d2;
}

.page_earning .c_body .print_box .print_inner3 table tr td {
	text-align: left;
	vertical-align: middle;
	border-left: 1px dotted #cfd5d7;
	padding: 0.4rem;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
}

.page_earning .c_body .print_box .print_inner3 table tr td:first-child {
	text-align: center;
}

.page_earning .c_body .print_box .print_inner3 table tr.t_title {
	border-top: 2px solid #4151bf;
}

.page_earning .c_body .print_box .print_inner3 table tr.t_title td {
	text-align: center;
	background-color: #f1f1fd;
}

.page_earning .c_body .print_box .print_inner3 table tr td.c_up {
	position: relative;
	color: red;
}

.page_earning .c_body .print_box .print_inner3 table tr td.c_up::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 13px;
	width: 0px;
	height: 0px;
	border-bottom: calc( 4px * 1.732 ) solid red;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.page_earning .c_body .print_box .print_inner3 table tr td.c_down {
	position: relative;
	color: #1088ee;
}

.page_earning .c_body .print_box .print_inner3 table tr td.c_down::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 13px;
	width: 0px;
	height: 0px;
	border-top: 8px solid #1088ee;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}





/* ------------------------------------------
                  팝업 
  ------------------------------------------ */


.layout_popup {
	position: fixed;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 101;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	margin: 0 auto;
	transform: translate(-50%, 0);
	left: 50%;
	/*max-width: 500px;*/
}


.layout_popup.is_visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.layout_popup_container {
	position: relative;
	width: 90%;
	height: 90%;
	margin: 0;
	left: 5%;
	top: 5%;
	/*transform: translate(-50%, -50%);*/
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.layout_popup_container .cont {
	/*height: calc(100% - 60px); 2021.11.22 디자인 변경으로 height 값 조정 */
	/*	height: calc(100% - 46px);*/
	overflow-y: auto;
	padding: 2.5rem;
	box-sizing: border-box;
	background: #ffffff;
	/*	max-height: 70vh;*/
}

.layout_popup_container .cont.popup_all .c_sec {
	height: 100%;
	overflow-y: unset;
	max-height: fit-content;
	border-bottom: 1px solid #b9b9b9;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
}

.layout_popup_container .lp_buttons:after {
	content: "";
	display: table;
	clear: both;
}

.layout_popup_container .lp_buttons li {
	/*float: left;
    width: 100%;
    list-style: none;*/
}

.layout_popup_container .lp_buttons a {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
	background: #222222;
	padding: 1rem 0;
	cursor: pointer;
}

.layout_popup_container .lp_buttons.ending_btn_bg a {
	border-radius: 0;
	color: #000000;
	padding: 0;
}

.layout_popup_container .lp_buttons.lp_btn_dual {
	display: flex;
	border-top: 1px solid #d8d8d8;
}

.layout_popup_container .lp_buttons.lp_btn_dual a {
	color: #000;
	box-sizing: border-box;
	width: 50%;
	border-right: 1px solid #d8d8d8;
	background: #f5f5f5;
}

.layout_popup_container .lp_buttons.lp_btn_dual a:last-child {
	border-right: 0;
}

/*.layout_popup_container .lp_buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
}*/

.layout_popup_container .lp_buttons li:last-child a {
	background: #b6bece;
	border-radius: 0 0 1rem 1rem;
}


.layout_popup_container .lp_close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	cursor: pointer;
}

.layout_popup_container .sm_close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
}

/*팝업에서 X버튼 유무 (X버튼 있을 경우 > .popup_xbtn_o 추가*/
.layout_popup_container.popup_xbtn_o .cont {
	padding: 4rem 2.5rem 2.5rem;
}

.layout_popup_container .lp_close {
	display: block;
}

.layout_popup_container.popup_xbtn_o .lp_close {
	display: block;
}


/*팝업에서 하단 버튼 유무 (하단 버튼 없을 경우 > ..popup_dbtn_x 추가*/
.layout_popup .layout_popup_container.popup_dbtn_x .cont {
	height: 100%;
}

.layout_popup .layout_popup_container.popup_dbtn_x .lp_buttons {
	display: none;
}


.layout_popup .layout_popup_container .lp_buttons {
	display: flex;
	box-sizing: border-box;
}

.layout_popup .layout_popup_container .lp_buttons .lp_confirm {
	background-color: #0aaf84;
}

.layout_popup .layout_popup_container .lp_buttons .lp_cancel {
	background-color: #86888d;
}



.layout_popup .layout_popup_container .btn_delete {
	position: absolute;
	right: 10px;
	top: 9px;
	z-index: 1;
}

.layout_popup_container .lp_close::before, .layout_popup_container .lp_close::after {
	content: '';
	position: absolute;
	top: 12px;
	width: 22px;
	height: 2px;
	background-color: #222222;
}

.layout_popup_container .lp_close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 6px;
}

.layout_popup_container .lp_close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 2px;
}

.layout_popup_container .sm_close::before, .layout_popup_container .sm_close::after {
	content: '';
	position: absolute;
	top: 12px;
	width: 22px;
	height: 2px;
	background-color: #222222;
}

.layout_popup_container .sm_close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 6px;
}

.layout_popup_container .sm_close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 2px;
}

.is_visible .layout_popup_container {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}


/* 팝업창 항상 가운데 (높이 영역에 따라) */
.layout_popup_container.popup_center {
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-height: 90%;
	overflow: auto;
}

.layout_popup.popup_fund .cont .c_title, .layout_popup.popup_fund .cont .wrap .c_sum {
	margin-bottom: 1rem;
}

.layout_popup.popup_fund .wrap .c_sum {
	background: #eee;
	margin: 0 -1.5rem;
	padding: 0 1.5rem;
}

.layout_popup.popup_fund .cont .wrap .list_wrap li {
	display: flex;
	justify-content: space-between;
}

.layout_popup .c_sec .c_bundle2 {
	display: flex;
	flex-flow: column;
	align-items: center;
}


/*수익률 조회 팝업*/
#divVFAVue .layout_popup_container {
	width: 70%;
}

#divVFAVue .layout_popup .c_bundle1 {
	width: 100%;
	box-sizing: border-box;
	background-color: #f2f2fc;
}

#divVFAVue .layout_popup .c_bundle1 .c_result_box {
	display: flex;
	padding-bottom: 1rem;
	padding-right: 2rem;
	padding-left: 2rem;
}

#divVFAVue .layout_popup_container .cont {
	padding: 0;
}

#divVFAVue .layout_popup .c_bundle1 .c_result_box .c_no_box {
	width: 20%;
}

#divVFAVue .layout_popup .c_bundle1 .c_result_box .subtit {
	width: 60%;
	text-align: center;
}

#divVFAVue .layout_popup .c_bundle1 .c_result_box .c_no_box .infoText i {
	font-style: normal;
	font-weight: 600;
}

#divVFAVue .layout_popup .c_bundle1 .c_result_box .c_no_box.second {
	display: flex;
	justify-content: end;
	align-items: center;
}

#divVFAVue .layout_popup .c_bundle1 .c_result_box .c_no_box.second .infoText {
	margin-right: 1rem;
}

#divVFAVue .layout_popup .c_bundle1 .c_bundle_inner {
	padding: 2rem;
	box-sizing: border-box;
	padding-bottom: 0rem;
}


#divVFAVue .layout_popup .c_bundle1 .c_search_box1 {
	width: 380px;
	box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 7%);
	border-radius: 3px;
	display: flex;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 1rem;
}

#divVFAVue .layout_popup .c_bundle1 .c_search_box1 input {
	width: 300px;
	padding: 0.7em;
	border: none;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	text-align: center;
}

#divVFAVue .layout_popup .c_bundle1 .c_search_box1 .c_search_btn {
	width: 80px;
	background: #4151bf;
	display: flex;
	padding: 0.7em;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#divVFAVue .layout_popup .c_bundle1 .c_search_box1 .c_search_btn p {
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #ffffff;
}

#divVFAVue .layout_popup .c_bundle1 .c_search_box1 .c_search_btn img {
	height: 15px;
	margin-right: 0.3rem;
}



#divVFAVue .layout_popup .c_search_box2 {
	box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 7%);
	border-radius: 3px;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #ffffff;
}

#divVFAVue .layout_popup .c_search_box2 select {
	border: none;
	padding: 0.2rem 0.4rem;
	box-sizing: border-box;
	-webkit-appearance: none; /* 크롬 화살표 없애기 */
	-moz-appearance: none; /* 파이어폭스 화살표 없애기 */
	appearnce: none;
	background: url(/Home/VFA/images/icon_select.png) #ffffff center right 4px no-repeat;
	background-size: 9px;
	font-size: 11px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	padding-right: 1rem;
}

#divVFAVue .layout_popup .c_result_box .subtext_2 i {
	font-style: normal;
	color: #253ab9;
}

#divVFAVue .layout_popup .c_list {
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
	background-color: #ffffff;
	padding-top: 0rem;
	-webkit-box-shadow: 0px -4px 7px -2px rgba(0,0,0,0.11);
	box-shadow: 0px -4px 7px -2px rgba(0,0,0,0.11);
}



#divVFAVue .c_print_btn {
	background-color: #a9a9ac;
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	width: 45px;
	padding: 0.2rem 0.5rem;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer;
}

#divVFAVue .c_new_vfa_btn {
	margin-right: 55px;
}
#divVFAVue .layout_popup .c_list ul {
}

#divVFAVue .layout_popup .c_list ul li {
	border-bottom: 1px solid #c6c6c6;
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0;
	align-items: center;
}

#divVFAVue .layout_popup .pagination {
	display: inline-block;
	background-color: #ffffff;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	padding: 0rem 2rem 2rem 2rem;
}

#divVFAVue .layout_popup .pagination a {
	color: black;
	float: left;
	padding: 2px 9px;
	text-decoration: none;
}

#divVFAVue .layout_popup .pagination div:first-child {
	width: 20%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#divVFAVue .layout_popup .pagination div:nth-child(2) {
	width: 60%;
	display: flex;
	justify-content: center;
}

#divVFAVue .layout_popup .pagination div:last-child {
	width: 20%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


#divVFAVue .layout_popup .pagination div img {
	height: 13px;
}

#divVFAVue .layout_popup .pagination a.active {
	background-color: #f1f1fd;
	color: #213bbf;
}



/* -----------------------------------------
          클라우드 수익률 조회 리뉴얼 
  ------------------------------------------ */

.page_earning {

}

.page_earning .main_banner {
	width: 100%;
	height: 350px;
	background: url(/Styles/images/mainbanner.jpg) center no-repeat;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}


.page_earning .main_banner .c_subtit {
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	margin-top: 1rem;
}

.page_earning .sub_banner {
	width: 100%;
	height: 250px;
	background: url(/Styles/images/subbanner.jpg) center no-repeat;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding-left: 8rem;
}

.page_earning .sub_banner .text_b {
	color: #fff;
}

.page_earning .search_banner {
	width: 100%;
	box-sizing: border-box;
	padding: 4rem;
}

.page_earning .search_banner {
	width: 100%;
	box-sizing: border-box;
	padding: 4rem 8rem;
	display: flex;
	justify-content: center;
	FLEX-DIRECTION: column;
}

.page_earning .search_banner .box1 {
	display: flex;
	width: 100%;
	margin-bottom: 2rem;
}

.page_earning .search_banner .box1 input {
	width: calc( 100% - 110px - 1rem );
	border: none;
	border-bottom: 1px solid #000;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

.page_earning .search_banner .box1 input:focus {
	outline: none;
}

.page_earning .search_banner .box1 input::placeholder {
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	color: #828282;
}

.page_earning .search_banner .box1 {
	display: flex;
}

.page_earning .search_banner .box1 .box_inner {
	width: 110px;
	height: 50px;
	background-color: #4151bf;
	color: #ffffff;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 1rem;
}

.page_earning .search_banner .box1 .box_inner div {
	DISPLAY: flex;
}

.page_earning .search_banner .box1 .box_inner div img {
	height: 20px;
	margin-top: 3px;
	margin-right: 6px;
}

.page_earning .search_banner .box2 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.page_earning .search_banner select {
	border: none;
	padding: 0.4rem 0.8rem;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearnce: none;
	background: url(/Home/VFA/images/icon_select.png) #ffffff center right 6px no-repeat;
	background-size: 9px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
	box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 7%);
	border-radius: 3px;
	height: 50px;
}

.page_earning .search_banner .box2 select:nth-child(1) {
	width: 17%;
}

.page_earning .search_banner .box2 select:nth-child(2) {
	width: 27%;
}

.page_earning .search_banner .box2 select:nth-child(3) {
	width: 50%;
}

.page_earning .search_banner .box3 {
	display: flex;
	margin-bottom: 1rem;
}

.page_earning .search_banner .box3 .check_box {
	width: 50%;
	display: flex;
}

.page_earning .search_banner .box3 .check_box input {
	width: calc( 100% - 140px );
	border: none;
	border-bottom: 1px solid #000;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

.chiller_cb span.second {
	display: inline-block;
	border: 2px solid #ccc;
	position: absolute;
	transition: all 0.2s;
	z-index: 0;
	box-sizing: content-box;
	width: 1rem;
	height: 1rem;
	left: 0;
	top: 50%;
	border-radius: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}

input:focus {
	outline: none;
}

.page_earning .search_banner .box3 .check_box.second {
	justify-content: space-between;
}

.page_earning .search_banner .box3 .check_box.second select {
	width: calc( 100% - 90px );
}

.page_earning .search_banner .box4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2rem
}

.page_earning .search_banner .box4 .btn {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: #213bbf;
	border-radius: 25px;
	margin-bottom: 2rem;
	margin-top: 2rem;
	cursor: pointer;
}

.page_earning .search_banner .box4 .infoText_2_n {
	color: #828282;
	text-align: center;
}

.page_earning .search_banner .box5 {
	display: flex;
	justify-content: flex-end;
	margin-right: -7.6rem;
}

.page_earning .search_banner .box5 .btn2 {
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #a9a9ac;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	cursor: pointer;
}

.page_earning .search_banner .box5 .btn2 .text_unit{
	margin-left: 0.5rem;
}

.page_earning .search_banner .box5 .btn2 img{
	height: 21px;
}

.page_earning .print_banner {
	box-sizing: border-box;
	padding: 2rem;
	background-color: #f1f1fd;
	padding-bottom: 4rem;
}

.page_earning .print_banner .print_inner1 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.page_earning .print_banner .print_inner1 .box {
	min-width: 80px;
	text-align: center;
	color: #222;
	background-color: #fff;
	border-radius: 25px;
	box-sizing: border-box;
	padding: 0.5rem;
}

.page_earning .print_banner .print_inner1 .infoText_2_n {
	color: #828282;
	text-align: right;
}

.page_earning .print_banner .print_inner2 {
	margin-bottom: 4rem;
}

.page_earning .print_banner .print_inner2 .lg_title_b {
	margin-bottom: 2rem;
	text-align: center;
}

.page_earning .print_banner .print_inner2 .list {
	background-color: #fff;
	margin-bottom: 1rem;
}

.page_earning .print_banner .print_inner2 .list ul {
	display: flex;
	box-sizing: border-box;
	padding: 0.5rem 1rem;
	justify-content: space-around;
}

.page_earning .print_banner .print_inner2 .list ul li {
	position: relative;
	padding-left: 0.5rem;
	font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
	font-size: 14px;
}

.page_earning .print_banner .print_inner2 .list ul li:nth-child(1) {
	width: 15%;
}

.page_earning .print_banner .print_inner2 .list ul li:nth-child(2) {
	width: 25%;
}

.page_earning .print_banner .print_inner2 .list ul li:nth-child(3) {
	width: 10%;
}

.page_earning .print_banner .print_inner2 .list ul li:nth-child(4) {
	width: 25%;
}

.page_earning .print_banner .print_inner2 .list ul li:nth-child(5) {
	width: 25%;
}

.page_earning .print_banner .print_inner2 .list ul li::after {
	content: '';
	position: absolute;
	top: 8px;
	left: 1px;
	background-color: #a9a9ac;
	border-radius: 50%;
	width: 3px;
	height: 3px;
}

.page_earning .print_banner .print_inner2 .red{
	color: red;
}

.page_earning .print_banner .print_inner3{
	position: relative;
}

.page_earning .print_banner .print_inner3 .water {
	position: absolute;
	top: 50%;
	width: 310px;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.page_earning .print_banner .print_inner5 {
	position: relative;
}

.page_earning .print_banner .print_inner5 .water {
	position: absolute;
	top: 50%;
	width: 310px;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.page_earning .print_banner .print_inner3 .text_unit_b, .page_earning .print_banner .print_inner4 .text_unit_b, .page_earning .print_banner .print_inner5 .text_unit_b {
	margin-bottom: 2rem;
}

.page_earning .print_banner .print_inner3 .graph {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	box-sizing: border-box;
	height: 132px;
}

.page_earning .print_banner .print_inner3 .graph .graphbox {
	display: flex;
	width: 50%;
}

.page_earning .print_banner .print_inner3 .graph .graphbox .inner1 {
	width: calc( 100% - 146px );
}

.page_earning .print_banner .print_inner3 .graph .graphbox .inner2 {
	width: 132px;
	height: 132px;
}


.page_earning .print_banner .print_inner3 .graph .graphbox .inner1 p {
	margin-bottom: 1rem;
}

.page_earning .print_banner .print_inner3 .graph .graphbox .inner1 ul li {
	margin-bottom: 0.4rem;
	display: flex;
}

.page_earning .print_banner .print_inner3 .graph .graphbox .inner1 ul li span {
	word-break: break-all;
	font-size: 12px !important;
	font-weight: normal;
	line-height: 1.65;
	font-family: 'NotoSansKR', 'Noto Sans KR', "맑은고딕", "Malgun Gothic", 'Apple SD Gothic Neo', "돋움", dotum, Arial, sans-serif;
}

.page_earning .print_banner .print_inner3 .graph .graphbox .inner1 ul li span:first-child {
	width: 60%;
	margin-right: 2rem;
}

.page_earning .print_banner .print_inner3 .graph .graphbox .inner1 ul li span:last-child {
	width: 40%;
}

.page_earning .print_banner .print_inner3 .graph .change {
	height: 43px;
	margin: 0 1rem;
}

.page_earning .print_banner .print_inner3 .graph > div:last-child .inner1 {
	margin-left: 1rem;
}


/*blue*/

.page_earning .print_banner .print_inner3 .graph .graphbox.blue .inner2 {
	background: url(/Styles/images/blue.png) no-repeat;
	background-size: 100%;
}


.page_earning .print_banner .print_inner3 .graph .graphbox.blue .inner1 p {
	color: #4151bf;
}

.page_earning .print_banner .print_inner3 .graph .graphbox.blue .inner1 ul li span {
	color: #222;
}

/*grey*/

.page_earning .print_banner .print_inner3 .graph .graphbox.grey .inner2 {
	background: url(/Styles/images/grey.png) no-repeat;
	background-size: 100%;
}


.page_earning .print_banner .print_inner3 .graph .graphbox.grey .inner1 p {
	color: #5b5b5b;
}

.page_earning .print_banner .print_inner3 .graph .graphbox.grey .inner1 ul li span {
	color: #5b5b5b;
}

/*green*/

.page_earning .print_banner .print_inner3 .graph .graphbox.green .inner2 {
	background: url(/Styles/images/green.png) no-repeat;
	background-size: 100%;
}


.page_earning .print_banner .print_inner3 .graph .graphbox.green .inner1 p {
	color: #1bb08f;
}

.page_earning .print_banner .print_inner3 .graph .graphbox.green .inner1 ul li span {
	color: #222;
}

.page_earning .print_banner .print_inner4 {
	margin-bottom: 4rem;
}


.page_earning .print_banner .print_inner4 .graph{
	
}


/*table*/

.page_earning .print_inner5.table table{
	border-top: 1px solid #000000;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.page_earning .print_inner5.table table tr {
	border-bottom: 1px solid #d2d2d2;
}

.page_earning .print_inner5.table table tr td {
	text-align: left;
	vertical-align: middle;
	border-left: 1px dotted #cfd5d7;
	padding: 0.4rem;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Noto Sans KR';
	letter-spacing: -0.01rem;
}

.page_earning .print_inner5.table table tr td:first-child {
	text-align: center;
}

.page_earning .print_inner5.table table tr.t_title {
	border-top: 2px solid #4151bf;
}

.page_earning .print_inner5.table table tr.t_title td {
	text-align: center;
	background-color: #f1f1fd;
}

.page_earning .print_inner5.table table tr td.c_up {
	position: relative;
	color: red;
}

.page_earning .print_inner5.table table tr td.c_up::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 13px;
	width: 0px;
	height: 0px;
	border-bottom: calc( 4px * 1.732 ) solid red;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.page_earning .print_inner5.table table tr td.c_down {
	position: relative;
	color: #1088ee;
}

.page_earning .print_inner5.table table tr td.c_down::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 13px;
	width: 0px;
	height: 0px;
	border-top: 8px solid #1088ee;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}