
@charset "utf-8";

@import url(util.css);

@import url(hover-min.css);

.clearfix:after{content:"";clear:both;display:block}
.pull-right{float:right}
.pull-left{float:left}
.sr-only{display:none}

table {
	width: 100%
}

/* common */
a.skip {
	display: block;
	position: absolute;
	top: -1px;
	z-index: 999;
	width: 0;
	height: 0;
	overflow: hidden;
	text-align: center
}

a.skip:active, a.skip:focus {
	z-index: 999;
	width: 100%;
	height: auto;
	padding: 5px;
	background: #FFF
}

.blank {
	background: url(/resources/equity/img/blank.png)
}

.overflow {
	overflow: hidden
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pr {
	position: relative
}

.va_mid {
	vertical-align: middle
}

.d_block {
	display: block
}

.d_iblock {
	display: inline-block
}

.fw_500 {
	font-weight: 500
}

.split_bar {
	padding: 0 10px;
	font-style: normal
}

.txt_line, .txt_line:hover, .txt_line:focus {
	text-decoration: underline
}

/* grid */
.row, .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
	.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
	.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
	.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
	.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
	padding-left: 0;
	padding-right: 0
}

.row_10>* {
	float: left;
	width: 20%
}

.w1200 {
	max-width: 1200px;
	margin: 0 auto
}

.w1100 {
	max-width: 1100px;
	margin: 0 auto
}

.wfull {
	width: 100% !important
}

.w770 {
	width: 770px !important
}

.w600 {
	width: 600px !important
}

.w380 {
	width: 380px !important
}

.w350 {
	width: 350px !important
}

.w210 {
	width: 210px !important
}

.w160 {
	width: 160px !important
}

.w150 {
	width: 150px !important
}

.w120 {
	width: 120px !important
}

.w110 {
	width: 110px !important
}

.w100 {
	width: 100px !important
}

.w80 {
	width: 80px !important
}

.wauto {
	width: auto !important
}

/* heading */
hr {
	border-color: #e4e4e4
}

.h1 {
	margin: 0;
	padding: 20px 0;
	font-weight: 400;
	font-size: 22px;
	text-align: center
}

.h1 small, .h1 .stauts {
	font-size: 16px
}

.h2 {
	margin: 0;
	padding: 20px 40px;
	font-size: 18px
}

.h2_2 {
	height: 24px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 32px
}

.h2_2>span {
	padding-right: 10px;
	background: #FFF
}

.h2_2 strong {
	margin-right: 10px
}

.h3 {
	margin: 1em 0;
	font-weight: 700;
	font-size: 24px;
}

.h3_2 {
	font-weight: 700;
	font-size: 21px;
}

.h3_2 b {
	float: left;
	width: 50px;
	margin: -10px 0;
	font-size: 36px;
	text-align: center;
	color: #e4e4e4
}

.h3.v3 {
	font-size: 24px;
}

.h3.v4 {
	margin: 0;
	padding-bottom: 40px;
	font-size: 18px
}

.h3.v4 i {
	display: block;
	padding-bottom: 25px
}

.h3.v4 small {
	font-size: 16px;
	vertical-align: middle
}

.h4 {
	margin: 1em 0;
	font-weight: 700;
	font-size: 18px;
}

.h4.v2 {
	padding-bottom: .5em;
	border-bottom: 1px solid #e4e4e4;
	font-size:16px;
}

.bx .h2 {
	border-bottom: 2px solid #ececec
}

.color_default {
	color: #5e5e5e !important
}

.color_pink {
	color: #ea5490 !important
}

.color_mint {
	color: #369cab !important
}

.color_mint2 {
	color: #14a5ba !important
}

.color_green {
	color: #25b187 !important
}

.color_grey {
	color: #a2a2a2 !important
}

.color_grey2 {
	color: #666 !important
}

.color_blue {
	color: #537abb !important
}

.bg_primary {
	background: #009db3 !important
}

.bg_mint {
	background: #369cab !important
}

.bg_mint2 {
	background: #34a9b9 !important
}

.bg_pink {
	background: #ea5490 !important
}

.bg_43 {
	background: #434343 !important
}

.bg_f8 {
	background: #f8f8f8 !important
}

.bg_alert {
	background: #e7f0f1;
	border: 1px solid #d8e5e6
}

.bg_blk {
	background: #3b3b3b !important
}

[class^=underline_] {
	display: inline-block;
	height: 1.1em;
	border-bottom: 5px solid #b2e1e8;
	border-bottom: 5px solid rgba(21, 165, 185, 0.39)
}

.underline_green {
	border-bottom: 5px solid #26c79f;
	border-bottom: 5px solid rgba(38, 199, 159, 0.39)
}

.h2_2 [class^=underline_], .h3 [class^=underline_] {
	border-bottom-width: 8px
}

.bx {
	margin-bottom: 12px;
	background: #FFF;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}

.bx2 {
	border: 1px solid #e4e4e4
}

.circle_num {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	background: #fff;
	border-radius: 21px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .35);
	font-style: normal;
	color: #369cab;
	text-align: center;
	line-height: 23px;
	font-size: 14px;
	vertical-align: middle
}

.tx_circle {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%
}

.alert2 {
	padding: 10px 15px !important;
	border-top: 2px solid #009db3;
	background: #f4f4f4
}

.alert2_hd {
	text-align: center
}

.view .alert2 {
	position: absolute !important;
	top: -30px;
	right: 40px;
	width: 300px
}

.hover_green:hover, .hover_green:focus {
	color: #009db3
}

.hover_green2:hover, .hover_green2:focus {
	color: #24b086
}

/* icon, label */
[class^=icon_] {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	vertical-align: middle;
	text-indent: -1000em
}

.icon_reset {
	position: absolute;
	z-index: 4;
	top: 0;
	right: 4px;
	width: 34px;
	height: 34px;
	background-image: url(/resources/equity/img/icon_reset.png)
}

.icon_delete {
	width: 17px;
	height: 17px;
	margin: -3px 0 0 4px;
	background-image: url(/resources/equity/img/icon_delete.png)
}

.icon_re {
	width: 16px;
	height: 16px;
	background-image: url(/resources/equity/img/icon_re.png)
}

.icon_play {
	width: 74px;
	height: 53px;
	background-image: url(/resources/equity/img/icon_play.png);
	background-position: 0 0
}

.icon_play_sm {
	width: 40px;
	height: 29px;
	background-image: url(/resources/equity/img/icon_play_sm.png);
	background-position: 0 0
}

.video_wrp:hover .icon_play, .video_wrp a:hover .icon_play_sm {
	background-position: 100% 0
}

.icon_btn_memo {
	width: 82px;
	height: 24px;
	background: url(/resources/equity/img/btn_memo.png);
	transition: none
}

.icon_btn_memo:hover {
	background-position: 100% 0
}

.icon_clip {
	width: 9px;
	height: 16px;
	background-image: url(/resources/equity/img/icon_clip.png)
}

.icon_cmt {
	width: 15px;
	height: 14px;
	background-image: url(/resources/equity/img/icon_cmt.png)
}

.icon_toggle {
	width: 19px;
	height: 9px;
	background-image: url(/resources/equity/img/icon_toggle.png);
	background-position: 0 0
}

.icon_toggle:hover, .icon_toggle:focus {
	background-position: -19px 0
}

.open .icon_toggle {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

.icon_pop_close {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
	width: 30px;
	height: 30px;
	background-image: url(/resources/equity/img/icon_pop_close.png)
}

.icon_heart {
	width: 19px;
	height: 19px;
	background-image: url(/resources/equity/img/heart.png)
}

.icon_chk_result1, .icon_chk_result2 {
	width: 16px;
	height: 16px;
	margin-top: -4px;
	background-image: url(/resources/equity/img/icon_chk_result1.png)
}

.icon_chk_result2 {
	background-image: url(/resources/equity/img/icon_chk_result2.png)
}

.icon_angle_double {
	width: 12px;
	height: 10px;
	margin: 0 4px;
	background-image: url(/resources/equity/img/icon_angle_double.png)
}

.icon_target {
	width: 25px;
	height: 22px;
	background-image: url(/resources/equity/img/icon_target.png)
}

[class^=icon_label_] {
	width: 51px;
	height: 20px;
	background: url(/resources/equity/img/labelx2.png);
	-webkit-background-size:100% auto;background-size:100% auto;
}

.icon_label_invest {
	background-position: 0 100%
}

.icon_help {
	width: 24px;
	height: 24px;
	background-image: url(/resources/equity/img/icon_help.png)
}

.icon_ribbon_bar {
	width: 6px;
	height: 24px;
	margin: 0 -6px 0 8px;
	background-image: url(/resources/equity/img/riboon_bar_sm.png)
}


/* form */
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder,
	:-ms-input-placeholder, input-placeholder {
	color: #5e5e5e
}

textarea {
	resize: none
}

input[type=checkbox], input[type=radio] {
	margin: 3px 0 0
}

.no_style {
	margin: 0;
	padding: 0;
	border: 0;
	background: none
}

.btn {
	position: relative;
	padding: 6px 12px;
	background: #5fb0bc;
	border: 1px solid #369cab;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .3)
}
.wzui .btn {
  text-shadow: none;
}

.btn:hover, .btn:focus, .btn:active, .fix_btn .btn-block:hover, .fix_btn .btn-block:focus,
	.fix_btn .btn-block:active {
	color: #fff
}

.btn:hover, .btn:focus, .btn:active {
	background: #459ba7
}

/*.btn:before {
	position: absolute;
	content: "";
	top: 1px;
	left: 50%;
	margin-left: -45%;
	width: 90%;
	height: 1px;
	background: rgba(255, 255, 255, .2)
}

.btn:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, .1)
}*/

.btn[class*=bg_] {
	border-radius: 0;
	text-shadow: none
}

.btn_wh:before, .btn_wh:after, .btn[class*=bg_]:before, .btn[class*=bg_]:after
	{
	display: none
}

.btn_wh {
	display: inline-block;
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	background: none;
	font-weight: 700;
	color: #4d5256;
	text-shadow: none
}

.btn_wh:hover {
	background: none;
	border-color: #5dbac7;
	color: #009db3
}

.btn_wh.v2 {
	border-radius: 0;
	font-weight: 400
}

.btn_wh.v2:hover {
	border-color: #009db3;
	color: #009db3;
}

.btn_wh.v3 {
	padding: 10px 30px;
	border-color: #25b187 !important;
	border-radius: 3px;
	font-weight: 400;
	font-size: 18px;
	text-align: center
}

.btn_wh.v3:before {
	display: none;
	position: relative;
	left: auto;
	z-index: 1;
	width: 23px;
	height: 21px;
	margin: 0 auto -21px;
	background: url(/resources/equity/img/btn_v3_icon.png) no-repeat
}

.btn_wh.v3:hover, .btn_wh.v3:focus {
	background: #51c19f;
	color: #2d9e7d
}

.btn_wh.v3:hover:before, .btn_wh.v3:focus:before {
	display: block
}

.btn_radius {
	border-radius: 8px !important
}

.btn-xs {
	padding: 1px 8px;
	font-weight: 400;
	font-size: 12px
}

.btn-md {
	padding-right: 20px;
	padding-left: 20px
}

.btn-lg {
	padding-right: 30px;
	padding-left: 30px
}

.btn.v2:after, .btn.v2:before {
	display: none
}

.btn2 {
	padding: 15px 0;
	background: #009db3;
	border: 1px solid #008598;
	box-shadow: inset 2px 2px 6px rgba(255, 255, 255, .5), 2px 2px 3px
		rgba(0, 0, 0, .1);
	font-size: 18px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
	text-align: center;
	color: #fff
}

.btn2:hover, .btn2:focus {
	background: #0eb3c3;
	text-shadow: 1px 1px 3px rgba(89, 233, 234, 1);
	color: #004b56
}

.btn2.reset_btn {
	background: #f8f8f8;
	border-color: #c2c2c2;
	text-shadow: none;
	color: #009db3
}

.btn2.reset_btn:hover, .btn2.reset_btn:focus {
	background: #e0e0e0;
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
	color: #777
}

[class^="hvr-"] {
	padding: 6px 12px;
	background: #009db3;
	border: 0;
	text-align: center;
	color: #fff;
	cursor: pointer;
	white-space: nowrap
}

[class^="hvr-"].btn_wh {
	border: 1px solid #e4e4e4;
	border-radius: 8px;
	background: none;
	font-weight: 700;
	color: #4d5256;
	text-shadow: none;
	background: #fff;
}

[class^="hvr-"].btn-xs {
	padding: 1px 8px;
	font-weight: 400;
	font-size: 12px
}

.bg_mint2.hvr-back-pulse:hover, .bg_mint2.hvr-back-pulse:focus,
	.bg_mint2.hvr-back-pulse:active {
	-webkit-animation-name: hvr-back-pulse2;
	animation-name: hvr-back-pulse2
}

.btn-xl {
	padding: 14px;
	font-weight: 700;
	font-size: 21px
}

.hvr-lg {
	padding: 10px 30px;
	font-size: 18px;
}

.btn-default, .btn-default:hover, .btn-default:focus {
	background: #b7b7b7;
	border: 1px solid #9f9f9f
}

.hvr-grow {
	padding: 8px 35px;
	border-radius: 3px
}

.hvr-grow, .hvr-grow:hover, .hvr-grow:focus {
	color: #fff
}

.hvr-grow.btn-lg {
	width: 100%;
	height: 92px;
	padding: 20px 35px;
	text-align: left;
	font-size: 20px;
	font-weight: 500
}

.hvr-grow.btn-lg small {
	font-size: 14px;
	font-weight: normal
}

.form-control {
	background: #fff;
	box-shadow: none !important;
	border: 1px solid #dadada;
	border-radius: 2px
}

.form-control:focus {
	border-color: #00b9d4 !important
}

.form-control.read {
	width: 200px;
	border: 0;
	background: #fff
}

.control-label {
	font-weight: 400
}

.form-horizontal .radio-inline {
	padding-top: 0;
	padding-bottom: 5px
}

.input-group-addon {
	background: none;
	border: 0
}

.form-control[contenteditable] {
	height: auto;
	padding-left: 0;
	padding-right: 0;
	line-height: inherit
}
/* form2 */
.frm, .frm2 {
	width: 780px;
	padding: 20px 0 10px 40px
}

.frm2 {
	padding-left: 95px
}

.frm .form-group {
	position: relative;
	margin-bottom: 25px
}

.frm .control-label {
	float: left;
	width: 180px;
	padding-right: 20px;
	font-size: 16px
}

.frm2 .control-label {
	text-align: left;
	font-size: 16px
}

.frm2 .control_bx {
	margin-top: 7px
}

.frm .control_bx {
	float: left;
	width: 550px
}

.frm .control_bx .control-label {
	float: none;
	width: 190px
}

.added_help {
	position: absolute;
	top: 0;
	left: 100%;
	width: 35%
}

.frm .form-control-static {
	padding: 7px 0 7px 7px
}

.frm .control-label.pt0 {
	line-height: 1.1
}

.frm .control-label small {
	display: block;
	padding-top: 3px;
	font-size: 14px;
	color: #a2a2a2
}

.frm .help-block {
	margin-bottom: 0
}

.disabled>* {
	filter: Alpha(opacity = 50);
	opacity: .5
}

.disabled label {
	cursor: default
}

.disabled .btn {
	background: #888;
	border: 1px solid #777;
	filter: Alpha(opacity = 100);
	opacity: 1
}

.required label {
	color: #ea5490
}

.required {
	border-color: #ea5490
}

.required .input-group-btn:first-child>.btn {
	border-right: 0
}

/* view */
.view .form-control {
	border: 1px solid #dadce0;
	background: #fff;
	max-height: 124px;
	font-size: 17px;
}

/* table */
.table-responsive {
	min-height: .01%;
	overflow-x: auto
}

.table2 {
	border: 3px solid #e4e4e4
}

.table2 tr th {
	font-weight: 400
}

.table2 tr th, .table2 tr td {
	padding: 5px;
	border: 2px solid #e4e4e4;
	text-align: center;
	white-space: nowrap
}

.table2 tr th {
	padding: 7px 10px;
	text-align: left
}

.table2 thead tr th {
	border-bottom: 0;
	text-align: center
}

.table2 tr .text-right {
	padding: 5px 10px;
	text-align: right
}

.table2 .form-control {
	padding: 6px 8px
}

.table2 textarea {
	padding: 4px 8px;
	line-height: 1.2;
	vertical-align: middle
}

/* tab */
.step_tab {
	display: table;
	width: 100%;
	height: 54px;
	background: url(/resources/equity/img/step1_bg.jpg) no-repeat;
	background-size: 100% 54px
}

.step_tab.step2 {
	background-image: url(/resources/equity/img/step2_bg.jpg)
}

.step_tab.step3 {
	background-image: url(/resources/equity/img/step3_bg.jpg)
}

.step_tab.step4 {
	background-image: url(/resources/equity/img/step4_bg.jpg)
}

.step_tab.step5 {
	background-image: url(/resources/equity/img/step5_bg.jpg)
}

.step_tab>li {
	display: table-cell;
	width: 20%;
	background: url(/resources/equity/img/num1.png) no-repeat 22.08% 50%;
	vertical-align: middle
}

.step_tab>li a {
	display: inline-block;
	width: 100%;
	padding-left: 39.58%;
	font-size: 16px;
	font-weight: 700;
	color: #FFF !important;
	line-height: 1.5;
}

.step_tab>li a small {
	display: block;
	position: relative;
	top: 2px;
	margin-top: -6px;
	font-weight: 400;
	font-size: 14px
}

.step_tab .tab2 {
	background-image: url(/resources/equity/img/num2.png)
}

.step_tab .tab3 {
	background-image: url(/resources/equity/img/num3.png)
}

.step_tab .tab4 {
	background-image: url(/resources/equity/img/num4.png)
}

.step_tab .tab5 {
	background-image: url(/resources/equity/img/num5.png)
}

/* list */
.dot-lst-style li:after {
	position: absolute;
	top: 4px;
	left: 5px;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #009db3
}

.dot-lst-style li {
	position: relative;
	padding-left: 25px
}

/* modal */
.modal-dialog {
	width: 280px;
	margin: 10% auto
}

.modal-content {
	border: 4px solid #1daac0;
	border-radius: 0;
	box-shadow: 2px 0px 3px rgba(0, 0, 0, .3)
}

.modal-body, .modal-footer {
	border: 0;
	text-align: center
}

.modal-body.text-left {
	padding-top: 25px;
	text-align: left
}

.modal-body strong {
	font-size: 18px;
	color: #5fb0bc
}

.modal-body h1 {
	font-size: 18px;
	color: #369cab
}

.modal-body {
	padding: 40px 15px 10px;
	font-size: 16px
}

.modal-body .form-group {
	margin-bottom: 10px
}

.modal-body .control-label {
	width: 75px;
	padding-top: 9px;
	padding-right: 10px;
	line-height: 1.1;
	text-align: right;
	vertical-align: top
}

.modal-body .form-control {
	width: 245px
}

.modal-footer {
	padding: 30px 15px
}

.modal-footer .btn:before, .modal-footer .btn:after {
	display: none
}

.modal-body .picbox {
	display: table;
	width: 225px;
	height: 235px;
	text-align: center
}

.picbox>span {
	display: table-cell;
	vertical-align: middle;
	color: #c7c7c7;
	line-height: 1.2
}

.picbox+button.blank {
	position: absolute;
	width: 245px;
	height: 245px;
	top: 0;
	left: 0;
	border: 0;
	text-indent: -999em
}

.modal-body .form-group.v2 {
	padding-top: 20px;
	text-align: center
}

.modal-body .form-group.v2 .control-label {
	width: auto;
	color: #5e5e5e
}

.modal-body .form-group.v2 .form-control {
	width: 200px
}

.modal-footer .change_email {
	display: block;
	margin: 10px auto 0;
	text-decoration: underline;
	font-size: 12px
}

.modal-body .form-group.v2 .chk_box {
	background-position: 0 4px
}

/* slide */
.bx-wrapper {
	position: relative
}

.bx-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.bx-controls-direction {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0
}

.bx-controls-direction a {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 21px;
	background: url(/resources/equity/img/slide_arrow2.png);
	text-indent: -99em
}

.bx-controls-direction .bx-next {
	left: auto;
	right: 0;
	background-position: 100% 0
}

/* ------------ Layouts ------------ */
/* header */
#hd {
	height: 65px;
	padding-top: 20px;
	margin-bottom: 40px;
	background: #fff
}

#hd nav {
	padding-top: 20px
}

#gnb li, .util li {
	float: left
}

#gnb li a {
	display: block;
	padding: 0 1px;
	margin-left: 25px;
	font-size: 18px;
	vertical-align: bottom
}

#gnb li a:first-child {
	margin-left: 35px
}

#gnb li a:after {
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	margin-top: 3px;
	background: #7fdec7;
	opacity: 0;
	filter: Alpha(opacity = 0);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .3s;
	transition: all .3s
}

#gnb li a:hover:after {
	opacity: 1;
	filter: Alpha(opacity = 100);
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.util a:hover, .util a:focus {
	color: #24b086
}

.util i {
	font-style: normal;
	padding: 0 5px
}

/* container */
#side {
	width: 220px;
	padding: 0 10px
}

#side:hover {
	overflow-y: auto;
}

#ct {
	position: relative;
	padding-bottom: 50px;
}

.view_body {
	position: relative;
	padding: 110px 0 160px 285px
}

.view_body #side {
	position: absolute;
	top: 90px;
	margin-left: -295px
}

#side h2 {
	margin: 0 0 30px;
	padding: 4px 10px;
	border-left: 4px solid #009db3;
	font-weight: 700;
	font-size: 18px
}

#side h3 {
	padding: 1em;
	font-weight: 700;
	font-size: 14px
}

.view_body #ct:before {
	content: '';
	position: absolute;
	top: 55px;
	bottom: 20px;
	left: -60px;
	border-left: 1px solid #e4e4e4
}

.view_body #ct {
	padding-top: 22px
}

.view_body #ct>* {
	position: relative;
	padding-bottom: 30px
}

.view_body #ct .h3 {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	margin-left: -20px;
	background: #fff
}


.view_body #ct.view_update>section:before {
	display: none
}

.view_body #ct>*>i {
	display: block;
	position: absolute;
	top: 30px;
	left: -64px;
	width: 9px;
	height: 9px;
	border: 2px solid #009db3;
	border-radius: 50%;
	background: #FFF
}

.view_update>* {
	padding-top: 23px;
	padding-bottom: 50px !important
}

.view_body #ct>.active>i {
	background: #009db3
}

/* lnb */
#lnb {
	position: relative;
	margin: 30px 0;
}

#lnb>i {
	display: block;
	position: absolute;
	top: 20px;
	bottom: 20px;
	border-left: 1px solid #e4e4e4
}

#lnb a {
	display: block;
	position: relative;
	padding: 10px 20px;
	background: none;
	font-size: 16px;
}

#lnb a:hover, #lnb a:focus {
	background: #f0f0f0;
	font-weight: 700;
}

#lnb a i {
	display: block;
	position: absolute;
	top: 50%;
	left: -4px;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-radius: 50%;
	background: #e4e4e4;
	transition: all .4s
}

#lnb .active a {
	background: none;
	font-weight: 700;
}

#lnb .active a i, #lnb a:hover i {
	background: #009db3
}

#lnb .active a i+span {
	display: inline-block;
	height: 1.2em;
	border-bottom: 5px solid #b2e1e8;
	border-bottom: 5px solid rgba(21, 165, 185, 0.39)
}

#lnb .label {
	position: relative;
	top: -2px;
	margin-left: 10px;
	padding: 1px 6px;
	border-radius: 10px;
	background: #e27575;
	font-weight: 400;
	font-size: 11px;
}

#lnb .date {
	display: inline-block;
	width: 40px;
	margin-right: 30px;
	color: #009db3
}


/* help */
#contentWrap {
	position: relative;
	width: 1100px;
	min-height: 900px;
	margin: 50px auto;
	padding: 0 0 0 340px
}

#snb {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	border: 1px solid #e4e4e4;
	border-width: 0 1px 0 1px;
	background: #f8f8f8
}

.snb_hd {
	position: relative;
	padding: 15px 15px 15px 40px;
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
	border-width: 1px 0 1px 0;
	font-size: 16px
}

.snb_hd>i {
	position: absolute;
	top: -1px;
	left: 10px;
	width: 10px;
	height: 31px;
	background: url(/resources/equity/img/snb_riboon_grey.png)
}

.snb_hd span, .snb_hd2 small {
	margin-left: 3px;
	font-weight: 400;
	font-size: 12px;
}

.snb_hd a:hover {
	color: #22cb9a !important
}

.snb_hd2 {
	margin: 15px;
	font-weight: 700;
	font-size: 16px;
	color: #4d5256
}

#snb ul {
	margin: 15px
}

#snb ul a {
	display: block;
	padding: 4px 20px;
	background: url(/resources/equity/img/icon_dot.png) 0 50% no-repeat
}

#snb ul a:hover {
	font-weight: 700;
	text-decoration: underline
}

#snb ul .active a {
	font-weight: 700
}

#snb .snb_reward .active a, #snb .snb_reward a:hover {
	background-image: url(/resources/equity/img/icon_dot_green.png)
}

#snb .snb_invest .active a, #snb .snb_invest a:hover {
	background-image: url(/resources/equity/img/icon_dot_mint.png)
}

.banner_cnt {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s
}

.banner_cnt .txt {
	display: table-cell;
	padding: 80px 30px 0;
	vertical-align: top;
}

.banner_cnt .tit {
	padding: 30px 0 25px;
	font-size: 16px;
	line-height: 1.4;
	height:100px;
}

.goal_progress2 .progress {
	margin: 0;
	height: 5px;
	background: #fff;
	border-radius:0
}

.goal_progress2 .progress-bar {
	background: #24b086
}

.goal_progress2.wbadge {
	padding: 0 40px 10px 0;
	background: url(/resources/equity/img/badge_ing.png) no-repeat 100% 100%
}

.goal_progress2.wbadge.done {
	padding: 0 40px 10px 0;
	background: url(/resources/equity/img/badge.png) no-repeat 100% 100%
}

.goal_progress2+.goal_txt {
	padding-top: 10px
}

.banner_cnt .txt>*, .banner_cnt .goal_progress2 .meta, .active .banner_cnt .txt>p
	{
	opacity: 0;
	filter: Alpha(opacity = 0);
	-webkit-transition: all .4s;
	transition: all .4s
}

.goal_progress3 .progress {
	margin: 0;
	height: 5px;
	background: #fff;
	border-radius:0;
}

.goal_progress3 .progress-bar {
	background: #009db3
}

.goal_progress3.wbadge {
	padding: 0 40px 10px 0;
	background: url(/resources/equity/img/badge_ing.png) no-repeat 100% 100%
}

.goal_progress3.done {
	background-image: url(/resources/equity/img/badge_inv.png)
}

.goal_progress3 .icon_ribbon_bar {
	background-image: url(/resources/equity/img/riboon_bar_sm2.png)
}

.goal_progress3+.goal_txt {
	padding-top: 10px
}

.banner_cnt .txt>*, .banner_cnt .goal_progress3 .meta, .active .banner_cnt .txt>p
	{
	opacity: 0;
	filter: Alpha(opacity = 0);
	-webkit-transition: all .4s;
	transition: all .4s
}

.active .banner_cnt .txt>* {
	opacity: 1;
	filter: Alpha(opacity = 100)
}

.banner_cnt .txt .icon, .banner_cnt .txt .tit {
	transform: translateY(-5px)
}

.banner_cnt .txt .icon {
	display: inline-block
}

.banner_cnt .meta span{position:absolute;right:-40px}
.banner_cnt .meta.left-tag span{right:2px;}

.banner_cnt .goal_progress2,.banner_cnt .goal_progress3 {
	width: 255px;
	margin: 0 auto;
	transform: translateY(5px)
}

.active .banner_cnt .txt .icon, .active .banner_cnt .txt .tit, .active .banner_cnt .goal_progress2
	{
	transform: translateY(0)
}

/* main */
.partners {
	padding: 120px 0
}
.recommand_lst {
	padding-top: 13px
}
/*.recommand_lst>li{padding-left:18px}*/
.img_area {
	position: relative;
	display: block;
	background: #fff;
	border: 1px solid #e4e4e4;
	text-align: center
}

.img_area>img {
	width: 100%
}

.img_area .icon_ribbon {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: url(/resources/equity/img/visual_ribbon_sm.png) no-repeat
}

.img_area .icon_ribbon_btm {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	background-image: url(/resources/equity/img/visual_ribbon_sm2.png)
}

.img_area>p {
	padding: 23px 15px 5px
}

.img_area .thumb img {
	position: relative;
	z-index: 1;
	width: 42px;
	height: 42px;
	margin-bottom: -21px;
	border: 3px solid #fff
}

.recommand_lst .pj_info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background: #000;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	filter: Alpha(opacity = 0);
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}

.recommand_lst .pj_info .meta span{position:absolute;top:0;right:-35px}
.recommand_lst .pj_info .meta span.left-tag{right:5px}

.recommand_lst a:hover .pj_info, .recommand_lst a:focus .pj_info {
	opacity: 1;
	filter: Alpha(opacity = 100)
}

.ing_card .pj_info>img {
	opacity: .65;
	filter: Alpha(opacity = 65)
}

.pj_info>img {
	position: absolute;
	top: 15px;
	right: 10px
}

.pj_info>div {
	position: relative;
	display: inline-block;
	width: 130px;
	vertical-align: middle;
	font-size: 12px;
	color: #fff
}

.pj_info:after {
	position: relative;
	display: inline-block;
	content: "";
	height: 100%;
	vertical-align: middle
}

.pj_news ul>li a {
	display: block;
	padding: 9px 20px;
	border-left: 1px solid #e4e4e4
}

.pj_news ul>li a:hover, .pj_news ul>li a:focus {
	border-color: #24b086
}

.pj_news ul>li p, .pj_news ul>li span {
	font-size: 12px;
	line-height: 1.2
}

.profile_wrp .re_user {
	height: 55px
}

.profile_wrp .re_user img {
	width: 55px;
	height: 55px
}

.profile_wrp .re_user .date {
	font-weight: normal
}

.ch_lst .cate {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 0 -18px 15px
}

.ch_lst strong {
	display: inline-block;
	padding-top: 15px
}

.ch_lst .txt {
	padding: 10px 0;
	font-size: 12px
}

.ch_lst .txt p {
	padding-bottom: 3px
}

.ch_link a {
	width: 36px;
	height: 36px;
	margin-left: 8px;
	background: url(/resources/equity/img/social.png) no-repeat 0 0
}

.ch_link .icon_ch_face {
	background-position: -44px 0
}

.ch_link .icon_ch_insta {
	background-position: -89px 0
}

.ch_link .icon_ch_naver {
	background-position: -133px 0
}

.ch_link .icon_ch_twi {
	background-position: -178px 0
}

.ch_link .icon_ch_vingle {
	background-position: -222px 0
}


.ch_link a,.ch_link em {
	width: 36px;
	height: 36px;
	margin-left: 8px;
	background: url(/resources/equity/img/social.png) no-repeat 0 0
}

.ch_link .icon_ch_face {
	background-position: -54px 0
}

.ch_link .icon_ch_insta {
	background-position: -108px 0
}

.ch_link .icon_ch_naver {
	background-position: -162px 0
}

.ch_link .icon_ch_twi {
	background-position: -217px 0
}

.ch_link .icon_ch_vingle {
	background-position: -271px 0
}

.ch_link .icon_ch_youtube {
	background-position: -325px 0
}

/* ------------ Sub ------------ */
/* 빵조각메뉴 */
.bc {
	background: #f4f4f4;
	line-height: 40px;
	border-bottom: 1px solid #e4e4e4
}

.bc a {
	margin-right: 2px;
	font-size: 14px
}

/* 폼 페이지 */
.frm_preview {
	position: absolute;
	top: 167px;
	right: 4px;
	width: 317px;
	height: 477px;
	padding-top: 49px;
	border: 1px solid #b0d4d8;
	border-top: 0;
	background: url(/resources/equity/img/preview_tit.jpg) no-repeat;
	box-shadow: 3px 3px 0 rgba(132, 132, 132, .1);
}

.frm_preview img {
	max-height: 100%
}

.disabled .frm_preview {
	background-image: url(/resources/equity/img/preview_tit2.jpg);
	border-color: #d3d3d3;
	filter: none;
	opacity: 1
}

.feed {
	padding-left: 10px;
	background: #f6e8eb;
	border-bottom: 3px solid #e9b6ca;
	color: #c0668a
}

.btn_ir_down {
	position: absolute;
	width: 160px;
	right: 10px;
	padding: 14px
}

.btn_tag {
	display: inline-block;
	padding: 7px 15px;
	margin: 0 7px 7px 0;
	text-align: center;
	border: 1px solid #dadada;
	border-radius: 10px
}

.btn_tag:hover, .btn_tag:focus {
	text-decoration: none;
	color: #369cab
}

span.btn_tag {
	background: #f8f8f8
}

span.btn_tag:hover {
	color: #5e5e5e
}

.upload_lst li {
	position: relative;
	margin: 0 0 0 35px;
	padding: 15px 0;
	border-top: 1px solid #dadada
}

.upload_lst li:first-child {
	border: 0
}

.upload_lst .circle_num {
	position: absolute;
	top: 23px;
	left: -30px
}

.upload_lst .form-control-static {
	display: inline-block;
	vertical-align: middle
}

.upload_desc {
	position: relative;
	padding: 10px 0 0 85px;
}

.upload_desc label {
	position: absolute;
	top: 15px;
	left: 0;
	font-weight: 400
}

.upload_desc label i {
	vertical-align: baseline
}

.upload_lst2 li {
	padding: 5px 0;
	border-top: 1px solid #dadada
}

.upload_lst2 li.placeholder {
	height: 51px;
	border: 1px dotted #dadada;
}

.upload_lst2 li:first-child {
	border: 0
}

.upload_lst2 li * {
	vertical-align: middle
}

.upload_lst2 li span:first-child {
	display: inline-block;
	width: 90px
}

.upload_lst2 .title {
	margin: 0 10px;
}

.upload_lst2 img {
	height: 40px
}

.preview_slide .bx-controls {
	top: 50%;
	left: -20px;
	right: -20px;
	text-align: center
}

.preview_slide li span {
	display: block;
	margin-bottom: 5px;
	text-align: center
}

.fix_btn {
	position: fixed;
	z-index: 5;
	width: 100%;
	bottom: 3px
}

.fix_btn .btn-block {
	height: 50px;
	background: #535353;
	box-shadow: 3px 3px 0 rgba(0, 0, 0, .2);
	border: 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	overflow: hidden;
}

.fix_btn .btn-block span {
  display: block;
  font-size: 12px;
  white-space: nowrap;
}

.fix_btn .btn-block:hover, .fix_btn .btn-block:focus, .fix_btn .btn-block:active
	{
	background: #282828
}

.fix_btn .bg_mint:hover, .fix_btn .bg_mint:focus, .fix_btn .bg_mint:active
	{
	background: #007d90 !important
}

/* view */
.view {
	background: #FFF;
	padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.view .w1200 {
	max-width: 1200px
}

.view_hd {
	/* background: #f8f8f8; */
	/* padding-bottom: 60px */
}

.view_hd .w1200 {
	padding: 60px 0 50px;
}

.view_hd_lt {
	float: left;
	width: 695px;
	margin-right: 55px;
	position: relative;
}

.view_hd h1 {
	font-weight: 700;
	line-height: 1;
	text-align: center
}

.view_hd h1+p {
	margin: 30px 0 60px;
	font-size: 18px;
	line-height: 1.3;
	text-align: center
}

.video_wrp i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27px -37px
}

.video_wrp .icon_play_sm {
	margin: -14px -20px
}

.view-slide-wrap {
	padding: 0 45px;
	position: relative;
}

.view-slide-nav {
	position: static;
	margin-top: 25px;
}
.view-slide-nav .video_wrp{hegith:67px;width:92px;}
.view-slide-nav img{width:92px;height:67px}
.view-slide-big .slick-slide {
	overflow: hidden
}
/*.view-slide-nav .slick-current{
	border:2px solid #009db3;
}*/
.view-slide-nav .slick-current{
	position: relative;
}
.view-slide-nav .slick-current::after{
	content: '';
	clear: both;
	display:block;
	box-sizing: border-box;
	width:100%;
	height:100%;
	border:2px solid #009db3;
	position: absolute;
	left: 0;
	top: 0;
}
.view-slide-nav .slick-slide {
	width: 92px !important;
	margin: 0 5px !important;
	height: 67px !important;
	overflow: hidden
}

.view-slide-nav .slick-arrow {
	display: block;
	text-indent: -999;
	border: none;
	position: absolute;
	top: 200px;
	width: 16px;
	height: 24px;
	margin: 0;
	background: url(/resources/equity/img/slide_arrow.png) no-repeat 0 0;
	color: transparent
}

.view-slide-nav .slick-prev {
	left: 0;
}

.view-slide-nav .slick-next {
	right: 0;
	background-position: right 0
}

.view-slide-big {
	position: static;
}

.view-slide-big .slick-arrow {
	display: block;
	text-indent: -999;
	border: none;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 55px;
	margin: -27px 0 0;
	color: transparent;
}

.view-slide-big .slick-prev {
	left: 0;
	background: url(/resources/static/img/common/btn_bn_arrow_l.png) no-repeat 0 0;
	background-size:cover
}

.view-slide-big .slick-next {
	right: 0;
	background: url(/resources/static/img/common/btn_bn_arrow_r.png) no-repeat 0 0;
	background-size:cover
}

.view .company_profile {
	padding-top: 40px;
}

.view .company_profile .view_tag a{cursor:default}

.company_profile h4 {
	font-weight: 700;
	font-size: 24px
}

.company_profile .media-left {
	padding-right: 30px
}

.company_profile .media-left img {
	width: 100px;
	height: 100px
}

.company_profile .summary {
	margin: .7em 0;
	font-size: 16px
}

.view_detail {
	float: left;
	width: 345px
}

/* 변경 및 추가 161028 */
.real-time-box{margin:10px 0 0}
.real-time-box p{font-size:12px;line-height:17px}
.real-time-box p span{color:rgba(0, 0, 0, .2);margin:0 5px}
.real-time-box p strong{font-weight:500;}
.real-time-box .link_tip {text-decoration:underline}
/* // 변경 및 추가 161028 */


.view_detail .social {

}

.view_detail .sect {
	padding: 8px 0;
	font-size: 15px
}

.view_detail .sect strong {
	font-size: 24px
}

.view_goal h2 {
	margin: 0 0 5px;
	font-size: 15px;
	line-height:26px
}

.view_goal h2 small {
	display: block;
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 14px
}

.goal_progress {
	padding: 32px 0 8px 0;
}
.goal-sum{text-align:right;margin:0 0 20px;padding:0 50px 0 0;font-size:14px; }
.goal_progress.done {
}

.goal_progress .progress1 {
	height: 5px;
	margin: 0 25px 0 0;
	border-radius: 2px;
	background: #dddddd
}

.goal_progress .progress1-bar {
	display: block;
	height: 5px;
	background: #009db3;
	position: relative;
	background: #009db3
}

.goal_progress .progress1-bar .ribbon-view {
	display: block;
	position: absolute;
	right: -7px;
	top: -30px;
	width: 7px;
	height: 28px;
	background: url(/resources/equity/img/riboon_bar_view.png) no-repeat 0 0;
}

.goal_progress .progress1-bar .progress-num {
	position: absolute;
	right: -40px;
	top: -25px;
	font-size: 15px;
	font-weight: 500
}

.goal_progress .progress1-bar .progress-num.left-tag {
	right: 10px
}

.view-sign {
	padding-top: 40px;
	margin-bottom: 10px;
	background: url(/resources/equity/img/bg_view_sign.png) no-repeat 102px
		20px;
}

.view-sign img {
	vertical-align: top
}

.view-sign span {
	display: inline-block;
	margin: 48px 0 0 17px;
}

.view-sign span strong {
	display: inline-block;
	width: 70px;
	text-align: right;
	font-size: 24px;
	font-weight: 500
}

.view_sns li {
	margin-top: -1px;
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
}

[class^=icon_btn_sns] {
	width: 99px;
	height: 34px;
	margin-right: 25px;
	background: url(/resources/equity/img/btn_sns.png)
}

.icon_btn_sns_like {
	background-position: 0 -65px
}

.icon_btn_sns_share {
	background-position: 0 100%
}

[class^=icon_btn_sns]:hover {
	background-image: url(/resources/equity/img/btn_sns_on.png)
}

[class^=icon_sns] {
	width: 31px;
	height: 31px;
	margin-right: 4px;
	background: url(/resources/equity/img/icon_sns.png);
	background-size: 112px 31px;
}

[class^=icon_sns]:hover, [class^=icon_sns]:focus {
	-webkit-animation-name: hvr-icon-up;
	animation-name: hvr-icon-up;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

a.post-feed-sign:hover, a.post-feed-sign:focus {
	-webkit-animation-name: hvr-icon-up;
	animation-name: hvr-icon-up;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.icon_sns_tw {
	background-position: 72px 0
}

.icon_sns_share {
	background-position: 100% 0
}

.view_tag {
	margin-top: 20px;
}

.view_tag a {
	display: inline-block;
	margin: 2px;
	padding: 1px 4px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
}

.view_tag a:hover, .view_tag a:focus {
	background: #d7d7d7;
	border-color: #c9c9c9
}
/* view body */
.view_nav {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1501;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	background: #FFF
}

.view_nav li {
	float: left;
	margin-right: 60px;
}

.view_nav li a {
	position: relative;
	display: block;
	padding-top: 2px;
	border-bottom: 2px solid transparent;
	font-weight: 700;
	font-size: 16px;
	line-height: 46px
}

.view_nav li em.new{display:inline-block;margin-left:5px;width:25px;height:12px;vertical-align:middle;background:url(/resources/static/img/common/icon_pp_new.png) no-repeat 0 0;background-size:cover;}
.view_nav li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: -2px;
	background: #00a5bd;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.view_nav li a:hover:before, .view_nav li a:focus:before {
	right: 0
}

.view_nav li a:hover, .view_nav li a:focus {
	color: #009db3
}

.view_nav .active a {
	border-color: #009db3;
	color: #009db3
}

.view_nav [class^="hvr-"] {
	width: 130px;
	margin-top: 8px
}
/* scroll */
.view_scroll .view_nav {
	position: fixed;
	top: 0
}

.view_scroll #side {
	position: fixed
}

.view_attached {
	margin: 30px 0;
	border: 1px solid #e4e4e4;
	border-radius: 5px
}

.view_attached ul {
	padding: 5px 15px
}

.view_attached li {
	margin-bottom: 10px
}

.view_attached li a {
	display: block;
	padding-left: 20px;
	background: url(/resources/equity/img/icon_clip.png) no-repeat
}

.view_attached li .pull-right {
	margin-top: -18px
}



.view_tb tr>* {
	padding: 6px 0;
  font-size: 15px
}

[class^=btn_sns2] {
	display: inline-block;
	padding: 2px 8px;
	border: 1px solid #4d5256;
	border-radius: 4px;
	font-size: 14px;
}

.btn_sns2_fb:hover {
	border-color: #3b5998;
	color: #3b5998
}

.btn_sns2_tw:hover {
	border-color: #55acee;
	color: #55acee
}

.lst_history {
	margin: 30px 0;
	padding: 30px
}

.lst_history h4 {
	position: relative;
	margin: 0 0 1em;
	font-size: 24px
}

.lst_history .label {
	position: absolute;
	top: 5px;
	left: -40px;
	padding: 2px 6px;
	border-radius: 10px;
	background: #e27575;
	font-size: 11px;
}

.lst_history .date {
	font-weight: 400;
	font-size: 14px
}

.lst_member, .lst_fdb {
	margin: -15px -15px 30px
}

.lst_member li, .lst_fdb li {
	padding: 15px
}

.lst_member a, .lst_fdb .cnt_wrp {
	display: block;
	border: 1px solid #e4e4e4;
	text-align: center
}

.lst_member a:hover, .lst_fdb a:hover {
	border-color: #00b9d4
}

.lst_member .img-responsive {
	width: 100%
}

.lst_member .cnt_wrp {
	padding: 10px;
	border-top: 1px solid #e4e4e4;
}

.lst_member{font-family:'applesdgothicneo-ultralight', 'notokr-light';color:#555;}
.lst_member .title {
	margin: .5em;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	height:50px
}

.lst_member .sub_title {
	display: block
}

.lst_member .summary {
	font-size: 16px;
	line-height: 24px;
}

.lst_member .meta {
	padding: 10px;
	border-top: 1px solid #e4e4e4;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap
}

.lst_member .meta img {
	height: 20px;
	margin: 0 2px;
	vertical-align: middle
}

.lst_member.v2 a {
	padding: 20px 0 15px
}

.lst_member.v2 img {
	width: 70px;
	margin-bottom: 10px;
}

.lst_member.v2 .title {
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	height:50px
}

.lst_member.v2 .meta {
	padding-bottom: 0;
	color: #929292
}

.lst_member.v3 .title {
	font-size: 16px
}

.lst_member .num span {
	display: inline-block;
	margin-bottom: 15px;
	padding: 0 4px;
	border-bottom: 2px solid #009db3;
	font-size: 18px
}

.lst_faq {
	font-family:'applesdgothicneo-ultralight', 'notokr-light';color:#555;
	font-size: 16px;
	width:630px;
	margin:0 auto 60px;
	text-align:justify
}

.lst_faq dt {line-height:28px;}
.lst_faq dd {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
	line-height:28px;
}

.lst_faq>*:last-child {
	border: 0
}

.lst_faq dt b, .lst_faq dd b {
	margin-right: 5px;
	font-size: 24px;
	color: #9a9a9a
}

.lst_faq dd b {
	color: #7f7f7f
}

.lst_dnld {
	margin-bottom: 60px
}

.lst_dnld td {
	padding: 5px 10px;
	font-size: 16px
}

.lst_dnld .title {
	width: 25%
}

.lst_dnld tr:hover, .lst_dnld tr:hover a, .lst_dnld a:hover {
	color: #009db3
}

.lst_fdb .cnt_wrp {
	height: 234px;
	padding: 30px 15px;
	border-radius: 5px;
	text-align: left
}

.profile_wrp img {
	height: 35px;
	margin-right: 10px;
}

.lst_fdb .summary {
	margin: 20px 0
}

.lst_fdb .meta {
	font-size: 12px
}

.lst_fdb .text-center {
	text-align: center
}

.lst_fdb h5 {
	margin-top: 40px;
	font-size: 16px;
	line-height: 1.4
}

.lst_discuss {
	overflow: hidden;
	position: relative;
	height: 46px;
	background: #f4f4f4;
	line-height: 46px;
}

.lst_discuss ul {
	position: absolute;
	top: 0;
	left: 10px;
	right: 40px;
}

.lst_discuss strong {
	font-size: 16px
}

.lst_discuss button {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 23px;
	font-size: 10px;
	line-height: 27px
}

.lst_discuss button:hover, .lst_discuss button:focus {
	color: #009db3
}

.lst_discuss button.down {
	top: auto;
	bottom: 0;
}

.lst_num li {
	margin-bottom: 10px;
	line-height: 20px
}

.lst_num b {
	display: inline-block;
	width: 25px;
	font-size: 16px;
	text-align: center;
	color: #818181
}

.lst_num [class^=icon_label] {
	margin-right: 5px
}

.lst_num a:hover {
	font-weight: 700;
	text-decoration: underline
}

.recruit-day-info{padding:45px 0;text-align:center;background:#009db3}
.recruit-day-info p{font-size:14px;color:#fff}
.recruit-day-info p.day-info-title{font-size:24px;font-weight:500;margin-bottom:35px;}
.recruit-day-info p.day-info-dday{font-size:48px;font-weight:500;margin-bottom:30px;}
.recruit-day-info p.day-info-onday{margin-bottom:15px;}
.recruit-day-info p.day-info-goal{font-weight:500;}

.bg_light_grey{background:#b3b3b3 !important}
.bg_dark_grey{background:#636363 !important}
.bg_yellow{background:#ddc000 !important}

.recruit-complete{padding:30px 0;text-align:center;background:#b3b3b3}
.recruit-complete p{font-size:14px;}
.recruit-complete p.recruit-state{font-size:24px;color:#fff;font-weight:500;}


/* view update */
.frm_view .title {
	height: 48px;
	font-weight: 700;
	font-size: 24px
}

.frm_view .form-control {
	margin-bottom: 25px;
}

.view_update_title {
	position: relative;
	padding: 0 0 5px
}

.view_update_title .date {
	font-weight: 700;
	font-size: 18px;
}

.view_update_title .count {
	margin-left: 20px;
}

.view_update_title h3 {
	margin: 10px 0;
	font-size: 24px;
	padding-right:40px;
}

.view_update_title .cmt_count {
	margin-left: 10px;
	font-size: 14px;
	color: #929292
}

.view_update_title .icon_toggle, .view_update_title .edit {
	position: absolute;
	top: 5px;
	right: 0
}

.view_update_title .icon_toggle {
	top: 50px
}

.view_update_cnt {
	padding: 20px 0;
	font-size: 17px;
	line-height: 2;
	word-break:break-all;
}

.view_update_cnt img {
    max-width: 100%;
    max-height: 100%;
}

/* comment */
.cmt_wrp .media {
	position: relative;
	margin-bottom: 25px;
}
.cmt_wrp .media.comment-focus-transit{transition:background 1s 2s}
.cmt_wrp .media.comment-focus{background:#feffee}

.cmt_lst>.media {
	margin-top: 40px;
}

.cmt_lst>.media:first-child {
	margin-top: 0
}

.cmt_wrp .media-left {
	padding: 0 35px 0 5px
}

.cmt_wrp .media-left img {
	width: 50px
}

.cmt_wrp .media-right {
	padding-left: 30px;
}

.cmt_wrt textarea, .cmt_wrp .media-right [class^="hvr-"] {
	height: 64px
}

.cmt_wrp .meta {
	margin-bottom: 10px
}

.cmt_wrp .date {
	margin-left: 10px;
	font-size: 12px
}

.cmt_wrp .edit {
	position: absolute;
	top: 0;
	right: 0
}

.cmt_wrt.re {
	padding-top: 25px
}

.cmt_re .media {
	margin: 25px 0 0
}

.cmt_body {
  line-height: 2;
  font-size: 17px;
}

.re_cmt_edit {
	margin-top: 15px;
}

.view_like {
	display: inline-block;
	width: 65px;
	padding: 8px 0;
	border: 1px solid #e4e4e4;
	border-radius: 4px;
	background: none;
	font-size: 14px;
	text-align: center
}

.view_like * {
	display: block
}

.view_like small {
	font-size: 12px;
}

.view_like small i {
	display: none;
	font-style: normal
}

.view_like:hover, .view_like:focus, .view_like.active {
	border-color: #5dbac7;
	color: #32b7ca
}

.view_like:hover small i.metoo, .view_like:focus small i.metoo,
	.view_like.active small i.metoo {
	display: inline
}

.view_like:hover .icon_smile, .view_like:focus .icon_smile, .view_like.active .icon_smile
	{
	background-image: url(/resources/equity/img/smile_active.png)
}

.view_like.active:hover, .view_like.active:focus {
	border-color: #e4e4e4;
	color: #4d5256
}

.view_like.active:hover small i.metoo, .view_like.active:focus small i.metoo
	{
	display: none
}

.view_like.active:hover small i.cancel, .view_like.active:focus small i.cancel
	{
	display: inline
}

.view_like.active:hover .icon_smile, .view_like.active:focus .icon_smile
	{
	background-image: url(/resources/equity/img/smile.png)
}

.icon_smile {
	width: 30px;
	height: 30px;
	margin: 8px auto;
	background-image: url(/resources/equity/img/smile.png)
}

.side_info {
	padding: 10px 15px 5px;
	margin-top: -5px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
}

.side_info p {
	padding-bottom: 5px
}

.side_info span {
	float: right;
	font-weight: 700
}

button[class^=heart] {
	padding: 5px 20px 3px;
	border: 1px solid #e4e4e4;
	background: none
}

button[class^=heart]:hover, button[class^=heart]:focus {
	border-color: #e27575
}

button[class^=heart]+.d_block {
	padding-left: 70px
}

button[class^=heart].hvr-icon-pulse-grow:before {
	content: "\f004";
	position: static;
	color: #e27575;
	font-size: 20px
}

button.heart_sm {
	padding: 3px 6px
}

button.heart_sm.hvr-icon-pulse-grow:before {
	font-size: 18px
}

/* side-poll */
.poll_wrp, .poll_result {
	position: relative;
	width: 160px;
	height: 188px;
	padding: 10px 15px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	background: #fff;
}

.poll_wrp h3 {
	padding: 14px 5px 14px 0 !important
}

.poll_btn li {
	position: relative;
	float: left;
	margin-left: 6px
}

.poll_btn li:after {
	position: absolute;
	top: 0;
	left: -6px;
	content: "-";
	color: #ccc
}

.poll_btn .step1:after {
	display: none
}

.poll_btn a {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/resources/equity/img/poll_num1.png) no-repeat;
	text-indent: -999em
}

.poll_btn .step2 a {
	background-image: url(/resources/equity/img/poll_num2.png)
}

.poll_btn .step3 a {
	background-image: url(/resources/equity/img/poll_num3.png)
}

.poll_btn .step2.on a, .poll_btn .step3.on a {
	background-position: 0 -16px
}

.poll_step>div {
	display: none;
	text-align: center
}

.poll_step>div.active {
	display: block
}

.poll_step label, .poll_step input {
	vertical-align: top
}

.poll_step p {
	margin: 10px 0
}

.poll_step .form-group {
	margin-bottom: 5px
}

.poll_result {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	z-index: 5;
	top: -1px;
	left: -1px;
	background: #fff;
	transition: all .5s
}

.poll_result>div {
	opacity: 0;
	filter: Alpha(opacity = 0);
	transition: all .5s;
	transition-delay: .5s
}

.poll_result.result_open {
	visibility: visible;
	width: 450px
}

.poll_result.result_open>div {
	opacity: 1;
	filter: none
}

.poll_result.result_close {
	transition-delay: .6s
}

.poll_result.result_close>div {
	opacity: 0;
	transition-delay: 0
}

.result_hd>* {
	display: inline-block
}

.result_hd button {
	margin-left: 10px;
	text-decoration: underline
}

.result_cnt p {
	padding: 5px 0 10px
}

.result_cnt span {
	display: block;
	padding: 5px 30px;
	text-align: right
}

.result_cnt span.on {
	background: url(/resources/equity/img/poll_result_chk.png) no-repeat
		15px 45%
}

.result_cnt span strong {
	float: left
}

.poll_result .icon_reset {
	top: 10px;
	right: 15px
}

/* ------------ main_beta ------------- */
/* hd */
.beta #hd {
	height: 95px;
	padding-top: 35px;
	margin-bottom: 0;
	background: #282828
}

.beta #hd>div>div {
	margin-top: 5px
}


/* ct */
.beta #container {
	background: #fff
}

.invest h2 {
	font-size: 35px;
	line-height: 1.4
}

[class^=invest_] {
	padding: 110px 0
}

.chk_bx {
	display: inline-block;
	padding: 2px 8px 2px 35px;
	margin-top: 10px;
	margin-right: 15px;
	border: 4px solid #b6e7ee;
	background: url(/resources/equity/img/chk_box_mint.png) no-repeat 8px
		40%
}

.invest_step img {
	margin: 55px 0 85px
}

.invest_step .hvr-lg {
	padding: 15px
}

/* ------------------ help ------------------- */
/* hd */
.help #hd {
	height: 50px;
	padding: 0 35px;
	margin-bottom: 0;
	background: #fff
}

.help #hd h1 {
	line-height: 50px
}
/* ct */
.help_srch {
	position: relative;
	z-index: 20;
	width: 950px;
	margin: 30px auto
}

.help_srch input {
	display: block;
	width: 100%;
	height: 78px;
	padding: 25px;
	border: 2px solid #e4e4e4;
	background: #FFF;
	font-size: 36px;
	color: #7e7e7e
}

.help_srch input:focus, .help_srch input:hover {
	background: #f4f4f4
}

.help_srch button {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 76px;
	height: 76px;
	background: url(/resources/equity/img/help/icon_search.png) 50% 50%
		no-repeat
}

.srch_suggest {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border: 2px solid #e4e4e4;
	background: #FFF;
}

.srch_suggest h3 {
	margin: 0;
	padding: 20px 25px;
	background: #e4e4e4;
	font-size: 14px
}

.srch_suggest ul {
	margin: 0;
}

.srch_suggest li {
	border-top: 1px solid #e4e4e4;
	padding: 0 25px;
}

.srch_suggest li:first-child {
	border: 0
}

.srch_suggest li a {
	display: block;
	padding: 18px 0
}

.srch_suggest li a i {
	margin-right: 10px;
}

.lst_help {
	padding: 15px;
	border: 1px solid #e4e4e4
}

.lst_help li {
	padding: 10px 0;
	font-size: 16px;
	line-height: 24px;
}

.lst_help .icon_help {
	margin-right: 15px;
	vertical-align: top
}

.lst_help a:hover {
	color: #1c96a7
}

.lst_help a:hover .icon_help {
	background-image: url(/resources/equity/img/icon_help_mint.png)
}

.help_reward_sect .lst_help a:hover {
	color: #26c79f
}

.help_reward_sect .lst_help a:hover .icon_help {
	background-image: url(/resources/equity/img/icon_help_green.png)
}

.lst_help .active{color: #1c96a7}
.lst_help .active .icon_help{background-image: url(/resources/equity/img/icon_help_mint.png)}
.help_reward_sect .lst_help .active{color: #26c79f}
.help_reward_sect .lst_help .active .icon_help{background-image: url(/resources/equity/img/icon_help_green.png)}

/* ------------------ supprter ------------------- */
/* ct */
[id^=typeList] {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	width: 260px;
	padding: 10px 0;
	background: #f8f8f8;
	border: 1px solid #b9b9b9;
	border-radius: 5px
}

[id^=typeList] a {
	display: block;
	width: 100%;
	padding: 15px 20px;
	font-size: 24px;
	text-align: left
}

[id^=typeList] a:hover {
	background: #313131;
	color: #fff
}

[id^=typeList].wbig {
	width: 315px
}

[id^=typeList].wsmall {
	width: 190px
}

[class^=maker_] {
	position: relative;
	padding: 0 !important;
	background: none !important
}

[class^=maker_]:before {
	position: absolute;
	content: "";
	top: 0;
	right: 50%;
	width: 200%;
	height: 100%;
	background: #f1f6f5
}

[class^=maker_] .h4 {
	position: absolute;
	font-size: 16px;
	margin: 0;
	line-height: 1.3
}

/* ------------------ signup ------------------- */
/* hd */
.signup {
	background: #f8f8f8
}

.signup #hd {
	height: auto;
	padding: 30px 0;
	margin-bottom: 0;
	text-align: center
}

/* ft */
.signup #ft {
	background: none;
	padding: 100px 0 35px;
	text-align: center
}

/* ct */
.signup_wrap.start {
	padding: 0;
	background: none;
	box-shadow: none
}

.signup_wrap.start>div {
	position: relative;
	width: 817px;
	height: 544px;
	margin: 0 auto;
	background: url(/resources/equity/img/signup_box.png) no-repeat
}

.signup_wrap span.or {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 42px;
	height: 42px;
	margin: -21px 0 0 -21px;
	background: url(/resources/equity/img/or.png) no-repeat;
	text-indent: -999em
}

.sign_btn {
	width: 100%;
	padding: 15px;
	border-radius: 5px
}

.form_txt {
	display: table;
	width: 320px;
	height: 100%;
	margin: 0 auto
}

.form_txt.form_style_v1 {
	width: 230px
}

.form_txt>div {
	display: table-cell;
	vertical-align: middle
}

.form_txt h3 {
	padding: 25px 0 10px;
	font-size: 16px;
	color: #6c7277;
	font-weight: 500
}

.form-control.mid, .form-control.big {
	height: 40px;
	border-radius: 0;
	background: #fff;
	text-align: center
}

.form_txt .form-inline>* {
	display: inline-block;
	vertical-align: middle
}

.form_txt .form-inline i {
	width: 10px;
	height: 2px;
	margin: 0 6px;
	background: #8a8a8a
}

.form_txt .form-inline .form-control.mid {
	width: 54px;
	padding: 6px
}

.form_txt .form-control.big {
	height: 54px;
	margin: 13px 0;
	font-size: 16px
}

.form_txt .hvr-grow {
	width: 230px;
	margin: 30px 0;
	padding: 10px
}

.hr_green {
	height: 108px;
	margin: 90px 0 10px;
	border: 0;
	background: #e1e8e4
}

.id_email_info {
	margin: 10px 0 20px;
	padding: 20px 30px;
	border: 1px solid #d2d2d2;
	border-radius: 3px
}

.id_email_info dt {
	font-size: 16px
}

.form_txt .btn_wh.shadow {
	padding: 10px 0;
	color: #008194
}

.join_step {
	position: relative;
	z-index: 5;
	height: 47px;
	box-shadow: 2px 0px 4px rgba(0, 0, 0, .3);
	background: #424242 url(/resources/equity/img/signup/step1.jpg)
		no-repeat 50% 50%
}

.join_step.step2 {
	background-image: url(/resources/equity/img/signup/step2.jpg)
}

.join_step.step3 {
	background-image: url(/resources/equity/img/signup/step3.jpg)
}

.join_step.step4 {
	background-image: url(/resources/equity/img/signup/step4.jpg)
}

.join_step li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 47px;
	font-size: 16px;
	color: #888
}

.join_step li.text-left {
	text-align: left !important;
	padding-left: 50px
}

.join_step li.on {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
	color: #fff
}

.signup_wrap {
	padding: 45px 45px 0;
	background: #fff;
	box-shadow: 2px 1px 5px rgba(0, 0, 0, .2)
}

.sign_content .h2 {
	padding: 0 0 60px;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	color: #009db3
}

.sign_content .thumbs img {
	width: 96px;
	height: 96px;
	border-radius: 50%
}

.member_type {
	width: 335px;
	margin: 0 auto 25px
}

.member_type [class^=type_lst] {
	margin-top: 20px
}

.member_type [class^=type_lst] li>div {
	position: relative;
	height: 186px;
	padding: 10px;
	border: 1px solid #e4e4e4;
	border-radius: 3px
}

.member_type [class^=type_lst] strong {
	font-size: 16px
}

.member_type [class^=type_lst] a {
	text-decoration: underline;
	font-size: 12px
}

.member_type [class^=type_lst] p {
	padding: 10px 0
}

.member_type [class^=type_lst] span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px
}

.type_lst_green strong, .type_lst_green a {
	color: #32b7a1
}

.type_lst_blue strong, .type_lst_blue a {
	color: #2594b0
}

.btn_wh.shadow {
	padding: 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
	background: #fff
}

.btn_wh.shadow:hover, .btn_wh.shadow:focus {
	border-color: #80d0d9;
	background: #d4f5f9;
	color: #009db3
}

.sign_content .add_txt {
	padding-bottom: 40px;
	text-decoration: underline;
	font-size: 12px
}

.sign_form .control-label {
	float: left;
	width: 120px;
	padding-top: 7px;
	font-size: 18px
}

.sign_form .control-label.wauto {
	float: none
}

.sign_form .form-group:after {
	display: block;
	content: "";
	clear: both
}

.sign_form .control_bx {
	margin-left: 120px
}

.sign_form .control_bx .form-control {
	border-radius: 0;
	background: #fff;
	font-size: 16px;
	color: #2594b0
}

.sign_form .control_bx .form-control:focus {
	background: #f4f4f4
}

.sign_form .form-control-static {
	font-size: 16px;
	color: #2594b0
}

.sign_form .control_bx.certified {
	padding: 15px 20px;
	border: 1px dashed #c2c2c2;
	border-radius: 3px;
	text-align: center
}

.sign_form .control_bx.certified strong {
	font-size: 16px;
	color: #009db3
}

.chk_box {
	min-height: 22px;
	text-align: left
}

.chk_box input {
	position: absolute;
	left: -999em
}

.chk_box {
	padding-left: 32px;
	background: url(/resources/equity/img/agree_label.gif) no-repeat 0 50%;
	font-weight: 400
}

.chk_box.on {
	background-image: url(/resources/equity/img/agree_label_on.gif)
}

.side_group a.go_home span {
	font-size: 12px;
	text-decoration: underline
}

.side_group a.go_home:hover span, .side_group a.go_home:focus span {
	color: #23af85
}

.sign_form .num_split {
	display: inline-block;
	width: 14px;
	height: 2px;
	margin: -4px 5px 0;
	background: url(/resources/equity/img/num_split.gif) no-repeat 0 0;
	vertical-align: middle
}

.job_type_lst {
	margin: 15px 0 20px;
	padding: 15px 30px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .2)
}

.job_type_lst:after{content:"";clear:both;display:block;}

.job_type_lst .chk_box {
	display: block;
	margin-bottom: 10px;
	line-height: 22px;
	background-image: url(/resources/equity/img/signup/agree_label.gif)
}

.job_type_lst .chk_box.on {
	background-image: url(/resources/equity/img/signup/agree_label_on.gif)
}

.job_type_lst li {
	margin-top: 15px;
	border-top: 1px dashed #fff
}

.job_type_lst li.active {
	border-color: #2594b0
}

.job_type_lst li.job_type3 {
	border-top: 0
}

.job_type_lst li.job_type2, .job_type_lst li.job_type3 {
	display: none
}

.job_type_lst li>i {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: -16px 0 10px 0;
	background: url(/resources/equity/img/signup/type_lst_num.png) no-repeat
}

.job_type_lst li.job_type2>i {
	background-position: 0 -32px
}

.job_type_lst li.job_type3>i {
	background-position: 0 -64px
}

.job_type_lst li.job_type1.active>i {
	background-position: -32px 0
}

.job_type_lst li.job_type2.active>i {
	background-position: -32px -32px
}

.job_type_lst li.job_type3.active>i {
	background-position: -32px -64px
}

.icon_profile_btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 101px;
	background-image: url(/resources/equity/img/signup/profile_img_btn.gif)
}

.icon_confirm {
	width: 77px;
	height: 30px;
	margin: -2px 0 0 12px;
	background-image: url(/resources/equity/img/signup/icon_confirm.png)
}

.form-group.border_bx {
	padding: 15px 20px 25px;
	margin: 30px 0 0;
	border: 1px solid #e4e4e4;
	border-radius: 5px
}

.profile_bx {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 101px
}

.id_card_bx {
	display: inline-block;
	width: 200px;
	height: 127px;
	padding: 43px 40px 0 50px;
	background: url(/resources/equity/img/signup/profile_img_btn2.gif)
		no-repeat 0 0
}

.wadiz_ex_lst li {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 240px;
	padding: 35px 20px 0;
	margin-left: 15px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
	text-align: left;
	vertical-align: middle
}

.wadiz_ex_lst li a {
	position: absolute;
	width: auto;
	left: 10px;
	right: 10px;
	bottom: 15px
}

.wadiz_ex_lst li p {
	padding-top: 10px;
	font-size: 16px
}

.wadiz_ex_lst li.ex1 {
	margin-left: 0;
	background: #fff url(/resources/equity/img/signup/bg_label1.png)
		no-repeat 0 0
}

.wadiz_ex_lst li.ex2 {
	background: #fff url(/resources/equity/img/signup/bg_label2.png)
		no-repeat 0 100%
}

.wadiz_ex_lst li.ex3 {
	background: #fff url(/resources/equity/img/signup/bg_label3.png)
		no-repeat 100% 100%
}

/* ------------------ invest process -------------------/resources/equity/img */
/* hd */
.beta.process #hd {
	height: 50px;
	padding-top: 3px;
	margin-bottom: 0;
	background: #fff
}

.beta.process #hd h1 img {
	width: 94px;
	height: auto
}


/* ct */
.beta.process #container {
	background: #f8f8f8
}

.join_step.process.step1 {
	background-image: url(/resources/equity/img/process/step1.jpg)
}

.join_step.process.step2 {
	background-image: url(/resources/equity/img/process/step2.jpg)
}

.join_step.process.step3 {
	background-image: url(/resources/equity/img/process/step3.jpg)
}

.join_step.process.step4 {
	background-image: url(/resources/equity/img/process/step4.jpg)
}

.join_step.process li.text-left {
	padding-left: 70px
}

.invest_info_bx {
	overflow: auto;
	margin: 60px 0;
	padding: 35px 0;
	background: #d1e2e5
}

.invest_info_bx .invest_limit {
	padding: 30px 75px 0;
	line-height: 1.5
}

.invest_info_bx .h2 {
	padding: 0 0 5px;
	font-weight: 500;
	font-size: 24px
}

.invest_info_bx p a.appl-open {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 10px;
	background: url(/resources/equity/img/bx_arrow.png) no-repeat 0
		100%;
	text-indent: -999em;
	-webkit-transition: none;
	transition: none
}

.invest_info_bx p a.on {
	background-position: 0 0
}

.invest_left_area, .invest_right_area {
	padding: 0 0 70px 0
}

.invest_left_area {
	float: left;
	width: 740px
}

.invest_right_area {
	float: right;
	width: 320px;
	text-align: center
}

.white_bx {
	padding: 35px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	text-align: center;
	font-size: 18px
}

.invest_left_area .white_bx .form-control {
	display: inline-block;
	width: 330px;
	height: 40px;
	padding: 12px;
	border-radius: 0;
	text-align: right;
	font-size: 20px;
	font-weight: 500
}
.invest_left_area .subform-tit{width:200px;padding-bottom:20px;margin:0 auto 24px;border-bottom:1px solid #e4e4e4}
.invest_left_area .white_bx .form-control.color_mint {
	font-size: 24px
}

.invest_left_area .hvr-back-pulse {
	border-radius: 5px;
	padding: 8px 45px
}

.invest_left_area .white_bx .form-control.bg_wh {
	width: 145px;
	background: #fff;
}

.invest_preview {
	margin: 35px -35px -35px;
	padding: 25px;
	background: #f4f4f4
}

.icon_mark {
	width: 14px;
	height: 14px;
	margin: -3px 5px 0 0;
	background-image: url(/resources/equity/img/process/mark.gif)
}

.preview-invest-wrap{padding:30px 0;margin-top:45px;text-align:center;background:#f4f4f4}
.preview-invest{width:345px;margin:0 auto;padding:25px 0;text-align:center;background:#fff;border:1px solid #e4e4e4;border-radius:5px}

.alert_invest {
	padding: 10px 30px 5px;
	margin: 0;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	background:#f8f8f8
}

.alert_invest ol {
	padding-top: 10px;
	text-align: left;
	line-height: 1.5;
	font-size: 13px
}

.alert_invest ol li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 25px
}

.alert_invest ol li b {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px
}

.invest_right_area .white_bx {
	padding: 230px 0;
	border-radius: 0
}

.invest_left_area .dot-lst-style {
	padding: 30px 0 5px;
	margin-bottom: 35px;
	border-bottom: 1px solid #e4e4e4
}

.invest_left_area .dot-lst-style li {
	margin-bottom: 20px
}

.icon_mark.pa {
	position: absolute;
	top: 5px;
	left: 0
}

.invest_left_area .btn_wrap span {
	display: inline-block;
	width: 50%
}

.card_bx {
	width: 160px;
	height: 222px;
	padding: 0 26px 21px 0;
	margin: 30px auto 40px;
	box-sizing: content-box;
	background: url(/resources/equity/img/process/card.png) no-repeat;
	text-align: center
}

.card_bx>span {
	display: block
}

.card_bx>span.num {
	display: inline-block;
	padding: 15px 3px 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #009db3;
	font-size: 18px
}

.card_bx>span.thumb img {
	width: 50px;
	height: 50px;
	border: 1px solid #e4e4e4
}

.white_bx.contract_info {
	border-radius: 0;
	text-align: center
}

.contract_info .link_invest {
	padding: 35px 50px
}

.contract_info .link_invest div {
	display: inline-block;
	text-align: center;
	font-size: 14px
}

.contract_info .link_invest>* {
	vertical-align: middle
}

.contract_info .link_invest div>img {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto 15px
}

.contract_info .fund_info {
	padding: 10px;
	border: 0;
	font-size: 16px
}

.contract_info .fund_info dt {
	padding: 15px 0 15px 20px;
	text-align: left
}

.contract_info .fund_info dd {
	padding: 15px 20px
}

.contract_info .fund_info .u_invest_txt {
	border-bottom: 1px solid #e4e4e4
}

.word_balloon {
	padding: 30px 30px 15px;
	margin-bottom: 25px;
	border: 1px solid #e4e4e4;
	border-radius: 5px
}

.word_balloon:after {
	display: inline-block;
	content: "";
	width: 18px;
	height: 16px;
	margin-bottom: -37px;
	background: url(/resources/equity/img/process/word_arrow.jpg) no-repeat
}

.word_balloon .btn-block {
	margin-top: 15px;
	padding: 15px 20px 15px 55px;
	background: #d1e2e5 url(/resources/equity/img/process/sign.png)
		no-repeat 30px 50%;
	border: 1px solid #e4e4e4
}

.word_balloon .btn-block:hover, .word_balloon .btn-block:focus {
	background-color: #009db3;
	background-image: url(/resources/equity/img/process/sign2.png);
	color: #fff
}

.invest_right_area .tmb img {
	width: 60px;
	height: 60px;
	border: 5px solid #fff
}

.invest_left_area .form-group.border_bx {
	width: 570px;
	margin: 0 auto 40px;
	background: #fff
}

/* loading */
body.loading {
	overflow: hidden
}

.invest_loding {
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

.invest_loding>div {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -150px;
	width: 100%;
	height: 150px;
	padding-top: 30px;
	background: rgba(0, 0, 0, .5);
	font-size: 16px;
	color: #fff
}

.invest_loding .loader, .invest_loding img {
	vertical-align: middle
}

.loader:before, .loader:after, .loader {
	border-radius: 50%;
	width: 11px;
	height: 11px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}

.loader {
	position: relative;
	margin: 0 50px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.15s;
	animation-delay: -0.15s;
	font-size: 10px;
	text-indent: -9999em;
}

.loader:before {
	left: -20px;
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.loader:after {
	left: 20px
}

.loader:before, .loader:after {
	content: '';
	position: absolute;
	top: 0
}
@-webkit-keyframes load7{
0%,80%,100%{box-shadow:0 11px 0 -20px #3db8cc}
40%{box-shadow:0 11px 0 0 #3db8cc}
}
@keyframes load7{
0%,80%,100%{box-shadow:0 11px 0 -20px #3db8cc}
40%{box-shadow:0 11px 0 0 #3db8cc}
}


/* 11.30 추가 : 글 내용 및 댓글 엔터표시 */
.line--break {
	white-space: pre-line;
}
/* 12.08 추가 : a태그 커서 포인터*/
a {
	cursor: pointer;
}

/*-------상세페이지-----*/
/* container */
[id^=side] {
	width: 220px;
	padding: 0 10px;
}

[id^=side]:hover {
	overflow-y: visible ;
}

[id^=ct] {
	position: relative;
}

.view_body {
	position: relative;
	padding: 110px 0 160px 285px
}

.view_body [id^=side] {
	position: absolute;
	top: 90px;
	margin-left: -295px;
	z-index:998
}

[id^=side] h2 {
	margin: 0 0 30px;
	padding: 4px 10px;
	border-left: 4px solid #009db3;
	font-weight: 700;
	font-size: 18px
}

[id^=side] h3 {
	padding: 1em;
	font-weight: 700;
	font-size: 14px
}

.view_body [id^=ct]:before {
	content: '';
	position: absolute;
	top: 55px;
	bottom: 20px;
	left: -60px;
	border-left: 1px solid #e4e4e4
}

.view_body [id^=ct] {
	padding-top: 22px
}

.view_body [id^=ct]>* {
	position: relative;
	padding-bottom: 30px
}

.view_body [id^=ct] .h3 {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	margin-left: -46px;
	background: #fff
}

.view_body [id^=ct] section:before {
	position: absolute;
	z-index: 1;
	content: "";
	top: 32px;
	left: -45px;
	width: 100%;
	padding-left: 45px;
	height: 1px;
	background: #e4e4e4;
	box-sizing: content-box
}

.view_body [id^=ct].view_update>section:before {
	display: none
}

.view_body [id^=ct]>*>i {
	display: block;
	position: absolute;
	top: 30px;
	left: -64px;
	width: 9px;
	height: 9px;
	border: 2px solid #009db3;
	border-radius: 50%;
	background: #FFF
}

.view_update>* {
	padding-top: 23px;
	padding-bottom: 50px !important
}

.view_update article{border:1px solid #e4e4e4;padding:50px;border-radius:10px;margin-bottom:50px}


.view_body [id^=ct]>.active>i {
	background: #009db3
}

/* lnb */
[id^=lnb] {
	position: relative;
	margin: 30px 0;
}

[id^=lnb]>i {
	display: block;
	position: absolute;
	top: 20px;
	bottom: 20px;
	border-left: 1px solid #e4e4e4
}

[id^=lnb] a {
	display: block;
	position: relative;
	padding: 10px 20px;
	background: none;
	font-size: 15px;
}

[id^=lnb] a:hover, [id^=lnb] a:focus {
	background: #f0f0f0;
	font-weight: 700;
}

[id^=lnb] a i {
	display: block;
	position: absolute;
	top: 50%;
	left: -4px;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-radius: 50%;
	background: #e4e4e4;
	transition: all .4s
}

[id^=lnb] .active a {
	background: none;
	font-weight: 700;
}

[id^=lnb] .active a i, [id^=lnb] a:hover i {
	background: #009db3
}

[id^=lnb] .active a i+span {
	display: inline-block;
	height: 1.2em;
	border-bottom: 5px solid #b2e1e8;
	border-bottom: 5px solid rgba(21, 165, 185, 0.39)
}

[id^=lnb] .label {
	position: relative;
	top: -2px;
	margin-left: 10px;
	padding: 1px 6px;
	border-radius: 10px;
	background: #e27575;
	font-weight: 400;
	font-size: 11px;
}

[id^=lnb] .date {
	display: inline-block;
	/*width: 40px;*/
	margin-right: 30px;
	color: #009db3
}

.cert_fail .form-control {
	background-color: #f9d9e0 !important;
	border: none
}

.cert_mint {
	color: #008194;
	border-color: #008194;
}

ul.list_dash {
	padding: 0 20px;
}

ul.list_dash li {
	text-indent: -10px;
}

.w300 {
	width: 300px !important
}

.w350 {
	width: 350px !important
}

.w460 {
	width: 460px !important;
}

.text-left-im {
	text-align: left !important;
}

.modal-tel {
	font-size: 16px;
	margin: 15px 0;
	text-align: center;
	color: #ababab
}

.ivt_body .form-control {
	background: #fff
}

.corp_invest .sign_form .control-label {
	width: 160px;
	font-size: 16px;
}

.fw_nm {
	font-weight: normal !important
}

.join_step.invest_step2 {
	background-image: url(/resources/equity/img/signup/inv_step2.jpg)
}

.join_step.invest_step3 {
	background-image: url(/resources/equity/img/signup/inv_step3.jpg)
}

.contents {
	width: 1100px;
	margin: 0 auto;
}

/*160111 dashbord*/
.recruit-state:after {
	content: "";
	clear: both;
	display: block;
}

.recruit-state dl {
	float: left;
	width: 168px;
	margin-right: 7px;
	border: 1px solid #dadada;
}

.recruit-state dl dt {
	background: #56b8c6;
	width: 100%;
	text-align: center;
	padding: 12px;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
}

.recruit-state dl dd {
	background: #f8f8f8;
	width: 100%;
	padding: 20px 0 12px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
	color: #5e5e5e
}

.recruit-state dl dd small {
	font-size: 14px;
	margin-top: 10px;
	font-weight: normal
}

.recruit-graph {
	width: 696px;
	position: relative;
	margin-top: 45px;
	padding-top: 42px;
}

.graph-line {
	width: 100%;
	height: 9px;
	background: #e8e8e8;
	border-radius: 3px;
}

.graph-line .graph-line-on {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	height: 9px;
	background: #5fb0bc;;
	border-radius: 3px;
}

.graph-line .graph-line-on .comment {
	position: absolute;
	right: 10px;
	top: -42px;
	float: left;
}

.graph-line .graph-line-on .on-text {
	display: inline-block;
	position: absolute;
	right: -61px;
	top: -26px;
	font-weight: 500;
	font-size: 14px;
	color: #119db1
}

.graph-line .graph-line-on .point-tag {
	display: block;
	position: absolute;
	right: -12px;
	top: -42px;
	width: 12px;
	height: 42px;
	background: url(/resources/equity/img/graph_point.png) no-repeat left
		bottom
}

.graph-date {
	width: 100%;
	margin-top: 12px;
}

.graph-date:after {
	content: "";
	clear: both;
	display: block
}

.graph-date .start-date {
	float: left;
}

.graph-date .end-date {
	float: right
}

.stats-admin {
	width: 698px;
	padding-bottom: 22px;
	border: 1px solid #dadada;
}

.stats-tab {
	width: 100%;
}

.stats-tab:after {
	content: "";
	clear: both;
	display: block
}

.stats-tab li {
	width: 331px;
	float: left;
}

.stats-tab li.tabon {
	width: 365px;
}

.stats-tab li a {
	display: inline-block;
	width: 100%;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 15px;
	background: #f8f8f8;
	color: #dadada;
	border-bottom: 1px solid #dadada
}

.stats-tab li.tabon a {
	height: 37px;
	color: #5e5e5e;
	text-shadow: 1px 1px 1px #888;
	border: none;
	background: #fff;
	background: url(/resources/equity/img/tab_sidebg_off.png) no-repeat left
		bottom
}

.stats-tab li.tabon:first-child a {
	background: url(/resources/equity/img/tab_sidebg_on.png) no-repeat right
		bottom
}

.mint-label-left p {
	display: inline-block;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	margin: 40px 0 80px -1px;
	padding: 0 50px 0 40px;
	background: url(/resources/equity/img/mint_label_left.png) no-repeat
		right bottom #2992a2;
	box-shadow: 0 2px 0px rgba(0, 0, 0, .15)
}

.mint-label-right:after {
	content: "";
	clear: both;
	display: block;
}

.mint-label-right p {
	display: inline-block;
	float: right;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	margin: 40px -1px 80px 0;
	padding: 0 50px;
	background: url(/resources/equity/img/mint_label_right.png) no-repeat
		left bottom #2992a2;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}

.tbl-scroll {
	width: 600px;
	margin: 0 auto;
	overflow-y: scroll;
}

.tbl-basic {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	table-layout: fixed;
}

.tbl-basic th {
	padding: 14px 0;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #e4e4e4
}

.tbl-basic td {
	padding: 27px 0;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #e4e4e4
}

.tbl-basic-02 {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	table-layout: fixed;
}

.tbl-basic-02 th {
	padding: 15px 0;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #e4e4e4
}

.tbl-basic-02 td {
	padding: 5px 0;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #e4e4e4
}

.news-enroll {
	text-align: center
}

.news-enroll input[readonly], .news-enroll textarea {
	text-align: left;
	background: #f8f8f8
}

.news-screen {
	width: 696px;
	border: 1px solid #dadada;
	border-top:none;
	border-radius: 2px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}


.news-screen .news-con {
	position: relative;
	padding: 15px;
	border-top: 1px solid #dadada;
}


.news-screen .news-date {
	margin-bottom: 15px;
	color: #119db1;
	font-size: 14px;
	line-height: 14px
}

.news-screen .news-date span {
	display: inline-block;
	margin-left: 30px
}

.news-screen .news-name {
	font-size: 16px;
	line-height: 16px;
	color: #5e5e5e;
	width:694px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.news-screen .news-name .icon-screening{
	display:inline-block;
	height:18px;
	width:39px;
	margin-left:10px;
	vertical-align:middle;
	background:url(/resources/equity/img/icon_screen.png) no-repeat 0 0px;
}

.news-screen .news-con .news-delete{
	position:absolute;
	top:27px;
	right:75px;
}

.news-screen .news-con .news-more{
	position:absolute;
	top:29px;
	right:42px;
}

.news-screen .more-content {
	padding: 30px 15px;
	background: #f8f8f8;
	border-top: 1px solid #dadada;
	display:none;
}

.news-screen .more-content.disOff{
	 display:none
}

.news-screen .go-more-news{
	height:30px;
	background:#e7f0f1;
	text-align:center;
	box-shadow:0px 1px 2px rgba(0, 0, 0, .15) inset ;
}

.news-screen .go-more-news a{
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#b5b5b5;
	text-align:center;
}

.sub-btn {
	display: inline-block;
	width: 112px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #103753;
	color: #fff;
	font-size: 18px;
	border-radius: 3px
}

.sub-btn-sm {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	padding: 0 20px;
	text-align: center;
	background: #103753;
	color: #fff;
	font-size: 16px;
}

.sub-btn-mint {
	display: inline-block;
	height: 42px;
	padding: 0 20px;
	line-height: 42px;
	text-align: center;
	background: #009db3;
	color: #fff;
	font-size: 16px;
	border-radius: 3px
}

#hd {
	height: 50px;
	margin: 0 0 50px 0;
	padding: 0;
}

.beta #hd {
	height: 50px;
	margin: 0;
	padding: 0
}

#container{z-index:10}

.alert-section{clear:both;padding-top:35px;border-top:1px solid #e4e4e4;}
.alert-section p{font-size:14px;line-height:22px}
.alert-section p.alert-icon-text{padding-left:38px;margin-bottom:10px;vertical-align:bottom;height:22px;line-height:22px;font-weight:500;background:url(/resources/equity/img/icon_alert.png) no-repeat 0 0;}


/***청약 팝업***/
.iv-lypop-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#000;opacity:0.8;z-index:11000;transition: all .5s}
.iv-lypop-wrap,.iv-lypop-wrap *{box-sizing:content-box}
.iv-lypop-scroll{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:scroll;z-index:11001;}
.iv-lypop-wrap{width:662px;margin:50px auto;padding-top:65px;background:url(/resources/equity/img/bg_iv_lypop.png) no-repeat 0 0;transition: all .5s}
.iv-lypop-wrap p{font-size:14px;line-height:20px;color:#4d5256}
.iv-lypop-wrap .iv-lypop-top{padding:35px 0;background:#fff;text-align:center;}
.iv-lypop-wrap .iv-lypop-top p.main-txt{font-size:24px;line-height:24px;margin-bottom:22px;}
.iv-lypop-wrap .iv-lypop-top .iv-real-time{margin-bottom:25px;display:inline-block;padding:15px 25px;font-size:16px;line-height:16px;font-weight:500;background:#f8f8f8}
.iv-lypop-wrap .iv-lypop-top .iv-real-time span{color:#009db3}
.iv-lypop-wrap .iv-lypop-middle{padding:35px 40px;background:#fff;text-align:left;margin-bottom:35px;background:#f7f7f7}
.iv-lypop-wrap .iv-lypop-middle p{font-size:12px;line-height:22px;}
.iv-lypop-wrap .iv-lypop-middle p.main-txt{font-size:14px;font-weight:500;margin-bottom:20px;}
.iv-lypop-wrap .iv-lypop-middle p.num-txt{padding-left:13px;text-indent:-13px}
.iv-lypop-wrap .iv-lypop-middle p a{text-decoration:underline}
.iv-lypop-wrap .iv-lypop-middle .img-info{text-align:center}
.iv-lypop-wrap .iv-lypop-bottom{margin-bottom:35px;}
.iv-lypop-wrap .iv-lypop-bottom p{font-size:12px;text-align:center;}
.iv-lypop-wrap .iv-lypop-bottom p.check-text{margin-left:60px;text-align:left;padding-left:20px;text-indent:-20px}
.iv-lypop-wrap .iv-lypop-btn{height:70px;padding-top:35px;text-align:center;background:url(/resources/equity/img/bg_iv_lypop.png) no-repeat 0 bottom;}
.iv-lypop-wrap .iv-lypop-btn span{display:inline-block;}
.iv-lypop-wrap .iv-lypop-btn span a{display:inline-block;width:135px;height:43px;text-align:center;line-height:43px;background:#fff;border-radius:3px;font-weight:500}
.iv-lypop-wrap .iv-lypop-btn .ly-btn-grey{margin-right:25px;}
.iv-lypop-wrap .iv-lypop-btn .ly-btn-grey a{color:#7e8188;}
.iv-lypop-wrap .iv-lypop-btn .ly-btn-blue a{color:#009db3;}
.change-level{width:440px;margin-left:130px;background:url(/resources/equity/img/bg_change_level.png) no-repeat 180px 20px}
.change-level:after{content:"";clear:both;display:block}
.change-level .asis-level{float:left;width:180px;}
.change-level .asis-level .in-box{width:120px;padding:20px 0;margin-bottom:10px;font-size:14px;line-height:19px;color:#fff;font-weight:500;background:#5e5e5e;border-radius:5px;}
.change-level .asis-level p{text-align:left;font-size:12px;line-height:17px}
.change-level .tobe-level{float:right;width:170px;}
.change-level .tobe-level .in-box{width:120px;padding:20px 0;margin-bottom:10px;font-size:14px;line-height:19px;color:#fff;font-weight:500;background:#009db3;border-radius:5px;}
.change-level .tobe-level p{text-align:left;font-size:12px;line-height:17px}
input[type=checkbox].basic-cbox{width:15px;height:15px;padding:0;margin:0 5px 0 0;vertical-align:middle;border:1px solid #e4e4e4;background:#fff;border-radius:0}


/* 청약하기*/
.mint-notice-box{margin-top:20px}
.mint-notice-box p{font-size:14px;line-height:20px;}
.mint-notice-box p.notice-tit{height:20px;padding-left:27px;margin-bottom:10px;font-size:16px;font-weight:500;background:url(/resources/equity/img/icon_notice.png) no-repeat 0 0}
.pd-btn-mint{display:inline-block;padding:0 25px;height:30px;line-height:30px;font-weight:500;color:#fff;border:none;background:#009db3;border-radius:5px;box-shadow:0}
.fix-btn-grey{display:inline-block;text-align:center;width:135px;height:43px;line-height:43px;font-weight:500;color:#fff;border:none;background:#707070;border-radius:5px;box-shadow:0}
.fix-btn-mint{display:inline-block;text-align:center;width:135px;height:43px;line-height:43px;font-weight:500;color:#fff;border:none;background:#009db3;border-radius:5px;box-shadow:0}


.email-invest{padding:100px 0;text-align:center;background:url(/resources/equity/img/email_invest.png) no-repeat center 0 }
.email-invest .inner-noti-box{width:645px;margin:35px auto 0;padding:35px 0 35px 70px;border:1px solid #e4e4e4;background:#fff;}
.email-invest .inner-noti-box p{width:450px;padding-left:60px;text-align:left;font-size:12px;line-height:14px;background:url(/resources/equity/img/icon_notice_big.png) no-repeat 10px 0;}
.email-invest .done-authnum{display:none}

/*공통정리*/
em.yellow-tag{position:absolute;top:5px;right:20px;display:inline-block;height:22px;font-size:12px;line-height:22px;padding:0 9px;color:#fff;background:#ddc000;border-radius:3px;border:1px solid #e4e4e4;}

/*투자자현황*/
.detail-ivtor-state{padding:35px 0 30px;margin-bottom:20px;background:#f8f8f8;border:1px solid #e4e4e4;border-radius:5px;text-align:center;}
.detail-ivtor-state .state-title{font-size:28px;font-weight:500;margin-bottom:22px;color:rgba(0,0,0,.84)}
.detail-ivtor-state .state-text{font-size:22px;margin-bottom:25px;color:rgba(0,0,0,.84)}
.detail-ivtor-state .state-count{font-size:31px;font-weight:700;color:rgba(0,0,0,.84)}
.detail-ivtor-state .state-count strong{font-size:51px}

.fix-top-banner{display:inline-block;position:fixed;top:50px;left:200px;z-index:999}

.inner-table-wrap{padding-left:15px;}
.inner-table-wrap p{font-size:13px;font-weight:500;margin-bottom:5px;}
.inner-table-wrap .inner-table{width:100%;table-layout: fixed;border-collapse:collapse;}
.inner-table-wrap .inner-table th{padding:15px 20px;border:1px solid;font-size:13px;text-align:left;font-weight:normal}
.inner-table-wrap .inner-table td{padding:15px 20px;border:1px solid;font-size:13px;text-align:left}
.side-notice-box{text-align:left;margin-top:25px;padding:24px 20px;border:1px solid #e4e4e4;background:#fff;border-radius:3px}
.side-notice-box p{font-size:12px;line-height:20px;padding-left:15px;text-indent:-15px;}
.side-notice-box p.top-title{font-weight:500;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #e4e4e4;}

/********* 새로운 common.css에 넣을거임 차근차근 한발한발 ***********/
/*** HEADER ***/
#header{width:100%;height: 50px;position:fixed;top:0;left:0;z-index:1000;min-width:1200px;}
.scroll-header{width:100%;height:50px;border:1px solid #e4e4e4;background:rgba(255,255,255,0.9);box-shadow:0 3px 10px rgba(0, 0, 0, .06);z-index:100;box-sizing:border-box;}
.scroll-header:after{content:"";clear:both;display: block;}
.scroll-header img{vertical-align:middle}

.profile-photo {display: inline-block;width: 24px;height: 24px;margin-right: 5px;border-radius: 15px}

/****** BUTTON ******/
.btn-center-wrap{text-align:center;}
/***button hover-빗금슬라이드***/
button.hover-slide, a.hover-slide{border:none;overflow:hidden;position:relative;}
button.hover-slide:after, a.hover-slide:after{content:"";z-index:1;opacity:0.2;width:100%;height:500px;background:#fff;position:absolute;top:0;left:-130%;-webkit-transform: translateX(0) translateY(-50%) rotate(45deg);-moz-transform: translateX(0) translateY(-50%) rotate(45deg);-ms-transform: translateX(0) translateY(-50%) rotate(45deg);transform: translateX(0) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
button.hover-slide:hover:after, a.hover-slide:hover:after{left:-65%;}

/***공통버튼디자인***/
button.btn-indigo-pd,a.btn-indigo-pd{display:inline-block;vertical-align:middle;padding:0 25px;height:42px;line-height:42px;font-size:14px;font-weight:500;color:#fff;background:#2c3e50;border:none;border-radius:3px;}
button.btn-indigo-pd:hover:after,a.btn-indigo-pd:hover:after{left:-40%;}
button.btn-mint-pd,a.btn-mint-pd{display:inline-block;vertical-align:middle;padding:0 25px;height:42px;line-height:42px;font-size:14px;font-weight:500;color:#fff;background:#2cc99d;border:none;border-radius:3px;}
button.btn-mint-pd:hover:after,a.btn-mint-pd:hover:after{left:-40%;}
button.btn-white-smpd,a.btn-white-smpd{display:inline-block;vertical-align:middle;padding:0 15px;height:24px;line-height:24px;font-size:12px;font-weight:500;color:#4d5256;background:#fff;border:1px solid #e4e4e4;border-radius:3px;}

/****** INPUT *******/
input.input-focus:focus{background:#f4f4f4 !important}

/*********공통레이어팝업********/
.black-bg-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:32}
.lypop-fixed{position:fixed;top:0;left:0;width:100%;height:100%;z-index:11001;display:none;}
.popup-basic-wrap{position:relative;width:420px;margin:200px auto 0;padding-top:27px;border-radius:3px;background:#2c3e50}
.popup-basic-wrap .popup-basic-close{display:block;}
.popup-basic-wrap .popup-basic-close i{display:inline-block;position:absolute;right:10px;top:8px;width:12px;height:11px;background:url(/resources/equity/img/popup-basic-close.png) no-repeat 0 0;}
.popup-basic-wrap .popup-basic{position:relative;padding:27px;border-radius:0px 0px 3px 3px;background:#fff;}
.popup-basic-wrap .popup-basic .popup-btn{text-align:center}
.popup-basic-wrap .popup-basic .popup-btn button{display:inline-block;padding:0 30px;height:42px;line-height:42px;font-size:16px;color:#fff;border:none;border-radius:3px;background:#2c3e50}
/*지지서명*/
.sign-pop .sign-img{position:absolute;top:27px;right:27px}
.sign-pop .sign-text{padding-top:30px;margin-bottom:15px;font-size:26px;line-height:32px;color:#2c3e50}
.sign-pop .sign-list{margin-bottom:24px;font-size:14px;line-height:22px;color:#2c3e50;}

/**** 리워드 상세페이지 ****/
/**찜 공감버튼 **/
.btn-zzim{display:inline-block;width:63px;height:58px;text-align:center;border:1px solid #e4e4e4;background:#fff;}
.btn-zzim i.ico-star{display:block;width:25px;height:24px;margin:9px auto 0;background:url(/resources/static/img/common/icon_like.png) no-repeat 0 0;background-size:100% auto}
.btn-zzim span{font-size:12px;}
.btn-zzim:hover{border-color:#ff5088}
.btn-zzim.on i.ico-star{width:26px;height:25px;margin-top:8px;background-image:url(/resources/static/img/common/icon_like_on.png)}
.btn-zzim-sm{display:inline-block;width:33px;height:33px;vertical-align:middle;text-align:center;border:1px solid #e4e4e4;background:#fff;}
.btn-zzim-sm i.ico-star{display:block;width:25px;height:24px;margin:0 auto;background:url(/resources/static/img/common/icon_like.png) no-repeat 0 0;background-size:100% auto}
.btn-zzim-sm.on i.ico-star{width:26px;height:25px;;background-image:url(/resources/static/img/common/icon_like_on.png)}
.btn-zzim-sm:hover{border-color:#ff5088}
.alert-zzim{display:none;position:fixed;top:50%;left:50%;z-index:1000;margin:-65px -65px;width:130px;height:130px;background:#2c3e50;text-align:center;opacity:0;-webkit-transition: all .3s;transition: all .3s;}
.alert-zzim span{display:block;margin:16px 0 10px;font-size:16px;color:#fff;line-height:16px;}
.alert-zzim em{font-size:11px;color:#fff;line-height:11px;}
.alert-zzim i.ico-bigstar{display:block;width:44px;height:42px;margin:0 auto 15px;background:url(/resources/equity/img/icon-bigstar.png) no-repeat 0 0;}
.alert-zzim.done i.ico-bigstar{width:42px;height:40px;background-position:right 0;}
.alert-zzim.layer-on{display:block;animation:layerAni 1.5s ease 0s;}
.btn-symp{display:inline-block;width:128px;height:40px;line-height:40px;text-align:center;border:1px solid #e4e4e4;background:#fff;}
.btn-symp i.ico-heart{display:inline-block;vertical-align:middle;margin-right:5px;width:19px;height:17px;background:url(/resources/equity/img/icon-heart.png) no-repeat 0 0;}
.btn-symp span{font-size:12px;font-weight:500;line-height:40px;}
.btn-symp:hover{border-color:#ce6363}
.btn-symp.on i.ico-heart{background-position:right top}
.alert-symp{display:none;position:fixed;top:50%;left:50%;z-index:1000;margin:-65px -65px;width:130px;height:130px;background:#2c3e50;text-align:center;opacity:0;-webkit-transition: all .3s;transition: all .3s;}
.alert-symp span{display:block;margin:30px 0 18px;font-size:16px;color:#fff;line-height:16px;}
.alert-symp i.ico-bigheart{display:block;width:39px;height:35px;margin:0 auto;background:url(/resources/equity/img/icon-bigheart.png) no-repeat 0 0;}
.alert-symp.done i.ico-bigheart{background-position:right 0;}
.alert-symp.layer-on{display:block;animation:layerAni 1.5s ease 0s;}
/***레이어팝업 애니메이션***/
 @keyframes layerAni {
   0%{opacity:0}
   30%{opacity:0.9}
   70%{opacity:0.9}
   100%{opacity:0;display:none;}
   }
 @-webkit-keyframes layerAni {
   0%{opacity:0}
   30%{opacity:0.9}
   70%{opacity:0.9}
   100%{opacity:0;display:none;}
   }
 @-moz-keyframes layerAni {
   0%{opacity:0}
   30%{opacity:0.9}
   70%{opacity:0.9}
   100%{opacity:0;display:none;}
   }
 @-ms-keyframes layerAni {
   0%{opacity:0}
   30%{opacity:0.9}
   70%{opacity:0.9}
   100%{opacity:0;display:none;}
   }
 @-o-keyframes layerAni {
   0%{opacity:0}
   30%{opacity:0.9}
   70%{opacity:0.9}
   100%{opacity:0;display:none;}
   }

/*** 투자 메인 ***/
.invest-main-visual{width:100%;height:555px;}
.invest-main-visual .slick-slide{height:555px !important;}
.invest-main-visual .slick-arrow{display:none !important}
.invest-main-visual .slick-dots{width:100%;position:absolute;bottom:36px;text-align:center;}
.invest-main-visual .slick-dots li{display:inline-block}
.invest-main-visual .slick-dots li button{width:10px;height:10px;margin-right:15px;padding:0;background:#fff;border:none;border-radius:50%;text-indent:-9999px;opacity:0.5}
.invest-main-visual .slick-dots li.slick-active button{background:#fff;opacity:1}
/**카테고리영역*/
#ivCate01 .inner-category li{display:inline-block;padding:20px 70px 0;}
#ivCate01 .inner-category li a{display:inline-block;font-size:18px;padding-top:84px;color:#2c3e50;font-weight:500;}
#ivCate01 .con0101{background:url(/resources/equity/img/iv-category0101.png) no-repeat center 45px}
#ivCate01 .con0102{background:url(/resources/equity/img/iv-category0102.png) no-repeat center 17px}
#ivCate01 .con0103{background:url(/resources/equity/img/iv-category0103.png) no-repeat center top}
#ivCate02 .inner-category li{display:inline-block;padding:25px 55px 0;}
#ivCate02 .inner-category li a{display:table-cell;vertical-align:middle;text-align:center;width:100px;height:100px;background:#2c3e50;font-size:18px;line-height:24px;color:#fff;border-radius:50%;}
#ivCate03 .inner-category li{display:inline-block;padding:40px 40px 0;}
#ivCate03 .inner-category li a{display:inline-block;width:180px;height:70px;background:#2c3e50;font-size:18px;line-height:70px;color:#fff;border-radius:50px;}

/**프로젝트카드**/
.project-now-wrap{width:1000px;margin:0 auto;padding: 25px 0 90px;}
.project-now{}
.project-now .project-none-wrap{width:100%;display:none;}
.project-now .project-none-wrap .non-data-msg{width:1000px;margin:0 auto;font-size:18px;color:#adadad;padding:40px 0;text-align:center;background:#ebebeb}
.project-now .project-none-wrap .non-data-msg strong{display:block;font-weight:500;margin-bottom:40px;}
.project-now .project-none-wrap .non-data-msg span{display:block;margin-bottom:12px;}
.project-now .project-none-wrap .non-data-msg a{display:block;color:#009db3;text-decoration:underline}
.project-now .h3.v4{padding-bottom:25px}
.project-now .h3.v4 i{display:inline-block;padding:0 10px 0 0;}
.project-now .lst_member a * {-webkit-transition: all .4s;	transition: all .4s}
.project-now .lst_member a{height:475px;overflow-y:hidden}
.project-now .lst_member {margin: 0 -30px}
.project-now .lst_member li {width: 33.33333333%;float: left;	padding: 25px}
.project-now .lst_member .cnt_wrp {position: relative;	height: 127px;padding: 20px 20px 0;border-top: 0;background: #fff;text-align: center}
.project-now .lst_member .cnt_wrp i {position: absolute;top: 0;left: 0;display: block;width: 36px;height: 36px;margin: -1px 0 0 -1px;	background: url(/resources/equity/img/visual_ribbon_mid3.png) no-repeat;text-align: left}
.project-now .lst_member .cnt_wrp .tag {	display: block;margin: 10px 0;font-size: 12px;text-align: left}
.project-now .lst_member .cnt_wrp p {height: 44px;	display: table-cell;	vertical-align: middle;font-size: 16px;font-weight: 500;	text-align: left}
.project-now .lst_member .rw-card .cnt_wrp i {	background: url(/resources/equity/img/visual_ribbon_mid3.png) no-repeat;}
.project-now .lst_member .rw-card .cnt_wrp .tag em {display: inline-block;margin-right: 6px;color: #0b8a64}
.project-now .lst_member .iv-card .cnt_wrp i {background: url(/resources/equity/img/visual_ribbon_mid4.png) no-repeat;}
.project-now .lst_member .iv-card .cnt_wrp .tag-yn-area{display:block;position:absolute;right:10px;top:10px;}
.project-now .lst_member .iv-card .cnt_wrp .tag-yn-area small{display:inline-block;padding:0 8px;margin-left:5px;height:20px;line-height:20px;font-size:12px;color:#fff;border-radius:3px;background:#2c3e50}
.project-now .lst_member .iv-card .cnt_wrp .tag em {display: inline-block;	margin-right: 6px;	color: #029ab0}
.project-now .thumbs img {position: relative;z-index: 1;width: 60px;height: 60px;margin-bottom: -30px;border: 1px solid #e4e4e4;box-shadow: 0 3px 5px rgba(0, 0, 0, .15);background-color: white}
.project-now .img_wrp {height: 235px;	background: #000}
.project-now .img_wrp img {	width: 100%;height:235px}
.project-now .img_wrp .hover_txt {position: absolute;display: table;	width: 100%;height: 100%;top: 0px;left: 0;padding: 30px;text-align: center;opacity: 0;filter: Alpha(opacity = 0)}
.project-now .img_wrp .hover_txt span {display:inline-block;	vertical-align: top;	color: #fff;font-size: 14px;height:120px;overflow:hidden;text-overflow:ellipsis;padding-top:25px;line-height:20px;}
.project-now .img_wrp .hover_txt span em {display: inline-block;height: 20px;margin-bottom: 15px;line-height: 21px;	padding: 0 8px;	border: 1px solid #fff;border-radius: 3px}
.project-now .info {width: 100%;padding: 10px 20px 0;background: rgb(61, 63, 62);background: -moz-linear-gradient(top, rgba(61, 63, 62, 1) 0%, rgba(20, 61, 50, 1) 82%);background: -webkit-linear-gradient(top, rgba(61, 63, 62, 1) 0%, rgba(20, 61, 50, 1) 82%);background: linear-gradient(to bottom, rgba(61, 63, 62, 1) 0%, rgba(20, 61, 50, 1) 82%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3f3e',	endColorstr='#143d32', GradientType=0);color: #dfdfdf}
.project-now .iv-card .info {height:165px;background: -moz-linear-gradient(top, rgba(61, 63, 62, 1) 0%, rgba(0, 41, 47, 1) 82%);background: -webkit-linear-gradient(top, rgba(61, 63, 62, 1) 0%,	rgba(0, 41, 47, 1) 82%);background: linear-gradient(to bottom, rgba(61, 63, 62, 1) 0%,	rgba(0, 41, 47, 1) 82%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3f3e',endColorstr='#00292f', GradientType=0);color: #dfdfdf}
.project-now .info .meta {	padding: 0;border-top: 0}
.project-now .info .goal_progress2 {	margin-bottom: 10px}
.project-now .iv-card .goal_progress2 .progress-bar {background: #009db3}
.project-now .goal_progress2.wbadge {background-image: url(/resources/equity/img/badge_ing.png)}
.project-now .rw-card .goal_progress2.wbadge.done {background-image: url(/resources/equity/img/badge_rw.png)}
.project-now .iv-card .goal_progress2.wbadge.done {background-image: url(/resources/equity/img/badge_inv.png)}
.project-now .goal_progress2.wbadge .meta span {position: absolute;top: 0;right: -35px;}
.project-now .goal_progress2.wbadge .meta.left-tag span {right: 8px}
.project-now .iv-card .icon_ribbon_bar {background-image: url(/resources/equity/img/riboon_bar_sm2.png)}
.project-now .info>p {text-align: left;font-size: 11px}
.project-now .info>p {padding-bottom: 10px}
.project-now .info>p strong {font-size: 14px}
.project-now .info>p strong i {font-style: normal;	font-size: 20px}
.project-now .friend {text-align: left;font-size: 12px}
.project-now .friend img {width: 23px;height: 23px;margin: -1px 2px 0}
.project-now .ing_card .img_wrp {overflow: hidden}
.project-now .ing_card .friend {overflow: hidden;height: 0}
.project-now .ing_card a:hover .friend{height: 40px;padding-bottom: 18px}
.project-now .ing_card a:hover .img_wrp img{opacity: .4;filter: Alpha(opacity = 40)}
.project-now .ing_card a:hover .img_wrp{height: 195px}
.project-now .lst_member .rw-card a:hover, .project-now .lst_member a:focus{border-color: #00be8f}
.project-now .lst_member .iv-card a:hover, .project-now .lst_member a:focus{border-color: #009db3}
.project-now .lst_member a:hover .hover_txt, .project-now .lst_member a:focus .hover_txt,
	.project-now [class^=end_card] a:hover .hover_txt_bx, .project-now [class^=end_card] a:focus .hover_txt_bx{	opacity: 1;filter: Alpha(opacity = 100)}
/**투자종료카드**/
.iv-card.end > a{position:relative;}
.iv-card.end > a > i{display:inline-block;position:absolute;right:0;bottom:0;width:37px;height:37px;background:url(/resources/equity/img/card-ribbon-btm.png) no-repeat 0 0}
.iv-card .info .result-area{position:relative;}
.iv-card .info .result-area em.mark{position:absolute;top:-50px;left:50%;margin-left:-32px;display:inline-block;width:64px;height:63px;background:url(/resources/equity/img/iv-card-mark.png) no-repeat 0 0}
.iv-card .info p.result-txt{padding:20px 0 8px;font-size:18px;font-weight:500;}
.iv-card .info p.result-num{font-size:14px;padding-bottom:30px;}
.iv-card .info p.result-num em{color:#009db3}
.iv-card .info p.result-comment{font-size:12px;padding-bottom:30px;}
.iv-card .img_wrp .hover_txt span.result-hover{padding-top:30px;line-height:24px}
.iv-card .img_wrp .hover_txt span.result-hover strong{font-size:18px;color:#009db3}
.iv-card .img_wrp .hover_txt span.result-hover small{display:block;padding-top:20px;font-size:12px;font-weight:normal;}
.iv-card.fail .info p.result-num em{color:#fff}
.iv-card.fail .img_wrp .hover_txt span.result-hover strong{color:#fff}
.iv-card.fail .info .result-area em.mark{display:none}

/*** 투자상세페이지 ***/
/** 투자조건 정보 영역 **/
.detail-info-wrap{padding:35px 0 40px;background:#2c3e50;text-align:center;}
.detail-info-wrap .stock-title{display:inline-block;font-weight:500;margin-bottom:30px;color:#fff;padding-left:25px;line-height:20px;font-size:16px;background:url(/resources/equity/img/icon_detail_info1.png) no-repeat 0 2px}
.view-login-before {position:relative;width: 1200px;margin: 0 auto;background: #f1f1f1;padding: 70px 0 65px;border: 1px solid #dedede;text-align: center}
.view-login-before .detail-label{position:absolute;top:-5px;left:18px;display:inline-block;width:8px;height:24px;background:url(/resources/equity/img/icon_detail_label.png) no-repeat 0 0}
.view-login-before p {margin-bottom: 15px;}
.view-login-before .btn-wd-mint{display:inline-block;height:42px;width:110px;font-weight:500;padding:0 20px;line-height:42px;text-align:center;background:#009db3;color:#fff;font-size:16px;border-radius:3px}
.view-login-after{position:relative;width: 1200px;height:224px;margin: 0 auto;}
.view-login-after .detail-label{position:absolute;top:-5px;left:18px;display:inline-block;width:8px;height:24px;background:url(/resources/equity/img/icon_detail_label.png) no-repeat 0 0}
.fund_info{padding-top:30px;border:1px solid #e4e4e4;background:#fff}
.fund_info:after{content:"";clear:both;display:block;}
.fund_info dl{width:33.333333%;float:left;text-align:center;border-right:1px solid #e4e4e4;margin-bottom:30px;}
.fund_info dl:after{content:"";clear:both;display:block;}
.fund_info dl.br0{border-right:0}
.fund_info dl dt{float:left;display:inline-block;width:50%;font-weight:500;font-size:13px;height:30px;line-height:30px;text-align:left;}
.fund_info dl dt span{display:inline-block;padding-left:60px;}
.fund_info dl dd{float:left;display:inline-block;width:50%;font-size:13px;line-height:30px;height:30px;text-align:right;}
.fund_info dl dd span{display:inline-block;padding-right:60px;}
.fund_info.col4 dl{width:25%}
.fund_info.col4 dl dt span{padding-left:40px;}
.fund_info.col4 dl dd span{padding-right:40px;}
.fund_info .fund_text{text-align:left;clear:both;height:42px;padding:0 40px;line-height:42px;border:none;}
.fund_info .fund_text strong{display:inline-block;padding-right:13px;}
.fund_info.fixed-top{position:fixed;top:50px;width:1200px;background:#f4f4f4;z-index:10000;}
.bg-fix-fundinfo{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#000;opacity:0.8}

.cmpy_point{width:1200px;margin:30px auto 0;}
.cmpy_point p.title{display:inline-block;height:22px;font-weight:500;margin-bottom:30px;color:#fff;padding-left:30px;line-height:20px;font-size:16px;background:url(/resources/equity/img/icon_detail_info2.png) no-repeat 0 0}
.cmpy_point ol{width:100%;}
.cmpy_point ol:after{content:"";clear:both;display:block}
.cmpy_point ol li{float:left;width:375px;height:130px;margin-right:37px;background:#f4f4f4}
.cmpy_point ol li:last-child{margin-right:0;}
.cmpy_point ol li div{position:relative;padding:28px 0;margin:0 18px;}
.cmpy_point ol li div .detail-label{position:absolute;top:-5px;left:0;display:inline-block;width:8px;height:24px;background:url(/resources/equity/img/icon_detail_label.png) no-repeat 0 0}
.cmpy_point ol li div p{text-align:left;text-indent:-10px;padding-left:20px;font-weight:normal;font-size:13px;line-height:20px;}
.cmpy_point ol li div p strong{display:inline-block;width:10px;font-size:18px;font-weight:500;}
.open-fund-info{display:none;padding:0 0 0 20px;margin-right:10px;font-size:12px;font-weight:500;background:url(/resources/equity/img/icon_detail_info1.png) no-repeat 0 0 #fff;border:0;box-shadow:0;}
.open-fund-info i{display:inline-block;vertical-align:middle;width:9px;height:5px;background:url(/resources/equity/img/icon_detail_open.png) no-repeat 0 bottom}
.open-fund-info i.on{display:inline-block;width:9px;height:5px;background:url(/resources/equity/img/icon_detail_open.png) no-repeat 0 top}

/*** Q&A ****/
.view-qna-notice{margin-bottom:40px;padding:20px 25px;background:#f4f4f4}
.view-qna-notice p{font-size:14px;}
.view-qna-wrap{padding:45px 40px;margin-bottom:55px;border:1px solid #e4e4e4;border-radius:5px}
.view-qna-wrap .qcon-writer{width:100%;}
.view-qna-wrap .qcon-writer:after{content:"";clear:both;display:block;}
.view-qna-wrap .qcon-writer .qcon-pfimg{float:left;padding-right:25px;}
.view-qna-wrap .qcon-writer .qcon-pfimg img{width:65px;height:65px;}
.view-qna-wrap .qcon-writer .qcon-pfinfo{float:left;padding:5px 0}
.view-qna-wrap .qcon-wrap{position:relative;padding-top:20px;background:url('/resources/equity/img/icon-qna-qcon.png') no-repeat 37px 10px}
.view-qna-wrap .qcon-wrap .qcon-content{padding:30px;background:#e8e8e8;border-radius:5px;}
.view-qna-wrap .qcon-wrap .qcon-content p{font-size:16px;line-height:28px;}
.view-qna-wrap .qcon-wrap .link-edit{position:absolute;right:0;top:0;}
.view-qna-wrap .qcon-wrap .link-edit a{display:inline-block;padding:0 5px;}
.view-qna-wrap .acon-writer{width:100%;margin-top:30px;}
.view-qna-wrap .acon-writer:after{content:"";clear:both;display:block;}
.view-qna-wrap .acon-writer .acon-pfimg{float:right;padding-left:25px;}
.view-qna-wrap .acon-writer .acon-pfinfo{float:right;padding:20px 0 5px;text-align:right;}
.view-qna-wrap .acon-wrap{position:relative;padding-top:20px;background:url('/resources/equity/img/icon-qna-acon.png') no-repeat 95% 10px}
.view-qna-wrap .acon-wrap .acon-content{padding:30px;background:#2c3e50;border-radius:5px;}
.view-qna-wrap .acon-wrap .acon-content p{font-size:16px;line-height:28px;color:#fff}
.view-qna-wrap .acon-wrap .link-edit{position:absolute;left:0;top:0;}
.view-qna-wrap .acon-wrap .link-edit a{display:inline-block;padding:0 5px;}
.view-qna-wrap .btn-enroll-acon{padding-top:20px;font-size:16px;font-weight:500;}
.view-qna-wrap .btn-enroll-acon a{display:inline-block;text-decoration:underline;}
.view-qna-wrap .enroll-acon-wrap{padding-top:25px;}
.view-qna-wrap em.issue-cmpy{display:inline-block;margin-right:12px;padding:0 10px;vertical-align:middle;height:20px;line-height:20px;font-size:12px;background:#009db3;color:#fff;border-radius:2px;}
.view-con-none{text-align:center;font-size:16px;}
/*** 피드백 ***/
#ct3 section article{padding:40px;border:1px solid #e4e4e4;margin-bottom:20px;border-radius:10px;}
#ct3 section article .view_update_cnt a{text-decoration:underline}
#ct3 section article .cmt_body a{text-decoration:underline}
/*** 사이드 바 ***/
.download-btn{width:188px;margin-top:10px;padding:0;border:1px solid #e4e4e4;text-align: center;background:#fff;border-radius:2px;}
.download-btn i.ico-file{display:inline-block;width:9px;height:16px;vertical-align:middle;background:url(/resources/equity/img/icon_detail_file.png) no-repeat 0 0}
/*** 소득공제 hover 팝업 ***/
.dedutax-info-btn{display:inline-block;margin-left:10px;width:58px;text-align:center;height:21px;line-height:21px;font-size:12px;color:#fff;font-weight:500;border-radius:2px;background:#2c3e50}
.dedutax-info-btn:hover{color:#fff}
.dedutax-info{display:none;position:absolute;right:-20px;top:165px;width:188px;padding:15px 0;text-align:center;background:#fff;border:1px solid #e4e4e4}
.dedutax-info p{font-size:12px;line-height:15px;margin-bottom:8px}
.dedutax-info p strong{font-size:12px !important}
.dedutax-info p.mint-text{color:#009db3;font-weight:500;}
/**고정**/
.dedutax-info-left{width:188px;padding:15px 0;text-align:center;background:#fff;border:1px solid #e4e4e4}
.dedutax-info-left p{font-size:12px;line-height:15px;margin-bottom:8px}
.dedutax-info-left p strong{font-size:12px !important}
.dedutax-info-left p.mint-text{color:#009db3;font-weight:500;}
/**사모**/
.view_hd h1 em.private-tag{display:inline-block;vertical-align:middle;height:30px;line-height:30px;margin-right:15px;padding:0 10px;font-size:16px;color:#fff;background:#2c3e50;border-radius:3px;}

/***** 간편회원가입 *****/
button.btn-indigo-signup, a.btn-indigo-signup{display:inline-block;width:100%;height:43px;line-height:43px;background:#2c3e50;font-size:14px;color:#fff;border:none;border-radius:3px;text-align:center;}
button.btn-confirm-num{display:inline-block;width:100%;height:25px;line-height:25px;background:#596273;font-size:12px;color:#fff;border:none;border-radius:3px;text-align:center;}
.signup-help-text{margin-top:65px;}
.signup-help-text span{padding-left:15px;font-size:12px;color:#6c7277;background:url(/resources/equity/img/signup-help-text.png) no-repeat 0 0}
.signup-help-text i.icon-phone{display:inline-block;width:13px;margin-left:5px;height:10px;background:url(/resources/equity/img/icon-phone.png) no-repeat 0 0;}
.err-text{font-size:12px;line-height:16px;color:#f15d5d;}
/***로그인인트로***/
#signupWrap,#signupWrap *{box-sizing:content-box}
#signupWrap{width:100%;height:100%;background:#fcfcfc}
.signup-header{width:789px;margin:0 auto;padding:80px 0 0 15px;}
.signup-header h1.logo{vertical-align:bottom;margin-bottom:13px;}
.signup-header h1.logo span{padding-left:10px;font-size:18px;font-weight:normal}
#signupContainer{width:789px;margin:0 auto;padding-bottom:35px;}
#signupContainer .signup-content{position:relative;padding:26px 0 26px;border:1px solid #e4e4e4;background:#fff;border-radius:3px}
#signupContainer .signup-content:after{content:"";clear:both;display:block;}
#signupContainer .signup-content .signup-left{float:left;width:393px;height:465px;border-right:1px solid #e4e4e4;}
#signupContainer .signup-content .signup-or{display:inline-block;position:absolute;top:50%;left:50%;margin:-21px 0 0 -11px;color:#bfbfbf;height:43px;line-height:43px;font-size:16px;background:#fff}
.signup-content .signup-left .login-sns{width:200px;margin:145px auto 0;}
.signup-content .signup-left .login-sns li{margin-bottom:24px;}
.signup-content .signup-left .login-sns li a{display:block;width:142px;height:43px;line-height:43px;padding-left:58px;border-radius:5px;font-size:14px;}
.signup-content .signup-left .login-sns li a:hover{width:140px;height:41px;border:1px solid #e4e4e4}
.signup-content .signup-left .login-sns li.login-facebook a{background:url(/resources/equity/img/login-facebook.png) no-repeat 0 0 #f4f4f4;}
.signup-content .signup-left .login-sns li.login-twitter a{background:url(/resources/equity/img/login-twitter.png) no-repeat 0 0 #f4f4f4;}
.signup-content .signup-left .login-sns li.login-kakao a{background:url(/resources/equity/img/login-kakao.png) no-repeat 0 0 #f4f4f4;}
.signup-content .signup-right{float:right;width:393px;height:465px;}
.signup-content .signup-right .signup-register{margin-top:-10px;padding-right:20px;text-align:right;}
.signup-content .signup-right .signup-register a{font-size:12px;text-decoration:underline}
.signup-content .signup-right .login-email-wrap{display:table;width:200px;margin:0 auto;}
.login-email-wrap .login-email-con{display:table-cell;width:200px;height:450px;vertical-align:middle;}
.login-email-wrap .login-email-con .login-email{display:block;margin-bottom:24px;width:142px;height:43px;line-height:43px;padding-left:58px;border-radius:5px;font-size:14px;background:url(/resources/equity/img/login-email.png) no-repeat 0 0 #f4f4f4;}
.login-email-wrap .login-email-con dl{width:100%;}
.login-email-wrap .login-email-con dl dt{font-size:12px;padding-bottom:3px;color:#bfbfbf}
.login-email-wrap .login-email-con dl dd{padding-bottom:20px;}
.login-email-wrap .login-email-con dl dd input[type=text]{width:184px;height:23px;line-height:23px;padding:0 7px;font-size:14px;background:#fff;border:1px solid #e0e0e0}
.login-email-wrap .login-email-con dl dd input[type=password]{width:184px;height:23px;line-height:23px;padding:0 7px;font-size:14px;background:#fff;border:1px solid #e0e0e0}
.login-email-wrap .login-email-con .check-keep-login{font-size:13px;line-height:15px;margin-bottom:22px;vertical-align:middle}
.login-email-wrap .login-email-con .check-keep-login input[type=checkbox]{width:15px;height:15px;vertical-align:middle;margin:0 7px 0 0;}
.login-email-wrap .login-email-con .find-id-pw{font-size:13px;margin-top:15px}
#signupFooter{padding-bottom:150px;width:100%;}
#signupFooter .signup-ft-register{text-align:center;padding:35px 0;background:#f4f4f4}
#signupFooter .signup-ft-register p{font-size:16px;color:#2c3e50;}
#signupFooter .signup-ft-register p em{font-weight:500;padding:0 25px}
#signupFooter .signup-ft-register p a{font-weight:500;text-decoration:underline}
#signupFooter .signup-ft-info{padding-top:35px;text-align:center;}
#signupFooter .signup-ft-info .signup-ft-terms{padding:5px 0;font-size:12px;color:#666;font-weight:500.email-invest .inner-noti-box p}
#signupFooter .signup-ft-info .signup-ft-terms i.split-bar{padding:0 5px;font-size:9px;font-style:normal}
#signupFooter .signup-ft-info address{font-size:12px;}
#signupFooter .signup-ft-info address strong{color:#2cc99d}
/*** 아이디/패스워드 찾기 ***/
.find-idpw-wrap{text-align:center;}
.find-idpw-wrap .signup-confirm-wrap{display:none;}
.find-idpw-wrap .find-idpw-con{width:200px;margin:0 auto;text-align:left;}
.find-idpw-wrap .find-idpw-con dl{padding-top:25px;}
.find-idpw-wrap .find-idpw-con dl dt{font-size:14px;font-weight:normal;margin-bottom:8px;}
.find-idpw-wrap .find-idpw-con dl dd{font-size:12px;line-height:16px;color:#6c7277;}
.find-idpw-wrap .find-idpw-con dl dd.tel-input input[type=text]{display:inline-block;padding:0;margin:0;vertical-align:middle;width:50px;height:23px;font-size:14px;line-height:23px;text-align:center;border:1px solid #d2d2d2}
.find-idpw-wrap .find-idpw-con dl dd.tel-input i{display:inline-block;vertical-align:middle;width:10px;height:1px;background:#8a8a8a;margin:0 5px;}
.find-idpw-confirm input[type=text]{display:inline-block;padding:0;margin:0;vertical-align:middle;width:155px;height:23px;line-height:23px;font-size:14px;text-align:center;border:1px solid #d2d2d2}
.find-idpw-confirm .limit_time #ms_timer{padding-left:10px;font-size:14px;}
.find-idpw-con .email-input input[type=text]{display:inline-block;padding:0;margin:0;vertical-align:middle;width:186px;height:23px;padding:0 6px;font-size:14px;line-hieght:23px;text-align:left;border:1px solid #d2d2d2}
.find-idpw-wrap .find-idpw-con .result-idpw{padding:0 15px 15px;border:1px solid #e4e4e4;border-radius:3px;}
.find-idpw-wrap .find-idpw-con .result-idpw dl{padding-top:15px}
.find-idpw-wrap .find-idpw-con .result-idpw dl dt{font-size:12px;color:#6c7277}
.find-idpw-wrap .find-idpw-con .result-idpw dl dd{font-size:14px;}

/*** Dash Board ***/
.check-inner{display:none;padding-bottom:20px}
.invest_right_area .project-now .lst_member{margin:0;}
.invest_right_area .project-now .iv-card .info{height:auto;}
.dash-dateinfo{padding:15px 35px;border:1px solid #d8e5e6;background:#e7f0f1;margin-bottom:30px;}
.dash-dateinfo p{font-size:15px;line-height:23px;color:#007d90}
.clearfix-element {clear: both}

/***Text ***/
.lst-num14{text-indent:-13px;padding-left:13px;font-size:14px;}


/**임시 **/
#view1_7 ul.lst_member{width:660px;margin:0 auto}
#view1_7 ul.lst_member li{width:330px;display:inline-block;vertical-align:top;}
#view1_7 h4{width:630px;margin:1em auto}

/*청약*/
.select-stock-account{padding:30px 0;}
.select-stock-account .stock-account-title{width:100%;height:auto;margin-bottom:20px;}
.select-stock-account .stock-account-title:after{content:"";clear:both;display:block;}
.select-stock-account .stock-account-title p{float:left;width:160px;font-weight:500;font-size:18px;color:#4a4a4a}
.select-stock-account .stock-account-title ul{float:left;width:578px;}
.select-stock-account .stock-account-title ul li{display:inline-block;margin-right:10px;}
.select-stock-account .stock-account-title ul li label{font-weight:normal}
.select-stock-account .stock-account-title ul li input[type=radio]{margin-right:8px;}
.select-stock-account .stock-account-info dl{width:310px;padding:25px 20px;border:1px solid #e4e4e4;background:#fff}
.select-stock-account .stock-account-info dl.new-account{width:420px}
.select-stock-account .stock-account-info dl dt{margin-bottom:10px;font-size:14px;color:#4a4a4a;}
.select-stock-account .stock-account-info dl dd{font-size:14px;color:#4a4a4a;line-height:22px;}
.select-stock-account .stock-account-info dl dd input[type=text]{width:100%;margin-bottom:15px;box-sizing:border-box;height:36px;line-height:36px;padding:0 20px;font-size:14px;border:1px solid #e4e4e4;}
.select-stock-account .stock-account-info dl dd select{width:100%;margin-bottom:15px;box-sizing:border-box;height:36px;line-height:36px;padding:0 20px;font-size:14px;border:1px solid #e4e4e4;}
.select-stock-account .stock-account-info dl dd label{font-size:12px;font-weight:normal}
.select-stock-account .stock-account-info dl dd input[type=radio]{margin-right:8px;}

.common-card, .common-card *{box-sizing:content-box}
.common-card{width:100%;cursor:pointer;text-align:left;}
.common-card .card-img-section{width:100%;padding-top:180px;height:50px;background:#0f171e no-repeat center center ;background-size:cover}
.common-card .card-img-section > p{padding:10px 20px 0;height:40px;font-size:16px;color:#fff;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), #000000);}
.common-card dl.progressbar-wrap{padding:0 20px;height:50px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), #000000);}
.common-card dl.progressbar-wrap dt{width:100%;height:10px;margin-bottom:10px;background:#fff;border-radius:100px;overflow:hidden}
.common-card dl.progressbar-wrap dt span{display:block;height:10px;background:#00c4c4}
.common-card dl.progressbar-wrap dd{position:relative;width:100%;text-align:center;}
.common-card dl.progressbar-wrap dd span{font-size:14px;color:#fff;font-weight:500;display:block;font-family:'Poppins'}
.common-card dl.progressbar-wrap dd span.amount{text-align:center;}
.common-card dl.progressbar-wrap dd span.percent{position:absolute;left:0;top:0;text-align:left;}
.common-card dl.progressbar-wrap dd span.days{position:absolute;right:0;top:0;text-align:right;}
.common-card .card-info-section{position:relative;height:229px;padding:0 20px;border:1px solid #d8d8d8;border-top:none}
.common-card .card-info-section h4{padding:17px 0 7px;font-size:18px;line-height:26px;color:#000;}
.common-card .card-info-section h5{padding-bottom:14px;font-weight:normal;font-size:13px;color:#000;}
.common-card .card-info-section h5 em{display:inline-block;margin-left:5px;padding:0 2px;font-size:10px;height:15px;line-height:15px;border:1px solid #dbdbdb;color:#979797}
.common-card .card-info-section p{font-size:12px;line-height:19px;height:76px;color:#545050;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;}
.common-card .card-info-section .card-category{position:absolute;bottom:20px;left:0;width:100%;height:12px;}
.common-card .card-info-section .card-category:after{content:"";clear:both;display:block;}
.common-card .card-info-section .card-category .category1{float:left;padding-left:20px;display:block;width:50%;text-align:left;font-size:11px;color:#979797;}
.common-card .card-info-section .card-category .category2{float:right;padding-right:20px;display:block;width:30%;text-align:right;font-size:11px;color:#00c4c4;}

.popup-mint-basic, .popup-mint-basic *{box-sizing:content-box}
.popup-mint-basic{position:relative;width:300px;margin:225px auto;padding:75px 0 45px;border:1px solid #00c4c4;background:#fff;text-align:center}
.popup-mint-basic a.btn-close{display:inline-block;position:absolute;right:20px;top:20px;}
.popup-mint-basic a.btn-close em{display:inline-block;width:26px;height:26px;background:url(/resources/static/img/common/icon_gray_close.png) no-repeat 0 0;background-size:26px 26px}
.popup-mint-basic .popup-mint-title{font-size:24px;margin-bottom:20px;line-height:26px;color:#2cc99d;}
.popup-mint-basic .popup-mint-text{font-size:14px;line-height:19px;color:#4a4a4a}
.popup-mint-basic .btn-wrap{margin-top:23px}
.popup-mint-basic .btn-wrap a.btn-pd-mint{font-size:14px}

.popup-confirm-basic{position:relative;width:300px;margin:225px auto;padding:75px 0 30px;text-align:center;background:url(/resources/static/img/common/icon_mint_check.png) no-repeat center 30px #fff;background-size:24px 24px;}
.popup-confirm-basic .popup-mint-text{margin-bottom:35px;font-size:14px;line-height:20px;color:#4a4a4a}
.popup-confirm-basic .popup-plus-link{margin-top:30px;text-align:center;}
.popup-confirm-basic .popup-plus-link a{font-size:12px;text-decoration:underline}
.popup-confirm-basic .btn-wrap{}

.popup-mint-notice{position:relative;width:260px;margin:225px auto;padding:75px 20px 30px;text-align:center;background:url(/resources/static/img/common/icon_mint_alert.png) no-repeat center 30px #fff;background-size:24px 24px;}
.popup-mint-notice .popup-mint-title{margin-bottom:20px;font-size:14px;line-height:20px;color:#00c4c4}
.popup-mint-notice .popup-mint-text{margin-bottom:20px;font-size:14px;line-height:20px;color:#453640}
.popup-mint-notice .popup-mint-link{margin-bottom:20px;text-align:center;color:#00c4c4}
.popup-mint-notice .popup-mint-link a{font-size:12px;text-decoration:underline}
.popup-mint-notice .popup-sub-text{margin-bottom:20px;text-align:left;font-size:12px;line-height:16px;color:#453640}

.sbs-goal-progress .goal_progress{background:url(/resources/static/img/sub/sbs_main_logo.png) no-repeat right 0;background-size:37px 52px;}
.sbs-goal-progress .goal_progress.done{background:url(/resources/static/img/sub/sbs_main_logo.png) no-repeat right 0;background-size:37px 52px;}

/*청약 쿠폰 페이백 이벤트 */
.coupon-section, .coupon-section *{box-sizing:content-box;position:relative;}
.coupon-section{width:558px;margin:60px auto 0;padding:40px;background:#fff;border:1px solid #23DBAB;text-align:center;}
.coupon-section .coupon-tit{margin-bottom:20px;font-size:18px;font-weight:500;}
.coupon-section .coupon-tit i.icon-help{display:inline-block;margin-left:5px;vertical-align:middle;width:19px;height:19px;background:url(/resources/static/img/common/icon_rd_help.png) no-repeat 0 0;background-size:19px 19px;}
.coupon-section .coupon-check{width:270px;margin:0 auto 30px;text-align:left;}
.coupon-section .coupon-check label{display:block;margin-bototm:15px;font-size:15px;font-weight:normal;}
.coupon-section .coupon-check label span{vertical-align:middle;}
.coupon-section .coupon-check label input[type=radio]{margin-right:10px;vertical-align:middle;display:inline-block;width:15px;height:15px;-webkit-appearance:none;border-radius:50%;border:1px solid #e4e4e4}
.coupon-section .coupon-check label input[type=radio]:checked{background:url(/resources/static/img/common/icon_mint_check.png) no-repeat 0 0;background-size:15px 15px;outline:none}
.coupon-section .coupon-input-wrap{width:500px;margin:0 auto;text-align:center;}
.coupon-section .coupon-input-wrap .input-area{margin-bottom:25px;}
.coupon-section .coupon-input-wrap input.coupon-input{width:300px;height:46px;margin-right:5px;line-height:46px;border:1px solid #e4e4e4;box-sizing:border-box;text-align:center;}
.coupon-section .coupon-input-wrap .btn-coupon{width:86px;height:46px;line-height:46px;text-align:center;padding:0;color:#fff;font-size:16px;border:none;background:#00c4c4}
.coupon-section .coupon-input-wrap .coupon-comment{height:22px;line-height:22px;font-size:12px;color:#1ebc93;background:rgba(80, 226, 193, 0.15);}
.coupon-section .coupon-input-wrap .coupon-comment.error{height:22px;line-height:22px;color:#f30000;background:rgba(255, 0, 0, 0.15);}
.coupon-section .coupon-input-wrap .coupon-info-text{display:none;padding-top:10px;font-size:12px;text-align:left;color:#23dbab;}
.coupon-section	.coupon-statement{display:none;position:absolute;left:390px;top:-150px;padding:15px 10px;width:346px;height:170px;background:#fff;border:solid 1px #e4e4e4;z-index:100}
.coupon-section	.coupon-statement strong{font-size:14px;}
.coupon-section	.coupon-statement p{padding-top:8px;text-align:left;font-size:11px;}

.mycoupon-wrap{position:relative;}
.mycoupon-wrap .coupon-info{box-sizing:border-box;position:absolute;left:-210px;top:0px;display:inline-block;padding:12px;width:220px;background:#fff;border:solid 1px #e4e4e4;font-size:11px;line-height:15px;display:none;text-align:left;}

.payback-section, .payback-section *{box-sizing:content-box}
.payback-section{width:558px;margin:0 auto;padding:40px;background:#fff;border:1px solid #23DBAB;border-top:none;text-align:center;}
.payback-section .payback-tit{margin-bottom:20px;font-size:18px;font-weight:500;}
.payback-section .input-area{width:560px;margin:0 auto 10px;}
.payback-section .input-area select.payback-select{width:105px;height:46px;line-height:46px;border:1px solid #e4e4e4;box-sizing:border-box;font-size:16px;text-align:center;background:#fff}
.payback-section .input-area input.payback-input1{width:255px;height:46px;line-height:46px;border:1px solid #e4e4e4;box-sizing:border-box;font-size:16px;text-align:center;}
.payback-section .input-area input.payback-input2{width:95px;height:46px;line-height:46px;border:1px solid #e4e4e4;box-sizing:border-box;font-size:16px;text-align:center;}
.payback-section .input-area .btn-payback{width:86px;height:46px;line-height:46px;text-align:center;padding:0;color:#fff;font-size:16px;border:none;background:#00c4c4}
.payback-section .payback-comment{font-size:12px;color:#23dbab;}
.payback-section .payback-info-text{padding-left:45px;text-align:left;font-size:13px;}

.coupon-result{padding:15px 20px;background:#F1F9F6}
.coupon-result .coupon-result-tit{margin-bottom:30px;font-size:18px;text-align:center;font-weight:500;}
.coupon-result dl{width:100%;margin-bottom:8px;}
.coupon-result dl:after{content:"";clear:both;display:block;}
.coupon-result dl dt{width:50%;float:left;text-align:left;font-size:14px;}
.coupon-result dl dd{width:50%;float:right;text-align:right;font-size:14px;line-height:21px;}

/** investGuideVideo **/
.invest-guide-tag{position:fixed;right:50%;top:50%;text-align:right;margin-right:-800px;margin-top:-75px;z-index:1000}
.invest-guide-tag button.btn-close{display:inline-block;width:16px;height:16px;background:url(/resources/static/img/common/icon_gray_close.png) no-repeat 0 0;border:none;background-size:cover;}
.invest-guide-tag button.tag-img{display:block;width:138px;height:138px;background:url(/resources/static/img/sub/invest_guide_video2.png) no-repeat 0 0;border:none;}
.invest-guide-video{position:relative;width:960px;margin:200px auto;}
.invest-guide-video #investGuideVideo{width:100%;height:550px}
.invest-guide-video button.btn-close{position:absolute;right:0;top:-30px;display:inline-block;width:16px;height:16px;background:url(/resources/static/img/common/icon_gray_close.png) no-repeat 0 0;border:none;background-size:cover;}

.payback-coupon-section{margin:50px 0;padding:15px 0;background:#EEEEEE}
.payback-coupon-section .title{margin-bottom:10px;font-size:14px;}
.payback-coupon-section .title i{display:inline-block;vertical-align:middle;width:22px;height:22px;margin-right:10px;background:url(/resources/static/img/common/icon_coupon.png) no-repeat 0 center;background-size:cover;}
.payback-coupon-section .title span{padding-left:10px;font-size:12px;}
.payback-coupon-section .title span strong{text-decoration:underline}
.payback-coupon-section .btn-wrap button{margin:0 3px;}
.payback-coupon-selected, .payback-coupon-selected *{box-sizing:content-box}
.payback-coupon-selected{margin-bottom:80px}
.payback-coupon-selected .inner-card{width:220px;text-align:left;margin:0 auto 20px;padding:30px;border:1px solid #e4e4e4;border-radius:3px;}
.payback-coupon-selected .inner-card p{font-size:12px;line-height:18px}
.payback-coupon-selected .inner-card p.title{font-weight:500;font-size:14px;}

.popup-pbcoupon-wrap, .popup-pbcoupon-wrap *{box-sizing:content-box}
.popup-pbcoupon-wrap{position:relative;width:310px;padding-bottom:30px;margin:50px auto;background:#fff;}
.popup-pbcoupon-wrap .btn-close{position:absolute;right:15px;top:15px;width:20px;height:20px;padding:0;background:url(/resources/static/img/common/icon_gray_close.png) no-repeat 0 0;background-size:20px 20px;border:none;}
.popup-pbcoupon-wrap .popup-title{padding:20px;font-size:14px;font-weight:500;}
.popup-pbcoupon-wrap .sub-text{padding:20px;font-size:12px;line-height:15px;}
.popup-pbcoupon-wrap .tab-wrap{border-bottom:1px solid #2881CD}
.popup-pbcoupon-wrap .tab-wrap ul{width:280px;margin:0 auto;}
.popup-pbcoupon-wrap .tab-wrap ul:after{content:"";clear:both;display:block}
.popup-pbcoupon-wrap .tab-wrap ul li{float:left;width:140px;}
.popup-pbcoupon-wrap .tab-wrap ul li button{display:block;width:110px;padding:0 15px;height:24px;line-height:24px;font-size:12px;background:#EEEEEE;border-radius:3px 3px 0 0;text-align:center;border:none;outline:none}
.popup-pbcoupon-wrap .tab-wrap ul li button:after{content:"";clear:both;display:block;}
.popup-pbcoupon-wrap .tab-wrap ul li button em.left{float:left;}
.popup-pbcoupon-wrap .tab-wrap ul li button em.right{float:right;}
.popup-pbcoupon-wrap .tab-wrap ul li.active button{color:#fff;background:#2881CD}
.popup-pbcoupon-wrap .pbcoupon-list{margin-bottom:10px;}
.popup-pbcoupon-wrap .pbcoupon-list dl{display:table;width:280px;padding:10px 15px;border-bottom:1px solid #e4e4e4;}
.popup-pbcoupon-wrap .pbcoupon-list dd{display:table-cell;}
.popup-pbcoupon-wrap .pbcoupon-list dd p{font-size:12px;line-height:18px;}
.popup-pbcoupon-wrap .pbcoupon-list dd p.title{font-weight:500;}
.popup-pbcoupon-wrap .pbcoupon-list dd p a{color:#2881CD;text-decoration:underline;}
.popup-pbcoupon-wrap .pbcoupon-list dd p a.required{color:#F9283C}
.popup-pbcoupon-wrap .pbcoupon-list dt{display:table-cell;width:40px;text-align:center;vertical-align:middle;}
.popup-pbcoupon-wrap .pbcoupon-list p.none{padding:30px 0;font-size:14px;text-align:center;font-weight:500;}
.popup-pbcoupon-wrap .pbcoupon-terms{width:260px;margin:0 auto;height:75px;padding:10px;overflow:hidden;overflow-y:scroll;border:1px solid #e4e4e4;border-radius:3px;}
.popup-pbcoupon-wrap .pbcoupon-terms p{font-size:10px;line-height:16px;}
.popup-pbcoupon-wrap .pbcoupon-terms p.title{margin-bottom:5px;text-align:center;font-size:12px;color:#2881CD}
.popup-pbcoupon-wrap .pbcoupon-terms p.link{text-align:center;margin-bottom:10px;}
.popup-pbcoupon-wrap .pbcoupon-terms p.link a{text-decoration:underline}
.popup-pbcoupon-wrap .btn-wrap{padding:15px 45px;}
.popup-pbcoupon-wrap button:disabled{background:#E1E1E1 !important}

.regist-pbcoupon-wrap{padding:30px 20px 10px}
.regist-pbcoupon-wrap .input-area{width:100%;margin-bottom:18px;}
.regist-pbcoupon-wrap .input-area:after{content:"";clear:both;display:block;}
.regist-pbcoupon-wrap .input-area input[type=text]{float:left;width:180px;height:36px;line-height:36px;padding:0 10px;border:1px solid #E1E1E1;font-size:14px;box-sizing:border-box;}
.regist-pbcoupon-wrap .input-area input[type=text]:disabled{background:#E1E1E1}
.regist-pbcoupon-wrap .input-area button{float:left;display:inline-block;height:36px;line-height:36px;width:90px;text-align:center;color:#fff;font-size:14px;background:#9B9B9B;border:none;}
.regist-pbcoupon-wrap .input-area span{float:left;display:inline-block;height:36px;line-height:36px;width:90px;text-align:center;color:#2881CD;font-size:14px;background:#fff}
.popup-pbcoupon-content{display:none}
.popup-pbcoupon-content p{margin-bottom:10px;font-size:12px;line-height:15px;}
.popup-pbcoupon-content > p{padding:0 20px;}
.popup-pbcoupon-content p.notice{color:#F98F9B}
.popup-pbcoupon-content .pbcoupon-account{width:240px;margin:0 auto 10px;}
.popup-pbcoupon-content .pbcoupon-account dl{width:100%;display:table;margin-bottom:5px;}
.popup-pbcoupon-content .pbcoupon-account dt{display:table-cell;width:70px;font-size:12px;line-height:36px;}
.popup-pbcoupon-content .pbcoupon-account dd{display:table-cell;width:170px;}
.popup-pbcoupon-content .pbcoupon-account dd input[type=text]{width:100%;height:36px;line-height:36px;padding:0 10px;border:1px solid #E1E1E1;font-size:14px;box-sizing:border-box;}
.popup-pbcoupon-content .pbcoupon-account dd input[type=tel]{width:100%;height:36px;line-height:36px;padding:0 10px;border:1px solid #E1E1E1;font-size:14px;box-sizing:border-box;}
.popup-pbcoupon-content .pbcoupon-account dd select{width:100%;height:36px;line-height:36px;padding:0 10px;border:1px solid #2881CD;font-size:14px;box-sizing:border-box;}
.popup-pbcoupon-content .btn-wrap button{display:inline-block;padding:0;height:40px;line-height:40px;font-size:14px;background:#9B9B9B;color:#fff;border:none;text-align:center;}
.popup-pbcoupon-content .btn-wrap button.sm{width:72px;}
.popup-pbcoupon-content .btn-wrap button.blue{width:135px;background:#2881CD}
#pbCouponContent1{display:block;}

@media screen and (min-width: 1096px) {
.payback-coupon-selected, .payback-coupon-selected *{box-sizing:content-box}
.payback-coupon-selected{margin-bottom:80px}
.payback-coupon-selected .inner-card{width:290px;text-align:left;margin:0 auto 20px;padding:30px;border:1px solid #e4e4e4;border-radius:3px;background:url(/resources/static/img/common/icon_coupon.png) no-repeat 280px center;}
.payback-coupon-selected .inner-card p{font-size:12px;line-height:18px}
.payback-coupon-selected .inner-card p.title{font-weight:500;font-size:14px;}
}
