@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./button.css');
@import url('./board.css');

/* header */
div.header					{  height: 80px; background: url('../../image/welchon/common/header_snb_login.gif') no-repeat center bottom; }
div.content					{ width: 100%; margin-top: 10px; margin-bottom: 0px; }
div.content div.summary		{ width: 100%;  height: 0px;  border-bottom: 2px solid #32302f; }
div.content div.summary h3		{  display: none;  float: left; vertical-align:top;    }
.content div.summary .breadcrumb			{  display: none; float: right;  color:#787878; margin-top:24px;  font-size:.9em; background:url("../../image/welchon/common/ico_home.gif") no-repeat 0px 30%; padding:0 0 0px 22px; }



strong	{ color: #239c01; }
/* ȸ¿ø°¡ÀÔÁ¦¸ñ */		
.content h2.member 		{   position: absolute; left: 115px; top:-70px;}
.content h2.member b		{   float: left;  text-indent:-999em;    width: 58px;  height: 26px;  background-image: url('../../image/welchon/common/header_member_on.gif');  }

/*·Î±×ÀÎ*/

div.login					{ float: left; overflow: hidden; width: 265px; height: 250px; padding: 45px 45px 0px; border: solid 3px #e8e8e8; background-color: #f9f9f9; }
div.login dl				{ position: relative; width: 100%; height: 150px; border-bottom: solid 1px #d5d5d5; }
div.login dt				{ position: absolute; left: 0px; top: 0px; width: 100%; height: 54px; border-bottom: solid 1px #d5d5d5; background: url('../../image/welchon/login/login_form_title.gif') no-repeat left top; line-height: 10000px; overflow: hidden; }
div.login dd				{ position: absolute; height: 26px; }
div.login dd.id				{ left: 0px; top: 75px; text-align: left; }
div.login dd.pw				{ left: 0px; top: 105px; text-align: left; }
div.login dd.save			{ right: 0px; top: 75px; text-align: right; }
div.login dd.btn			{ right: 0px; top: 105px; text-align: right; }
div.login label				{ display: none; }
div.login input.text		{ width: 173px; border-width: 2px; background-repeat: no-repeat; background-position: left top; }
div.login input.id			{ border-color: #ec6f1f; background-image: url('../../image/welchon/login/login_form_id.gif'); }
div.login input.pw			{ border-color: #39a126; background-image: url('../../image/welchon/login/login_form_pw.gif'); }
div.login dd.save label		{ display: inline; font-size: 11px; }
div.login ul.note			{ margin-top: 10px; }

div.map				{ float: right; overflow: hidden; width: 555px; height: 250px; padding: 45px 5px 0px 35px; border: solid 3px #e8e8e8; background-color: #f9f9f9; }
div.map dl			{ float: left; width: 118px; height: 183px; margin-right: 14px; border-bottom: solid 1px #429401; background-repeat: no-repeat; background-position: right bottom; }
div.map dl dt		{ height: 38px; margin-bottom: 10px; border-bottom: solid 2px #429401; background-repeat: no-repeat; background-position: left 5px; line-height: 10000px; overflow: hidden; }
div.map dl dd		{ padding-left: 10px; background: url('../../image/welchon/common/icon_dot_g.gif') no-repeat 4px 5px; font-size: 11px; line-height: 16px; }
div.map dl.tour		{ background-image: url('../../image/welchon/login/map_tour_bg.gif'); }
div.map dl.tour	dt	{ background-image: url('../../image/welchon/login/map_tour_title.gif'); }
div.map dl.life		{ background-image: url('../../image/welchon/login/map_life_bg.gif'); }
div.map dl.life	dt	{ background-image: url('../../image/welchon/login/map_life_title.gif'); }
div.map dl.biz		{ background-image: url('../../image/welchon/login/map_biz_bg.gif'); }
div.map dl.biz	dt	{ background-image: url('../../image/welchon/login/map_biz_title.gif'); }
div.map dl.comz		{ background-image: url('../../image/welchon/login/map_comz_bg.gif'); }
div.map dl.comz	dt	{ background-image: url('../../image/welchon/login/map_comz_title.gif'); }




/* member */
div.member						{ margin: 0 0 0 40px; }
div.member div.title			{ padding-bottom: 20px; padding-top: 30px; }
	div.welcome div.title		{ background: url('../../image/welchon/member/member_title_bg.jpg') no-repeat right top; }
	div.title big.title			{ margin-left: -10px; }
	div.title p.desc			{ margin: 15px 0 0; padding-bottom: 10px; font-size: .90em; line-height: 160%; }
	div.title p.process			{ width: 100%; height: 31px; overflow: hidden; font-weight: bold;  letter-spacing: -1px; }
	div.title p.process small	{ float: left; height: 31px; overflow: hidden; margin-right: 1px; background: #bcbcbc; color: #fff; text-align: center; font-size:1em; line-height: 31px; }
	div.title p.process small b	{ float: left; width: 100%; height: 31px; overflow: hidden; background: #4aa82e; color: #fff; text-align: center; font-size:1em; line-height: 31px; }
	div.title p.process3 small	{ width: 295px; }
	div.title p.process4 small	{ width: 221px; }
div.member div.group		{ width: 100%; overflow: hidden; margin-bottom: 20px; }
	div.group dl			{ float: left; width: 291px; margin-right: 1px; overflow: hidden; }
	div.group dl dt			{ height: 21px; margin-bottom: 3px; padding-left: 10px; background-color: #469c2d; color: #fff; font-weight: bold; line-height: 21px; }
	div.group dl dt small	{ color: #bcff02;  }
	div.group dl dd			{ position: relative; height: 100px; border: solid 3px #e8e8e8; background-color: #f9f9f9; background-repeat: no-repeat; background-position: 10px 40px; font-size: 11px; }
	div.group dl dd p		{ padding: 15px 0 10px 10px; }
	div.group dl dd a.btn	{ position: absolute; right: 5px; top: 45px; }
	div.group dl.default	dd		{ background-image: url('../../image/welchon/member/group_default_bg.gif'); }
	div.group dl.young		dd		{ background-image: url('../../image/welchon/member/group_young_bg.gif'); }
	div.group dl.pro		dd		{ background-image: url('../../image/welchon/member/group_pro_bg.gif'); }
	div.group dl.own		dd		{ background-image: url('../../image/welchon/member/group_own_bg.gif'); }
div.member div.note ul.note		{ margin-bottom: 50px; }

div.member div.form						{ width: 841px; margin-bottom: 20px; padding: 20px; border: solid 3px #e8e8e8; background: #f9f9f9; }
	div.member div.form dl						{ width: 100%; overflow: hidden; font-size: 1em; }
	div.member div.form dl dt				{ margin-bottom: 15px; padding: 4px 0 2px 5px; background: #626262; color: #fff; font-weight: bold; letter-spacing: -1px; }
	div.member div.form dl dt b				{ color: #bcbcbc; letter-spacing: 0px; }
	div.member div.form dl dd p				{  }

	div.member div.form dl.form					{ width: 100%; overflow: hidden; margin-bottom: 20px; }
	div.member div.form dl.form dd				{ float: left; width: 100%; overflow: hidden; margin-bottom: 3px; padding-bottom: 2px; border-bottom: solid 1px #e6e2e3; }
	div.member div.form dl.form dd b			{ position: relative; float: left; width: auto; height: 21px; overflow: hidden; }
	div.member div.form dl.form dd b sup		{ position: absolute; right: 0; top: 0; width: 12px; height: 21px; overflow: hidden; background: url('../../image/welchon/common/ico_point.gif') no-repeat left 4px; font-size: 0; line-height: 10000px; }
	div.member div.form dl.form dd b label		{ padding-left: 15px; padding-right: 15px; background: url('../../image/welchon/common/icon_dot_g.gif') no-repeat 9px 4px; line-height: 21px; }
	div.member div.form dl.form dd b small		{ color: #a2a2a2; }
	div.member div.form dl.form dd p			{ float: right; width: 675px; overflow: hidden; line-height: 21px; }
	div.member div.form dl.form dd div			{ float: right; width: 675px; overflow: hidden; }
	div.member div.form dl.form dd p span.q		{ margin-right: 20px; font-size: 12px; }
	div.member div.form dl.form dd p small		{ margin: 1px 10px 3px 0; text-align: left; letter-spacing: -1px; }
	div.member div.form dl.form dd p span img	{ vertical-align: middle; }
	div.member div.form dl.form dd p input.text	{ vertical-align: middle; height: 15px; padding-top: 1px; }
	div.member div.form dl.form dd div textarea	{ margin-bottom: 5px; width:97%}
	div.member div.form dl.form dd p span.radio	{ margin-right: 10px; }
	div.member div.form p.caution				{ float: right; line-height: 20px; }
	div.member div.form p.caution sup			{ float: left; width: 12px; height: 20px; overflow: hidden; background: url('../../image/welchon/common/ico_point.gif') no-repeat left 4px; font-size: 0; line-height: 10000px; }
		
		div.member div.form dl.form dd.btn			{text-align:center; padding:10px 0; }
		div.member div.form dl.form dd.col2			{ width: 420px; }
		div.member div.form dl.form dd.col2 p		{ width: 255px; }
		div.member div.form dl.form dd.col2 div		{ width: 255px; }
		div.member div.form dl.form dd.col3			{ width: 280px; }
		div.member div.form dl.form dd.col3 p		{ width: 185px; }
		div.member div.form dl.form dd.col3 div		{ width: 185px; }

	div.member div.form dl.own dt				{ border-bottom: solid 2px #626262; background: transparent; color: #434343; font-size: 12px; }
	div.member div.form dl.own dt b				{ position: relative; float: left; width: auto; height: 21px; color: #434343;  overflow: hidden; }
	div.member div.form dl.own dd				{ border-bottom: 0; }
	div.member div.form dl.own dd b label		{ padding-top: 1px; padding-left: 20px; background: url('../../image/welchon/common/ico_cir_green.gif') no-repeat 3px top; line-height: 21px; }
	div.member div.form dl.own dt p              {position: relative; padding-left:90px; font-weight: normal;color: #434343; l  float: left; height: 21px; overflow: hidden;}



	div.member div.confirm							{ width: 881px; text-align: center; }
		div.member div.confirm input.confirm		{ width: 133px; height: 41px; overflow: hidden; border: 0; font-size: 0; line-height: 10000px; }
			div.member div.confirm input.join		{ background: url('../../image/welchon/member/confirm_join.gif') no-repeat left top; }
			div.member div.confirm input.cancel		{ background: url('../../image/welchon/member/confirm_cancel.gif') no-repeat left top; }
			div.member div.confirm input.agree		{ background: url('../../image/welchon/member/confirm_agree.gif') no-repeat left top; }
			div.member div.confirm input.home		{ background: url('../../image/welchon/member/confirm_home.gif') no-repeat left top; }

	div.member div.done							{ padding: 30px 0 10px 400px; background: url('../../image/welchon/member/member_done_bg.jpg') no-repeat -20px -20px; }
	div.member div.done p						{ margin-bottom: 20px; }
	div.member div.done p.title					{ margin-left: -5px; }

/*¾à°ü*/
div.member p.notice {margin:10px 0 20px 0px; padding-left:30px;  background:url('../../image/welchon/login/lost_notice.gif')no-repeat 0px 3px; }

div.member div.agrmtform 						{ width: 841px; margin-bottom: 20px; padding: 20px; border: solid 3px #e8e8e8; background: #f9f9f9; }

	div.member div.agrmtform dl						{ width: 100%; overflow: hidden;  }
	div.member div.agrmtform dl dt				{ position: relative;  overflow: hidden;  margin-bottom: 15px; padding: 4px 0 2px 5px; background: #626262; color: #fff; font-weight: bold; letter-spacing: -1px; }
	div.member div.agrmtform dl dt h4 {color: #fff; }
	div.member div.agrmtform dl dt b				{ color: #bcbcbc; letter-spacing: 0px; }
	div.member div.agrmtform dl dd p				{ clear:both; padding:5px 0 15px 0; float: left;  overflow: hidden; line-height: 21px;}