@charset "utf-8";

/* ----------------------------------------------
 * HanbitSoft Service Development Team
 * GE 스승과제자 Stylesheet
 * Author - artsohee@hanbitsoft.co.kr 20131129
------------------------------------------------- */

/* CSS Reset
-------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button{margin:0; padding:0; font-size:100%;}
img, fieldset, button{border:0;}
body, input, button, textarea, select, table{line-height:1; font-family:'돋움', dotum, Helvetica, sans-serif; font-size:12px; color:#000;}
ol, ul{list-style:none;}
button, label{cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}

/* Reserved Class
-------------------------------------------------------------- */
.irPm{display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px;}
.irWa{display:block; overflow:hidden; position:relative; width:100%; height:100%; z-index:-1;}
.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.show{display:block;}
.hide{display:none;}
.fL{float:left;}
.fR{float:right;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}

/* Styles
-------------------------------------------------------------- */
.main #bg {width:100%; height:2170px;background:url(../images/bg.jpg) no-repeat center 0;}
.main #wrap {position:relative; left:0; top:0; margin:0 auto; width:1000px; height:2170px; background:url(../images/bg_wrap.jpg) no-repeat;}
.main #container {position:absolute; top:660px; left:0; height:1259px;}
.main #container button {display:block; width:236px; height:50px; background:none; text-indent:-9999px;}
.btnArea {position:absolute;}
.typeNew {position:absolute; left:128px; top:98px;}
.typeLead {position:absolute; left:637px; top:0;}
.condition {position:absolute; left:188px; top:1035px;}
.condition a {display:block; width:245px; height:50px; text-indent:-9999px;}
.main #footer {position:relative; left:0; top:1920px; color:#a69c91;}
.main #footer ul {padding:50px 0 0 56px; line-height:18px; letter-spacing:-1px;}
.main #footer ul li.first {line-height:14px;}
.main #footer ul li span {padding-left:16px; display:block;}


/*팝업 공통 속성*/
.pop1 button {display:block; text-indent:-9999px;}
.pop1 #wrap {padding:19px 10px 0 7px; width:533px; background:url(../images/bg_pop1.png) no-repeat;}
.pop1 #header {padding-bottom:16px;}
.pop1 #header h1 {float:left; height:29px; background:url(../images/spr_txt.png) no-repeat; text-indent:-9999px;}
.pop1 #header .btnClose {float:right; margin:5px 6px 0 0;}
.pop1 #header .btnClose button {width:18px; height:17px; background:url(../images/btnClose1.png) no-repeat;}
.pop1 .innerWrap {padding:21px 20px 0 20px; background:#3a2319;}
.pop1 #container h2 {height:22px; background:url(../images/spr_txt.png) no-repeat; text-indent:-9999px;}
.pop1 #container table {width:490px; border-collapse:collapse; border-spacing:0; font-size:11px;}
.pop1 #container caption {text-indent:-9999px;}
.pop1 #container thead tr {height:22px;}
.pop1 #container tbody td {height:27px; background:#e8ddd5; border-bottom:1px solid #fff; border-right:1px solid #fff; text-align:center; }
.pop1 #container tbody td.date {color:#8b8580;}
.pop1 #container tbody td.no {border-right:0}
.pop1 #container .pagination {margin-top:10px; width:490px; height:16px; text-align:center;}
.pop1 #container .pagination .prev,
.pop1 #container .pagination .next {padding:0;}
.pop1 #container .pagination a,
.pop1 #container .pagination strong {color:#ffd200; padding:0 8px;vertical-align:middle; display:inline-block; _display:inline; zoom:1;}
.pop1 #container .pagination a {color:#fff; text-decoration:none;}
.pop1 #container .pagination a:hover {text-decoration:underline;}
.pop1 #container .btnArea .cancle {background:url(../images/btnCancle.png) no-repeat;}
.pop1 #footer {font-size:11px; line-height:14px; color:#6f5f57}
.pop1 #footer li {padding-left:9px; background:url(../images/ico_notice.png) no-repeat 0 center;}
.pop1 #footer li span {color:#e0d4b3;}
.pop1 #footer .btnClose {width:122px; margin:0 auto;}
.pop1 #footer .btnClose button {width:122px; height:40px; background:url(../images/btnClose2.png) no-repeat;}


/*리더 가문 전용 공간 팝업*/
.leadFamily #wrap {height:781px;}
.leadFamily #header h1.leadTitle {width:246px; background-position:0 0;}
.leadFamily .innerWrap {height:705px;}
.leadFamily #container .familyList h2 {width:174px; background-position:-7px -167px;} 
.leadFamily .familyList {padding-bottom:53px;}
.leadFamily .familyList .listBack1 {height:183px; background:url(../images/bg_familyListHead.png) no-repeat;}
.leadFamily #container .rewardList h2 {width:100px; background-position:-7px -189px;} 
.leadFamily .rewardList {padding-bottom:42px;}
.leadFamily .rewardList .listBack2 {height:183px; background:url(../images/bg_rewardListHead.png) no-repeat;}
.leadFamily #footer ul {padding-bottom:36px;}



/*뉴비 가문 전용 공간 팝업*/
/*2013-12-11 수정*/
.nbFamliy #wrap {height:581px;}
.nbFamliy #header h1.nbTitle {width:252px; margin-left:5px; background-position:-7px -106px;}
.nbFamliy #header .graduation {float:left; margin-top:3px;}
.nbFamliy #header .graduation button {width:101px; height:25px; background:url(../images/btn_graduation.png) no-repeat;}
.nbFamliy #container .myList1 thead tr {height:18px;}
.nbFamliy #container .myList1 tbody td {height:50px; background:none; border:0; font-size:14px; color:#ffd200; font-weight:bold;}
.nbFamliy .innerWrap {height:505px;}
.nbFamliy .myList1 {margin-bottom:10px; height:79px; background:url(../images/bg_myListHead1.png) no-repeat;}
.nbFamliy .myList2 {margin-bottom:9px; height:274px; background:url(../images/bg_myListHead2.png) no-repeat;}
.nbFamliy .myList2 .item button {width:87px; height:17px; background:url(../images/btn_item.png) no-repeat; margin:0 auto;}
.nbFamliy #footer ul {padding-bottom:20px;}
/*//2013-12-11 수정*/


/*리더가문 등록하기 팝업*/
.registration #wrap {width:450px; height:480px;}
.registration #header h1.regTitle {width:252px; margin-left:5px; background-position:-7px -32px;}
.registration .innerWrap {padding:34px 35px 0 45px; height:372px;}
.registration #container .txt {margin:0 auto; margin-bottom:40px; width:252px; height:12px; background:url(../images/spr_txt.png) no-repeat -7px -212px; text-indent:-9999px;}
.registration #container h3 {padding-bottom:8px; color:#ffd200; font-weight:bold}
/*2013-12-04수정*/
.registration #container .familySelect {padding-bottom:29px; height:30px;}
.registration #container .bg {float:left; padding:5px 0 0 5px; margin-right:6px; width:244px; height:25px; background:#63340b;}
.registration #container textarea {border:0; padding:0 0 0 5px; width:231px; height:19px; resize:none; line-height:19px; overflow:hidden;}
.registration #container .leaderId textarea {background:url(../images/bg_input.png) no-repeat 0 -2px;}
.registration #container .familySelect p {float:left; padding-top:3px;}
.registration #container .familySelect button {width:95px; height:25px; background:url(../images/btn_familyEdit.png) no-repeat;}
.registration #container .leaderId {padding-bottom:11px;}
.registration #container .leaderId input {float:left; width:236px; height:18px; line-height:18px; border:7px solid #63340b; background:url(../images/bg_input.png) no-repeat 0 -2px;}
.registration #container .leaderId p {float:left; padding:3px 0 0 6px;}
.registration #container .leaderId button {width:47px; height:25px; background:url(../images/btn_search.png) no-repeat;}
.registration #container .notice {padding-left:9px; margin-bottom:60px; background:url(../images/ico_notice.png) no-repeat 0 center; font-size:11px; color:#6f5f57;}
.registration #container .btnArea,
.securityNum #container .btnArea {position:static; margin:0 auto; width:260px;}
.registration #container .btnArea button,
.securityNum #container .btnArea button {float:left; margin-right:8px; width:122px; height:40px;}
.registration #container .btnArea .leadReg {background:url(../images/btnRegist.png) no-repeat;}
/*//2013-12-04수정*/



/*주민등록번호 수집 및 사용 동의 팝업*/
.securityNum #wrap {padding:19px 10px 0 10px;width:430px; height:461px; background:#c2b280;}
.securityNum #header h1.secTitle {width:380px; margin-left:5px; background-position:-7px -67px;}
.securityNum .innerWrap {padding:34px 20px 0 20px; height:372px;}
.securityNum #container .txt {margin:0 auto 23px auto; width:288px; height:28px; background:url(../images/spr_txt.png) no-repeat -7px -234px; text-indent:-9999px;}
.securityNum #container .securityInfo {margin-bottom:13px; padding-top:27px; width:390px; height:60px; background:#63340b;}
.securityNum #container .securityInfo h2 {text-align:center; font-size:16px; line-height:18px; font-weight:bold; color:#ffd200; background:none; text-indent:0px}
.securityNum #container .notice {margin-bottom:44px; color:#6f5f57; font-size:11px; line-height:14px;}
.securityNum #container .agree {padding-bottom:34px;}
.securityNum #container .agree p {height:13px;}
.securityNum #container .agree input {float:left; margin:0; width:13px; height:13px;}
.securityNum #container .agree label {float:left; margin-left:6px; padding-top:1px; font-weight:bold; color:#e0d4b3;}
.securityNum #container .agree .not {padding:6px 0 0 18px; color:#6f5f57}
.securityNum #container .btnArea {position:static; margin:0 auto; width:260px;}
.securityNum #container  .btnArea .confirm {background:url(../images/btnConfirm.png) no-repeat;}