/* 1 생태관광 */

div#wrapper div#content #travel_recom{background-color:#5b9729; background-image:url(../image/travel/recom_bg.gif); background-repeat:no-repeat; float:left; padding:4px 0 0 4px; width:476px; height:196px;}
div#wrapper div#content #travel_search{float:right; width:197px; height:155px; background:url(../image/travel/search_back.gif) no-repeat; padding:45px 10px 0 23px;}
div#wrapper div#content #travel_search li{height:25px;}
div#wrapper div#content #travel_search li label{background:url(../image/icon_2.gif) no-repeat 0 3px; padding-left:8px;}

div#wrapper div#content #cate{width:681px; clear:both; background:url(../image/travel/recom_tb_top.gif) no-repeat -4px 0; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:15px 0 15px 11px; min-height:115px;}
div#wrapper div#content #cate dl{clear:both; margin:0; padding:0; min-height:22px;}
div#wrapper div#content #cate dt{float:left; font-weight:bold; background:url(../image/icon_8.gif) no-repeat right center; padding:0 8px 0 0; margin:0 0 3px 0;}
div#wrapper div#content #cate dd{margin:0; padding:0; }
div#wrapper div#content #cate dd ul{margin:0; padding:0; overflow:hidden;}
div#wrapper div#content #cate dd li{float:left; margin:0; padding:0 0 0 10px; background:url(../image/topline.gif) 5px 3px no-repeat; white-space:nowrap;}
div#wrapper div#content #cate dd .first{background:none;}


div#wrapper div#content #md{width:680px; background:#f8fbf7 url(../image/travel/recom_tb_mid.gif) no-repeat -4px 0; border-right:4px solid #5b9729; border-left:4px solid #5b9729; padding:50px 1px 5px 11px; height:260px;}
div#wrapper div#content #md_end{background:url(../image/travel/recom_tb_bottom.gif) no-repeat; width:700px; height:20px;}

div#wrapper div#content #p_list1 li{width:340px; height:85px; padding-top:10px; float:left;}
div#wrapper div#content #p_list1 li dl{width:330px; margin:0;}
div#wrapper div#content #p_list1 li dt{float:left; padding:10px; background-image:url(../image/p_list_bg1.gif); background-repeat:no-repeat; width:100px; height:65px;}
div#wrapper div#content #p_list1 li dd{float:left; margin:0; width:210px; height:70px; padding-top:15px; background-image:url(../image/p_list_bg1.gif); background-repeat:no-repeat; background-position:top right;}
div#wrapper div#content #p_list1 li dd span{color:#000000;}
div#wrapper div#content #p_list1 li dd .price{font-size:12px;color:#000000; font-weight:bold; background:url(../image/price.gif) no-repeat; padding: 0 0 0 30px;}
div#wrapper div#content #p_list1 li dd .date .month{background:url(../image/icon_1.gif) no-repeat right 8px; width:30px; text-align:left;}
div#wrapper div#content #p_list1 li dd .date li{float:left; padding:2px 0 0 0;  width:17px; text-align:center;}
div#wrapper div#content #p_list1 li dd .date .reserv a{color:#2081cb; text-decoration:underline;}
div#wrapper div#content #p_list1 li dd .date .wait a{color:#ff7800; text-decoration:underline;}

div#wrapper div#content #p_list2{margin-bottom:25px; overflow:hidden;}
div#wrapper div#content #p_list2 li{width:350px; float:left; border-bottom:1px solid #e2e2e2;}
div#wrapper div#content #p_list2 li dl{width:340px; margin:0;}
div#wrapper div#content #p_list2 li dt{float:left; padding:10px; width:90px; height:65px;}
div#wrapper div#content #p_list2 li dd{float:right; width:220px; padding-top:15px; margin:0;}
div#wrapper div#content #p_list2 li dd span{color:#000000; }
div#wrapper div#content #p_list2 li dd .price{font-size:12px;color:#000000; font-weight:bold; background:url(../image/price.gif) no-repeat; padding: 0 0 0 30px;}
div#wrapper div#content #p_list2 li dd .date .month{background:url(../image/icon_1.gif) no-repeat right 8px; width:30px; text-align:left;}
div#wrapper div#content #p_list2 li dd .date li{float:left; padding:2px 0 0 0;  width:17px; text-align:center; border:0;}
div#wrapper div#content #p_list2 li dd .date .reserv a{color:#2081cb; text-decoration:underline;}
div#wrapper div#content #p_list2 li dd .date .wait a{color:#ff7800; text-decoration:underline;}

div#wrapper div#content #cmm{border:3px solid #d8b195; padding:17px 0 17px 7px; overflow:hidden; width:690px;}
div#wrapper div#content #cmm div{float:left; margin-left:10px; width:auto; width:220px;}
div#wrapper div#content #cmm div dl{margin:0;}
div#wrapper div#content #cmm div dt{float:left; width:90px; margin:0 0 5px 0; padding:0;}
div#wrapper div#content #cmm div dd{padding:0;}
div#wrapper div#content #cmm div .recom{float:right;}
div#wrapper div#content #cmm div ul{clear:both;}
div#wrapper div#content #cmm div li{background:url(../image/icon_5.gif) no-repeat 0 3px; padding-left:12px; height:21px;}
div#wrapper div#content #cmm div h3{display:block; margin-bottom:10px;}



/* 생태관광 상세정보페이지 */
/* 상단 간단정보 */
div#wrapper div#content #detail{clear:both;}
div#wrapper div#content #detail #p_name{background:url(../image/travel/info_product.gif) no-repeat; height:30px; padding:20px 16px 0 16px; font-weight:bold; color:#000000; font-size:14px;}
div#wrapper div#content #detail #p_name span{color:#288327;}
div#wrapper div#content #detail #p_info{width:660px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:15px 16px 5px 16px; overflow:hidden; background-color:#FFFFFF;}
div#wrapper div#content #detail #p_info .image{float:left; width:320px;}
div#wrapper div#content #detail #p_info .image p{margin-bottom:5px;}
div#wrapper div#content #detail #p_info .image li{float:left; padding-right:3px;}
div#wrapper div#content #detail #p_info .info{float:right; width:330px; }
div#wrapper div#content #detail #p_info .info .gray{background-color:#f9f9f9;}
div#wrapper div#content #detail #p_info .info dl{margin:0; clear:both; border-bottom:1px solid #ddd; overflow:hidden;}
div#wrapper div#content #detail #p_info .info dt{width:60px; padding:4px 0 3px 5px; font-weight:bold; float:left; letter-spacing:-1px;}
div#wrapper div#content #detail #p_info .info dd{padding:4px 0 3px 0; width:230px; float:left; margin:0;}
div#wrapper div#content #detail #p_info .info .date{border:1px solid #ddd; background:#f9f9f9; padding:3px; text-align:center; color:#288327; font-weight:bold; margin-top:10px;}
div#wrapper div#content .start{background:url(../image/travel/info_start.gif) no-repeat 0 2px; padding:1px 0 2px 40px;}
div#wrapper div#content .arrival{background:url(../image/travel/info_arrival.gif) no-repeat 0 2px; padding:1px 0 2px 40px;}
div#wrapper div#content .person_1{padding:1px 0 2px 2px;}
div#wrapper div#content .person_2{padding:1px 0 2px 2px;}
div#wrapper div#content .person_3{padding:1px 0 2px 2px;}
div#wrapper div#content .person_4{padding:1px 0 2px 2px;}
div#wrapper div#content .price{background:url(../image/travel/info_price.gif) no-repeat 0 2px; padding:1px 0 2px 60px; height:30px; color:#a86a39; font-size:14px; font-weight:bold;}
div#wrapper div#content .person_1 span{padding-left:3px; font-weight:bold;}
div#wrapper div#content .person_2 span{padding-left:3px; font-weight:bold;}
div#wrapper div#content .person_3 span{padding-left:3px; font-weight:bold;}
div#wrapper div#content .person_4 span{padding-left:3px; font-weight:bold;}

div#wrapper div#content #detail #btn{background:url(../image/travel/info_btn.gif) no-repeat; height:44px; padding:21px 16px 0 16px; margin-bottom:20px; clear:both; width:670px;}
div#wrapper div#content #detail #btn .left{float:left;}
div#wrapper div#content #detail #btn .left a{background:url(../image/btn/info_gallery.gif) no-repeat; width:30px; height:21px; padding:9px 0 0 80px; font-size:11px; display:inline-block;}
div#wrapper div#content #detail #btn .right{float:right;}
div#wrapper div#content #detail #btn .right li{padding-left:3px; float:left;}
div#wrapper div#content #detail .box{background:url(../image/box3_top.gif) no-repeat; width:700px; overflow:hidden; padding-top:10px;}
div#wrapper div#content #detail .box .in{background:url(../image/box3_bottom.gif) no-repeat bottom; padding:0 10px 10px 10px; margin-bottom:20px;}
div#wrapper div#content #detail .box2{background:url(../image/box4_top.gif) no-repeat; width:340px; overflow:hidden; padding-top:10px;}
div#wrapper div#content #detail .box2 .in{background:url(../image/box4_bottom.gif) no-repeat bottom; padding:0 10px 10px 10px; margin-bottom:20px;}


/* 탭부분 */
div#wrapper div#content #detail #tab{background:url(../image/travel/tab_bg.gif) repeat-x; margin-bottom:10px; height:27px; width:700px;}
div#wrapper div#content #detail #tab li{float:left;}
div#wrapper div#content #detail #tab_info{width:700px;}
div#wrapper div#content #detail #tab_info .inclusion{float:left; width:340px; overflow:hidden;}
div#wrapper div#content #detail #tab_info .exclusion{float:right; width:340px; overflow:hidden;}


/* 탭별 정보페이지들 */
div#wrapper div#content #detail #tab_info #schedule{clear:both; margin-bottom:20px;}
div#wrapper div#content #detail #tab_info #schedule th{border-top:2px solid #766859; background-color:#968b7f; padding:7px 20px 2px 20px; font-weight:bold; color:#FFFFFF; text-align:left;}
div#wrapper div#content #detail #tab_info #schedule td{border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:10px 0 10px 0; vertical-align:top;}
div#wrapper div#content #detail #tab_info #schedule .area{border-left:1px solid #dddddd; text-align:center; width:80px;}
div#wrapper div#content #detail #tab_info #schedule .train{text-align:center; width:80px;}
div#wrapper div#content #detail #tab_info #schedule .time{text-align:center; width:50px;}
div#wrapper div#content #detail #tab_info #schedule .contents{padding:10px;}
div#wrapper div#content #detail #tab_info #schedule .hotel{padding:9px 0px 5px 35px; border-right:0; border-left:1px solid #dddddd; background:url(../image/travel/icon_hotel.gif) no-repeat 10px 11px;}
div#wrapper div#content #detail #tab_info #schedule .meat{padding:9px 0px 5px 35px; background:url(../image/travel/icon_meat.gif) no-repeat 10px 11px;}



div#wrapper div#content #detail #tab_info .title{width:670px; background:url(../image/icon_4.gif) no-repeat 5px 12px; padding:10px 0 10px 23px; font-size:14px; color:#000000; font-weight:bold; position:relative; height:20px;}
div#wrapper div#content #detail #tab_info .btn_detail{ padding-top:8px;}
div#wrapper div#content #detail #tab_info .title div{font-size:12px; line-height:140%; font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#5b5b5b; font-weight:normal; position:absolute; right:0; top:10px; width:170px; height:30px;}
div#wrapper div#content #detail #tab_info .data{padding:0 10px 10px 10px; margin-bottom:20px; border-bottom:1px solid #dddddd; clear:both;}
div#wrapper div#content #detail #tab_info .image{float:left; width:340px; margin-bottom:20px;}
div#wrapper div#content #detail #tab_info .info{float:right; width:350px; border-top:1px solid #5b9729; padding-top:3px;}
div#wrapper div#content #detail #tab_info .info dl{margin:0;border-bottom:1px solid #ddd; overflow:hidden;}
div#wrapper div#content #detail #tab_info .info dt{width:65px; padding:4px 0 3px 5px; font-weight:bold; float:left; letter-spacing:-1px;}
div#wrapper div#content #detail #tab_info .info dd{width:270px; padding:4px 0 2px 0; margin:0; float:left;}

div#wrapper div#content #detail #tab_info .counsel{width:698px; border-top:2px solid #848484; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; clear:both; padding:10px 0 10px 0;  background:url(../image/form_dt_bg.gif) repeat-y;}
div#wrapper div#content #detail #tab_info .counsel dl{margin:0; overflow:hidden;}
div#wrapper div#content #detail #tab_info .counsel dt{width:110px; float:left; padding:4px 0 3px 30px; letter-spacing:-1px; background:url(../image/icon_5.gif) no-repeat 15px 7px;}
div#wrapper div#content #detail #tab_info .counsel dd{width:550px; padding:4px 0 3px 0; margin:0; overflow:hidden;}
div#wrapper div#content #detail #tab_info .counsel_btn {height:50px; text-align:center; padding-top:20px; clear:both;}
div#wrapper div#content #detail #tab_info .counsel_btn a{margin-left:5px;}


/* 예약페이지 */
div#wrapper div#content .reservation{width:660px; border-left:4px solid #5b9729; border-right:4px solid #5b9729; padding:0 16px 0 16px; overflow:hidden; background-color:#FFFFFF;}
div#wrapper div#content .reservation h3{clear:both;}
div#wrapper div#content .reservation .product{ font-weight:bold; font-size:14px; color:#000000; background:url(../image/icon_4.gif) no-repeat 3px 3px; padding-left:20px;}
div#wrapper div#content .reservation .reserv{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:7px 0 7px 0; background:url(../image/form_dt_bg.gif) repeat-y;}
div#wrapper div#content .reservation .reserv dl{clear:both; margin:0; overflow:hidden;}
div#wrapper div#content .reservation .reserv dt{width:110px; overflow:hidden; padding:4px 0 3px 30px; letter-spacing:-1px; background:url(../image/icon_5.gif) no-repeat 15px 8px; float:left;}
div#wrapper div#content .reservation .reserv dd{padding:4px 0 3px 0; margin:0; width:500px; float:left;}


div#wrapper div#content .reservation .reserv2{border-top:2px solid #848484; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden; padding:8px 0 8px 0; background:url(../image/form_dt_bg.gif) repeat-y;}
div#wrapper div#content .reservation .reserv2 dl{margin:0; overflow:hidden;}
div#wrapper div#content .reservation .reserv2 dt{width:100px; overflow:hidden; padding:4px 0 3px 30px; letter-spacing:-1px; background:url(../image/icon_5.gif) no-repeat 15px 8px;}
div#wrapper div#content .reservation .reserv2 dd{width:520px; padding:4px 0 3px 0; margin-top:-26px; float:right;}
div#wrapper div#content .reservation .reserv2 label{padding-right:5px;}

div#wrapper div#content .reservation .reserv_btn {text-align:center;}
div#wrapper div#content .reservation .reserv_btn a{margin-left:5px;}

div#wrapper div#content .reservation .reserv_tb{border:1px solid #ddd; margin-bottom:20px;}

div#wrapper div#content .reservation .reserv_tb thead th{font-weight:bold; text-align:center; height:25px; border-bottom:1px solid #ddd; background:#f9f9f9 url(../image/topline.gif) no-repeat 0 center;}
div#wrapper div#content .reservation .reserv_tb thead .no{background-image:none; width:35px;}
div#wrapper div#content .reservation .reserv_tb thead .part{width:200px;}
div#wrapper div#content .reservation .reserv_tb td{text-align:center; height:25px;}

div#wrapper div#content .reservation .reserv3{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;}
div#wrapper div#content .reservation .agree{margin-bottom:20px; color:#cf640f; float:left; width:480px;}
/* div#wrapper div#content .reservation label{position:relative; top:-3px; left:0;} */

/* 월별 리스트 */
div#wrapper div#content #month_list{background:url(../image/travel/month_bg.gif) no-repeat; width:680px; height:40px; padding:10px 10px 0 10px; margin-bottom:20px;}
div#wrapper div#content #month_list .year{float:left;}
div#wrapper div#content #month_list .year ul{padding:0; margin:0;}
div#wrapper div#content #month_list .year li{float:left;}
div#wrapper div#content #month_list .month{float:right;}
div#wrapper div#content #month_list .month ul{padding:0; margin:0;}
div#wrapper div#content #month_list .month li{float:left; padding-left:2px;}

div#wrapper div#content #p_list3{margin-bottom:25px; overflow:hidden; width:700px;}
div#wrapper div#content #p_list3 div{border-bottom:1px solid #e2e2e2; overflow:hidden; padding:10px 0 10px 0;}
div#wrapper div#content #p_list3 .s_date{background:url(../image/travel/day_bg.gif) no-repeat; width:120px; height:23px; border:0;  float:left; padding:7px 0 0 20px;}
div#wrapper div#content #p_list3 .s_date span{color:#000000; font-weight:bold;}
div#wrapper div#content #p_list3 ul{float:right; width:540px;;}
div#wrapper div#content #p_list3 li{height:18px; position:relative; padding-top:5px;}
div#wrapper div#content #p_list3 li span{color:#288327;}
div#wrapper div#content #p_list3 li .price{font-size:12px;color:#000000; font-weight:bold; background:url(../image/price.gif) no-repeat 0 3px; padding: 0 0 0 30px; position:absolute; right:0; top:3px;}