@charset "utf-8";

.w100 {width:100% !important;}
.w90 {width:90% !important;}
.w80 {width:80% !important;}
.w70 {width:70% !important;}
.w60 {width:60% !important;}
.w50 {width:50% !important;}
.w45 {width:45% !important;}
.w40 {width:40% !important;}
.w30 {width:30% !important;}
.w20 {width:20% !important;}
.w10 {width:10% !important;}

/* 버튼색상 */
.btn_basic {background:#eee; color:#000 !important; border:1px solid #ccc !important;}
/* .btn_basic:hover {background:#111a27; color:#fff !important; border:1px solid #111a27 !important;} */
.btn_color {background:#3ac49a; color:#fff !important;}
/* .btn_color:hover {background:#339039; color:#fff !important;} */
.btn_color2 {background:#4065be; color:#fff !important;}
/* .btn_color2:hover {background:#111a27; color:#fff !important;} */

a {cursor:pointer;}



/* ************************ #1.데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {
	
	/* ***** 회원가입::로그인 ***** */
	.member .login.inner .loginBox {overflow:hidden; width:100%;}
	.member .login.inner .loginBox>div {float:left;}
	.member .login.inner .loginBox>div.text_wrap {width:15%;}
	.member .login.inner .loginBox>div.text_wrap h4 {
		text-indent:-999999999px;
		padding-top:110px; font-weight:300; font-size:20px; color:#333; line-height:1.4;
		position:relative;
	}
	.member .login.inner .loginBox>div.text_wrap h4:before {
		position:absolute; content:""; display:block; width:90px; height:90px; top:0; left:0;
		background:#4065be url(../images/member/i-login.png)no-repeat center; border-radius:50%;
		background-size:50%;
	}
	.member .login.inner .loginBox>div.input_wrap {
		width:85%; background:#f5f5f5 url(../images/member/loginBox_bg.jpg)no-repeat; background-size:cover; padding:30px 50px 50px;
		border:1px solid #eee;
		position:relative;
	}
	.member .login.inner .loginBox>div.input_wrap:before {
		position:absolute; top:45px; left:-7px;
		margin-top:-7px;
		width:14px; height:14px; background:#f5f5f5;
		border:1px solid #eee;
		border-top-width:0;
		border-right-width:0;
		transform:rotate(45deg);
	}
	.member .login.inner .loginBox>div.input_wrap p {font-size:16px; font-weight:300; color:#000; margin-bottom:30px;}
	
	.member .login.inner .loginBox>div.input_wrap label {display:none;}
	
	/* ---------- form style start ---------- */
	form.form-login .inputWrap {position:relative;}
	form.form-login .inputWrap:before {position:absolute; content:""; display:block; width:20px; height:20px; top:26px; right:20px;}
	form.form-login .inputWrap.id:before {background:url(../images/member/i-id.png)no-repeat center;}
	form.form-login .inputWrap.pw:before {background:url(../images/member/i-pw.png)no-repeat center;}
	form.form-login .inputWrap input {
		background-color:#fff !important; height:70px !important; border:1px solid #eee !important;
		padding-left:20px !important; color:#000 !important; font-size:16px;
		
	}
	form.form-login .inputWrap input:focus {border:1px solid #ccc !important;}
	form.form-login .inputWrap+.inputWrap {margin-top:10px;}
	form.form-login .input_wrap .memberBtn {margin-top:30px;}
	form.form-login .input_wrap .memberBtn a {
		display:inline-block; width:100%; padding:25px 0; line-height:1;
		background:#4065be; color:#fff;
		font-size:24px; text-align:center;
	}
	form.form-login .input_wrap .memberBtn a:hover {background:#3ac49a;}
	
	form.form-login input::placeholder {color:#000 !important;}
	form.form-login input::-webkit-input-placeholder {color:#000 !important;} /*크롬,사파리*/
	form.form-login input::-moz-placeholder {color:#000 !important;} /*파폭*/
	form.form-login input::-ms-input-placeholder {color:#000 !important;} /*ie*/
	/* ---------- form style end ---------- */
	
	.memberBtn-single {padding:50px 0 0; margin:0; font-size:0; text-align:center;}
	.memberBtn-single li {display:inline-block;}
	.memberBtn-single li+li {margin-left:10px;}
	.memberBtn-single li a {display:block; padding:30px 50px; line-height:1; background:#172959; color:#fff; font-size:18px;}
	
	.memberBtn-single li a:hover {color:#fff; background:#3f9bff;}
	
	.member .login.inner .etcPart {overflow:hidden; margin-top:50px;}
	.member .login.inner .etcPart>div.con {width:100%; padding-left:15%;}
	.member .login.inner .etcPart>div.con .part {display:inline-block; float:left; width:50%;}
	.member .login.inner .etcPart>div.con .part:first-child {padding-right:30px;}
	.member .login.inner .etcPart>div.con .part:last-child {padding-left:30px;}
	.member .login.inner .etcPart>div.con .part+.part {border-left:1px solid #eee;}
	.member .login.inner .etcPart>div.con .part .txt p {font-size:15px; color:#666; font-weight:300; padding-left:12px; position:relative;}
	.member .login.inner .etcPart>div.con .part .txt p:before {
		position:absolute; top:9px; left:0;
		content:""; display:block;
		width:5px; height:5px;
		background:#ddd; border-radius:50%;
	}
	.member .login.inner .etcPart>div.con .part a {
		margin-top:10px;
		display:inline-block;
		padding:15px 30px;
		line-height:1; color:#000; font-size:14px; text-align:center; border:1px solid #ddd;
	}
	.member .login.inner .etcPart>div.con .part a:hover {color:#fff; background:#3ac49a; border:1px solid #3ac49a;}
	
	/* ***** 회원가입::아이디/비번찾기 ***** */
	h4.member-h4 {font-size:28px; font-weight:700; color:#4065be; letter-spacing:-1px;}
	
	.member .idpw.inner .idpwBox {padding:50px; text-align:center; background:#f5f5f5; border:1px solid #eee;}
	.member .idpw.inner .idpwBox+.idpwBox {margin-top:50px;}
	.member .idpw.inner .idpwBox.search_pw {margin-top:50px;}
	.member .idpw.inner .idpwBox .topMent {padding-top:100px; font-size:16px; font-weight:300; color:#333; line-height:2; margin-bottom:30px; position:relative;}
	.member .idpw.inner .idpwBox .topMent:before {
		position:absolute; top:20px; left:50%;
		display:block; content:"";
		margin-left:-30px;
		width:60px; height:60px;
		border:1px solid #efefef;
		background-color:#fff;
		background-image:url(../images/member/i-id-big.png);
		background-repeat:no-repeat;
		background-position:center;
		border-radius:50%;
		background-size:45%;
	}
	.member .idpw.inner .idpwBox.search_pw .topMent:before {background-image:url(../images/member/i-pw-big.png);}
	.member .idpw.inner .idpwBox .input_wrap {width:70%; margin:0 auto;}
	.member .idpw.inner .idpwBox .input_wrap .inputWrap+.inputWrap {margin-top:10px;}
	.member .idpw.inner .idpwBox .input_wrap .inputWrap label {display:none;}

	form.form-idpw .input_wrap .memberBtn a {margin-top:30px; display:inline-block; width:100%; padding:25px 0; line-height:1; background:#4065be; color:#fff; font-size:20px;}
	form.form-idpw .input_wrap .memberBtn a:hover {color:#fff; background:#3ac49a;}
	

	/* ***** 회원가입::약관동의 ***** */
	.member-tit-basic {text-align:center;}
	.member-tit-basic p {font-size:16px; font-weight:300; color:#666; margin-top:10px;}
		
	h5.member-h5 {font-size:17px; font-weight:500; color:#000; margin-bottom:20px; margin-top:30px;}
	.agree, .privacy {padding:50px !important; margin:0; background-color:#f5f5f5; border:1px solid #eee; overflow-x:hidden;}
	.agree.type2, .privacy.type2, .email.type2 {background-color:#fff; border:0; padding:0 !important;}
	
	/* ---------- 이용약관,개인정보처리방침 스타일 start ---------- */
	.join-agree-innerWrap>div {font-weight:300; font-size:16px;}
	.join-agree-innerWrap>div+div {margin-top:50px;}
	.join-agree-innerWrap>div h4 {font-size:17px; font-weight:400; color:#111; letter-spacing:-.5px;}
	.join-agree-innerWrap>div h4.type-a-rounding {background:#eee; border:1px solid #ddd; padding:7px 15px; border-radius:30px; display:inline-block;}
	.join-agree-innerWrap>div h5 {font-size:16px; font-weight:400; color:#333; margin-bottom:10px; padding-left:15px; position:relative;}
	.join-agree-innerWrap>div h5:before {
		position:absolute; top:8px; left:5px;
		content:""; display:block;
		width:2px; height:2px; background:#333;
	}
	.join-agree-innerWrap>div .inner-box {margin-top:10px;}
	.join-agree-innerWrap>div>p {font-size:16px; font-weight:400; color:#666; margin-top:10px;}
	.join-agree-innerWrap>div>ul {margin-top:10px;}
	.join-agree-innerWrap>div>ul>li+li {margin-top:10px;}
	
	.join-agree-innerWrap>div ul li {position:relative; padding-left:20px;}
	.join-agree-innerWrap>div ul li>span {position:absolute; top:0; left:0;}
	
	.join-agree-innerWrap>div .acc {font-weight:400; color:#000;}
	
	.join-agree-innerWrap>div a {text-decoration:underline !important;}
	.join-agree-innerWrap>div a:hover {color:#3ac49a;}
	
	.join-agree-innerWrap>div ul.hypen-wrap>li {padding-left:10px; position:relative;}
	.join-agree-innerWrap>div ul.hypen-wrap>li:before {
		position:absolute; top:12px; left:0;
		content:""; display:block;
		width:5px; height:1px; background:#999;
		
	}
	.join-agree-innerWrap>div>ul>li>ul {margin-top:10px;}
	.join-agree-innerWrap>div>ul>li>ul>li {font-size:15px; font-weight:300; color:#888;}
	.join-agree-innerWrap>div>ul>li>ul>li+li {margin-top:5px;}
	
	.join-agree-innerWrap>div .inner-box {margin-top:20px;}
	.join-agree-innerWrap>div .inner-box h5+ul.hypen-wrap {padding-left:15px;}
	.join-agree-innerWrap>div .inner-box h5+ul.hypen-wrap>li+li {margin-top:5px;}
	
	.join-agree-innerWrap .type-dotLine {display:block; border-bottom:1px dotted #ddd; height:1px; width:100%; margin:30px 0;}
	
	/*이메일무단수집거부*/
	.member .member-inner-wrap {padding:30px; background:#f9f9f9; border:1px solid #ddd; color:#000; font-size:17px; font-weight:300;}
	.member .member-inner-wrap ul li {text-align:left;}
	.member .member-inner-wrap ul li+li {margin-top:10px;}
	
	.member .email .join-agree-innerWrap {margin-top:30px;}
	/* ---------- 이용약관,개인정보처리방침 스타일 end ---------- */
	
	/*체크박스-기본*/
	.checkWrap-type {padding:10px 0 0; color:#000; background-color:transparent; text-align:left;}
	.checkWrap-type>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.checkWrap-type input {display:none;}
	.checkWrap-type label {height:25px; padding-left:30px !important; padding-top:5px; font-size:16px; cursor:pointer; position:relative;}
	.checkWrap-type label:before {position:absolute; top:0; left:0; content:""; width:25px; height:25px; border:3px solid #3ac49a; display:block; border-radius:50%;}
	.checkWrap-type input:checked+label:before {background:#3ac49a url(../images/common/i-check-white.png)no-repeat center !important; background-size:80% !important;}
	
	/*체크박스-약관동의페이지*/
	.join_agree .checkWrap-type {text-align:right; padding:20px 0 !important;}
	.join_agree .checkWrap-type label {padding-left:40px !important;}
	.join_agree .checkWrap-type label:before {width:30px; height:30px;}
	
	/*라디오박스-기본*/
	.inputWrap input[type="radio"] {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px !important;
	}
	.inputWrap input[type="radio"]+label:before {
	  content: "";
	  display: inline-block;
	  width: 1em;
	  height: 1em;
	  margin-right: 0.4em;
	  border-radius: 50%;
	  vertical-align: -3px;
	  border: 2px solid #ddd;
	  padding: 0.15em;
	  background-color: transparent;
	  background-clip: content-box;
	}
	.inputWrap input[type="radio"]:hover + label:before {
	  border-color: #3ac49a ;
	}
	.inputWrap input[type="radio"]:checked + label:before {
	  background-color: #3ac49a ;
	  border-color: #3ac49a ;
	}
	.include-radio span {margin-right:20px;}
	.include-radio span label {font-size:16px !important;}
	.birthPart .include-radio-wrap>div {float:left; width:50%;}
	.birthPart .include-radio-wrap>div.include-radio {padding-top:10px; padding-left:20px;}
	.birthPart .inputWrap>.include-button {position:relative;}
	.birthPart .inputWrap>.include-button input {padding-right:62px !important;}
	.birthPart .inputWrap>.include-button button {
		position:absolute; top:0; right:0;
		width:50px; height:50px; background:#fff;
	}
	.hopePart .checkWrap-type {padding-top:0;}
	.hopePart .checkWrap-type>* {line-height:1.8;}
	.hopePart .checkWrap-type>li {float:left; width:20%;}
	.hopePart .checkWrap-type>li label {padding-top:0; font-size:15px; color:#666; letter-spacing:-.5px; padding-left:25px !important;}
	.hopePart .checkWrap-type>li label:before {width:20px; height:20px; top:4px;}
	
	.tooltip-wrap>li>.tooltip {
		display:none;
		opacity:1;
		position:absolute; z-index:999999; background:#fff; padding:5px; font-size:14px; border:1px solid #ccc;
		box-shadow:0 5px 5px rgba(0,0,0,.1);
	}
	
	/* ***** 하단버튼 ***** */
	.btn_box {position:relative; text-align:center; margin-top:30px; padding-top:30px; border-top:1px solid rgba(0,0,0,.5);}
	.btn_box::after {content:""; display:block; clear:both;}
	.btn_box ul{display:inline-block; margin:0; padding:0;}
	.btn_box li {float:left;}
	.btn_box li+li {padding-left:10px;}
	.btn_box li a {border-radius:0 !important; font-size:18px;}
	/* 버튼사이즈 */
	.btn_lg {display:inline-block; padding:25px 60px; font-size:16px; letter-spacing:-1px; border-radius:0;}
	.btn_sm {display:inline-block; padding:15px 30px; font-size:16px; letter-spacing:-1px; border-radius:0;}
	.btn_xs {display:inline-block; height:50px !Important; line-height:50px; padding:0px 40px; font-size:14px; letter-spacing:-1px; border-radius:0;}
	
	

	/* ***** 회원가입::폼 ***** */
	.layout-write-wrap span.must,
	.join span.must {display:inline-block; width:15px; height:20px; margin-right:5px; background:url(../images/member/form_check.png)no-repeat 0 8px;}
	p.mustWrap {font-size:14px; color:#000; margin-bottom:10px; text-align:right;}
	p.mustWrap span.must {background-position:0 10px !important;}
	
	
	form.form-join .join,
	form.form-end .join {margin-top:50px; border:1px solid #e5e5e5; padding:30px 50px 50px; background:#f9f9f9;}
	
	.join .formGroup {border-bottom:none !important; padding:0; overflow:hidden;}
	.join .formGroup+.formGroup {margin-top:30px;}
	.join .formGroup label {clear:left; font-size:14px; padding-left:0; padding-right:0; letter-spacing:-1px;}
	.join .formGroup label.block {display:inline-block !important; width:auto;}
	.join .formGroup .labelName {
		font-size:16px; font-weight:400; color:#000;
		display:inline-block; width:auto !important; vertical-align:top;
		margin-bottom:10px;
	}
	.join .formGroup .labelName>* {float:left;}
	
	/*수신동의*/
	.checkWrap_tanhay.okGroup {padding:10px 0 0 0; color:#000; font-size:14px; background-color:#fff; text-align:left;}
	.checkWrap_tanhay.okGroup>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.checkWrap_tanhay.okGroup input {display:none;}
	.checkWrap_tanhay.okGroup label {height:25px; padding-left:30px; padding-top:4px; font-size:16px; background:url(../images/member/icon_ck.png) no-repeat 0 50%; background-size:25px; cursor:pointer;}
	.checkWrap_tanhay.okGroup input:checked+label {background:url(../images/member/icon_ckon.png) no-repeat 0 50%; background-size:25px;}
	
	/*폼그룹>작은버튼::*/
	.join .formGroup.inner_xs_btn>div.inputWrap>div {position:relative; display:inline-block;}
	.join .formGroup.inner_xs_btn>div.inputWrap>div>a {position:absolute; top:0; right:0;}
	.join .formGroup.inner_xs_btn>div.inputWrap>div>input {padding-right:135px;}
	.form-join input[disabled], .form-join input[readonly],
	.form-end input[disabled], .form-end input[readonly],
	.form-write input[disabled], .form-write input[readonly] {padding-right:12px !important; background:rgba(232,240,254) !important; border:1px solid rgba(232,240,254) !important;}
	.join .formGroup p {clear:both; margin:0; font-size:14px; color:#999; line-height:1.4; margin-top:5px;}
	/*집주소*/
	.join .formGroup.addressPart>div.inputWrap>div+div {margin-top:5px;}
	/*연락처*/
	.join .formGroup div.inputWrap.telWrap>* {float:left;}
	.join .formGroup div.inputWrap.telWrap select,
	.join .formGroup div.inputWrap.telWrap input {width:130px;}
	.join .formGroup div.inputWrap.telWrap>span {display:inline-block; padding:0 10px; height:50px; line-height:50px;}
	
	/*인풋박스 숨김처리 1*/
	.include-radio-wrap .include-radio>span {display:inline-block;}
	.include-input-hidden div[class*="include-input"] {display:none;}
	.include-input-hidden>input:checked+label+div {display:inline-block !important; padding-left:5px;}
	.include-input-hidden div[class*="include-input"] input {
		width:180px !important;
		height:30px !important; line-height:30px !important;
		background:#3ac49a !important; color:#fff !important;
	}
	
	/*인풋박스 숨김처리 2*/
	.checkWrap-type li span input[type="text"] {display:inline-block;}
	.hopePart .checkWrap-type>li:last-child {width:40% !important;}
	
	/*자동입력방지*/
	.autoCodeWrap {position:relative;}
	.autoCodeWrap .autoCode {display:inline-block; position:relative; border:0; height:50px; line-height:50px; padding:0 12px; vertical-align:top;}
	.autoCodeWrap .autoCode>span {color:#3ac49a; font-weight:bold; font-size:1.3em; font-style:italic;}
	.autoCodeWrap input[type="text"] {width:300px !important;}

	/* ***** 회원가입::완료 ***** */
	.join_end {text-align:center; padding:0 30px; margin-top:30px;}
	.join_end .tit {font-size:20px; color:#000;}
	.join_end p {margin-top:20px; font-size:14px;}

	/* ***** 회원::탈퇴 ***** */
	.memberEnd .formGroup>* {float:left;}
	.memberEnd .formGroup label.labelName {width:17% !important;}
	.memberEnd .formGroup .inputWrap {width:83% !important;}
	.memberEnd .inputWrap textarea {width:100% !important; height:120px !important;}
	
	
	
	/* .member .email .section-wrap {margin-top:30px;} */
	.member .email .section-wrap div ul.hypen-wrap>li {padding-left:10px; position:relative;}
	.member .email .section-wrap div ul.hypen-wrap>li:before {
		position:absolute; top:12px; left:0;
		content:""; display:block;
		width:5px; height:1px; background:#999;
		
	}
	.member .email .section-wrap div {margin-top:20px;}
	.member .email .section-wrap div ul.hypen-wrap>li+li {margin-top:10px;}
	

	
	
}





/* ************************ #2.태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	/* ***** 회원가입::로그인 ***** */
	.member .login.inner .loginBox {overflow:hidden; width:100%;}
	.member .login.inner .loginBox>div {}
	.member .login.inner .loginBox>div.text_wrap h4 {
		text-indent:-999999999px;
		padding-top:40px; font-weight:300; font-size:20px; color:#333; line-height:1.4;
		position:relative;
	}
	.member .login.inner .loginBox>div.text_wrap h4:before {
		position:absolute; content:""; display:block; width:50px; height:50px; top:0; left:50%;
		background:#4065be url(../images/member/i-login.png)no-repeat center; border-radius:50%;
		background-size:50%;
		margin-left:-25px;
	}
	.member .login.inner .loginBox>div.input_wrap {
		width:100%; background:#f5f5f5 url(../images/member/loginBox_bg.jpg)no-repeat; background-size:cover; padding:30px;
		border:1px solid #eee;
		position:relative;
	}
	.member .login.inner .loginBox>div.input_wrap:before {
		position:absolute; top:0; left:50%;
		margin-top:-7px;
		width:14px; height:14px; background:#f5f5f5;
		margin-left:-7px;
		border:1px solid #eee;
		border-bottom-width:0;
		border-right-width:0;
		transform:rotate(45deg);
	}
	.member .login.inner .loginBox>div.input_wrap p {font-size:16px; font-weight:300; color:#000; margin-bottom:30px;}
	
	.member .login.inner .loginBox>div.input_wrap label {display:none;}
	
	/* ---------- form style start ---------- */
	form.form-login .inputWrap {position:relative;}
	form.form-login .inputWrap:before {position:absolute; content:""; display:block; width:20px; height:20px; top:26px; right:20px;}
	form.form-login .inputWrap.id:before {background:url(../images/member/i-id.png)no-repeat center;}
	form.form-login .inputWrap.pw:before {background:url(../images/member/i-pw.png)no-repeat center;}
	form.form-login .inputWrap input {
		background-color:#fff !important; height:70px !important; border:1px solid #eee !important;
		padding-left:20px !important; color:#000 !important; font-size:16px;
		
	}
	form.form-login .inputWrap input:focus {border:1px solid #ccc !important;}
	form.form-login .inputWrap+.inputWrap {margin-top:10px;}
	form.form-login .input_wrap .memberBtn {margin-top:20px;}
	form.form-login .input_wrap .memberBtn a {
		display:inline-block; width:100%; padding:25px 0; line-height:1;
		background:#4065be; color:#fff;
		font-size:24px; text-align:center;
	}
	form.form-login .input_wrap .memberBtn a:hover {background:#3ac49a;}
	
	form.form-login input::placeholder {color:#000 !important;}
	form.form-login input::-webkit-input-placeholder {color:#000 !important;} /*크롬,사파리*/
	form.form-login input::-moz-placeholder {color:#000 !important;} /*파폭*/
	form.form-login input::-ms-input-placeholder {color:#000 !important;} /*ie*/
	/* ---------- form style end ---------- */
	
	.member .login.inner .etcPart {overflow:hidden; margin-top:10px;}
	.member .login.inner .etcPart>div.con {width:100%;}
	.member .login.inner .etcPart>div.con .part {display:inline-block; float:left; width:100%;}
	.member .login.inner .etcPart>div.con .part+.part {margin-top:20px;}
	.member .login.inner .etcPart>div.con .part .txt p {font-size:15px; color:#666; font-weight:300; padding-left:12px; position:relative;}
	.member .login.inner .etcPart>div.con .part .txt p:before {
		position:absolute; top:9px; left:0;
		content:""; display:block;
		width:5px; height:5px;
		background:#ddd; border-radius:50%;
	}
	.member .login.inner .etcPart>div.con .part a {
		margin-top:10px;
		display:inline-block;
		padding:15px 20px;
		line-height:1; color:#000; font-size:14px; text-align:center; border:1px solid #ddd;
	}
	.member .login.inner .etcPart>div.con .part a:hover {color:#fff; background:#3ac49a; border:1px solid #3ac49a;}
	
	/* ***** 회원가입::아이디/비번찾기 ***** */
	h4.member-h4 {font-size:20px; font-weight:700; color:#4065be; letter-spacing:-1px;}
	
	.member .idpw.inner .idpwBox {padding:30px; text-align:center; background:#f5f5f5; border:1px solid #eee;}
	.member .idpw.inner .idpwBox+.idpwBox {margin-top:30px;}
	.member .idpw.inner .idpwBox.search_pw {margin-top:30px;}
	.member .idpw.inner .idpwBox .topMent {padding-top:100px; font-size:16px; font-weight:300; color:#333; line-height:2; margin-bottom:30px; position:relative;}
	.member .idpw.inner .idpwBox .topMent br {display:none;}
	.member .idpw.inner .idpwBox .topMent:before {
		position:absolute; top:20px; left:50%;
		display:block; content:"";
		margin-left:-30px;
		width:60px; height:60px;
		border:1px solid #efefef;
		background-color:#fff;
		background-image:url(../images/member/i-id-big.png);
		background-repeat:no-repeat;
		background-position:center;
		border-radius:50%;
		background-size:45%;
	}
	.member .idpw.inner .idpwBox.search_pw .topMent:before {background-image:url(../images/member/i-pw-big.png);}
	.member .idpw.inner .idpwBox .input_wrap {width:100%; margin:0 auto;}
	.member .idpw.inner .idpwBox .input_wrap .inputWrap+.inputWrap {margin-top:10px;}
	.member .idpw.inner .idpwBox .input_wrap .inputWrap label {display:none;}

	form.form-idpw .input_wrap .memberBtn a {margin-top:20px; display:inline-block; width:100%; padding:25px 0; line-height:1; background:#4065be; color:#fff; font-size:20px;}
	form.form-idpw .input_wrap .memberBtn a:hover {color:#fff; background:#3ac49a;}

	/* ***** 회원가입::약관동의 ***** */
	.pc {display:none !important;}
	.member-tit-basic {text-align:center;}
	.member-tit-basic p {font-size:14px; font-weight:300; color:#666; margin-top:10px;}
		
	h5.member-h5 {font-size:17px; font-weight:500; color:#000; margin-bottom:20px; margin-top:30px;}
	.agree, .privacy {padding:50px !important; margin:0; background-color:#f5f5f5; border:1px solid #eee; overflow-x:hidden;}
	.agree.type2, .privacy.type2, .email.type2 {background-color:#fff; border:0; padding:0 !important;}
	
	/* ---------- 이용약관,개인정보처리방침 스타일 start ---------- */
	.join-agree-innerWrap>div {font-weight:300; font-size:16px;}
	.join-agree-innerWrap>div+div {margin-top:50px;}
	.join-agree-innerWrap>div h4 {font-size:17px; font-weight:400; color:#111;}
	.join-agree-innerWrap>div h4.type-a-rounding {background:#eee; border:1px solid #ddd; padding:7px 15px; border-radius:30px; display:inline-block;}
	.join-agree-innerWrap>div h5 {font-size:16px; font-weight:400; color:#333; margin-bottom:10px; padding-left:15px; position:relative;}
	.join-agree-innerWrap>div h5:before {
		position:absolute; top:8px; left:5px;
		content:""; display:block;
		width:2px; height:2px; background:#333;
	}
	.join-agree-innerWrap>div .inner-box {margin-top:10px;}
	.join-agree-innerWrap>div>p {font-size:16px; font-weight:400; color:#666; margin-top:10px;}
	.join-agree-innerWrap>div>ul {margin-top:10px;}
	.join-agree-innerWrap>div>ul>li+li {margin-top:10px;}
	
	.join-agree-innerWrap>div ul li {position:relative; padding-left:20px;}
	.join-agree-innerWrap>div ul li>span {position:absolute; top:0; left:0;}
	
	.join-agree-innerWrap>div .acc {font-weight:500; color:#000;}
	
	.join-agree-innerWrap>div ul.hypen-wrap>li {padding-left:10px; position:relative;}
	.join-agree-innerWrap>div ul.hypen-wrap>li:before {
		position:absolute; top:12px; left:0;
		content:""; display:block;
		width:5px; height:1px; background:#999;
		
	}
	.join-agree-innerWrap>div>ul>li>ul {padding-left:20px; margin-top:10px;}
	.join-agree-innerWrap>div>ul>li>ul>li {font-size:15px; font-weight:300; color:#888;}
	.join-agree-innerWrap>div>ul>li>ul>li+li {margin-top:5px;}
	
	.join-agree-innerWrap>div .inner-box {margin-top:20px;}
	.join-agree-innerWrap>div .inner-box h5+ul.hypen-wrap {padding-left:15px;}
	.join-agree-innerWrap>div .inner-box h5+ul.hypen-wrap>li+li {margin-top:5px;}
	
	.join-agree-innerWrap .type-dotLine {display:block; border-bottom:1px dotted #ddd; height:1px; width:100%; margin:30px 0;}
	
	/*이메일무단수집거부*/
	.member .member-inner-wrap {padding:20px; background:#f9f9f9; border:1px solid #ddd; color:#000; font-size:16px; font-weight:300;}
	.member .member-inner-wrap ul li {text-align:left;}
	.member .member-inner-wrap ul li+li {margin-top:10px;}
	
	.member .email .join-agree-innerWrap {margin-top:30px;}
	/* ---------- 이용약관,개인정보처리방침 스타일 end ---------- */
	
	/*체크박스-기본*/
	.checkWrap-type {padding:10px 0 0; color:#000; background-color:transparent; text-align:left;}
	.checkWrap-type>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.checkWrap-type input {display:none;}
	.checkWrap-type label {height:25px; padding-left:30px !important; padding-top:5px; font-size:16px; cursor:pointer; position:relative;}
	.checkWrap-type label:before {position:absolute; top:0; left:0; content:""; width:25px; height:25px; border:3px solid #3ac49a; display:block; border-radius:50%;}
	.checkWrap-type input:checked+label:before {background:#3ac49a url(../images/common/i-check-white.png)no-repeat center !important; background-size:80% !important;}
	
	/*체크박스-약관동의페이지*/
	.join_agree .checkWrap-type {text-align:right; padding:20px 0 !important;}
	.join_agree .checkWrap-type label {padding-left:40px !important;}
	.join_agree .checkWrap-type label:before {width:30px; height:30px;}
	
	/*라디오박스-기본*/
	.inputWrap input[type="radio"] {
	  border: 0;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}
	.inputWrap input[type="radio"]+label:before {
	  content: "";
	  display: inline-block;
	  width: 1em;
	  height: 1em;
	  margin-right: 0.4em;
	  border-radius: 50%;
	  vertical-align: -3px;
	  border: 2px solid #ddd;
	  padding: 0.15em;
	  background-color: transparent;
	  background-clip: content-box;
	}
	.inputWrap input[type="radio"]:hover + label:before {
	  border-color: #3ac49a ;
	}
	.inputWrap input[type="radio"]:checked + label:before {
	  background-color: #3ac49a ;
	  border-color: #3ac49a ;
	}
	.include-radio span {margin-right:20px;}
	.include-radio span label {font-size:16px !important;}
	.birthPart .include-radio-wrap>div {float:left; width:50%;}
	.birthPart .include-radio-wrap>div.include-radio {padding-top:10px; padding-left:20px;}
	.birthPart .inputWrap>.include-button {position:relative;}
	.birthPart .inputWrap>.include-button input {padding-right:62px !important;}
	.birthPart .inputWrap>.include-button button {
		position:absolute; top:1px; right:1px;
		width:48px; height:48px; background:#fff;
	}
	.hopePart .checkWrap-type {padding-top:0;}
	.hopePart .checkWrap-type>* {line-height:1.8;}
	.hopePart .checkWrap-type>li {float:left; width:33.3%;}
	.hopePart .checkWrap-type>li label {padding-top:0; font-size:15px; color:#666; letter-spacing:-.5px; padding-left:25px !important;}
	.hopePart .checkWrap-type>li label:before {width:20px; height:20px; top:4px;}
	
	.hopePart ul.checkWrap-type li {position:relative;}
	.hopePart ul.checkWrap-type li>.add-ment {display:none; position:absolute; top:0; left:0; z-index:100; background:#f9f9f9;}
	
	
	/* ***** 하단버튼 ***** */
	.btn_box {position:relative; text-align:center; margin-top:30px; padding-top:30px; border-top:1px solid rgba(0,0,0,.5);}
	.btn_box::after {content:""; display:block; clear:both;}
	.btn_box ul {display:inline-block; margin:0; padding:0;}
	.btn_box li {float:left;}
	.btn_box li+li {padding-left:10px;}
	.btn_box li a {border-radius:0 !important;}	
	/* 버튼사이즈 */
	.btn_lg {display:inline-block; padding:25px 60px; font-size:16px; letter-spacing:-1px; border-radius:0;}
	.btn_sm {display:inline-block; padding:15px 40px; font-size:16px; letter-spacing:-1px; border-radius:0;}
	.btn_xs {display:inline-block; height:50px !Important; line-height:50px; padding:0px 40px; font-size:14px; letter-spacing:-1px; border-radius:0;}
		

	/* ***** 회원가입::폼 ***** */
	.layout-write-wrap span.must,
	/* .member .join span.must {display:inline-block; width:15px; height:20px; margin-right:5px; background:url(../images/member/form_check.png)no-repeat 0 8px;} */
	.join span.must {display:inline-block; width:15px; height:20px; margin-right:5px; background:url(../images/member/form_check.png)no-repeat 0 8px;}
	p.mustWrap {font-size:14px; color:#000; margin-bottom:10px; text-align:right;}
	p.mustWrap span.must {background-position:0 10px !important;}
	
	
	/* dl.boxTitle_tanhay {background:#16263f; padding:30px; color:#fff; display:block; margin-top:30px;} */
	/* dl.boxTitle_tanhay>* {display:inline-block; float:left; width:100%;} */
	/* dl.boxTitle_tanhay dt {font-size:16px; width:100%;} */
	/* dl.boxTitle_tanhay dd {font-size:14px; font-weight:300;} */
	
	form.form-join .join,
	form.form-end .join  {border:1px solid #e5e5e5; padding:30px; margin-top:30px; background:#f9f9f9;}
	
	.join .formGroup {border-bottom:none !important; padding:0; overflow:hidden;}
	.join .formGroup+.formGroup {margin-top:20px;}
	.join .formGroup label {clear:left; font-size:14px; padding-left:0; padding-right:0; letter-spacing:-1px;}
	.join .formGroup label.block {display:inline-block !important; width:auto;}
	.join .formGroup .labelName {
		font-size:16px; font-weight:400; color:#000;
		display:inline-block; width:100% !important; vertical-align:top;
		margin-bottom:5px;
	}
	.join .formGroup .labelName>* {float:left;}
	
	/*수신동의*/
	.checkWrap_tanhay.okGroup {padding:10px 0 0 0; color:#000; font-size:14px; background-color:#fff; text-align:left;}
	.checkWrap_tanhay.okGroup>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.checkWrap_tanhay.okGroup input {display:none;}
	.checkWrap_tanhay.okGroup label {height:25px; padding-left:30px; padding-top:4px; font-size:16px; background:url(../images/member/icon_ck.png) no-repeat 0 50%; background-size:25px; cursor:pointer;}
	.checkWrap_tanhay.okGroup input:checked+label {background:url(../images/member/icon_ckon.png) no-repeat 0 50%; background-size:25px;}
	
	.join .formGroup>div.inputWrap input {line-height:50px;}
	
	/*폼그룹>작은버튼::*/
	.join .formGroup.inner_xs_btn>div.inputWrap>div {position:relative; display:inline-block; width:100% !important;}
	.join .formGroup.inner_xs_btn>div.inputWrap>div>a {position:absolute; top:0; right:0;}
	.join .formGroup.inner_xs_btn>div.inputWrap>div>input {padding-right:110px;}
	.join .formGroup p {clear:both; margin:0; font-size:14px; color:#999; line-height:1.4; margin-top:5px;}
	
	.join .formGroup>div.inputWrap>input,
	.join .formGroup>div.inputWrap>select {width:100% !important;}
	/*집주소*/
	.join .formGroup.addressPart>div.inputWrap>div+div {margin-top:5px;}
	/*연락처*/
	.join .formGroup div.inputWrap.telWrap>* {float:left;}
	.join .formGroup div.inputWrap.telWrap select,
	.join .formGroup div.inputWrap.telWrap input {width:100px !important;}
	.join .formGroup div.inputWrap.telWrap>span {display:inline-block; padding:0 5px; height:50px; line-height:50px;}
	
	/*인풋박스 숨김처리 1*/
	.include-radio-wrap .include-radio>span {display:inline-block;}
	.include-input-hidden div[class*="include-input"] {display:none;}
	.include-input-hidden>input:checked+label+div {display:inline-block !important; padding-left:5px;}
	.include-input-hidden div[class*="include-input"] input {
		width:180px !important;
		height:30px !important; line-height:30px !important;
		background:#3ac49a !important; color:#fff !important;
	}
	
	/*인풋박스 숨김처리 2*/
	.checkWrap-type li span input[type="text"] {display:inline-block;}
	.hopePart .checkWrap-type>li:last-child {width:66.6% !important;}
	
	/*자동입력방지*/
	.autoCodeWrap {position:relative;}
	.autoCodeWrap .autoCode {display:inline-block; position:relative; border:0; height:50px; line-height:50px; padding:0 12px; vertical-align:top;}
	.autoCodeWrap .autoCode>span {color:#3ac49a; font-weight:bold; font-size:1.3em; font-style:italic;}
	.autoCodeWrap input[type="text"] {width:300px !important;}
	
	.tooltip-wrap>li>.tooltip {
		display:none;
		opacity:1;
		position:absolute; z-index:999999; background:#fff; padding:3px 5px; font-size:14px; border:1px solid #ccc;
		box-shadow:0 5px 5px rgba(0,0,0,.1);
		width:200px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}

	/* ***** 회원가입::완료 ***** */
	.join_end {text-align:center;}
	.join_end .tit {font-size:18px; color:#000; margin-top:20px;}
	.join_end p {margin-top:10px; font-size:14px;}
	.join_end p br {display:none;}

	/* ***** 회원::탈퇴 ***** */
	.memberEnd .formGroup>* {float:left;}
	.memberEnd .formGroup label.labelName {width:17% !important;}
	.memberEnd .formGroup .inputWrap {width:83% !important;}
	.memberEnd .inputWrap textarea {width:100% !important; height:120px !important;}


}





/* ************************ #3.모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	
	form.form-join .inputWrap input[type="text"],
	form.form-join .inputWrap input[type="password"],
	form.form-join .inputWrap select,
	form.form-join .inputWrap textarea {
		border:1px solid #ccc; border-radius:0;
		height:50px; padding:0 12px;
		font-size:16px; line-height:50px; color:#000;
		background-color:#fff; background-image:none;
		width:100%;
		-webkit-appearance: none; /*모바일에서 입체효과 없애기*/
		-moz-appearance: none;
		appearance: none;
	}
	form.form-join input::-webkit-input-placeholder {color:#999 !important; font-size:13px;} /*크롬,사파리*/
	form.form-join input::-moz-placeholder {color:#999 !important; font-size:13px;} /*파폭*/
	form.form-join input::-ms-input-placeholder {color:#999 !important; font-size:13px;} /*ie*/
	
	.agree, .privacy {padding:20px !important;}
	.agree>pre, .privacy>pre {font-size:14px; line-height:1.6;}
	.agree>pre strong, .privacy>pre strong {font-size:14px;}
	
	/* ***** 하단버튼 ***** */
	.btn_box {position:relative; text-align:center; margin-top:30px;}
	.btn_box::after {content:""; display:block; clear:both;}
	.btn_box ul{display:inline-block; margin:0; padding:0;}
	.btn_box li {float:left;}
	.btn_box li+li {padding-left:5px;}
	.btn_box li a {border-radius:0 !important;}
	/* 버튼사이즈 */
	.btn_lg {display:inline-block; padding:15px 40px; font-size:16px; letter-spacing:-1px; border-radius:0;}
	.btn_xs {display:inline-block; height:50px !Important; line-height:50px; padding:0px 15px; font-size:14px; letter-spacing:-1px; border-radius:0;}
	
	/* ***** 회원가입::폼 ***** */
	.join span.must {display:inline-block; width:15px; height:20px; margin-right:5px; background:url(../images/member/form_check.png)no-repeat 0 8px;}
	p.mustWrap {text-align:center;}
	
	form.form-join .join,
	form.form-end .join {padding:20px 0; border:0; margin-top:0; background:#fff;}
	
	.hopePart .checkWrap-type>li {float:left; width:100%;}
	.hopePart .checkWrap-type>li+li {margin-top:5px;}
	.hopePart .checkWrap-type>li label:before {top:1px;}
	.include-input-hidden>input:checked+label+div {padding-left:0;}
	
	.join .formGroup+.formGroup {margin-top:20px; padding-top:20px; border-top:1px dotted #eee;}
	.join .formGroup>div.inputWrap.telWrap select, .join .formGroup>div.inputWrap.telWrap input {width:80px !important;}
	
	.join .formGroup.inner_xs_btn>div.inputWrap>div>input {padding-right:92px;}
	
	.autoCodeWrap .autoCode {padding:0; height:auto; line-height:initial; margin-bottom:5px;}
	
	
	
	/*생년월일 영역확장 210705*/
	.birthPart .include-radio-wrap>div {width:100%;}
	.birthPart .include-radio-wrap>div.include-radio {padding-left:0;}
	
	
	
}