@charset "euc-kr";


/* ·Î±×ÀÎ */

.login{width: 720px; height: 300px; margin: 100px 0 0 0;}
.login p.img{float: left; width: 320px; padding-left: 45px;}
.login dl.login1{float: left; width: 230px; padding: 20px 0 0 0;}
.login dl.login1 dt{float: left; width: 60px; padding: 5px 0 0 0;}
.login dl.login1 dd{padding: 0 0 3px 0;}
.login p.btn{float: left; width: 80px; padding: 20px 0 0 0;}

.login dl.login2{float: left; width: 720px; margin-top: 80px; padding:20px 0; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #0573A8;}
.login dl.login2 dt{float: left; width: 200px; padding-left: 35px;}
.login dl.login2 dt.line {float: left; width: 209px; padding-left: 35px; border-left: 1px solid #BEBEBE;}
.login dl.login2 dd{float: left; width: 120px; padding-top: 3px;}


/* ȸ¿ø°¡ÀÔ */

.join{width: 680px; margin: 0 20px 30px 0;}
.join .step{width: 680px;}
.join .step ul{height: 81px;}
.join .step ul li{float: left; width: 167px;}
.join  ul.agree{clear: both; padding: 50px 0 0 16px; font-size: 14px; font-weight: bold;}
.join  ul.agree li{padding-top: 15px; font-weight: normal;}
.join  ul.agree li img{vertical-align: middle;}
.join  ul.agree li input{vertical-align: middle;}

.join .top_title p.title{clear: both; padding: 40px 0 0 16px; font-size: 16px; font-weight: bold; background: url(../../images/member/icon_bullet.gif) no-repeat  0 45px;}
.join .top_title p.explain{height: 20px; padding: 15px 0 0 28px; font-weight: bold; background: url(../../images/common/icon_dot2.gif) no-repeat  20px 23px;}

.join .step2{clear: both; width: 680px; padding-top:50px;}
.join .step2 dl{float: left; width: 380px; padding: 0 0 50px 100px;}
.join .step2 dl dt{float: left; width: 240px; padding: 5px 0 0 0; font-size: 14px; font-weight: bold;}
.join .step2 dl dd{float: left; width: 100px;}
.join .step2 p.btn{float: left; padding-top: 5px;}
.join .step2 p.text{clear: both; width: 600px; margin-left: 40px; padding: 0 0 20px 10px; background: url(../../images/common/bu_dot_3.gif) no-repeat 0 9px;}

.join fieldset.step3{border: 0; padding-top:30px;}
.join fieldset.step3 legend{visibility: hidden; overflow: hidden; height: 0; margin: 0; padding: 0; border: 0;}
.join .step3{width: 640px;}
.join .step3 p.title{width: 640px; padding: 0 0 2px 32px; background: url(../../images/common/bu_dot_3.gif) no-repeat 22px 9px;}
.join .step3 table{width: 640px; margin: 10px 0 0 20px; border-top: 2px solid #0573A8; border-bottom: 1px solid #0573A8;}
.join .step3 tbody{background: none;}
.join .step3 .c1{width: 140px;}
.join .step3 .c2{width: 500px;}
.join .step3 th{height: 25px; padding: 5px 0 5px 0; text-align: left; background-color: #E7F0F6; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.join .step3 th label{padding: 0 0 0 20px; font-weight: bold;}
.join .step3 td{text-align: left; padding: 5px 0 5px 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.join .step3 td p{padding: 0 0 0 20px;}
.join .step3 td img{vertical-align: middle;}
.join .step3 td input.txt_id{height: 20px; padding: 2px 4px 2px 4px; border: 0; vertical-align: middle;}
.join .step3 span.name{margin: 0 0 0 20px; font-weight: bold;}
.join .step3 span.star{color: #FF3300;}
.join .step3 span.star_space{margin: 0 0 0 10px; font-weight: bold;}
.join .step3 span.star_space2{margin: 0 0 0 30px; font-weight: bold;}
.join .step3 p.btn{width: 680px; padding: 20px 0 0 0; text-align: center;}


/* ¸¶ÀÌÆäÀÌÁö */

.mypage{width: 680px; margin: 0 20px 20px 0;}
.mypage fieldset.info{padding-bottom: 20px; border: 0;}
.mypage fieldset.info legend{visibility: hidden; overflow: hidden; height: 0; margin: 0; padding: 0; border: 0;}
.mypage .info{width: 660px;}
.mypage .info p.title{width: 660px; padding: 0 0 2px 32px; background: url(../../images/common/bu_dot_3.gif) no-repeat 22px 9px;}
.mypage .info table{width: 660px; margin: 5px 0 0 20px; border-top: 2px solid #0573A8; border-bottom: 1px solid #0573A8;}
.mypage .info tbody{background: none;}
.mypage .info .c1{width: 140px;}
.mypage .info .c2{width: 520px;}
.mypage .info .c3{width: 190px;}
.mypage .info th{height: 25px; padding: 5px 0 5px 0; text-align: left; background-color: #E7F0F6; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.mypage .info th label{padding: 0 0 0 20px; font-weight: bold;}
.mypage .info td{text-align: left; padding: 5px 0 5px 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
.mypage .info td p{padding: 0 0 0 20px;}
.mypage .info td img{vertical-align: middle;}
.mypage .info td input.txt_id{height: 20px; padding: 2px 4px 2px 4px; border: 0; vertical-align: middle;}
.mypage .info span.name{margin: 0 0 0 20px; font-weight: bold;}
.mypage .info span.star{color: #FF3300;}
.mypage .info span.star_space{margin: 0 0 0 10px; font-weight: bold;}
.mypage .info span.star_space2{margin: 0 0 0 30px; font-weight: bold;}
.mypage .info p.btn{width: 680px; padding-top: 20px; text-align: center;}


/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */

.seek_id	{float: left; width: 340px; height: 300px; margin: 10px 0 100px 10px; border: 1px solid #D3D3D3; border-top: 3px solid #A28A70;}
.seek_id fieldset{height: 60px; margin: 0; padding: 0; border: none;}
.seek_id legend{visibility: hidden; overflow: hidden; margin: 0; padding: 0; border: none;}
.seek_id p.title{padding: 0 0 5px 30px;}
.seek_id p.text{padding: 0 0 20px 30px;}
.seek_id dl{float: left; width: 190px; padding: 0 0 0 40px;}
.seek_id dl dt{float: left; width: 60px; padding: 5px 0 0 0;}
.seek_id dl dd{float: left; width: 130px; padding: 0 0 5px 0;}
.seek_id p.btn{float: left;}
.seek_id p.explain{clear: both; width: 275px; padding: 50px 20px 0 37px; background: url(../../images/common/icon_dot.gif) no-repeat 30px 59px;}

.seek_pw{float: left; width: 340px; height: 300px; margin: 10px 0 0 20px; border: 1px solid #D3D3D3; border-top: 3px solid #A28A70;}
.seek_pw fieldset{height: 60px; margin: 0; padding: 0; border: none;}
.seek_pw legend{visibility: hidden; overflow: hidden; margin: 0; padding: 0; border: none;}
.seek_pw p.title{padding: 0 0 5px 30px;}
.seek_pw p.text{padding: 0 0 20px 30px;}
.seek_pw dl{float: left; width: 190px; padding: 0 0 0 40px;}
.seek_pw dl dt{float: left; width: 60px; padding: 5px 0 0 0;}
.seek_pw dl dd{float: left; width: 130px; padding: 0 0 5px 0;}
.seek_pw p.btn{float: left;}
.seek_pw p.explain{clear: both; width: 280px; padding: 18px 20px 0 37px; background: url(../../images/common/icon_dot.gif) no-repeat 30px 27px;}


/* ÀÌ¿ë¾à°ü */

.stipulation			{width: 640px; margin: 0 20px 30px 20px;}
.stipulation p			{font-family: "µ¸À½";}


/* °³ÀÎÁ¤º¸ Ãë±Þ¹æħ */

.privacy					{width: 640px; margin: 0 20px 30px 20px;}
.privacy p				{font-family: "µ¸À½";}


/* À̸ÞÀϹ«´Ü¼öÁý°ÅºÎ */

.nospam				{width: 640px; margin: 0 20px 30px 20px;}
.nospam p				{font-family: "µ¸À½";}


/* »çÀÌÆ®¸Ê */

.sitemap						{width: 680px; margin: 20px 0 30px 0;}
.sitemap .menu			{float: left; width: 180px; height: 260px; padding: 0 20px 0 20px;}
.sitemap .menu h3		{width: 170px; height: 40px; padding: 0 0 0 10px; border-bottom: 1px solid #868686;}
.sitemap .menu ul		{width: 160px; padding: 10px 0 0 20px; border: 0;}
.sitemap .menu ul li	{height: 24px; padding: 5px 0 0 7px; border: 0; background: url(../../images/common/icon_dot2.gif) no-repeat 0 13px;}


/* ¿ìÆí¹øÈ£ °Ë»ö */

#wrapper_post													{position: relative; width: 420px; margin: 0 auto; text-align: left;}

#wrapper_post div.content_top					{width: 420px; height: 76px; margin: 20px 0 20px 0; border: 1px solid #ACA899; background-color: #E7F0F6;}
#wrapper_post div.content_top label			{vertical-align: top;}
#wrapper_post div.content_top p.text		{padding: 10px 0 0 50px;}
#wrapper_post div.content_top input		{vertical-align: top;}
#wrapper_post div.content_top input.text	{width: 160px; height: 20px; padding: 2px 4px 0px 4px; vertical-align: top; border: 1px solid #CCCCCC;}

#content_post									{width: 420px; min-height: 200px; }
#content_post table						{width: 420px; margin: 0 0 20px 0; border: 0px solid #FFFFFF;}
#content_post th								{padding: 5px 0 5px 0; border-top: 2px solid #0573A8; border-bottom: 1px solid #D9D9D9; background-color: #E7F0F6; text-align: center;}
#content_post td								{padding: 5px 0 5px 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}