/*로그인
#login { width:400px; margin:50px auto; padding-top:80px; overflow:hidden; }
#login h2 { padding-bottom:20px; border-bottom:1px solid #d1d1d1;  }
#login h2 img { display:block; margin:0 auto; }
#login form { width:360px; margin-bottom:20px; padding:20px 10px; position:relative; border-bottom:1px solid #d1d1d1; }
#login form input { border:1px solid #d1d1d1; }

#idPw input { width:240px; height:30px; margin:5px; padding-left:10px;  }
#loginSave .btnLogin { width:80px; height:80px; position:absolute; top:25px; left:285px; }

.loginInfor { width:325px; margin-left:40px; line-height:20px; }
.loginInfor p { float:right; text-align:right; margin-bottom:5px; }
.loginInfor p::before { content:'■'; margin-right:5px; font-size:8px; color:#ff6a00; }
.loginInfor a { display:block; width:80px; height:20px; margin-left:20px; background:#d1d1d1; text-align:center; float:right; }
*/

li,div,p,span,label {color:#333;}
/** login **/
.loginbox{width:100%; margin:0 auto;}
.loginbox strong img {width:100%;}
.loginbox .view .view_1{ margin:0 auto; width:85%; position:relative; padding:25px 0px 33px 0px; border-top:1px solid #e5e5e5;}
.loginbox .view .view_1 input[type=text],
.loginbox .view .view_1 input[type=password]
{display:block; width:50%; height:30px; line-height:30px; padding:0px 10px; margin:0px 0px 10px 0px; border:1px solid #bebebe; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#999; background:#f7f7f7;}
.loginbox .view .view_1 .login_btn{position:absolute; right:0px; top:25px;}
.loginbox .view .idsave{ width:85%; padding-bottom:20px; margin:0 auto;}
.text {border-top:1px solid #e5e5e5; margin:0 auto}
.text ul li{width:100%; position:relative; line-height:25px; margin-bottom:5px;}
.text ul li a{position:absolute; right:0px;}

/* 회원가입, id/pw 공통 시작*/
.joinPath li, .idpw li { float:left; }
.join h2 img { border-bottom:2px solid #333; margin:40px 0 10px; padding-bottom:3px; }
.consent { width:300px; margin:30px 20px; }
.consent input {  padding:0 10px; border:1px solid #ff6a00; cursor:pointer; width:44px; height:30px; background:url(../images/mypage/d1.png); background-repeat:no-repeat;}
.consent input.disagree { padding:0 10px; border:0px; cursor:pointer; width:125px; height:35px; background:url(../images/mypage/login_btn06.png); background-repeat:no-repeat; }

/*정보입력*/
.joinForm { margin:20px 0; position:relative; }
.joinForm li { border-bottom:1px solid #eeeeee; padding-top:5px }
.joinForm input.punch {  border:1px solid #eeeeee; display:inline-block}
.joinForm input.text { height:20px; margin-bottom:5px; border:1px solid #d1d1d1; }
.joinForm select { height:20px; font-size:11px; }
.joinForm em {margin-right:5%; }
.joinForm li p .preserve{ width:78px}
.joinForm p { display:block;}
.joinForm span { color:#888; }
.btn_ok { padding:5px; border:1px solid #d1d1d1; background:#d5d5d5; }
/* 회원가입, id/pw 공통 끝 */

/*회원가입*/
.joinPath { width:500px; margin:0 auto; padding-top:70px; overflow:hidden; }
.joinAssent { background:url(../images/btn_join_bg_01.png) no-repeat; }
.joinInfor { background:url(../images/btn_join_bg_02.png) no-repeat; }
.joinComplete { background:url(../images/btn_join_bg_03.png) no-repeat; }
.joinPath li:first-child { margin-right:130px; }
.joinPath li:last-child { margin-left:135px; }

.join legend { margin-bottom:10px; }
.field1 { margin:30px 0; }
.box { height:200px; margin:10px 0; padding:20px 18px 0 20px; border:1px solid #e5e5e5; overflow:auto; }

/* 아이디 찾기 
.idpw { width:300px; margin:0 auto; padding-top:70px; overflow:hidden; }
.idpw li:first-child { margin:0 120px 0 10px; }
.idSearch { background:url(../images/btn_join_bg_04.png) no-repeat; }
.pwSearch { background:url(../images/btn_join_bg_05.png) no-repeat; }
*/

/*가입완료*/
.complete { width:684px; height:338px; margin-top:70px; overflow:hidden; background:url(../images/btn_join_complete.png) no-repeat; }
.complete p { font-size:0; }
.complete ul { position:relative; top:240px; left:255px; }
.complete li { float:left; height:30px; margin-right:5px; padding:0 10px; background:#696969; color:#fff; font-size:12px; line-height:30px; border-radius:5px;}
.complete a { color:#fff; }
.complete li:last-child { background:none; border:1px solid #d1d1d1; }
.complete li:last-child a { color:#333; }

/*정보수정*/
.edit h2 img { margin-top:0; }
/** login 
.loginbox{width:350px; margin:0 auto;padding-top:50px;}
.loginbox .view{position:relative; padding:25px 0px 33px 0px; border-top:1px solid #e5e5e5;}
.loginbox .view input[type=text],
.loginbox .view input[type=password]{display:block; width:230px; height:30px; line-height:30px; padding:0px 10px; margin:0px 0px 10px 0px; border:1px solid #bebebe; border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#999;background:#f7f7f7;}
.loginbox .view .login_btn{position:absolute; right:0px; top:25px;}
.loginbox .view .idsave{position:absolute; right:100px; top:108px;}
.loginbox .text{padding:17px 20px; border-bottom:1px solid #dedede; background:#f6f7f9;}
.loginbox .text ul li{position:relative; padding-left:10px; line-height:25px; background:url("../images/common/login_bul.gif") no-repeat left 11px;}
.loginbox .text ul li a{position:absolute; left:165px; top:3px;}

/* 아이디/비번찾기 */
#sub_content_aera .cate {position:relative; display:block; width:100%; height:35px; margin:3% 0%; }
#sub_content_aera .cate ul {display:block; width:100%; height:35px; }
#sub_content_aera .cate ul li {cursor:pointer; width:49%; padding-top:15px; height:100%; text-align:center; float:left; color:#3d424d; font-size:1em; border:1px solid #3d424d;}
#sub_content_aera .cate ul li.on {width:49.5%; background-color:#585858; text-align:center; float:left; color:#ffffff; font-size:1em; }
#sub_content_aera .cate .line2 {width:1%; height:100%; background-color:#e5e5e5; }
#sub_content_aera .cate_join {position:relative; display:block; width:100%; height:35px; margin:3% 0%; }
#sub_content_aera .cate_join ul {display:block; width:100%; height:35px; background-color:#ffffff;}
#sub_content_aera .cate_join ul li {cursor:pointer; width:24%; padding-top:15px; height:100%; background-color:#ffffff; text-align:center; float:left; color:#3d424d; font-size:1em; border:1px solid #3d424d;}
#sub_content_aera .cate_join ul li.on {width:23%; background-color:#585858; text-align:center; float:left; color:#ffffff; font-size:1em; }
#sub_content_aera .cate_join .line2 {width:0.1%; height:100%; border:0px;}
#contents {width:100%;}

#real_contents {position:relative; width:90%; margin:10% auto; color:#524e4d; }
#real_contents .agreement { color:#524e4d; }
#real_contents .agreement p{ color:#524e4d; }
#real_contents .privacy { color:#524e4d; }
#real_contents .privacy p{ color:#524e4d; }
#real_contents .join p {color:#524e4d;}
#real_contents .join label {color:#524e4d; }
#real_contents h3 {color:#524e4d; margin-bottom:3%;}
#real_contents .join .label {width:20%; font-weight:bold; color:#524e4d; text-align:left;}
#real_contents .join .input_box {width:30%;}
#real_contents .join .idsave { color:#524e4d; }
/*#real_contents .join input.click {position:relative; width:30%; height:30px; padding:0 10px; background:#ff6a00; color:#fff; font-size:12px; border:1px solid #ff6a00; border-radius:5px; cursor:pointer; margin-top:3%;}*/
#real_contents .join input.leave {position:relative; width:30%; height:30px; color:#ffffff; font-size:12px; border:1px solid #c8c8c8; border-radius:5px; cursor:pointer; margin-top:3%;} 
#real_contents .agree { padding:0 10px; border:0px; cursor:pointer; width:55px; height:35px; background:url(../images/mypage/login_btn05.png); background-repeat:no-repeat; }
#real_contents .submit { display:block; padding:0 10px; border:0px; cursor:pointer; width:79px; height:35px; background:url(../images/mypage/login_btn04.png); background-repeat:no-repeat; }
#real_contents .home { display:block; padding:0 10px; border:0px; cursor:pointer; width:79px; height:35px; background:url(../images/mypage/login_btn08.png); background-repeat:no-repeat; }
#real_contents .submit_click { padding:0 10px; border:0px; cursor:pointer; width:55px; height:35px; background:url(../images/common/mB01.png); background-repeat:no-repeat; }
#real_contents .leave_click { padding:0 10px; border:0px; cursor:pointer; width:79px; height:35px; background:url(../images/mypage/login_btn07.png); background-repeat:no-repeat; }
#real_contents .click { display:block; padding:0 10px; border:0px; cursor:pointer; width:55px; height:35px; background:url(../images/common/mB01.png); background-repeat:no-repeat; }
#real_contents .center {text-align:center;}
#wrap #txt{min-height:350px !important;}

#sub_content_aera .table1 { margin-bottom:20px; }
#sub_content_aera .clickbtn{ margin:0 auto; width:44px; height:30px; display:block; }

/*.a_app_box    {width:100%; }
.a_app_box tr {margin:10px 0px;}
.a_app_box th {color:#555;}
.a_app_box td {text-align:left; padding-bottom:5px;}*/
.app_b_input  {width:50%; height:20px; border:1px solid #c0c0c0; padding:1%; margin-bottom:2%;}
.app_b_input2  {width:60px; height:20px; border:1px solid #c0c0c0; padding:2px; }
.selec_input { padding:2% 0%; border:1px solid #c0c0c0; background-color:#ffffff; }
.text_input {width:99.4%; height:50px; margin-bottom:3px; margin-top:3px;}
.a_app_btn {text-align:center; margin-top:20px; margin-bottom:40px;}

/* 우측메뉴 
aside { position:absolute; top:70px; right:50px; width:255px; height:270px; box-shadow:0 0 5px #d1d1d1;  }
aside h1 { font:normal 16px "Ebrima"; padding-right:10px; text-transform:uppercase; line-height:40px; background:#d5d5d5; text-align:right; }
aside li { padding-left:20px; font:normal 12px "맑은 고딕"; line-height:35px; border-bottom:1px solid #e2e2e2;  border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
aside li:first-child { padding-top:10px; }
aside li:last-child { padding-bottom:10px; border-bottom:0; } */