@charset "utf-8";
@import url(board.css);

#wrapInform {position:relative; width:100%; height:100%; background:url(../../images/Common/bg_Mypage.gif) 40% bottom no-repeat; overflow:auto;}
#container p.ttl {padding:0 0 26px 10px;}
#container p.comment {padding:0 0 26px 10px; color:#ff4343;}
#container p.logincomment {padding:0 0 26px 50px;}
#container p.searchcheck {padding:0 0 10px 50px;}
#container p.searchcheck img {vertical-align: middle;}
#container p.treeblet {padding:0 0 3px 18px; color:#464646; background:url(../../images/Common/bg_dottree.gif) 0.5em 0.4em no-repeat; }
#container p.treeblet span {font-weight:bold;}
#container p.treeblet.bottom {padding-bottom:26px}

/* 로그인 박스 */
.loginbox  {position:relative; width:575px; height:130px; background-color:#fbfbfb; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-top:2px solid #a6a6a6; margin:0 auto;}  
.loginbox  p.id { width:300px; position:absolute; top:39px; left:142px; font-weight:bold; }
.loginbox  p.pw{ width:300px; position:absolute; top:64px;  left:142px;font-weight:bold; }
.loginbox  p.bt{position:absolute; top:39px;  left:370px;}
.loginbox  p.agree{position:absolute; vertical-align: middle; top:90px;  left:200px; border:0px; width:300px;}
.loginbox  p.id input {width:155px; height:15px; border:1px solid #c0bab4; font-family:돋움; font-size:1em; margin-left:18px; padding:3px 0 0 3px;}
.loginbox  p.pw input {width:155px; height:15px; border:1px solid #c0bab4; font-family:돋움; font-size:1em; margin-left:5px; padding:3px 0 0 3px;}

ul.etc{margin-top:20px; margin-left:60px;}
ul.etc li{width:580px; padding:0 10px; margin-bottom:10px; background: url(../../images/Common/bg_dotB.gif) 0 0.5em no-repeat; vertical-align: middle;}
ul.etc li span{display:block; float:left; width:350px;}
ul.etc li span.red{float:none; width:500px; color:#fd3501;}
ul.etc li img{vertical-align: middle;}
h3.left {margin-left:60px;}

/* id/pw 찾기 박스 */
.idbox {width:575px; background-color:#fbfbfb; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-top:2px solid #a6a6a6; margin:0 auto;}
.idbox p.name{margin-top:30px; padding-left:130px; }
.idbox p.name img{padding-right:10px; vertical-align: middle;}
.idbox p.num{margin-top:5px; padding-left:130px; }
.idbox p.num img{padding-right:10px; vertical-align: middle;}
.idbox p.id{margin-top:30px; padding-left:160px;}
.idbox p.id img{padding-right:10px; vertical-align: middle;}
.idbox p.nametxt {margin-top:30px; text-align:center;}
.idbox p.txt{width:500px; margin:0 auto; margin-top:20px; margin-bottom:20px; padding-top:20px; border-top:1px solid #dbd8d5;}
.idbox p.txt.line{width:500px; margin:0 auto; margin-top:20px; margin-bottom:20px; padding-top:0px; padding-bottom:20px; border-bottom:1px solid #dbd8d5; border-top:none;}
.idbox p.txt span.red{color:red;}
.idbox p.bt1{text-align:center; margin-bottom:10px; }
.idbox  input.search {width:100px; height:18px; border:1px solid #c0bab4; font-family:돋움; font-size:1em;}

/* id/pw 찾기 결과 */
.resultbox {width:555px; border:3px solid #e3d9cd; padding:10px; margin:0 auto; margin-top:20px;}
.resultbox p {font:bold 1.3em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; text-align:center; }
.resultbox p.line {padding-bottom:10px; border-bottom:1px solid #dddad7; }
.resultbox p.txt{font-weight:normal; font-size:1em; padding-bottom:10px; padding-top:10px;}
.resultbox p.txt span.red{color:red;}
.resultbox p span.brown {color:#a37928; }

/* 회원가입 */
.agree2 {width:645px; overflow:hidden; border-top:2px solid #afafaf; border-bottom:1px solid #afafaf; background-color:#fbfbfb; padding:11px 13px;}
.agree2 textarea {width:98%; border:1px solid #c4c4c4; padding:5px; height:285px; overflow:auto; margin-bottom:5px; font-family:돋움; font-size:1em;}
p.same {padding:20px 10px 0px 10px; float:right;}
p.same input {margin-left:12px;}
p.same label {margin-left:5px;}
p.kor {margin-left:340px;}
/*회원가입 step*/
ul.step {margin-bottom:20px;}
ul.step li{float:left;}
ul.step li.none{float:none;}
ul.step li span.none{display:none;}

/*회원가입 동의*/
h3.agree {font-size:1em; border:0px; padding:0px 0px 5px 10px; background: url(../../images/Common/bg_dotO.gif) 0 0.5em no-repeat;}
h3.agree.left {margin-left:60px;}
h3.agree span {font-size:1em; font-weight:normal; color:red;}
.agreebox {position:relative; background-color:#fbfbfb; border:1px solid #dfdfdf; margin-bottom:20px; padding:15px;}
.agreebox p.txt {margin-top:10px;}
.agreebox p.left {padding-bottom:5px; font-weight:bold; border-bottom:1px solid #ccc;}
.agreebox p.btn a{position:absolute;  top:15px; right:40px; text-align:right; font-weight:bold; padding-left:13px; color:#876433; background: url(../../images/common/icn_more.gif) 2px 5px no-repeat; }

/*회원가입 입력폼 */
table.join {width:100%; border:none; border-bottom:1px solid #ccc; margin:0; padding:0; background-color:#fff;}
table.join th {width:16%;}
table.join th span.star {color:red; font-weight:normal;}
table.join td {width:34%; margin:0;}
table.join td input.add {margin-bottom:5px;}
table.join td.tree {width:17%; margin:0;}
table.join td.full {width:84%;}
table.join td img {vertical-align:middle;}
table.join td img.search {margin-bottom:5px;}
table.join td label {margin-left:5px; margin-right:15px;}
table.join td span.etc {display:inline; color:#a55397; padding-left:10px;}
table.join td select.small {width:60px;}
table.join td select.big {width:120px;}


table.mail {width:100%; border:none; border-bottom:1px solid #ccc; margin:0; padding:0; background-color:#fff;}
table.mail th {width:15%;}
table.mail th.big {width:20%; margin:0;}
table.mail td {width:35%; margin:0;}
table.mail td.big {width:80%; margin:0;}
table.mail td.full {width:85%;}
table.mail td img {vertical-align:middle;}
table.mail td label {margin-left:5px; margin-right:15px;}
table.mail td p.mailtxt {padding:10px;}
table.mail td p.mailtxt span {color:#a55397; font-weight:bold;}


/*ù*/
.legal {width:100%;}
.legal h3 {margin-bottom:20px;}
.legal h4 {font-size:1.2em; color:#3b3a3a; margin-bottom:10px;}
.legal p {margin-bottom:20px;}
.legal ul li {padding-left:10px; margin-bottom:10px; font-weight:normal;  background: url(../../images/Common/bg_dotO.gif) 0 0.5em no-repeat;}
.legal ul li span {font-weight:bold; color:#3b3a3a;}
.legal ul li ul {margin-top:5px; padding-left:0px;}
.legal ul li ul li {background:none;}

.legal .legalbox {overflow:hidden; background-color:#fbfbfb; border:1px solid #dfdfdf; margin-bottom:20px; padding:20px;}
.legal .legalbox ul {overflow:hidden; width:100%;}
.legal .legalbox ul li {float:left; width:48%; padding-left:10px; margin-bottom:10px; font-weight:normal;  background: url(../../images/Common/icn_arrowO.gif) 0 0.5em no-repeat;}
.legal .legalbox ul li.none {float:none; width:100%;}
.legal .legalbox ul li a {color:#676666;}