/* membershop - step */
.membership_step {background:url(../../images/homepage/bg_patten01.gif); padding:15px;}
.membership_step ul {position:relative; display:block; margin:0 -13px;}
.membership_step ul:after {content:""; display:block; clear:both; height:0;}
.membership_step li {padding:0 13px; float:left; width:25%; position:relative;}
.membership_step li span {display:block; border:1px solid #c6c6c6; text-align:center; background-color:#ffffff; font-size:18px; height:50px; line-height:50px;}
.membership_step li span:before {content:''; display:inline-block; width:23px; height:19px; background:url(../../images/homepage/bl_membership.png) no-repeat; margin-right:7px; vertical-align:middle; margin-top:-4px;}
.membership_step li:before {content:''; position:absolute; top:50%; right:0; width:10px; height:19px; margin-top:-8px; margin-right:-6px; background:url(../../images/homepage/bl_membership.png) 0 -60px no-repeat;}
.membership_step li:last-child:before {display:none;}
.membership_step li:nth-child(2) span:before {background-position-x:-30px;}
.membership_step li:nth-child(3) span:before {background-position-x:-90px;}
.membership_step li:nth-child(4) span:before {background-position-x:-120px;}
.membership_step li.icon_check span:before {background-position-x:-120px;}
.membership_step li span.on {background-color:#f7775e; color:#ffffff;}
.membership_step li span.on:before {background-position-y:-30px;}


.membership_user {text-align:right;} /* membership user type */
.membership_user span {position:relative; color:#1f1f1f; font-size:18px;}
.membership_user span:before {content:''; background:url(../../images/homepage/bl_membership.png) -60px -60px no-repeat; width:25px; height:22px; display:inline-block; vertical-align:middle; margin-right:5px;}


/* Membership - 타입별 구분 */
.member_type {width:70%; margin:50px auto 30px;}
.member_type ul {display:table; width:100%; height:100%;}
.member_type > ul > li {display:table-cell; width:50%; vertical-align:top; padding:20px; height:100%;}
.member_type .box_info {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #c1c1c1; position:relative; height:100%;}
.member_type .box_info h4 {font-weight:normal; color:#6592a3; text-align:center;}
.member_type .type_reserve h4 {color:#617184;}
.member_type .type_platform h4 {color:#6592a3;}
.member_type .box_info li {padding:4px 0; list-style-type:square;}
.member_type .box_info .type_info {padding:30px; margin-left:20px;}
.member_type .type_color {position:relative; height:140px; border-top-left-radius:10px; border-top-right-radius:10px; background-color:#f0f6f9;}
.member_type .type_color h4 {position:absolute; width:100%; bottom:-70px;}
.member_type .type_color:before {content:''; width:110px; height:110px; left:50%; top:50%;  margin-top:-55px; margin-left:-55px; background:url(../../images/homepage/bg_dot.png) #6592a3; position:absolute;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.member_type .type_reserve .type_color:before {background-color:#617184;} /* 예비회원 아이콘 - 배경 */
.member_type .type_platform .type_color:before {background-color:#6592a3;} /* 플랫폼회원 아이콘 - 배경 */
.member_type .type_color:after {content:''; width:60px; height:60px; position:absolute; left:50%; top:50%; margin-top:-28px; margin-left:-30px; background:url(../../images/homepage/bl_membership.png) -60px -90px no-repeat;}
.member_type .type_reserve .type_color:after {background-position: 0 -90px; margin-left:-23px; width:46px; height:55px;}  /* 예비회원 아이콘 - 위치 */
.member_type .type_platform .type_color:after {background-position:-60px -90px; margin-left:-28px; width:57px; height:55px;} /* 플랫폼회원 아이콘 - 위치 */
.member_type .type_info {margin-top:40px;}
.member_type .type_reserve .type_color {background-color:#f3f5f7;}
.member_type .type_platform .type_color {background-color:#f0f6f9;}

/* Platform type */
.ui_platform {width:100%;}
.ui_platform .title_info {padding:0 20px;}
.ui_platform > ul > li {width:25%;}
.ui_platform .box_info {height:240px;}
.ui_platform .type_color h4 {bottom:-85px;}
.ui_platform .type_over .btn {margin:0 auto; margin-top:40%;}
.member_type .platform_1 .type_color:after {background-position:0 -180px !important;} /* 투자자 아이콘 - 위치 */
.member_type .platform_2 .type_color:after {background-position:-90px -180px !important;} /* 비상장기업 아이콘 - 위치 */
.member_type .platform_3 .type_color:after {background-position:-180px -180px !important;} /* 중개증권사 아이콘 - 위치 */
.member_type .platform_4 .type_color:after {background-position:-270px -180px !important;} /* 서비스제공자 아이콘 - 위치 */

/* member type - mouse over action */
.type_over {position:absolute; width:100%; height:100%; left:0; top:0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; transition: background 0.5s ease; text-align:center;}
.type_over:hover {background: rgba(97, 113, 132, .6); border:2px solid #617184;}
.type_over .btn {display:none; margin:0 auto; margin-top:55%; font-size:24px; width:200px; height:50px; line-height:50px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.type_over:hover .btn {display:inline-block;}

/* 회원가입 */
.member_agree {border:1px solid #c1c1c1; margin:30px auto; padding:20px;}
.member_agree dl > dt {position:relative; height:40px; padding:0 10px; line-height:40px; background-color:#f8f8f8; font-size:16px; border:1px solid #bebebe; border-bottom:0;}
.member_agree dl > dd textarea {width:100%; height:190px; border:1px solid #bebebe;}
.member_agree dl > dd {padding-bottom:20px;}
.member_agree .lay_right {font-size:16px;}
.closed_right {font-size:16px;float: right;display: inline-block;}

/* 회원가입 완료 */
.member_verifier {border:1px solid #c1c1c1; padding:40px; text-align:center; position:relative;}
.member_verifier:before {content:''; width:207px; height:154px; background:url(../../images/homepage/membership/bl_verifier.png) no-repeat; display:inline-block; margin-bottom:20px;}
.member_verifier dt {font-size:24px;}
.member_verifier dd {padding:20px;}
.member_verifier dd div span {background-color:#efefef; font-weight:bold; font-size:16px; padding:5px 10px;}
.member_verifier dd div {padding:15px;}
.member_verifier dd strong {font-size:16px;}

.mem_reverifier:before {background-position-x:-210px;}
.mem_approval:before {background-position-x:-420px;}


/* 로그인 Layout */
.member_login {padding:30px; background-color:#f8f8f8; border:1px solid #c1c1c1;}
.member_login > ul {display:table; width:100%; height:100%; margin:0 auto;}
.member_login > ul > li {display:table-cell; width:50%; text-align:center; height:100%; padding:20px;}
.member_login .box_login {border:1px solid #cccccc; height:100%; background-color:#fff; padding:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.member_login .btn {font-size:16px;}
.member_login .login_btn {display:table; border:1px solid #c1c1c1; margin:0 auto; padding:7px 0; background-color:#ffffff; border-radius:3px;}
.member_login .login_btn a {display:table-cell; width:33.3%; border-right:1px solid #cccccc; line-height:100%;}
.member_login .login_btn a:hover {color:#f7775e;}
.member_login .login_btn a:last-child {border-right:0;}
.member_login h5 , .area_login .login_form, .member_login .login_btn, .lay_left {width:80%; margin:0 auto;} /* 공통사이즈 */
 /* 로그인 - 인증서, 로그인 타이틀 */
.member_login h5 {margin-bottom:25px; background:url(../../images/homepage/bl_line.gif) 0 50% repeat-x;}
.member_login h5 span {display:inline-block; background-color:#ffffff; padding:0 15px;}
/* 로그인 - 사설인증서 */
.area_pki .login_form {position:relative;}
.area_pki .login_form:before {content:''; width:110px; height:72px; background:url(../../images/homepage/bl_login.png) 0 -40px no-repeat; display:block; margin:0 auto; margin-bottom:10px;}
.area_pki .btn {height:45px; line-height:45px; width:50%;}
.area_pki .login_btn {margin-top:20px !important;}
/* 로그인 - 회원 */
.area_login .login_form {display:table;}
.area_login .login_form li {display:table-cell; vertical-align:top;}
.area_login .login_form li:last-child {width:90px; text-align:right;}
.area_login .login_form li label {display:none;}
.area_login .login_form li input {width:100%; margin-bottom:5px; height:40px;}
.area_login .login_form li .btn {height:85px; line-height:85px;}
.area_login .login_form li div .form {position:relative;}
.area_login .login_form li div input {padding-left:45px;}
.area_login .login_form li div input::placeholder {color:#cccccc !important;}
.area_login .login_form li div .form:before {content:''; position:absolute; width:25px; height:16px; top:2px; left:10px; background:url(../../images/homepage/bl_login.png) 0 0 no-repeat;}
.area_login .login_form li div:nth-child(2) .form:before {background-position-y:-20px;}
.area_login .login_form li div:hover .form:before {background-position:-40px 0;}
.area_login .login_form li div:hover:nth-child(2) .form:before {background-position:-40px -20px;}
.area_login .lay_left {padding-top:5px; padding-bottom:20px;}
.area_login .login_btn {margin-top:12px !important;}


/* 아이디, 비밀번호 찾기 */
.area_find {width:70%; margin:0 auto;}
.area_find .table_col {width:96%; margin:0 auto;}



/* 팝업 - Platform 회원유형 선택 */
.pop_platform {width:600px !important;}



/* 투자자 선택 */
.investor {margin:0 -7px;}
.investor > ul {display:table; width:100%;}
.investor  > ul > li {display:table-cell; width:50%; vertical-align:top; margin:0 auto; padding:0 7px;}
.investor ul > li h6 {background-color:#6592a3; padding:5px; border:1px solid #c1c1c1; border-bottom:0; color:#ffffff;}
.investor ul > li > ul {padding:10px; border:1px solid #c1c1c1; background-color:#f8f8f8;}
.investor ul > li > ul > li {display:block; width:100%; text-align:left; margin:5px 0; padding:10px; border:1px solid #c1c1c1; background-color:#ffffff; color:#254a58;}
.investor ul > li > ul > li:hover {background-color:#f0f6f9;}



/* 투자자 선택 : 설명글 */
.investor_infomation {
	border-top:3px solid #e8eff3; padding:30px 0 10px; text-align:center;
	position:relative;
	background:#f7fafc;
	background:-moz-linear-gradient(top, #f7fafc 1%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f7fafc 1%,#ffffff 100%);
	background:linear-gradient(to bottom, #f7fafc 1%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#ffffff',GradientType=0 );
}
.investor_infomation:after {content:''; width:100%; height:3px; position:absolute; left:0; bottom:0; background:url(../../images/homepage/bl_dot.gif) repeat-x left bottom;}
.investor_infomation .title {display:block; font-size:24px; color:#1f1f1f;}




/* 투자자 - 유형선택 step1 */
.investor_area .member_type {width:70%; margin:20px auto 10px;}
.investor_area .ui_platform > ul > li {/* width:25%; */}
.investor_area .member_type .box_info {height:240px;}
.investor_area .member_type .type_color h4 {bottom:-85px;}
.member_type .platform_1 .type_color:after {background-position:-135px -90px !important; width:50px; margin-left:-25px;} /* 기관 아이콘 */
.member_type .platform_2 .type_color:after {background-position:0 -90px !important; width:46px; margin-left:-22px;} /* 개인 아이콘 */


/* 유형 구분 - 아이콘  */
.investor_area .title_type1, .investor_area .title_type2 {
	width:110px; height:38px; margin:0 auto; background-color:#6592a3; border:2px solid #4c7d90; margin-top:30px; color:#ffffff; font-size:24px; line-height:32px; text-align:center;
	border-radius:19px; -moz-border-radius:19px; -webkit-border-radius:19px; position:relative; overflow:hidden;
}
.investor_area .title_type1:before, .investor_area .title_type2:before {content:''; position:absolute; width:27px; height:29px; background:url(../../images/homepage/bl_membership.png) -215px -86px no-repeat; left:0; bottom:0;}
.investor_area .title_type2:before {background-position:-261px -86px !important;}
.investor_area .type_over .btn {margin-top:42%;}

/* 회원유형선택 Step2 - 행당/ 비해당 */
.step2_box {
	padding-right:50px; border:4px solid #6592a3; cursor:pointer;
	height:130px; line-height:120px; text-align:center; font-size:24px; font-weight:500; position:relative;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}
.step2_box u {text-decoration:none; color:#2a69af;}
.step2_box .icon_help {
	position:absolute; top:0; right:0; width:50px; height:100%; background-color:#f0f6f9; text-indent:-8000px; border-left:1px solid #6592a3;
	border-top-right-radius:20px; border-bottom-right-radius:20px;
}
.step2_box .icon_help a {
	display:block; position:absolute; width:24px; height:24px; background-color:#6592a3; top:50%; margin-top:-13px; left:-14px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;
}
.step2_box .icon_help span:after {content:''; width:10px; height:16px; position:absolute; top:4px; left:7px; background:url(../../images/homepage/bl_membership.png) -96px -60px no-repeat;}
.step2_pink u {color:#d33793; padding-right:0;}

.step2_box:hover {border-color:#2a69af;}
.step2_box:hover:before {content:''; position:absolute; width:24px; height:24px; right:-12px; top:-10px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; z-index:10;
	background:url(../../images/homepage/bl_membership.png) -130px -55px no-repeat; background-color:#2a69af;
}
.step2_pink {padding-right:0;} /* 비행당 오버 Style */
.step2_pink:hover {border-color:#d33793;}
.step2_pink:hover:before {background-color:#d33793;}

.step2_box .text {line-height:130%; font-size:22px; padding-top:30px;} /* 2줄일 경우 */

/* 회원유형선택 Step3 - 기관 */
.step3_lay .step2_box {padding-right:30px; border-color:#d33793;}
.step3_lay .step2_box .icon_help {width:30px; background-color:#fef9fc; border-color:#d8d8d8;}
.step3_lay .step2_box .icon_help a {background-color:#929292;}
.step3_lay .step2_box:hover {border-color:#6592a3;}
.step3_lay .step2_box:hover:before {background-color:#6592a3;}

/*0529_이주현추가*/
/* 팝업 - 우편번호검색 */
.pop_address dt h3 {display:inline-block; font-size:18px; font-weight:bold; vertical-align:top; color:#ffffff; height:38px; line-height:37px; margin-left:8px;}
.pop_address {width:800px !important;}
.w350 {width:350px;}
.w200 {width:200px;}
.w620 {width:620px;}
.mr5 {margin-right:5px;}
#pt0 {padding-top:0;}
#txt_left {text-align:left}
.gray_box {background-color:#f8f8f8; border:1px solid #e4e4e3; padding:15px;}
.txt_blue {color:#2a69af; font-size:16px; font-weight:500; text-align:left; } 
.txt_gray {color:#999; text-align:left; font-size:14px; line-height:24px;}
.address_table tr {height:36px;}
.address_table tr th, .address_table tr td {text-align:left;}
.fontS14 {font-size:14px}
.ml10 {margin-left:10px;}
.line {border-top:1px dashed #CCC;}
.icon_point {display:inline-block; background:url(../../images/homepage/icon_point.png) no-repeat; width:18px; height:17px; vertical-align:middle; margin-right:5px;}
.necessary{ color:#ea6f2c; font-weight:600; display:inline-block; padding-left:4px;}
.mb10 {margin-bottom:10px;}
.wp70 {width:70% !important;}
.mt25 {margin-top:25px;}
.txt_left {text-align:left;}

/** 개발추가영역 */
.scroll_440 {overflow-y:auto; height:440px; } /* scroll - h440 */
.scroll_250 {overflow-y:auto ;height:250px;} /* scroll - h250 */

.mt10 {margin-top:10px !important;}