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


#content h3 {margin:10px 0 0px 87px;}
#content h3.agree {margin:20px 0 0px 50px;}
#content .bt p.center{margin-top:20px; text-align:center;}
#content .bt p.center img {vertical-align:top;}

input.inputText {border:1px solid #e1e1e1; font-family:돋움; font-size:1em;}
span.red{font-weight:bold; color:#fd3501;}

/* 로그인 고정 박스 */
.box {position:relative; width:577px;  height:200px; margin: 0 auto; margin-top:10px;  background: url(/images/Members/box_bg.gif) no-repeat left top;}
.box p.title{position:absolute; left:35px; top:35px; }
.box p.txt{position:absolute; width:195px; height:50px; top:88px; left:35px;  background: url(/images/Members/login_bar.gif) no-repeat right center;}
.box p.txt2{position:absolute; top:88px; left:35px;}
.box p.id{position:absolute; top:85px; left:260px;  }
.box p.Name{position:absolute; top:85px; left:260px;}
.box p.Name img {padding-right:28px;}
.box p.id img{padding-right:16px; vertical-align: middle;}
.box p.mail{position:absolute; top:110px; left:260px;}
.box p.mail img{padding-right:17px; vertical-align: middle;}
.box p.pw{position:absolute; top:110px;  left:260px;}
.box p.pw img{padding-right:5px; vertical-align: middle;}
.box p.name {position:absolute; top:135px; left:260px;  }
.box p.name img{padding-right:28px; vertical-align: middle;}
.box p.bt{position:absolute; top:85px;  left:480px;}
.box p.agree{position:absolute; vertical-align: middle; top:135px;  left:314px;}
.box ul{position:absolute; top:135px;  left:35px;}
.box li{float:left; margin-right:10px;}
.box input.login {width:155px; height:18px; border:1px solid #e1e1e1; font-family:돋움; font-size:1em;}
.box input.email {width:200px; height:18px; margin-top:10px;  border:1px solid #e1e1e1; font-family:돋움; font-size:1em;}
.box select.login {width:162px; height:20px; border:1px solid #e1e1e1; font-family:돋움; font-size:1em;}

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

ul.agree{margin-top:10px; margin-left:60px;}
ul.agree li{padding:0 10px; background: url(../../images/Common/icn_navi.gif) 0 0.5em no-repeat; vertical-align: middle;}
ul.agree li span.red{color:#fd3501;}

ul.gray li {color:#838383; padding-left:10px; background: url(../../images/Common/ico_blackdot.gif) 0 0.5em no-repeat;}

ul.leave {margin-left:40px;}
ul.leave li {color:#838383; padding-left:10px; background: url(../../images/Common/ico_blackdot.gif) 0 0.5em no-repeat;}


/* 회원가입 tab */
.tab ul{margin-left:10px;}
.tab ul li{float:left; margin-right:10px;}
.tab ul li.none{float:none;}

/* 늘어나는 박스 */
.box2_bot {width:650px; margin:0 auto;  margin-top:10px; padding-bottom:20px; background:url(/images/Members/box_b.gif) bottom no-repeat; }
.box2 {position:relative; width:650px; margin-bottom:10px; background:url(/images/Members/box_t.gif) top no-repeat;}
.box2 textarea {width:610px; height:200px; margin:10px; padding:10px; font-size:1em;}
.box2 p{margin-bottom:10px; margin-left:35px;}
.box2 p.left {margin-right:35px; padding-top:10px; padding-bottom:5px; font-weight:bold; border-bottom:1px solid #ccc;}
.box2 p.btn a{position:absolute; top:10px; right:40px; text-align:right; padding-left:10px; color:#fa602e; background: url(/images/common/o_ico.gif) 2px 5px no-repeat; }
.box2 p.center{text-align:center; margin-bottom:10px;}
.box2 p.title {width:400px; height:35px;  margin-left:35px; padding-top:35px;}
.box2 p.coment{padding:0; margin:0 5px 20px 35px; font-size:1.1em;}
.box2 p.coment span{font:bold 1.2em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#418e00;}
.box2 input.inputText {height:18px; border:1px solid #e1e1e1; font-family:돋움; font-size:1em;}

.graybox {width:560px; margin:0 auto; padding:20px; background-color:#f4f4f4; }
.graybox img {vertical-align: middle;}

/* 회원가입 */
.write {width:650px; margin:0 auto;  margin-top:10px;}
.boardWrite select {width:300px; border:1px solid #e1e1e1; margin-bottom:5px; font-family:돋움; font-size:1em;}
.boardWrite select.email {width:100px; border:1px solid #e1e1e1; margin-bottom:0px; font-family:돋움; font-size:1em;}
.boardWrite img {vertical-align:middle;}
.boardWrite ul li {color:#838383; padding-left:10px; background: url(../../images/Common/ico_blackdot.gif) 0 0.5em no-repeat;}

.buttoncenter {margin-top:20px; text-align:center;}

/*회원수정*/
.joinmodi {overflow:hidden; width:575px; margin:0 auto; margin-top:10px; border-top:2px solid #606060; border-bottom:1px solid #ccc; }
.joinmodi dl {width:575px; border-bottom:1px solid #ccc;}
.joinmodi dt {float:left; display:inline; width:110px; padding-top:5px; padding-bottom:5px; padding-right:10px; font-weight:bold; text-align:right; background:url(../../images/Common/bg_dotline.gif) right top repeat-y; border-top:1px solid #efefef;}
.joinmodi dt.leave {display:inline; width:565px; padding-top:5px; padding-bottom:5px; padding-right:0px;padding-left:10px; font-weight:bold; text-align:left; background:none; border-top:1px solid #efefef;}
.joinmodi dd {float:left; display:inline; width:445px; padding-top:5px; padding-bottom:5px; padding-left:10px; border-top:1px solid #efefef;}
.joinmodi dd.leave {display:inline; width:565px; padding-top:5px; padding-bottom:5px; padding-left:30px; border-top:1px solid #fff;}
.joinmodi span.warning {float:right;  padding-top:2px; color:#418e00;}
.joinmodi span.check {padding-right:10px;}


/*개인보호정책*/
p.policy {width:705px; margin:0 auto; margin-top:10px;}
p.policytitle {width:705px; margin:0 auto; margin-top:10px; font:bold 1.2em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#418e00;}

.policybox {position:relative; width:705px;  height:124px; margin: 0 auto; margin-top:20px;  background: url(/images/Members/policy_bg.gif) no-repeat left top;}
.policybox ul {position:absolute; margin-left:160px; margin-top:15px;}
.policybox ul li {float:left; width:260px;  padding:0 0 5px 10px; vertical-align: middle; background: url(../../images/Common/icn_navi.gif) 0 0.5em no-repeat;}

.policybox2 {width:705px; margin:0 auto; margin-top:20px; }
.policybox2 dt {margin-top:20px;  padding-left:20px; font-weight:bold; background:url(../../images/Common/ico_blet.gif) no-repeat;}
.policybox2 dd ol li{width:680px; margin-left:20px; background:none; list-style-type : decimal;}
.policybox2 dd ul.top li{margin-bottom:10px;}

.policybox3 {position:relative; overflow:hidden; width:705px; height:270px; margin: 0 auto; margin-top:20px;  background: url(/images/Members/policy_bg2.gif) no-repeat left top;}
.policybox3 ul {position:absolute; margin-left:160px; margin-top:15px;}
.policybox3 ul li {float:left; width:260px;  padding:0 0 5px 10px; vertical-align: middle; background: url(../../images/Common/icn_navi.gif) 0 0.5em no-repeat;}

.policybox4 {position:relative; overflow:hidden; width:705px; height:270px; margin: 0 auto; margin-top:20px;  background: url(/images/Members/policy_bg2.gif) no-repeat left top;}
.policybox4 ul {position:absolute; margin-left:160px; margin-top:15px;}
.policybox4 ul li {padding:0 0 5px 10px; vertical-align: middle; background: url(../../images/Common/icn_navi.gif) 0 0.5em no-repeat;}


/*팝업*/
.pop {width:400px; height:180px; padding-bottom:20px; background:url(/images/common/popup_bg.gif) bottom no-repeat;}
.pop h3 {width:400px; height:41px; background:url(/images/common/popup_top.gif) top no-repeat; }
.pop h3 span {display:block; padding-top:10px; margin-left:20px; font:bold 1.1em "맑은 고딕", MalgunGothic, AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif; color:#fff;}
.pop input.login {width:200px; height:18px; margin-left:20px; margin-top:20px; border:1px solid #e1e1e1; font-family:돋움; font-size:1em;}
.pop p.line{width:360px; margin: 0 auto; margin-top:10px; background:url(/images/common/bg_dotG.gif) top repeat-x;}
.pop p.line span.txt{display:block; padding-top:10px; margin-left:10px;}
.pop p.line span.o{font-weight:bold; color:#418e00;}
.pop p img {vertical-align: middle; margin-top:20px;}
.pop p input {vertical-align:bottom;}