@charset "utf-8";

/* CSS 핵 */
/* IE7 : 속성 앞에  *표시 (예:*text-align:left) */
/* IE8 : 속성 뒤에 \0/IE8; */
/* IE9 : :root 선택자, 속성값 뒤에 \9 (예: :root div{float: left\9;} */

/* style guide

#32302e = 블랙
#ff7800 = 오렌지
#5fd4e1 = 하늘색
#ed1b24 = 빨간색
#2f97bb = 파란색

<회색 진한 순서>

#545250
#918c88
#d8d8d8
#f1f1f1
=============== */

/* 데스크탑 레이아웃
------ */
#wrap, #header, #container, #footer{
	min-width: 1000px;
}
body{
	font-size: 12px;
	background-color: #f3f3f3;
}
#header{
	z-index: 9999;
	position: relative;
	height: 100px;
	/*height: 39px;*/
	/* margin-bottom: 67px; */
	/*margin-bottom: 83px;*/
	/*border-top: 3px solid #ff7800;*/
	box-sizing: border-box;

}
#container {
	min-height: 600px;
	padding-top: 85px;
	background-color: white;
	padding-bottom: 80px;
}
.gnb_top_back,
#gnb_area{
	display: none;
}
#gnb_area{

	z-index: 0;
}
#gnb_area, #content, .opineering_support_box, .company_info_box{
	width: 1000px;
}


/* 모바일 메뉴 스위치
	------- */
.mobile_menu_switch{
	display: none;
}

/* 헤더부분
 */

.target_select_state_bar{
	display: block;
  	border-top: 2px solid;
}


/* WRAP
------ */
.inner-wrap-type1{
	margin-top: 48px;
	box-sizing: border-box;
}


/* gnb
------ */

/* gnb_type1
*/
.gnb_type1{
	text-align: right;
	top: 40px;
	right: 0;
	position: absolute;
	width: 80%;
	font-size: 1.09em;
	font-weight: bold;
	color: #918c88;
}
.gnb_type1 > dl{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.gnb_type1 dt{
	height: 100%;
	float: left;
	position: relative;
	line-height: 15px;
	border-right: 2px solid #d8d8d8;
	padding: 0 13px;
}
.gnb_type1 dt span{
	cursor: pointer;
}
/* 메뉴 이벤트 */
.hidden_menu{
	position: absolute;
	top: -9px;
	left: -1px;
	display: none;
	width: 100%;
	border: 1.5px solid #5fd4e1;
	z-index: -1;
}
.hidden_menu > span{
	font-weight: normal;
	display: block;
	line-height: 33px;
	background-color: #fff;
	border-bottom: 1px solid #d8d8d8;
}
.hidden_menu > .bg_menu{
	height: 33px;
	border: 1.5px solid #5fd4e1;
	background-color: #5fd4e1;
}



/* gnb_type2
*/
.gnb_type2{
	z-index: 1;
	text-align: right;
	top: 0px;
	*top: -1px;
	right: 0;
	position: absolute;
	width: 70%;
	font-size: 1.29em; 
	border-bottom: 1px solid #d8d8d8;
}
.gnb_type2 > dl{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.gnb_type2 dt{
	height: 100%;
	float: left;
	width: 132px;
	line-height: 45px;
	position: relative;
	cursor: pointer;
}
.gnb_type2 .gnb_icon{
	border-right: 1px solid  #747372;
	width: 47px;
}
/* 아이콘 메뉴 제일 오른쪽 */
.gnb_type2 .gnb_icon2{
	border-left: 0;
	border-right: 1px solid  #32302e;
}
.gnb_type2 dt .gnb_icon_menu_out{
	margin-left: 2%;
	vertical-align: -2px;
}


.fixedGnbArea {
	min-width: 1000px;
	box-sizing: border-box;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	right: 0;
	height: 85px;
	background-color: #fff;
	border-bottom: 1px solid #d8d8d8;
	box-shadow: 0px 6px 10px #0000000d;
	transition: 0.2s;
}


.fixedGnbArea .gnbCase {

}

.fixedGnbArea .gnbCase .gnbTop{
	width: 1000px;
	margin: 0px auto 0px auto;
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.fixedGnbArea.spread .gnbCase .gnbBottom{
	border-bottom: 1px solid #d8d8d8;
}


/* 총 평가건수 보상금액
------ */
.stats_container li{
	font-size: 1em;
}

.gnb_type2_on1, .gnb_type2_on2, .gnb_type2_on3 {
	z-index: 1;
	width: 132px;
	display: none;
	position: absolute;
	top: 45px;
	left:0px;
	margin-left:-1px;
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

.gnb_type2_on3 {
	width: 95px;
}

.gnb_type2_on1 li:HOVER, .gnb_type2_on2 li:HOVER, .gnb_type2_on3 li:HOVER {
	background-color: #d8d8d8;
}

.gnb_type2_on1 li, .gnb_type2_on2 li, .gnb_type2_on3 li {
	background-color: #fff;
/*	width: 136px; */
	float: none;
	border-bottom: 1px solid #d8d8d8;
	width: 100%;
}
.gnb_type2_on1 li span, .gnb_type2_on2 li span, .gnb_type2_on3 li span {
	display: inline-block;
	font-size: 13px;
	color: #918c88;
}

.gnb_type2_on1 li span.service_name, .gnb_type2_on2 li span.service_name {
	color: #f15f17;
}

.gnb_type2_on2 a {cursor: pointer; width: 100%; height: 100%;}

/* 푸터 부가정보
------ */
.additional_info_list{
	margin-top: 34px;
	overflow: visible;
}
.additional_info_list li{
	height: 24px;
	line-height: 24px;
	overflow: visible;
	white-space: nowrap;
	margin-right: 5px;
}

.additional_info_list li span{
	display: inline-block;
	zoom: 1;
	*display: inline;
	*font-weight: normal !important;
}

.additional_info_list .footer_logo{
	margin-right: 13px;
}
.additional_info_list .hover_strong:hover{
	cursor: pointer;
	font-weight: bold;
	color: #32302e;
	*font-weight: normal !important;
	
}
.additional_info_list .footer_logo img{
	cursor: pointer;
}
.additional_info_list li .line_vertical2{
	margin-right: 5px;	
}
/* .additional_info_list .dqm_corp_container{ */
/* 	*width: 65px;	 */
/* } */
.additional_info_list .dqm_corp{
	cursor: text;
}
.additional_info_list .dqm_address{
	margin-left: 327px;
}

.additional_info_list .mobile_bottom_tel{
	display: none;
}
/* 통계박스
------ */
.stats_type1{
	float: left;
	display: inline-block;
	zoom: 1;
	*display: inline;
	max-height: 85px;
	width: 54%;
	margin-bottom: 20px;
}
.stats_type1 .stats_list li{
	height: 60px;
	margin: 12.5px 0;
}
.stats_type1 .stats_list li dl dd{
	top: -11px;
}
.stats_type1 .stats_list li dl dt{
	top: 37px;
	font-size: 0.9em;
}
/* 통계박스 타입1 확장1 */
.stats_type1_e1{
	float: right;
	width: 45.6%;
	margin-bottom: 20px;
}

/* 테이블
------ */

/* 테이블 내용 뷰 전체 레이아웃
------ */
.detail_page .detail_container .detail_view_area1{
	width: 13%;
	position: absolute;
	top: 14px;
	left: 0;
}
.detail_page .detail_container .detail_view_area2, .detail_page .detail_container .detail_view_area3{
/* 	width: 86%; */
	position: relative;
}

/*출금신청 테이블
------*/

.table_withdrawal{
	margin-top: 20px;
}
.table_withdrawal input{
	margin-right: 5px;	
}

/* 충전 테이블
------ */
.charge_select_table {
	width: 96%;
}
.charge_select_table .thead{
	border-top: 2px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #fff;
	color: #32302e;
	font-weight: bold;
	cursor: default;
}
.charge_select_table .thead ul li{
	height: 34px;
	line-height: 32px;
}
.charge_select_table ul li {
	width: 19.5%;
	height: 40px;
	line-height: 37px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	color: #545250;
}
.charge_select_table ul li span{
	display: none;
}

/* 랭킹 요소
------ */
.ranking_area, .ranking_area2{
	display: inline-block;
	*float: left;
	width: 49%;
}


/* 비밀번호 찾기 요소
------ */

/* 비밀번호 찾기 타입 섹션 */
.password_change_section{
	margin-top: 40px;
}
.password_change_section .pw_input_list{
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 610px;
	margin-left: 20px;
	text-align: left;
}
.password_change_section .pw_input_list li input[type="password"]{
	width: 296px;
}
.password_change_section .pw_input_list .pw_new{
	margin-right: 5px;
}
.password_change_section .pw_input_list .pw_new, .password_change_section .pw_input_list .pw_confirm{
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* 이메일 인증 요소
------ */
.email_authentication_section{
	margin-top: 40px;
}
.email_authentication_section > img{
	vertical-align: bottom;
	margin-right: 20px;
}
.email_authentication_section > p, .email_authentication_section div{
	width: 610px;
	margin: 0 auto;
}
.email_authentication_section > p{
	font-size: 1.1em;
	line-height: 3;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 15px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.email_authentication_section > ul{
		line-height: 2.2;
		width: 602px;
		text-align: left;
		margin: 10px 143px 0 auto;
}
.email_authentication_section  li{
		height: 35px;
}
.email_authentication_section  li span{
	float: left;
}
.email_authentication_section  .btn_type1{
	float: right;
}

/* 이용약관 
------ */
.access_terms{
	margin-top: 10px;
}
/* 기타
------ */
.gap_area {
	padding-right: 0.3%;
}


/* 요금제
------- */