/* ------------------------------------------------------------
 * Name      : layout.css
 * Desc      : GIGSHOPPING Layout
 * Created   : 2012/04/03 GIGAKOREA by jinhwan,kim
 * Updated  :
 ------------------------------------------------------------ */
@charset "utf-8";
/*로그인페이지*/
body {
	background-color: #fff;
	margin:0;
	padding:0;
	font-size: 0.75em;
	color: #333;
}
/*상단부분--------------------------------------------------------*/
#memjoinTopwrap {
	height:62px;
	width:100%;
	background:url(../images/memjoin/login_topbg.png);	
}
#memjoinToparea {
	margin:0 auto;
	height:62px;
	width:980px;
}
#memjoinToparea h1 {
	display:block;
	float:left;
	margin-top:16px;
	height:36px;
	width:139px
}

#memjoinToparea h2 {
	display:block;
	float:left;
	margin-top:16px;
	padding:8px 0 0 10px;
	/*width:139px;*/
	width:200px;
	color:#000;
	font-family:NanumGothicBold;
	font-size:18px;
}

/*회원가입순서표시*/
#memjoiinMethod {
	height:68px;
	width:100%;
	background:#f2f2f2;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}
#memjoiinMethodnum {
	margin:0 auto;
	height:70px;
	width:980px;
	border-left:1px solid #cfcfcf;
}
#memjoiinMethodnum li {
	float:left;
	height:60px;
	width:185px;
	padding:5px 5px;
	border-right:1px solid #cfcfcf;
	font-family:NanumGothic;
	font-weight:bold;
	/*background:#40a6df; 해당 위치상태일때 ON 컬러값
	color:#FFF;*/
}
#memjoiinMethodnum .on{
	background:#40a6df;
	color:#FFF;
}
#memjoiinMethodnum #methodnumber {
	float:left;
	width:100%;
	font-size:12px;
}
#memjoiinMethodnum #methodtxt {
	float:left;
	width:100%;
	margin-top:10px;
	font-size:16px;
	line-height:16px;
}

/*중앙 컨텐츠 부분------------------------------------------------------------*/

/*공통*/
#wrap {
	width:100%;
	text-align:left;
	margin:0 auto;
	/*background-image: url(../images/shadow.png);
	background-repeat: repeat-y;*/
	background-color:#fff;
	min-height:570px;
}

#memjoincontainerArea {
	margin:0 auto;
	width:940px;
	padding:30px 20px;
	min-height:570px;
}

/* 2013.01.23 김창현 CSS 수정 */
#memjoincontainerArea #btnactionArea {
	clear:both;
	padding-top:30px;
	/*padding-top:10px;*/
	height:30px;
	width:100%;
	/*border-top:1px solid #999;*/
	text-align:center;
}

/*1.회원가입유형*/
#memjoincontainerArea #welcome {
	margin:20px auto;
	height:79px;
	width:544px;
}
#memjoincontainerArea ul{
	height:240px;
}
#memjoincontainerArea ul li {
	float:left;
}
#memjoincontainerArea #memjionEnter01 {
	margin:10px 10px 0 30px;

}
#memjoincontainerArea #memjionEnter02 {
	margin:0 10px 0 0;

}
#memjoincontainerArea #memjionEnter03 {
	margin:70px 10px 0 0;

}
#memjoincontainerArea #memjionEnter04 {
	margin:0 10px 0 0;

}
#memjoincontainerArea #memjionEnter05 {
	margin:40px 10px 0 0;

}
#memjoincontainerArea #memjionEnter06 {
	margin:20px 10px 0 0;

}
#memjoincontainerArea #mementerChoice {
	width:100%;
	text-align:center;
	font-family:NanumGothicBold;
	font-size:16px;
}

#memjoincontainerArea #memjoinExplain {
	margin:20px auto;
	height:80px;
	width:420px;
	padding:25px 10px;
	background:#fff;
	border:1px solid #d4d4d4;
}
#memjoincontainerArea #memjoinExplain li{
	list-style:disc;
	width:100%;
	height:25px;
	font-family:NanumGothic;
	font-size:13px;
	color:#7e7e7e;
}

/* 2013.01.23 김창현 CSS 수정 */
#memjoincontainerArea #btnactionArea {
	clear:both;
	padding-top:30px;
	/*padding-top:10px;*/
	height:30px;
	width:100%;
	/*border-top:1px solid #999;*/
	text-align:center;
}

/*1.회원가입유형*/
#memjoincontainerArea #welcome {
	margin:20px auto;
	height:79px;
	width:544px;
}
#memjoincontainerArea ul{
	height:240px;	
	/*6번 삭제 후 가운데정렬 20141121*/
	/*width:800px; 6번활성화
	margin:0 auto;*/
}
#memjoincontainerArea ul li {
	float:left;
}
#memjoincontainerArea #memjionEnter01 {
	margin:10px 10px 0 30px;

}
#memjoincontainerArea #memjionEnter02 {
	margin:0 10px 0 0;

}
#memjoincontainerArea #memjionEnter03 {
	margin:70px 10px 0 0;

}
#memjoincontainerArea #memjionEnter04 {
	margin:0 10px 0 0;

}
#memjoincontainerArea #memjionEnter05 {
	margin:40px 10px 0 0;

}
#memjoincontainerArea #memjionEnter06 {
	margin:20px 10px 0 0;

}
#memjoincontainerArea #mementerChoice {
	width:100%;
	text-align:center;
	font-family:NanumGothicBold;
	font-size:16px;
}

#memjoincontainerArea #memjoinExplain {
	margin:20px auto;
	height:80px;
	width:420px;
	padding:25px 10px;
	background:#fff;
	border:1px solid #d4d4d4;
}
#memjoincontainerArea #memjoinExplain li{
	list-style:disc;
	width:100%;
	height:25px;
	font-family:NanumGothic;
	font-size:13px;
	color:#7e7e7e;
}



/* 여기부터 추가 2012.12.17 김창현 */
/*2.실명확인*/
/*
.subtxt {
	font-size:11px;
	color:#666;
}

#memjoincontainerArea #subtxt .subtxt {
	margin-top:10px;
}

#memjoincontainerArea h3 {
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:17px;
	color:#ff6019;
	letter-spacing:-1px;
}

#memjoincontainerArea article #subtit {
	padding:15px 10px 0 0;
	margin-bottom:10px;
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:14px;
	color:#1e1e1f;
	letter-spacing:-1px;
}
#memjoincontainerArea article #subtxt {
	height:125px;
	padding:15px 10px 0 15px;
	font-weight:normal;
	font-size:13px;
	color:#1e1e1f;
	line-height:18px;
	border-top:1px solid #999;
}
#memjoincontainerArea article #realnamecheckExplain {
	height:80px;
	padding:15px;
	font-weight:normal;
	font-size:13px;
	color:#1e1e1f;
	line-height:18px;
	border-bottom:1px solid #999;
}
#memjoincontainerArea article #subtxt li, #memjoincontainerArea article #realnamecheckExplain li {
	line-height:20px;
	width:100%;
}

*/


/*20130122 수정 2.실명확인*/

.subtxt {
	font-size:11px;
	color:#666;
}

#memjoincontainerArea #subtxt .subtxt {
	margin-top:10px;
}

#memjoincontainerArea h3 {
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:17px;
	color:#ff6019;
	letter-spacing:-1px;
}

#memjoincontainerArea #subtit {
	padding:15px 10px 10px 0;
	/*margin-bottom:10px;*/
	font-family:NanumGothicBold;
	font-weight:normal;
	font-size:14px;
	color:#1e1e1f;
	letter-spacing:-1px;
}
#memjoincontainerArea #subtxt {
	height:125px;
	padding:15px 10px 0 15px;
	font-weight:normal;
	font-size:13px;
	color:#1e1e1f;
	line-height:18px;
	border-top:1px solid #999;
}
#memjoincontainerArea #realnamecheckExplain {
	height:100px;
	padding:15px;
	font-weight:normal;
	font-size:13px;
	color:#1e1e1f;
	line-height:18px;
	border-bottom:1px solid #999;
}
#memjoincontainerArea #subtxt li, #memjoincontainerArea #realnamecheckExplain li {
	line-height:20px;
	width:100%;
}
/* 2013.01.23 김창현 CSS 수정 끝 */

/*20121212 본인인증 수정 및 추가*/
#memjoincontainerArea #realnameInputarea {
	width:auto;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	padding:15px 0  15px 80px;
	text-align:center;
}



#realnameInputarea .realme01 {
	float:left;
	height:185px;
	width:360px;
	margin-right:50px;
	background: url(../images/memjoin/memjoin02_howbg.png) no-repeat;
}
#realnameInputarea .realme01 .tit {
	margin:10px;
	height:25px;
	text-align:left;
	border-bottom:1px solid #c9c9c9;
}
#realnameInputarea .realme01 .imgbtn {
	width:auto;
	margin:0 5px;
	float:left;
}

#realnameInputarea .realme01 .subtxt {
	margin:5px 15px;
	width:330px;
	text-align:left;
	letter-spacing:-1px;
	color:#999;
}

#realnameInputarea .realme01 .littlehelp {
	width:200px;
	padding:5px;
	position:absolute;
	left: 95px;
	top: 0px;
	background: #333;
	color:#FFF;
}
/* 여기까지 추가 2012.12.17 김창현 */

/*상품관리자 가입시*/
#memjoincontainerArea article #realnameInputarea #jointypeselect {
	margin:10px 0; 
}



/*3.약관동의*/
#memjoincontainerArea article #infoinputArea #provision01 {
	width:925px;
	height:100px;
}
#memjoincontainerArea article #infoinputArea #agreecheckArea {
	padding:5px 0;
}
/*4.정보입력*/
#memjoincontainerArea #infoinputArea {
	width:100%;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
	padding:15px 0;
	margin-bottom:20px;
}


/*4.정보입력-몰분양안내*/
#memjoincontainerArea article #mallexplainTit,#memjoincontainerArea article #mallexplainTxt {
	text-align:center;
}
#memjoincontainerArea #mallExplain #malltakechoice {
	height:30px;
	text-align:center;
	padding:10px 0;
	font-family:NanumGothicBold;
	font-size:16px;
}
#memjoincontainerArea #mallExplain #alrertExplain {
	text-align:center;
	font-size:12px;
	padding:10px;
	color:#ff0000

}



/*4.정보입력-몰분양동의*/
#memjoincontainerArea #mallagreeArea #infoinputArea #alrertExplain {
	text-align:left;
	font-size:12px;
	padding:10px;
	color:#ff0000
}
/*상품관리자 신청시*/
#memjoincontainerArea #mallagreeArea #infoinputArea .tableBlue tr td .graderesult {
	font-weight:bold;
	color:#F30;
}



/*5.가입완료*/
#finishExplain #finexplainTit01,#finishExplain #finexplainTit02 {
	text-align:center;
}
#finishExplain #alrertExplain {	
	text-align:center;
	font-size:12px;
	padding:10px;
	color:#ff0000
}

/*하단 FOOTER ------------------------------------------------------------*/
footer {
	height:85px;
	width:100%;
	margin:0px;
	border-top:1px solid #cfcfcf;	
}
#footerArea {
	margin:0 auto;
	height:65px;
	width:980px;
}

#copyright p{
	display:block;
	float:left;
	text-align:right;
	margin:15px 5px 0 0;
	height:36px;
}

#footerArea #copy {
	float:right;
	padding-top:17px;
	color:#9d9d9d;
	font-size:11px;
	line-height:14px;
}



/* 20140429 숫자도메인에 맞도록 수정*/
#memjoiinMethod {
	height:68px;
	width:100%;
	background:#fbdede;
	border-top:1px solid #7f0c1b;
	border-bottom:1px solid #7f0c1b;
}
#memjoiinMethodnum .on{
	background:#7f0c1b;
	color:#FFF;
	border-top:none;
}
#memjoiinMethodnum li {
	float:left;
	height:60px;
	width:185px;
	padding:4px 5px;
	border-right:1px solid #7f0c1b;
	font-family:Dotum;
	font-weight:bold;
	color:#7f0c1b;
	/*background:#40a6df; 해당 위치상태일때 ON 컬러값
	color:#FFF;*/
}

/* 20140429 메일인증 관련 추가 */
#memjoincontainerArea div #infoinputArea .mailcertificationSection {
	position:relative;
	height:200px;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain {
	position:relative;
	height:122px;
	margin-bottom:20px;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain .img {
	float:left;
	width:133px;
	height:122px;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain .txt {
	float:left;
	margin-left:10px;
	width:700px;
	height:122px;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain .txt .t01 {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding:5px 0;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain .txt .mail { color:#F30;}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain .txt .important { color:#06F }
#memjoincontainerArea div #infoinputArea .mailcertificationSection .explain .txt .t02 {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding:5px 0;
}

#memjoincontainerArea div #infoinputArea .mailcertificationSection .certificationimg {
	float:left;
	width:170px;
	height:60px;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .rightArea {
	float:left;
	width:750px;
	height:60px;
	margin-left:10px;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .rightArea .txt {
	float:left;
	width:100%;
	padding:5px 0;
}
#memjoincontainerArea div #infoinputArea .mailcertificationSection .rightArea .inputArea {
	float:left;
	width:100%;
	padding:5px 0;
}

#memjoincontainerArea div #infoinputArea .mailcertificationSection .inputArea a {
	color:#666;
}

/*-- 20140430 최상단 닫기 영역추가 시작--*/
#popuptit {
	height:25px;
	background:#7f0c1b;
	background-repeat:repeat-x;
	padding:2px 5px;
	font-size:16px;
	color:#fff;
}
.btnpopClose {
	float:right;
	height:23px;
	width:23px;
	background:url(../images/popup/popup_btn_close.png) no-repeat;
	border:none;
	cursor:pointer;
}
/*-- 20140430 최상단 닫기 영역추가 끝--*/

/* 20151130 간편회원가입 */
/* 레이어 팝업 관련 */
.layerpop_wrap {
	visibility:hidden; 
	position:fixed; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/sub/50perbg.png);
	z-index:1000;
	font-size:12px;
	font-family:Dotum, tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif;
}
.layerpop {
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:400px;
	margin-left:-250px;
	margin-top:-250px;
	z-index:1001;
	background:#fff;
}
.layerpop .close {	float:right; margin-right:2px;}
.layerpop .titarea  {
	width:100%;
	height:23px;
	padding:2px 0;
	background:#c41f19;
}
.layerpop .titarea .tit {
	display:inline-block;
	margin-left:5px;
	padding-top:2px;	
	font-weight:bold;
	color:#fff;
	line-height:18px;
}
.layerpop .contentSection {
	position:relative;
	width:480px;
	height:auto;
	overflow:hidden;
	padding:10px;
}