@charset "UTF-8";
@import url(popup.css);

body, div, form, filedset, input {margin:0; padding:0;}
input, select { vertical-align:middle;}
a { text-decoration:none; cursor:pointer;}
a:link {text-decoration:none; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica; font-weight:none; }
a:hover { text-decoration:underline; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica;}
a:visited {text-decoration:none; color:#4c4c4c; font-family: 돋움,verdana, arial, helvetica;}
a:visited:hover {text-decoration:underline; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica;}
img { padding:0; margin:0; border:none; }
table, tr, td {margin:0; padding:0; border:none; border-collapse:collapse;}
ul { margin:0; padding:0; display:inline-block;}
li{list-style-type:none;}

body {
	margin:0;
	padding:0;
	width:100%;
	background-color:#ffffff;
	background-repeat:repeat-x;
	background-attachment:fixed;
}

#wrap {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#MemberWelcome {
	width:730px;
	text-align:left;
}

#MemberLogo {
	width:938px;
	padding-left:20px;
	text-align:left;
	
}

#mypageflash {
	width:204px;
	text-align:center;
}

#MemberBody {
	width:100%;
	text-align:center;
}

#MemberBody table{
	margin:0 auto;
}



#MemberBody h3 {
	width:768px;
	font-size:14px;
	text-align:left;
}
#agree {
	width:100%;
	text-align:center;
}

#login {
	width:204px;
	height:156px;
	text-align:center;
	background:url(/img/sub/sub_login_bg2.gif);
}

#login table {
	margin:0 auto;
}

#tab3 {
	margin:0 auto;
	width:654px;
}

#tab4 {
	margin:0 auto;
	width:654px;
}

.MemberContent {
	width:654px;
	background:url(/img/members/boxcenter_bg.gif);
}

#foot {
	margin:0 auto;
	width:911px;
	margin-top:10px;
	text-align:center;
}

#mypageContent {
	text-align:center;
	margin-top:60px;
	width:633px;
}

#mapageInfo {
	width:633px;
	height:323px;
	margin-top:5px;
	background:url(/img/mypage/mypage_juminimg.gif);
}

#mapageInfo table {
	margin:0 auto;
	margin-top:20px;
}

#provision {
	width:620px;
	text-align:left;
	font-size:12px;
	font-family:돋움;
	color:#000000;
	line-height:14px;
}

#rules {
	width:670px;
	text-align:left;
	font-size:12px;
	font-family:돋움;
	color:#5f5f5f;
	line-height:14px;
	margin:0 auto;
	text-align:left;
}

/* 비밀번호변경 캠페인 */
#changePwBG{
	background-image:url(/img/event/ChangePw/PW_changebg.gif);
	background-repeat:repeat-x;	
	margin:0 auto;
	width:100%;
}

.changepw{
	background-image:url(/img/event/ChangePw/PW_change01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:660px;
	
}


.changePwBG2{
	background-image:url(/img/event/ChangePw/PW_changebg2.gif);
	background-repeat:no-repeat;	
	background-position:top;
}


/* 일반,에러,경고 메시지 */
#noticeMessage { border:1px solid #bedf5d; background:#e2f1a8; padding:0px; font-weight:bold; margin:0 0 0 0;}
#MessageFont1 { font-size:12px; font-family:돋움; font-weight:bold; color:#010101; padding:3px 0px 0px 3px; }
#MessageFont2 { font-size:11px; font-family:돋움; font-weight:bold; color:#8b8a8a; }

/*기본*/
.fl { float:left; }
.imgMid { vertical-align:middle; }
.imgTop { vertical-align:top; }


/*OLD*/
.image01 { vertical-align:middle; cursor:pointer; }
.image02 { vertical-align:middle; }
.image03 { vertical-align:middle; cursor:pointer; margin-top:8px; margin-bottom:1px }
.image04 { vertical-align:middle; margin-top:8px; margin-bottom:8px }

.textarea01 { width:654px; height:120px; font-size:12px; font-family:돋움;	color:#000000;}
.textarea02 { width:100%; height:100px; }
.textarea03 { width:460px; height:300px; }
.textarea04 { width:95%; height:400px; 	color:#000000; border:1px solid #B4C6D4; padding:1px 0px 0px 1px; }

.input00 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #bebebe; height:20px; padding:3px 0px 0px 3px; } /*스타일만*/
.input01 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:150px; height:20px; padding:3px 0px 0px 3px; }
.input02 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:50px; height:20px; padding:3px 0px 0px 3px;}
.input03 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:500px; height:20px; padding:3px 0px 0px 3px; }
.input04 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:80px; height:20px; padding:3px 0px 0px 3px;}
.input05 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:150px; height:20px; padding:3px 0px 0px 3px; background-color:#B4C6D4;}
.input06 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #c0c0c0; width:150px; height:20px; padding:3px 0px 0px 3px; background-color:#d6d6d6;}
.input07 { font-size:12px; font-family:돋움;	color:#000000; border:0px solid #c0c0c0; height:20px; padding:4px 0px 0px 3px; background-color:#ffffff;}
.input08 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:100px; height:20px; padding:3px 0px 0px 3px; }
.input09 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #c8c8c8; width:156px; height:23px; padding:4px 0px 0px 3px; font-weight:bold;ime-mode:disabled;}
.input10 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:120px; height:20px; padding:3px 0px 0px 3px; font-weight:bold;ime-mode:disabled;}
.input11 { font-size:13px; font-family:돋움;	color:#000000; border:1px solid #dbdbdb; width:290px; height:26px; padding:3px 0px 0px 3px; }
.input12 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:120px; height:20px; padding:3px 0px 0px 3px;}
.input13 { font-size:13px; font-family:돋움;	color:#025bd0; border:1px solid #c8c8c8; width:156px; height:23px; padding:4px 0px 0px 3px; letter-spacing:1px; font-weight:bold;ime-mode:disabled;}
.input14 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #B4C6D4; width:55px; height:17px; padding:3px 0px 0px 3px;}/*온캐쉬팝업*/
.input15 { font-size:13px; font-family:돋움;	color:#000000; border:0px; width:60px; padding:3px 0px 0px 3px;font-weight:bold; }/*온캐쉬팝업*/
.input16 { font-size:12px; font-family:돋움;	color:#000000; border:1px solid #c8c8c8; width:200px; height:17px; padding:3px 0px 0px 3px;font-weight:bold; } /*온캐쉬팝업*/
.input17 { font-size:13px; font-family:돋움;	color:#000000; border:1px solid #f9af68; width:178px; height:20px; padding:3px 0px 0px 3px; } /*비밀번호 변경캠페인*/



.table01 {width:768px; font-size:12px;font-family:돋움; line-height:30px; border:none; border-collapse:collapse; text-align:left; }
.table02 {width:435px; font-size:12px;font-family:돋움; border:none; border-collapse:collapse;}
.table03 {width:654px; font-size:12px;font-family:돋움; line-height:30px; border:none; border-collapse:collapse; text-align:left; }

.empty01 { margin-top:20px;}
.empty02 { margin-top:20px; width:654px;}
.empty03 { margin-left:10px;list-style-type:none;}

.font01 { font-size:13px; font-family:돋움; color:#000000; }
.font02 { font-size:13px; font-family:돋움; color:#ff1c4c; padding-left:25px; }
.font03 { font-size:13px; font-family:돋움; color:#ff8809; }
.font04 { font-size:12px; font-family:돋움; color:#fd2926; }
.font05 { font-size:12px; font-family:돋움; font-weight:bold; color:#010101; }
.font06 { font-size:12px; font-family:돋움; color:#000000; }
.font07 { font-size:14px; font-family:돋움; font-weight:bold; color:#e95501; }
.font08 { font-size:13px; font-family:돋움; font-weight:bold; color:#414141; }
.font09 { font-size:11px; font-family:돋움; font-weight:bold; color:#8b8a8a; }		/*로그인 폰트*/
.font10 { font-size:14px; font-family:돋움; font-weight:bold; color:#fe6823; }
.font11 { font-size:14px; font-family:돋움; font-weight:bold; color:#595858; }
.font12 { font-size:12px; font-family:돋움; font-weight:bold; color:#000000; }
.font13 { font-size:12px; font-family:돋움; font-weight:bold; color:#ffffff; }
.font14 { font-size:12px; font-family:돋움; font-weight:bold; color:#000000; }
.font15 { font-size:13px; font-family:돋움; font-weight:bold; color:#fd2926; }
.font16 { font-size:12px; font-family:돋움; font-weight:bold; color:#fd2926; }
.font17 { font-size:12px; font-family:돋움; font-weight:bold; color:#cc6600; }
.font18 { font-size:11px; font-family:돋움; color:#010101; line-height:16px;}
.font19 { font-size:12px; font-family:돋움; color:#583535; }
.font20 { font-size:12px; font-family:돋움; font-weight:bold; color:#583535; }
.font21 { font-size:12px; font-family:돋움; font-weight:bold; color:#616161; }
.font22 { font-size:12px; font-family:돋움; color:#faa21b; }
.font23 { font-size:12px; font-family:돋움; font-weight:bold; color:#faa21b; }
.font24 { font-size:11px; font-family:돋움; font-weight:bold; color:#010101; }
.font25 { font-size:18px; font-family:돋움; font-weight:bold; color:#000000; }
.font26 { font-size:12px; font-family:돋움; font-weight:bold; color:#ff3c00; }		/*보유콘 폰트*/
.font27 { font-size:13px; font-family:돋움; font-weight:bold; color:#333333; }      /*비밀번호 변경캠페인 폰트*/ 
.font28 { font-size:15px; font-family:돋움; font-weight:bold; color:#ff8809; }
.font29 { font-size:12px; font-family:돋움; font-weight:bold; color:#e94817; }
.font30 { font-size:11px; font-family:돋움; font-weight:bold; color:#434343; }
.font31 { font-size:12px; font-family:돋움; font-weight:bold; color:#434343; }
.font32 { font-size:12px; font-family:돋움; color:#434343; }

.ranking01 { font-size:12px; font-family:돋움; font-weight:bold; color:#f74b0b; }

.ranking02 { font-size:12px; font-family:돋움; color:#4c4c4c; }
.a.ranking02:link {text-decoration:none; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica;}
.a.ranking02:hover {text-decoration:none; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica;}
.a.ranking02:visited {text-decoration:none; color:#cfa338; font-family: 돋움,verdana, arial, helvetica;}
.a.ranking02:visited:hover {text-decoration:underline; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica;}

.ranking03 { font-size:12px; font-family:돋움; font-weight:bold; color:#4c4c4c; }
.a.ranking03:link {text-decoration:none; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica; }
.a.ranking03:hover {text-decoration:none; color: #f74b0b; font-family: 돋움,verdana, arial, helvetica; }
.a.ranking03:visited {text-decoration:none; color:#cfa338; font-family: 돋움,verdana, arial, helvetica;}
.a.ranking03:visited:hover {text-decoration:underline; color: #4c4c4c; font-family: 돋움,verdana, arial, helvetica;}

.hotnews { font-size:11px; font-family:돋움; color:#888888; }
.a.ranking03:link {text-decoration:none; color: #888888; font-family: 돋움,verdana, arial, helvetica;  }
.a.ranking03:hover {text-decoration:none; color: #888888; font-family: 돋움,verdana, arial, helvetica;}
.a.ranking03:visited {text-decoration:none; color:#888888; font-family: 돋움,verdana, arial, helvetica; }
.a.ranking03:visited:hover {text-decoration:underline; color: #888888; font-family: 돋움,verdana, arial, helvetica;}

.popup01 { font-size:14px; font-family:돋움; font-weight:bold; color:#000000; }
.popup02 { font-size:13px; font-family:돋움; font-weight:bold; color:#414141; }

.tsz {min-width: 800px;width:expression(document.body.clientWidth <= 800 ? '800' : '100%');}



/********************** 팝콘 리뉴얼 ***************************/
/*FONT 그레이계열*/
.FntGray12 {font-size:12px; font-family:돋움; color:#666666;line-height:22px;}
.FntGray12B {font-size:12px; font-family:돋움; color:#444444;font-weight:bold; }
.FntGray11 {font-size:11px; font-family:돋움; color:#878787; }
.FntGray211 { font-size:11px; font-family:돋움; color:#444444; }
.FntGray211B { font-size:11px; font-family:돋움; color:#444444;font-weight:bold;  }
.FntGray11B {font-size:11px; font-family:돋움; color:#878787;font-weight:bold; }
.FntGray211B {font-size:11px; font-family:돋움; color:#939393;font-weight:bold; }
.FntGray13B { font-size:13px; font-family:돋움; color:#444444; font-weight:bold; }
.FntGray13 { font-size:13px; line-height:18px; font-family:돋움; color:#444444; }
.FntGray16B {font-size:16px; font-family:돋움; color:#444444;font-weight:bold; }
.FntBlack13B { font-size:13px; font-family:돋움; color:#000000; font-weight:bold; }
.FntBlack13 { font-size:13px; font-family:돋움; color:#000000;}

/*FONT 오렌지계열*/
.FntOrange12B {font-size:12px; font-family:돋움; color:#ff3c00;font-weight:bold; }
.FntOrange16B {font-size:16px; font-family:돋움; color:#ff3c00;font-weight:bold; }
.Fntbrown12B {font-size:12px; font-family:돋움; color:#b16821;font-weight:bold; }

/*INPUT 스타일*/
.inputST01 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #c0c0c0; padding:3px 0px 0px 3px; font-weight:bold;ime-mode:disabled;} /*로그인*/
.inputST02 { font-size:13px; font-family:돋움; color:#000000; border:1px solid #dbdbdb; padding:0 2px 0 2px; vertical-align:middle;} /*FAQ*/
.input01 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #B4C6D4; width:150px; height:20px; padding-top:2px;}
.input02 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #B4C6D4; width:50px; height:20px; padding-top:2px;}
.input03 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #B4C6D4; width:500px; height:20px; padding-top:2px; }
.input07 { font-size:12px; font-family:돋움; color:#000000; border:0px solid #c0c0c0; height:20px; padding-top:2px; background-color:#ffffff;}
.input08 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #b4c6d4; width:100px; height:18px; padding-top:2px;}
.input09 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #b4c6d4; width:120px; height:18px; padding-top:2px;}
/*.input10 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #B4C6D4; width:50px; height:18px; padding-top:2px;}*/
.input11 { font-size:12px; font-family:돋움; color:#000000; border:1px solid #B4C6D4; width:474px; height:18px; padding-top:2px; }

/*디폴트이미지 배경 패턴*/
.Topbg{
	margin:0;
	width:100%;
	background:url(/img/devrenew/common/top_bg.gif) repeat-x;
}

.Topbg table {
	margin:0 aout;
}

.title01{
	height:37px;
	width:649px;
	background:url(/img/devrenew/findid/title_id.gif) no-repeat center;
}

.box{
	width:639px;
	height:300px;
	border:5px solid #e3e3e3;
}

.FinishIDbox{
	width:649px;
	height:462px;
	background:url(/img/devrenew/findid/FinishId_bg.gif) no-repeat center;
}

/*비밀번호찾기*/
.PWbox{
	width:639px;
	height:354px;
	border:5px solid #e3e3e3;
}
.title02{
	height:37px;
	width:649px;
	background:url(/img/devrenew/findpw/title_pw.gif) no-repeat;
}

.PWbottom{
	height:254px;
	width:648px;
	background:url(/img/devrenew/findpw/bg_pw_bottom.gif) no-repeat;
	
}

/*비밀번호 비밀번호힌트로변경하기*/
.HintChangebox{
	width:639px;
	height:400px;
	border:5px solid #e3e3e3;
}

/*비밀번호 본인인증으로 변경하기*/
.IdentifyChangebox{
	width:639px;
	height:300px;
	border:5px solid #e3e3e3;
}

/*나의정보*/

.title03{
	height:37px;
	width:649px;
	background:url(/img/devrenew/mypage/title_myinfo.gif) no-repeat;
}

.MyInfobox{
	width:639px;
	height:225px;
	border:5px solid #e3e3e3;
}
.Myinfobottom{
	height:184px;
	width:648px;
	background:url(/img/devrenew/mypage/bg_myinfobottom.gif) no-repeat;
}

/*비밀번호 변경*/
.title04{
	height:37px;
	width:649px;
	background:url(/img/devrenew/pwchange/title_pwchange.gif) no-repeat;
}

.changePWbottom{
	height:100px;
	width:648px;
	background:url(/img/devrenew/pwchange/bg_changepw_bottom.gif) no-repeat;
}

/*회원탈퇴*/
.Breakwaybox{
	width:649px;
	height:479px;
	background:url(/img/devrenew/memberout/bg_break_away.gif) no-repeat;
}
 
.title05{
	height:37px;
	width:649px;
	background:url(/img/devrenew/memberout/title_break_away.gif) no-repeat;
}

.title06{
	height:37px;
	width:649px;
	background:url(/img/devrenew/memberout/title_break_away02.gif) no-repeat;
}

.Breakwaybox02{
	width:649px;
	height:285px;
	background:url(/img/devrenew/memberout/bg_break_away02.gif) no-repeat;
}
/************************************************************/