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

#sub_contents {
	margin-top: 35px;
}

.wrap_terms .agree_service .content_agree_service pre{
    word-wrap: break-word;
    white-space: pre-wrap;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size: 13px;
    color: #666666;
    line-height: 24px;
}

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

.member_page {
	width:100%;
	text-align: left;
}

.member_page_header {
}

.member_title {
	display: none;
}

.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:35px;
}

.wrap_join_step li {
	position: relative;
	display:inline-block;
	float:left;
	width:33.33333%;
}

.list_join_step1 {
}

.list_join_step1:after {
	position: absolute;
	top: 27px;
	right: 20px;
	display: block;
	content: '';
	width: 10px;
	height: 8px;
	background-image: url(../images/join_icon.png);
	background-repeat: no-repeat;
	background-position: -30px 0;
}

.list_join_step2 {
}

.list_join_step3 {
}

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

.simplify  .list_join_step3  {
	display: none;
}

.wrap_join_step li div {
	background-color: #f0eef1;
	font-size: 0;
}

.wrap_join_step li div span {
	display: inline-block;
	width: 80px;
	padding: 20px 0;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-weight: 400;
	font-size:13px;
	color:#949292;
	line-height: 20px;	
	text-align: center;
	background-color: #e6e6e6;
}

.wrap_join_step li div span.txt_join_step1 {
	color:#fff;
	background-color: #6643e6;
}

.wrap_join_step li div span.txt_join_step1.point_bg {
	/*background-color: #6643e6;*/
}

.wrap_join_step li div h3 {
	display: inline-block;
	padding: 20px;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-weight: 400;
	font-size:13px;
	color:#949292;
	line-height: 20px;
}

.wrap_join_step li div h3.tit_join_step1 {
	color:#5d5d5d;
}

.wrap_join_step .list_join_step1 div {
}
/* Wrap_Join_Step:End */

.member_page h4 {
	/*font-family: 'Noto Sans KR', sans-serif;*/
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
}


/* 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: 145px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.wrap_tab_joincertify .tab_list.active {
	width: auto;
	height: 35px;
	background-color: transparent;
}

.wrap_tab_joincertify .tab_list a {
	display: block;
    padding: 0 15px;
    height: 35px;
    /*font-family: 'noto sans Kr', sans-serif;*/
    font-size: 13px;
    color: #8564ff;
    line-height: 35px;
    border-bottom: 1px solid #8564ff;
}

.wrap_tab_joincertify .tab_list.active a {
	color:#8564ff;
}


/* tab_info_content:start */
.tab_info_content #easy_certify {
}

.tab_info_content #easy_certify .box_join_certify {
	margin-top: 15px;
	margin-bottom: 20px;
}

.tab_info_content #easy_certify .box_join_certify:after {
	display: block;
	content: '';
	clear: both;
}

.tab_info_content .help_txt {
	display: none;
}

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

.certify_easy_hp {
	margin-right: 1%;
}

.certify_easy_hp,
.certify_easy_email {
	padding: 13px 20px 5px;
    width: 49%;
    float: left;
    border: 1px solid #d5d9df;
}

.certify_easy_email {
	margin-left: 1%;
}

.box_join_certify .tit_certify {
	margin-bottom: 15px;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
}

.certify_easy_hp .tit_certify:before {
	position: relative;
	top: 4px;
	display: inline-block;
	content: '';
	width: 13px;
	height: 20px;
	margin-right: 10px;
	background-image: url(../images/join_icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.certify_easy_email .tit_certify:before {
	position: relative;
	top: 1px;
	display: inline-block;
	content: '';
	width: 19px;
	height: 14px;
	margin-right: 10px;
	background-image: url(../images/join_icon.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

.box_join_certify .box_inner,
.box_join_certify .wrap_limit_time {
}

.box_join_certify .box_inner .label_txt {
	float: left;
    width: 30%;
    height: 40px;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
    color: #666;
}

.box_join_certify .box_inner .box_name,
.box_join_certify .box_inner .box_phone,
.box_join_certify .box_inner .box_auth {
    display: inline-block;
    width: 70%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.box_join_certify .box_inner .tf_comm {
	height: 40px;
    padding: 0 15px;
    border-color: #d5d9df;
    border-radius: 3px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-weight: 400;
    font-size: 12px;
    line-height: 40px;
    color: #999999;
    letter-spacing: 0;
}

.box_join_certify .box_inner .txt_placeholder {
	display: block;
    position: absolute;
    top: 0;
    left: 15px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-weight: 400;
    font-size: 13px;
    line-height: 40px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box_join_certify .box_auth .txt_placeholder {
	color: #c5c5c5;
}

.box_join_certify .box_auth .tf_comm {
	font-size: 13px;
    color: #c5c5c5;
    background-color: #eceff2;
    border: none;
}

.box_join_certify .box_inner .btn_primary,
.box_join_certify .box_inner .btn_default {
	display: block;
    width: 100%;
    height: 40px;
    background-color: #b4b9c1;
    border-radius: 3px;
    color: #fff;
    /*font-family: 'Noto sans KR', sans-serif;*/
    font-weight: 400;
    font-size: 13px;
    margin-top: 6px;
    line-height: 40px;
}

.box_join_certify .box_inner .btn_primary:hover {
	background-color:#d5d9df;
}

.box_join_certify .box_inner .btn_primary:focus {
	background-color:#9a9ea5;
}

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

.member_page .box_join_certify .box_inner .btn_default {
	color: #fff;
}

.box_inner span.form_error {
	display: block;
    position: static;
    width: 100%;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size: 12px;
    height: 18px;
    margin: 5px 0;
}

.box_join_certify .wrap_limit_time {
	position: relative;
    top: -15px;
    padding: 0 0 0 30%;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size: 12px;
}

.box_join_certify .wrap_limit_time .msg_limit_time {
	display: none;
	text-align: left;
	color: #ff1a40;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-size: 11px;
	line-height: 18px;
}

.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:#4fd165;
}

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

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


/* Wrap_Terms:Start */
.wrap_terms {
}

.wrap_terms .box_check_agree {
	padding: 15px 0;
	background-color: #f4f4f4;
}

.wrap_terms span.txt_agree_all {
	display: block;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-size: 15px;
	font-weight: 400;
	color: #000;
	line-height: 24px;
}

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

.wrap_terms .design_checkbox.inp_agree_all {
	width: auto;
    margin-bottom: 0;
    margin-left: 20px;
    padding-left: 25px;
    background: url(../images/unchecked.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

.wrap_terms .design_checkbox.inp_agree_all:hover {
	background: url(../images/hover.png);
	background-repeat: no-repeat;
    background-position: 0 5px;
}

.wrap_terms .design_checkbox.inp_agree_all.active {
	background: url(../images/checked.png);
	background-repeat: no-repeat;
    background-position: 0 5px;
}

.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 {
}


/* 2016.02.25 수정 S*/
.wrap_terms .design_checkbox {
		width: auto;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/unchecked.png);
    background-repeat: no-repeat;
    background-position: 0 5px !important;
}

.wrap_terms .design_checkbox:hover {
	background: url(../images/hover.png);
	background-repeat: no-repeat;
    background-position: 0 5px;
}

.wrap_terms .design_checkbox.active {
	width: auto;
	background: url(../images/checked.png);
	background-repeat: no-repeat;
    background-position: 0 5px;
}

.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 {
	display: inline-block;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
}

.wrap_terms .box_agree {
	background-color: #f4f4f4;
	border-top:1px solid #e9eaee;
	padding:10px 40px 45px;
}

.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:30px;
	overflow:hidden;
	overflow-y:scroll;
}

.wrap_terms .agree_service .content_agree_service {
	height: 200px;
	border:1px solid #e6e7e9;
	background-color: #fff;
}

.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 button.btn_all_see {
	width:100px;
	height:30px;
	padding-left: 15px;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-weight: 400;
	font-size:11px;
	display:inline-block;
	position:absolute;
	right:0;
	top: -3px;
	background-color: #555260;
	line-height: 30px;
}

.wrap_terms .btn_all_see:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: block;
	content: '';
	width: 12px;
	height: 15px;
	background: url(../images/join_icon.png);
	background-repeat: no-repeat;
    background-position: -30px -31px;
}

.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:15px 20px;
}
/* Wrap_Terms:end */

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

.wrap_btn_agree .btn_comm {
	display: inline-block;
	width: 140px;
	height: 40px;
	margin: 0 5px;
	background-color: #b4b9c1;
	border-radius: 3px;
	color: #fff;
	/*font-family: 'Noto sans KR', sans-serif;*/
	font-weight: 400;
	font-size: 13px;
	line-height: 40px;
}

.wrap_btn_agree .btn_comm:hover {
	background-color:#d5d9df;
}

.wrap_btn_agree .btn_comm:focus {
	background-color:#9a9ea5;
}

.wrap_btn_agree .btn_comm.btn_primary {
	background-color: #6643e6;
}

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

.wrap_btn_agree .btn_comm.btn_cancel {}

.agree_privacy .person_info{
    text-align:center;
    border:1px solid #e6e7e9;
    background-color: #fff;
}

.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:9px 0;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size:13px;
    font-weight:500;
    color:#333333;
}

.agree_privacy .person_info dd .tbl_txt div{
    display:table-cell;
    padding:9px 15px 13px;
    /*font-family: 'Noto Sans KR', sans-serif;*/
    font-size:12px;
    font-weight: 400;
    color:#666666;
    border-top: 1px solid #e6e7e9;
    line-height:20px;
}

.w15p{width:15%;font-weight:bold;}
.w27p{width:27%;border-left:1px solid #e6e7e9;}
.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) {
	#sub_contents {
		margin-top: 0;
	}

	.member_page {
		margin-bottom: 0;
	}

	.img_area {
		display:none;
	}

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

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

	.member_page_header {
	}

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


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

	.wrap_join_step li {
		width: 33.333333%;
		margin-bottom: 5px;
	}

	.wrap_join_step li div {
	}

	.wrap_join_step li div span {
		width: 100%;
	}

	.wrap_join_step li div h3 {
		display: none;
	}

	.list_join_step1:after {
		display: none;
	}

	.wrap_join_step .list_join_step1 div {
	}
	/* Wrap_Join_Step:End */

	.certify_easy_hp, .certify_easy_email {
	}

	.certify_easy_hp {
		display:block;
		width:100%;
		float:none;
	}

	.certify_easy_email {
		display:block;
		width:100%;
		margin-top: 15px;
		margin-left: 0;
	}

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

	.box_join_certify .tit_certify {
	}

	.box_join_certify .box_inner {
	}

	.box_join_certify .box_inner .label_txt {
		width: 25%;
	}

	.box_join_certify .box_inner .box_name,
	.box_join_certify .box_inner .box_phone,
	.box_join_certify .box_inner .box_auth {
		width: 75%;
	}

	.box_join_certify .box_inner .tf_comm {
	}

	.box_inner .tf_comm {
	}

	.box_join_certify .box_inner .txt_placeholder {
		font-size: 11px;
	}

	.box_join_certify .box_inner .btn_primary,
	.box_join_certify .box_inner .btn_default {
	}

	.member_page span.form_error {
	}

	.box_join_certify .box_inner.certify_auth {
	}

	.box_join_certify .box_inner.certify_name {
	}

	.box_join_certify .wrap_limit_time {
		padding: 0 0 0 25%;
	}

	.wrap_terms .design_checkbox.inp_agree_all {
		margin-left: 10px;
	}

	.wrap_terms .box_check_agree {
		padding: 15px 0;
	}

	.wrap_terms span.txt_agree_all {
	}

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

	.wrap_terms .box_agree {
		padding:10px 20px 40px;
	}

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

	.member_page .btn_cancel.btn_disagree {
		width: 49%;
		margin: 0 0 0 1%;
	}

	.member_page .btn_primary.btn_agree {
		width: 49%;
		float: left;
		margin: 0 1% 0 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 {
	}

    .pc_hidden{
    	display: block;
	    padding: 0;
	    border-bottom: 1px solid #e6e7e9;
	    border-right: 1px solid #e6e7e9;
	    border-left: 1px solid #e6e7e9;
    }

	.agree_privacy .person_info {
		border-right: 0;
		border-left: 0;
		border-bottom: 0;
		border-top: 1px solid #e6e7e9;
	}

    .mo_hidden{display:none;}
    .w25p{width:25%;}
    .w75p{width:75%;}

    .agree_privacy .person_info dd .tbl_tit div.txt_left{
    	border-left: 1px solid #e6e7e9;
    	color: #666666;
    	font-size: 12px;
    	font-weight: 400;
    }

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

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

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

    .bg_blue{
    }
}

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

@media screen and (max-width:465px) {
	.box_join_certify .box_inner .label_txt {
		width: 30%;
	}

	.box_join_certify .wrap_limit_time {
		padding: 0 0 0 30%;
	}

	.box_join_certify .box_inner .box_name,
	.box_join_certify .box_inner .box_phone,
	.box_join_certify .box_inner .box_auth {
		width: 70%;
	}	
}

@media screen and (max-width:410px) {
	.box_join_certify .box_inner .label_txt {
		width: 35%;
	}

	.box_join_certify .wrap_limit_time {
		padding: 0 0 0 35%;
	}

	.box_join_certify .box_inner .box_name,
	.box_join_certify .box_inner .box_phone,
	.box_join_certify .box_inner .box_auth {
		width: 65%;
	}	
}

@media screen and (max-width:360px) {
	.box_join_certify .box_inner .label_txt {
		width: 40%;
	}

	.box_join_certify .wrap_limit_time {
		padding: 0 0 0 40%;
	}

	.box_join_certify .box_inner .box_name,
	.box_join_certify .box_inner .box_phone,
	.box_join_certify .box_inner .box_auth {
		width: 60%;
	}	
}
/* 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;
	}
}