@import url("./common.css");
@import url("./reward_point.css");

.wrap_terms .agree_service .content_agree_service pre{
    word-wrap: break-word;
    white-space: pre-wrap;
}

input, textarea {
-webkit-border-radius:0;
-webkit-appearance:none;
}

.member_page {
	width:100%;
	margin-bottom:20px;
}

.member_page_header {
	background:url(../images/join_title.png) center right no-repeat;
	margin-bottom:30px;
}

.member_title {
	padding:80px 0 30px 2%;
	background:url(../images/title_line.png) center bottom no-repeat;
}

.member_title h1 {
	font-size:38px;
}

.member_title p {
	margin-top:10px;
	font-size:18px;
	color:#7b7b7b;
}


/* Wrap_Join_Step:Start */
.wrap_join_step {
	width:100%;
	display: inline-block;
	margin-bottom:30px;
}

.wrap_join_step li {
	display:inline-block;
	float:left;
	position: relative;
	width:33%;
	background-color: #fff;
}

.list_join_step1 {
	border:1px solid #ececec;
	border-top:4px solid #FB6E61;
}

.list_join_step2 {
	border:1px solid #ececec;
	border-top:4px solid #AEAEAE;
	border-left:none;
}

.list_join_step3 {
	border:1px solid #ececec;
	border-top:4px solid #AEAEAE;
	border-left:none;
}

.simplify .wrap_join_step li {
	width: 50%;
}

.simplify .list_join_step3 {
	display: none;	
}

.wrap_join_step li:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 25px;
	width: 36px;
	height: 26px;
	background:url(../images/step_check.png) no-repeat;
	overflow: hidden;
}

.wrap_join_step .list_join_step1:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 25px;
	width: 36px;
	height: 26px;
	background:url(../images/step_check.png) 0 -45px no-repeat;
	overflow: hidden;
}

.wrap_join_step li div {
	padding:10px 0 10px 85px;
}

.wrap_join_step li div span {
	font-size:13px;
	color:#7b7b7b;
}

.wrap_join_step li div span.txt_join_step1 {
	color:#FB6E61;
    background-color:transparent !important;
}

.wrap_join_step li div h3 {
	font-size:18px;
	color:#7b7b7b;
	padding-top:5px;
}

.wrap_join_step li div h3.tit_join_step1 {
	color:#FB6E61;
}
/* Wrap_Join_Step:End */

.member_page h4 {
	font-size:17px;
	color:#7b7b7b;
	letter-spacing:-1px;
}


/* Wrap_Join_Certify:Strat */
.wrap_join_certify {
	width:100%;
}

.wrap_tab_joincertify {
	width:100%;
}

.selectBox-dropdown .selectBox-arrow {
    width: 20px;
    height: 100%;
    background: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 50% center;
    border-left: none;
}

.wrap_tab_joincertify .tab_list {
	width:50%;
	height:40px;
	display:inline-block;
	float:left;
	height:40px;
	background-color:#ECECEC;
	text-align:center;
}

.wrap_tab_joincertify .tab_list.active {
	background-color:#AEAEAE;
}

.wrap_tab_joincertify .tab_list a {
	color:#AEAEAE;
	font-size:18px;
	font-weight:bold;
	line-height:2;
}

.wrap_tab_joincertify .tab_list.active a {
	color:#fff !important;
}


/* tab_info_content:start */
.tab_info_content #easy_certify {
	border:1px solid #AEAEAE;
	margin-bottom: 15px;
}

.tab_info_content .help_txt {
	padding-left:5px;
	margin:15px 0 50px;
	color:#999;
	font-size:13px;
}

.tab_info_content .help_txt strong {
	color:#fb7063;
}

.certify_easy_hp {
	display:inline-block;
	width:50%;
	float:left;
}

.certify_easy_email {
	border-left:1px solid #e3e3e3;
	display:inline-block;
	width:50%;
	padding-bottom:40px;
}

.box_join_certify .tit_certify {
/*	border-top:1px solid #AEAEAE;*/
	font-size:17px;
	color:#7B7B7B;
	background-color:#F7F7F7;
	padding:15px 25px;
}

.box_join_certify .box_inner,
.box_join_certify .wrap_limit_time {
	margin:15px 25px;
}

.box_join_certify .box_inner .label_txt {
	width:25%;
	display:inline-block;
	float:left;
	line-height: 35px;
}

.box_join_certify .box_inner .box_name,
.box_join_certify .box_inner .box_phone,
.box_join_certify .box_inner .box_auth {
	width:75%;
	display:inline-block;
	position: relative;
}

.box_join_certify .box_inner .tf_comm {
	width:65%;
	height:35px;
	padding:0 10px;
    line-height:35px;
	background: #fff;
}

.box_join_certify .box_inner .txt_placeholder {
	left: 10px;
	top: 10px;
	color: #A4A4A4;
}

.box_join_certify .box_inner .btn_primary,
.box_join_certify .box_inner .btn_default {
	width:33%;
	height:35px;
	position: absolute;
	right: 0;
	top: 0;
	font-size:13px;
	letter-spacing:-1px;
}

.box_join_certify .box_inner .btn_default {
	background-color:#AEAEAE;
}

.box_join_certify .box_inner button.btn_default.point_btn {
	background-color: #aeaeae;
	color: #fff;
}
 
.box_join_certify .box_inner button.btn_default.point_btn:hover {
	background-color: #aeaeae;
}

.box_inner span.form_error {
	position:static;
	display:block;
	margin-top:5px;
}

.box_join_certify .wrap_limit_time {
	padding-left:21.5%;
}

.box_join_certify .wrap_limit_time .msg_limit_time {
/*	display:block;*/
	display:none;
	color:#3A96D2;
}

.member_page .wrap_join_certify .wrap_limit_time .msg_success,
.member_page .wrap_join_certify .wrap_limit_time .msg_failure {
    display:none;
/*    margin-left:15px;*/
}

.member_page .wrap_join_certify .wrap_limit_time .msg_success.active,
.member_page .wrap_join_certify .wrap_limit_time .msg_failure.active {
    display:inline-block;
/*    margin-left:15px;*/
}

.member_page .wrap_join_certify .wrap_limit_time .msg_success {
    color:#43c51e;
}

.member_page .wrap_join_certify .wrap_limit_time .msg_failure {
    color:#ED5749;
}

#hard_certify {
	display:none;
}
/* tab_info_content:end */


/* Wrap_Terms:Start */
.wrap_terms span.txt_agree_all {
	font-size: 17px;
	font-weight: bold;
	color: #7B7B7B;
	letter-spacing:-1px;
}

.wrap_terms .design_checkbox {
	display:inline-block;
	position:relative;
	z-index:10;
	width:auto;
/*	height:24px;*/
	margin-bottom:10px;
	background:url(../images/check_inactive_big.png) 0 0 no-repeat;
	cursor: pointer;
}

.wrap_terms .design_checkbox.inp_agree_all {
	width:auto;
    height:27px;
}

.wrap_terms .design_checkbox input {
	display:none;
}

.wrap_terms .design_checkbox.active {
	background:url(../images/check_active_big.png) 0 0 no-repeat;
}

.wrap_terms .design_checkbox span {
	margin-left:30px;
}


/* 2016.02.25 수정 S*/
.wrap_terms .design_checkbox {
	display:inline-block\9;
	position:relative\9;
	z-index:10\9;
	width:70%\9;
	margin-bottom:10px\9;
	background:transparent\9;
}

.wrap_terms .design_checkbox input {
	display:inline\9;
}

.wrap_terms .design_checkbox.active {
	background:transparent\9;
}

.wrap_terms .design_checkbox span {
	margin-left:0px\9;
}

input, textarea {
-webkit-border-radius:0;
-webkit-appearance:checkbox\9;
}
/* 2016.02.25 수정 E*/

.wrap_terms .box_agrees .design_checkbox {
	top:0;
}

.wrap_terms span.design_checkbox_txt {
	font-size:14px;
	font-weight: bold;
	color: #7B7B7B;
	line-height:24px;
}

.wrap_terms .box_agree {
	border:1px solid #e3e3e3;
	padding:20px;
}

.wrap_terms .agree_service,
.wrap_terms .agree_privacy,
.wrap_terms .agree_trust {
	position:relative;
}

.wrap_terms .agree_trust {
	display:none;
}

.wrap_terms .agree_service .content_agree_service,
.wrap_terms .agree_privacy .tab_info_content,
.wrap_terms .agree_trust .tab_info_content {
	width:100%;
	height:100px;
/*	height:auto;*/
	margin-bottom:40px;
	overflow:hidden;
	overflow-y:scroll;
}

.wrap_terms .agree_service .content_agree_service {
	border:1px solid #AEAEAE;
}

.wrap_terms .agree_privacy .tab_info_content,
.wrap_terms .agree_trust .tab_info_content {
	border:1px solid #AEAEAE;
	border-top:none;
}

.wrap_terms .agree_trust .tab_info_content {
	margin-bottom:0;
}

.wrap_terms .btn_all_see {
	width:85px;
	height:24px;
	font-size:12px;
	display:inline-block;
	position:absolute;
	right:0;
}

.wrap_terms .agree_service .content_agree_service.total_view,
.wrap_terms .agree_privacy .tab_info_content.total_view,
.wrap_terms .agree_trust .tab_info_content.total_view  {
    height:auto;
	min-height:100px;
/*    overflow:visible;*/
}

.wrap_terms .tab_info {
	display: inline-block;
	width: 100%;
	float: left;
}

.wrap_terms .tab_info .tab_list {
	background-color:#C1C1C1;
	width: 33.33%;
	height:35px;
	float:left;
	display:inline-block;
	text-align:center;
	border-left:1px solid #fff;
}

.wrap_terms .tab_info .tab_list:first-child {
	border-left:0;
}

.wrap_terms .tab_info .tab_list a {
	font-size:13px;
	color:#fff;
	line-height:35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap_terms .tab_info .tab_list.active {
	background-color:#DDEBFD;
}

.wrap_terms .tab_info .tab_list.active a {
	color:#3365A9;
	font-weight: bold;
}

.wrap_terms .agree_trust > .tab_info .tab_list {
	width:50%;
}

.wrap_terms .tab_info_content .tab_content {
	display:none;
	padding:20px;
	overflow:hidden;
}

.tab_info_content .tab_content.active {
	display:block;
}

.content_agree_service {
	overflow-y:scroll;
	padding:20px;
}
/* Wrap_Terms:end */

.wrap_btn_agree {
	width:100%;
	text-align:center;
	margin-top:40px;
}

.member_page .wrap_btn_agree .point_btn.btn_agree {
	color: #fff;
}

.agree_privacy .person_info{
    text-align:center;
    border:1px solid #c1c1c1;
}

.hidden{display:none;}

.agree_privacy .person_info dd .tbl_tit{
    display:table;
    width:100%;
}

.agree_privacy .person_info dd .tbl_txt{
    display:table;
    width:100%;
}

.agree_privacy .person_info dd .tbl_txt .txt_left{
    text-align:left;
}

.agree_privacy .person_info dd .tbl_tit div{
    display:table-cell;
    padding:15px 0;
    font-size:13px;
    font-weight:bold;
    color:#3365a9;
}

.agree_privacy .person_info dd .tbl_txt div{
    display:table-cell;
    padding:15px;
    font-size:12px;
    color:#434343;
    border-top: 1px solid #c1c1c1;
    line-height:1.7em;
}

.w15p{width:15%;font-weight:bold;}
.w27p{width:27%;border-left:1px solid #c1c1c1;}
.pc_hidden{display:none;}
.mo_hidden{display:block;}
.m10{margin-top:10px;}


/***** Mediaquery:Start *****/
/* Large Desktop:Start */
@media screen and (min-width:1200px) {
}
/* Large Desktop:End */


/* Desktop:Start */
@media screen and (min-width:992px) and (max-width:1199px) {
}
/* Desktop:End */


/* Tablet:Start */
@media screen and (min-width:768px) and (max-width:991px) {
}
/* Tablet:End */


/* Mobile:Start */
@media screen and (max-width:767px) {
	.img_area {
		display:none;
	}

	.member_title h1 {
		font-size:30px;
	}

	.member_title p {
		font-size:12px;
	}

	.member_page_header {
		background:url(../images/join_title.png) right 10px no-repeat;
		margin-bottom:30px;
		background-size:auto 80%;
	}

	.member_title {
		padding-top:55px;
		padding-bottom:20px;
	}


	/* Wrap_Join_Step:Start */
	.wrap_join_step {
		margin-bottom:20px;
	}

	.wrap_join_step li:before,
	.wrap_join_step .list_join_step1:before {
		display: none;
	}

	.wrap_join_step li div {
		padding:5px;
		background:none;
	}

	.wrap_join_step li div span {
		font-size:10px;
	}

	.wrap_join_step li div h3 {
		font-size:12px;
		letter-spacing:-1px;
	}

	.wrap_join_step .list_join_step1 div {
		background:none;
	}
	/* Wrap_Join_Step:End */

	.certify_easy_hp {
		display:block;
		width:100%;
		float:none;
		padding-bottom: 20px;
	}

	.certify_easy_email {
		border-left:none;
		display:block;
		width:100%;
		padding-bottom: 20px;
	}

	.wrap_tab_joincertify {
/*		display:inline-block;*/
	}

	.box_join_certify .tit_certify {
		border-top:none;
		padding:10px;
		margin-bottom: 20px;
	}

	.box_join_certify .box_inner {
		margin: 0 10px;
		border: 1px solid #e3e3e3;
	}

	.box_join_certify .box_inner .label_txt {
		display:none;
	}

	.box_join_certify .box_inner .box_name,
	.box_join_certify .box_inner .box_phone,
	.box_join_certify .box_inner .box_auth {
		width:100%;
		display:block;
		position: relative;
	}

	.box_join_certify .box_inner .tf_comm {
		width:100%;
		height:45px;
		padding-left: 10px;
        line-height:45px;
	}

	.box_inner .tf_comm {
		border:0;
	}

	.box_join_certify .box_inner .txt_placeholder {
		top: 16px;
	}

	.box_join_certify .box_inner .btn_primary,
	.box_join_certify .box_inner .btn_default {
		width: 100%;
		height: 45px;
		position: static;
		border-radius: 0;
	}

	.member_page span.form_error {
		line-height: 2;
		margin-left: 10px;
	}

	.box_join_certify .box_inner.certify_auth {
		margin-top:10px;
	}

	.box_join_certify .box_inner.certify_name {
		border-bottom:0;
	}

	.box_join_certify .wrap_limit_time {
		padding-left:0;
		margin:10px 10px 0 10px;
	}

	.wrap_terms .btn_default {
/*		display:none;*/
	}

	.wrap_terms .box_agree {
		padding:10px;
	}

	.wrap_terms .agree_service .content_agree_service,
	.wrap_terms .agree_privacy .tab_info_content {
		margin-bottom:20px;
	}

	.member_page .btn_cancel.btn_disagree {
		width: 50%;
		height: 45px;
		font-size: 15px;
		border-radius: 0;
		background-color: #7B7B7B;
	}

	.member_page .btn_primary.btn_agree {
		width: 50%;
		height: 45px;
		font-size: 15px;
		float: left;
		border-radius: 0;
	}

	.wrap_btn_agree {
		width:100%;
		text-align:center;
		margin-top:20px;
	}

	.agree_privacy .tab_info,
	.agree_trust .tab_info {
		display:none;
	}

	.wrap_terms .agree_privacy .tab_info_content,
	.wrap_terms .agree_trust .tab_info_content {
		border:1px solid #AEAEAE;
	}

	.wrap_terms .tab_info_content .tab_content {
		display:block;
	}

	.wrap_terms span.design_checkbox_txt {
		font-size:13px;
	}

    .pc_hidden{display:block;}
    .mo_hidden{display:none;}
    .w25p{width:25%;}
    .w75p{width:75%;border-left:1px solid #c1c1c1;}

    .agree_privacy .person_info dd .tbl_tit div.txt_left{
        font-size:12px;
        color:#434343;
        text-align:left;
    }

    .agree_privacy .person_info dd .tbl_tit div {
        padding:10px ;
        text-align: left;
    }

    .agree_privacy .person_info dd .tbl_tit {
        border-top: 1px solid #c1c1c1;
    }

    .agree_privacy .person_info dd .tbl_tit:first-child{
        border-top: 0;
    }

    .bg_blue{
        background:#f2f7fe;
    }
}

@media screen and (max-width:500px) {
	.member_page_header {
		background-size:auto 70%;
	}
}
/* Mobile:End */
/***** Mediaquery:End *****/


@media all and (-webkit-min-device-pixel-ratio: 2) {
	.wrap_terms .design_checkbox {
		background:url(../images/check_inactive_big@2x.png) 0 0 no-repeat;
		background-size:24px 24px;
	}

	.wrap_terms .design_checkbox.active {
		background:url(../images/check_active_big@2x.png) 0 0 no-repeat;
		background-size:24px 24px;
	}
}