/* 멤버페이지  */

/* 로그인 */
div#wrapper div#content #login{ width:366px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:30px 26px 0 300px; overflow:hidden; background:#FFF url(../image/ok_img.gif) no-repeat 30px 10px;}
div#wrapper div#content #login p{padding:0; height:50px;}
div#wrapper div#content #login div{border-bottom:1px solid #ddd;  margin-bottom:10px; padding:10px 20px 20px 20px; height:55px; position:relative;}
div#wrapper div#content #login div dl{clear:both; overflow:hidden; width:250px; margin:0;}
div#wrapper div#content #login div dt{width:70px; float:left; font-weight:bold; height:25px; padding-top:2px; letter-spacing:-1px;}
div#wrapper div#content #login div dd{width:170px; margin:0; padding:0; float:left;}
div#wrapper div#content #login div a{position:absolute; top:10px; right:0; padding-right:20px;}
div#wrapper div#content #login .mem_select{border:1px solid #dfdfdf; height:20px; padding:6px 0 0 0; text-align:center; background:#f8f8f8;}
div#wrapper div#content #login #link {float:left; border:0; padding:10px; margin:0; height:60px;}
div#wrapper div#content #login #link dl{clear:both; overflow:hidden; width:360px; margin:0;}
div#wrapper div#content #login #link dt{width:220px; float:left; font-weight:normal; height:25px; letter-spacing:-1px;}
div#wrapper div#content #login #link dd{width:140px; float:left; position:relative;}
div#wrapper div#content #login #link dd a{margin:0; position:absolute; top:0; right:0;}

div#wrapper div#content #login div .security{position:absolute; top:50px; right:0; letter-spacing:-1px; border:none;}

/* 회원가입혜택 */
div#wrapper div#content #good{width:620px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:10px 36px 10px 36px; overflow:hidden; background:#fbfbfb; }
div#wrapper div#content #good p{float:left; padding-top:20px;}
div#wrapper div#content #good ul{float:right; width:340px;}
div#wrapper div#content #good li{float:left;}


/* 아이디비밀번호찾기 */
div#wrapper div#content #find{width:366px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:30px 26px 20px 300px; overflow:hidden; background:#FFF url(../image/member/find_img.gif) no-repeat 10px 10px; min-height:200px;}
div#wrapper div#content #find .mem_select{border:1px solid #dfdfdf; height:20px; padding:6px 0 0 0; text-align:center; background:#f8f8f8;}
div#wrapper div#content #find p{padding:0; height:50px;}
div#wrapper div#content #find div{border-bottom:1px solid #ddd;  margin-bottom:10px; padding:10px 15px 10px 15px; overflow:hidden; position:relative;}
div#wrapper div#content #find div dl{clear:both; overflow:hidden; width:270px; margin:0;}
div#wrapper div#content #find div dt{width:80px; float:left; font-weight:bold; height:25px; padding-top:2px; letter-spacing:-1px;}
div#wrapper div#content #find div dd{width:160px; margin:0; padding:0; float:left;}
div#wrapper div#content #find div a{position:absolute; top:10px; right:0; padding-right:15px;}
div#wrapper div#content #find div p{height:35px; padding-top:5px; text-align:center; background:url(../image/member/mem_select.gif) no-repeat; width:330px; display:block; }

div#wrapper div#content #find_ok{width:366px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:30px 26px 20px 300px; overflow:hidden; background:#FFF url(../image/member/find_img.gif) no-repeat 10px 10px; min-height:200px;}
div#wrapper div#content #find_ok p{padding:0; height:50px;}
div#wrapper div#content #find_ok div{border-top:1px solid #ddd; border-bottom:1px solid #ddd;  margin-bottom:10px; padding:20px 10px 20px 10px; overflow:hidden; position:relative;}
div#wrapper div#content #find_ok a{position:absolute; top:60px; right:0;}

div#wrapper div#content #find .link {margin:10px 0 0 0; padding:0; text-align:left; clear:both; position:relative; border:0;}
div#wrapper div#content #find .link a{position:absolute; top:0; right:0;}

/* 회원가입 */
div#wrapper div#content #join{width:640px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:10px 26px 20px 26px; overflow:hidden; background:#FFF; min-height:200px;}
div#wrapper div#content #join h3{clear:both; position:relative;}
div#wrapper div#content #join h3 span{position:absolute; right:0; font-size:12px; line-height:140%; font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#5b5b5b; font-weight:normal;}
div#wrapper div#content #join .confirm{border-top:2px solid #848484; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden; margin-bottom:10px; padding:10px;}
div#wrapper div#content #join .confirm div{border-bottom:1px solid #ddd;  margin-bottom:10px; padding:10px 60px 10px 60px; overflow:hidden;}
div#wrapper div#content #join .confirm div dl{clear:both; overflow:hidden; margin:0;}
div#wrapper div#content #join .confirm div dt{width:80px; float:left; font-weight:bold; height:25px; padding-top:2px; letter-spacing:-1px;}
div#wrapper div#content #join .confirm div dd{padding-left:45px; *margin-left:0;}
div#wrapper div#content #join .confirm div a{float:right; margin-top:-50px; }
div#wrapper div#content #join .confirm ul{padding:5px;}
div#wrapper div#content #join .confirm li{background:url(../image/icon_7.gif) no-repeat 0 4px; padding:2px 2px 2px 15px;}

div#wrapper div#content #join .join_f{border-top:2px solid #848484; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:20px; padding:10px 0 10px 0;  background:url(../image/form_dt_bg.gif) repeat-y;}
div#wrapper div#content #join .join_f dl{clear:both; margin:0; overflow:hidden;}
div#wrapper div#content #join .join_f dt{width:100px; *width:110px; overflow:hidden; padding:4px 0 3px 24px; letter-spacing:-1px; background:url(../image/icon_5.gif) no-repeat 10px 8px; float:left;}
div#wrapper div#content #join .join_f dd{padding:4px 0 3px 95px; *padding:4px 0 3px 0; *margin-left:0; }
div#wrapper div#content #join .join_btn{text-align:center; clear:both;}

div#wrapper div#content #join .join_text{padding:10px; border:1px solid #ddd; margin-top:20px;}
div#wrapper div#content #join .join_text li{background:url(../image/icon_7.gif) no-repeat 0 5px; padding:2px 0 2px 15px;}
div#wrapper div#content #join .agree_f{border-top:2px solid #848484; border-left:1px solid #ddd; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; margin-bottom:10px; padding:10px; height:200px; overflow:auto; clear:both;}
div#wrapper div#content #join .agree{margin-bottom:20px; color:#cf640f; float:left; width:470px;}

/* 마이페이지 메인 */
div#wrapper div#content #mypage_1{background:url(../image/mypage/good_bg.gif) no-repeat; height:175px; width:640px; padding:15px 30px 0 30px;}
div#wrapper div#content #mypage_1 .info_1{float:left; width:450px;}
div#wrapper div#content #mypage_1 .info_2{float:right; width:150px;}
div#wrapper div#content #mypage_1 h3{font-weight:normal; height:30px;}
div#wrapper div#content #mypage_1 h3 span{font-weight:bold; color:#079207;}
div#wrapper div#content #mypage_1 .info_1 div{border-top:2px solid #848484; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 10px 5px 10px;}
div#wrapper div#content #mypage_1 .info_2 div{border-top:2px solid #848484; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 10px 5px 10px;}
div#wrapper div#content #mypage_1 li{background:url(../image/icon_10.gif) no-repeat 8px 6px; padding-left:15px; height:23px;}
div#wrapper div#content #mypage_1 li span{font-weight:bold; color:#079207;}

div#wrapper div#content .mypage_2{width:640px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:0 26px 10px 26px; overflow:hidden; background:#FFF;}
div#wrapper div#content .mypage_2 h3{font-weight:normal; height:30px;}
div#wrapper div#content .mypage_2 div{border-top:2px solid #848484; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px 10px 5px 10px; margin-bottom:5px; overflow:hidden;}
div#wrapper div#content .mypage_2 div p{border-bottom:1px solid #dddddd; height:23px; font-weight:bold; padding-left:10px; color:#000000; float:left; width:508px; margin-bottom:10px;}
div#wrapper div#content .mypage_2 div p span{color:#079207;}
div#wrapper div#content .mypage_2 div .btn{float:right; border-bottom:1px solid #dddddd; height:23px; width:100px; text-align:right;  margin-bottom:10px;}
div#wrapper div#content .mypage_2 div li{background:url(../image/icon_10.gif) no-repeat 8px 6px; padding-left:15px; height:23px; float:left; width:290px;}
div#wrapper div#content .mypage_2 div td{border-bottom:1px solid #dddddd;}
div#wrapper div#content .mypage_2 div .subject{background:url(../image/icon_10.gif) no-repeat 8px 8px; padding-left:15px; height:25px;}
div#wrapper div#content .mypage_2 div .subject span{color:#079207;}
div#wrapper div#content .mypage_2 div .date{text-align:center; width:80px;}
div#wrapper div#content .mypage_2 div .state{text-align:right; background:url(../image/topline.gif) no-repeat 0 6px; width:75px;}
div#wrapper div#content .mypage_2 div .del{text-align:right; background:url(../image/topline.gif) no-repeat 0 6px; width:58px;}

/* 마이페이지_생태관광 관심목록 */
div#wrapper div#content #my_scrap {margin-bottom:20px; width:660px;} 
div#wrapper div#content #my_scrap ul{border-top:2px solid #5b9729; clear:both;}
div#wrapper div#content #my_scrap li{border-bottom:1px solid #dddddd; padding:7px 0 4px 0; overflow:hidden;}
div#wrapper div#content #my_scrap li ul{border:0;}
div#wrapper div#content #my_scrap li li{border:0; float:left; padding:0;}
div#wrapper div#content #my_scrap li .select{width:30px; text-align:center; padding-top:25px;}
div#wrapper div#content #my_scrap li .img{width:110px;}
div#wrapper div#content #my_scrap li .p_info{width:440px; padding-top:15px;}
div#wrapper div#content #my_scrap li .view{padding-top:30px;}

div#wrapper div#content #my_scrap li span{color:#000000; font-weight:bold; background:url(../image/price.gif) no-repeat; padding: 0 0 0 30px;}
div#wrapper div#content #my_scrap li .date .month{background:url(../image/icon_1.gif) no-repeat right 8px; width:30px; text-align:left;}
div#wrapper div#content #my_scrap li .date li{float:left; padding:2px 0 0 0;  width:17px; text-align:center;}
div#wrapper div#content #my_scrap li .date .reserv a{color:#2081cb; text-decoration:underline;}
div#wrapper div#content #my_scrap li .date .wait a{color:#ff7800; text-decoration:underline;}

/* 회원탈퇴 */
div#wrapper div#content #out{width:395px; padding:40px 0 0 260px; overflow:hidden; background:#FFF url(../image/ok_img.gif) no-repeat; clear:both; height:230px;}
div#wrapper div#content #out p{padding:0; height:50px;}
div#wrapper div#content #out div{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 20px 10px 20px; overflow:hidden;}
div#wrapper div#content #out div dl{clear:both; overflow:hidden; width:270px; margin:0;}
div#wrapper div#content #out div dt{width:85px; float:left; font-weight:bold; height:25px; padding-top:2px; letter-spacing:-1px;}
div#wrapper div#content #out div dd{width:240px;}
div#wrapper div#content #out div a{float:right; margin-top:-80px; }
div#wrapper div#content #out div p{height:20px; text-align:right; padding-bottom:5px;}