@charset "utf-8";
/*-------------------------------------------------------------------------
Member Service Style Sheet / myeong-hee park /2015. 11. 17.
-------------------------------------------------------------------------*/
/*
<link rel="stylesheet" href="${contextPath}/resources/js/lib/jquery/jquery-ui-1.10.4/css/redmond/jquery-ui-1.10.4.custom.min.css?date='${TODAY_CSSJS}'">
<link rel="stylesheet" href="${contextPath}/resources/css/scroll/jquery.mCustomScrollbar.css?date='${TODAY_CSSJS}'"> 
<link rel="stylesheet" href="${contextPath}/resources/css/common/login.css?date='${TODAY_CSSJS}'">
<link rel="stylesheet" href="${contextPath}/resources/css/common/bbs.css?date='${TODAY_CSSJS}'">
<link rel="stylesheet" href="${contextPath}/resources/css/kps/bbs.css?date='${TODAY_CSSJS}'">
*/

/* layout STYLE
----------------------------------------*/	
body {
	font-size: 93.8%;
	}
#wrap {
	width: 1020px;
	margin: auto;
	}
#header {
	margin: 20px 0 50px;
	}
#gnavigation {
	text-align: center;
	letter-spacing: -0.05em;
	line-height: 1.4;
	font-size: 1.067em;
	overflow: hidden;
	}	
#gnavigation > li {
	float: left;
	width: 33.39%;
	margin-left: -1px;
	}
#gnavigation > li a {
	display: block;
	padding: 18px 0;
	background: #ef6c00;	
	border: solid 1px #d64800;
	border-top-color: #e35b00;
	color: #fff;
	}	
#gnavigation > li.on a,
#gnavigation > li a:hover {
	background: #e05600;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
    transition: all .3s ease;
	}
#gnavigation > li span {
    display: inline-block;	
	padding-left: 28px;
	background: url(../../images/kps/member/icon_member.png) no-repeat 0 0;	
	transition: all .3s ease;
	}
#gnavigation .iconPw {
	background-position: 0 -21px;
	}
#gnavigation .iconJoin {
	background-position: 0 -42px;
	}	
#gnavigation > li a:hover .iconId,
#gnavigation > li.on .iconId {
	background-position: 0 -63px;
	}	
#gnavigation > li a:hover .iconPw,
#gnavigation > li.on .iconPw {
	background-position: 0 -84px;
	}	
#gnavigation > li a:hover .iconJoin,
#gnavigation > li.on .iconJoin {
	background-position: 0 -105px;
	}
	
#body {
	margin-bottom: 60px;
	}		
#body > .title {
	margin-bottom: 25px;
	color: #333;
	line-height: 1;
	letter-spacing: -0.08em;
	font-size: 2.133em;
	}	
#footer {
	border-top: solid 1px #dee3eb;
	padding-top: 28px;
	font-size: 0.933em;
	overflow: hidden;
	}
#footer .float_left {
	margin-top: 10px;
	}		
#footer address {
	color: #6c6d70;
	font-style: normal;
	}
#footer	.copyright {
	color: #6c6d70;
	}

.depth2_title,
.depth2_title02,
.depth2_bbsTitle,
.depth2_bbsTitle02 {
	margin-bottom: 13px;
	padding-left: 25px;
	background: url(../../images/kps/mypage/depth2_arrow.gif) no-repeat 0 4px;
	color: #333;
	line-height: 1.2;
	font-size: 1.267em;
	}
.depth2_title02,
.depth2_bbsTitle02 {
	margin-top: 50px;
	}
.depth3_title,
.depth3_title02,
.depth3_bbsTitle,
.depth3_bbsTitle02 {
	margin: 0 0 11px 23px;
	padding-left: 16px;
	background: url(../../images/common/content/depth3_arrow_orange.gif) no-repeat 0 8px;
	color: #da3d00;
	}
.depth3_title02,
.depth3_bbsTitle02 {
	margin-top: 20px;
	}
.title_leftzero {
	margin-left: 0;
	}	
.point_smallTxt {
	color: #de1864;
	font-size: 0.867em;
	}			
/* 콘텐츠 STYLE
-------------------------------------- */	
.point01 {
	color: #de1864;
	}
.member_infoBox {
	margin-bottom: 40px;
	padding: 22px 30px 20px 67px;
	background: url(../../images/kps/member/membership_infoBg.gif) no-repeat 28px 20px;
	border: solid 5px #eff0f2;
	letter-spacing: -0.05em;
	}
.member_infoBox .first_info {
	margin-bottom: 12px;
	color: #333;
	font-size: 1.231em;
	font-weight: bold;
	}	
.membership_info .line_lstyle > li {
	margin-top: 2px; 
	}

/* 아디비 비번 찾기*/
.tabMenu_area {
	position: relative;
	padding-top: 65px;
	}	
.tabMenu_area .tabmenu {
	position: absolute;
	top: 0;
	width: 50%;
	text-align: center;
	font-size: 1.067em;
	font-weight: bold;
	}
.tabMenu_area .tabmenu a {
	position: relative;
	display: block;
	margin-right: -1px;
	padding: 11px 15px 12px;
	background: #eeeff3;
	border: solid 1px #dbdcde;
	color: #747e93;
	line-height: 1.3;
	
	transition: all .3s ease;
	}
.tabMenu_area .tabmenu .on,
.tabMenu_area .tabmenu a:hover {
	background: #747e93;
	border-color: transparent;
	color: #fff;
	text-decoration: underline;
	transition: all .3s ease;
	}
.tab_company {
	left: 50%;
	margin-left: -1px;
	}	
.tabMenu_area .on .tabcontent {
	display: block;
	}	
.ipinHp_area {
	background: #f6f7f9;
	}
.ipinHp_area > li {
	border: none;
	}
.ipinHp_area > li:first-child {
	border-right: solid 1px #e8e8e8;
	border-radius: 0;
	} 	
/* 아이디찾기 완료 */
.complete_box {
	padding: 45px;
	border-top: solid 1px #d7d7d7;
	border-bottom: solid 1px #d7d7d7;
	text-align: center;
	}
.complete_box .first_info {
	color: #333;
	font-weight: bold;
	}	
.id_find p:first-child {
	margin-bottom: 18px;
	}
.user_email {
	padding-top: 130px;
	background: url(../../images/kps/mypage/secession_bg.gif) no-repeat 0 0;
	color: #333;
	font-size: 1.333em;
	font-weight: bold;
	}
/* 회원가입 STYLE 
--------------------------------------------*/		
/* 회원가입 단계 (join_step - 일반 / join_step02 - 기업)*/
.join_step,
.join_step02 {
	width: 100%;
	height: 63px;
	margin-bottom: 35px;
	background: url(../../images/kps/member/join_step.gif) no-repeat 0 0;	
	text-indent: -9999px;
	overflow: hidden;
	}
.join_step.step02 {
	background-position: 0 -67px; 
	}
.join_step.step03 {
	background-position: 0 -134px; 
	}
.join_step.step04 {
	background-position: 0 -201px; 
	}
.join_step02	{
	background-position: 0 -340px; 
	}	
.join_step02.step02	{
	background-position: 0 -406px; 
	}
.join_step02.step03 {
	background-position: 0 -472px; 
	}
.join_step02.step04 {
	background-position: 0 -538px; 
	}
.join_step02.step05 {
	background-position: 0 -604px; 
	}	
/* 회원타입*/		
.membership_type {
	padding: 50px;
	background: #f6f7f9;
	border: solid 1px #dbdcde;
	text-align: center;
	letter-spacing: -0.1em;
	overflow: hidden;
	}	
.membership_type li {
	float: left;
	width: 49%;
	margin: auto;
	}
.membership_type li:first-child {
	border-right: solid 1px #d9dade;
	}
.membership_type li a {
	display: block;
	text-decoration: none;
	}	
.membership_type li strong,
.ipinHp_area li a {
	display: block;
	margin-bottom: 10px;
	padding-top: 173px;
	background: url(../../images/kps/member/membership_type.png) no-repeat center -210px;
	font-size: 1.533em;
	}
.membership_type li:first-child strong {
	background-position: center 0;
	}
.ipinHp_area {
	margin-bottom: 0;
	font-weight: bold;
	}	
.ipinHp_area li a {
	background: url(../../images/kps/member/idSearch_type.png) no-repeat center -210px;
	}
.ipinHp_area li:first-child a {
	background-position: center 0;
	}	
.ipinHp_area span {	
	color: #f5511e;
	}	
/* 약관 단계 */	
.progressbar {
	height: 60px;
	margin-bottom: 30px;
	background: #eff0f2;
	border: solid 1px #e6e9ed;
	letter-spacing: -0.05em;
	text-align: center;
	overflow: hidden;
	}
.progressbar li {
	position: relative;
	float: left;
	/*width: 25%;*/
	width: 33%;
	min-height: 20px;
	padding: 20px 0;
	background: url(../../images/kps/mypage/bg_progress.png) no-repeat right 0;
	white-space: nowrap;
	}
.progressbar li:last-child {
	background: none;
	}
.progressbar li.on:before {
	position: absolute;
	top: 0;
	left: -20px;
	width: 21px;
	height: 100%;
	background: url(../../images/kps/mypage/bg_progress.png) no-repeat left -63px;
	content:'';
	}
.progressbar li.on,
.progressbar li:last-child.on {
	background-position: right -63px;
	color: #fff;
	font-weight: bold;
	}
.progressbar li:last-child.on {
	background: #41495d;
	}
/* 회원가입 약관동의 */
.agreement  {
	width: 100%;
	margin-bottom: 5px;
	padding: 24px 29px;
	background: none;
	border: solid 1px #ebebec;
	line-height: 1.6;
	box-sizing: border-box;
	}	
.agreement .depth3_title,
.agreement .depth3_title02 {
	margin: 0 0 21px;
	padding: 0;
	background: none;
	color: #0378be;
	letter-spacing: -0.05em;
	font-size: 1.067em;
	}	
.agreement .depth4_title,
.agreement .depth4_title02 {
	margin-bottom: 22px;
	color: #333;
	letter-spacing: -0.05em;
	}	
.agreement .depth3_title02,
.agreement .depth4_title02 {
	margin-top: 22px;
	}	
.agreement .dot_lstyle > li {
	margin-top: 3px;
	padding-left: 8px;
	background: url(../../images/common/content/gray_dot02.gif) no-repeat 0 11px;
	}
.agreement .dot_lstyle > li:first-child {
	margin-top: 0;
	}
.agreement .dot_lstyle ul {
	margin: 8px 0;
	font-size: 0.933em;
	}	
.agreement .dot_lstyle ul > li {
	margin-top: 5px;
	padding-left: 10px;
	background: url(../../images/common/content/depth5_arrow.gif) no-repeat 0 10px;
	}	
.agreement .firstchild_txt {
	margin-bottom: 15px;
	}
.line_lstyle > li {
	margin-top: 5px;
	padding-left: 10px;
	background: url(../../images/common/content/depth5_arrow.gif) no-repeat 0 9px;
	}
.ipinInfo {
	margin-bottom: 10px;
	}		
.check {
	margin: 10px 0 20px;
	text-align: right;
	}	
.last_check {
	padding-bottom: 20px;
	border-bottom: solid 1px #efefef;
	}	
/* 기업회원 가입 확인*/
.business_confirm {
	position: relative;
	padding: 30px;
	background: #f6f7f9;
	border: solid 1px #dbdcde;
	}	
.business_confirm label {
	margin-right: 20px;
	color: #5a6273;
	letter-spacing: -0.05em;
	font-size: 1.067em;
	font-weight: bold;
	}
.business_confirm input[type="number"] {
	width: 95px;
	padding: 14px 10px;
	}		
.business_confirm input.input_small {
	width: 140px;
	}
.business_confirm .info_txt {	
	position: absolute;
	right: 25%;
	margin-top: 15px;
	letter-spacing: -0.1em;
	font-size: 0.867em;
	}	
/* 회원가입완료 */
.join_complete .first_info {
	margin-bottom: 40px;
	padding-bottom: 115px;
	background: url(../../images/kps/member/join_complete.gif) no-repeat center bottom;
	}
.join_complete .first_info strong {
	font-size: 1.333em;
	}
/* 이메일 인증 */
.email_info {
	text-align: left;
	}
.email_info .first_info {
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 1.333em;
	}
.email_info .line_lstyle {
	margin-top: 30px;
	}
.email_info .underline {
	text-decoration: underline;
	}	
.email_address {
	padding: 1px 4px;
	background: #d9394a;
	color: #fff;
	}
.email_info .email_address {
	display: inline-block;
	margin: 18px 0 5px;
	}	
	
/* 기술이전 레이어 팝업 */
.outline_layer {
	position: relative;
	}
.choice_layer {
	position: absolute; 
	top: 87px; 
	right: 0; 
	background: #fff;
	border: 1px solid #e9eaee; 
	overflow: hidden;
	}
.choice_layer .tit {
	padding: 10px 20px; 
	background: #d9394a;
	color: #fff; 
	font-size: 0.867em; 
	font-weight: bold; 
	}
.choice_layer .data {
	padding: 15px 20px;
	}
.choice_layer .data p {
	padding-top: 5px; 
	text-align: center;
	}
.choice_layer .data p:first-child {
	padding-top: 0;
	}
.choice_layer .btn {
	margin-top: 10px; 
	text-align: center;
	}
.choice_layer .close {
	position: absolute;
	top: 10px;
	right: 10px;
	}