@charset "utf-8";
/* CSS Document */

/*board*/ 
.table_wrap{border-top:2px solid #00589b; border-bottom:1px solid #333;}
.table_wrap .no_con{ padding:150px 0 150px 0; text-align:center; font-weight:600; color:#333;}

.table_wrap .tit{border-bottom:1px solid #646c7c; color:#333; background:#fff;}
.table_wrap .tit strong{ display:inline-block; *display:inline; zoom:1; font-weight:600;}
.board_list .tit{ background-color:#f9f9f9; padding:12px 0;}
.board_write .tit{border-top:1px solid #999; border-bottom:none; text-align:left; padding-left:20px; background-color:#f9f9f9; border-right:2px dotted #bbbbbb}
.board_write tr:first-child .tit{ border-top:none}
.board_write .tit strong{}
.board_view .title{ padding:10px 20px; text-align:left; border-bottom:1px solid #646c7c; background-color:#fff;}
.board_view .title strong{ font-size:15px; color:#111;}
.board_view .tit{ text-align:left; padding-left:20px; background-color:#f9f9f9;}
.board_view .tit strong{ font-size:13px; color:#333;}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ color:#777777; line-height:1.3; border-top:1px solid #dddddd; background:#fff}
.table_wrap tr:first-child td{ border-top:none}

.board_write td{ padding:7px 10px;}
.board_write td span.table_in_txt{ font-size:12px; margin-left:10px;}
.board_write td p{ margin-top:4px;}
.board_write .id_font_st{ color:#0f75bc; font-size:14px; font-weight:600;}
.board_write .name_font_st{ color:#222; font-weight:600;}
.board_write .smarteditor{ padding:15px 0; border-top:1px solid #999;} 
.board_write .size_txt{ display:block; font-weight:normal; font-size:12px; color:#777; margin-top:6px;}

/*예약하기 기본정보*/
.board_write .table_in_st{ overflow:hidden;}
.board_write .table_in_st strong{ font-weight:600; color:#333;}
.board_write .table_in_st .st1{ display:block; float:left; width:41%; line-height:20px;}
.board_write .table_in_st .st2{ display:block; float:left; width:30%;}
.board_write .table_in_st .st2 input{ padding:3px 5px;}

.board_write .pay_tit{ font-weight:600; color:#333;}
.board_write .table_payment_st{ margin-top:10px; overflow:hidden; border:1px solid #ddd; background:#f9f9f9;}
.board_write .table_payment_st dl{ float:left; padding:12px;}
.board_write .table_payment_st dl.st1{ width:38%;}
.board_write .table_payment_st dl.st2{ width:50%;}
.board_write .table_payment_st dt{ font-weight:600; color:#005495; margin-bottom:8px;}
.board_write .table_payment_st dd{ line-height:20px; letter-spacing:-1px;}
.board_write .table_payment_st dd strong{ font-weight:600; color:#333;}


/*list*/
.board_list td{ text-align:center; padding:8px 10px;}
.board_list td.tt{ text-align:left; }
.board_list td.tt p{}
.board_list td.tt a{color:#444; display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:97%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_list td.tt a:hover{ color:#134cb3;}
.board_list tr:hover td{ background:#f9f9f9}
.board_list td.icon_tt a{ max-width:90%;}

.tt_cmt {font-weight:bold; color:#a80000;}

.board_list .notice td{ background:#fff; color:#000; border-bottom:1px solid #999}
.board_list .notice td a{ color:#333; font-weight:600;}
.board_list .notice:hover td{ background:#f5f8fb}

.board_list .reply td{ background:#fcfcfc;}
.board_list .reply:hover td{ background:#f5f5f5}

.board_list .icon_secret{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:5px;}

/*icon*/
.board_list .icon{ border-radius:3px; display:inline-block; *display:inline; zoom:1; padding:3px 6px; font-size:82%; vertical-align:middle; border:none;}
.board_list .icon.reply{background:#fff; border:1px solid #aaa; font-weight:600; margin-right:8px;}
.board_list tr:hover .icon.reply{ background:#f9f9f9; border:1px solid #888;}

/*뷰*/

.board_view{width:100%;table-layout:fixed;}
.board_view th,
.board_view td{ padding:7px 5px 7px 15px; line-height:20px; font-size:13px; border-bottom:1px solid #ccc; background:#fff;}
.board_view td a{ vertical-align:middle;}
.board_view td a:hover{ color:#134cb3; text-decoration:underline;}
.board_view td .icon_file{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px;}
.board_view th .icon_arrow{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.board_view th .icon_down{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:8px;}
.board_view td.view_con{ padding:40px 15px; border-bottom:0;}
.board_view td.view_con img{ max-width:1010px;}
.board_view td.view_con iframe{ max-width:1010px;}
.board_view td .cut_link{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_view_no{width:100%;table-layout:fixed;}
.board_view_no td.view_con{ padding:40px 15px; border-bottom:0;}
.board_view_no td.view_con img{ max-width:1010px;}
.board_view_no td.view_con iframe{ max-width:1010px;}
/*faq*/

.table_wrap.faq_tit { border-bottom:0;}
.faq_area{ border-bottom:1px solid #333;}
.faq_area .faq.board{border-top:1px solid #ccc; }
.faq_area .faq.board:first-child{ border-top:none}
.faq_area .faq.board .con, .faq_area .faq.board .no, .faq_area .faq.board .icon{display:inline-block; *display:inline; zoom:1; vertical-align:top} 
.faq_area .faq.board .con{ width:80%; padding-left:2%;}
.faq_area .faq.board .no{width:8%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; color:#bbbbbb; letter-spacing:-1px; font-weight:normal}
.faq_area .faq.board .icon{width:3.5%; margin:0 3%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; border-radius:5px; font-weight:normal; line-height:1.2; padding:1px 0 3px 0}
.faq_area .faq.board .faq_q{ cursor:pointer; padding:10px 5px; font-weight:600; color:#666; font-size:99%; line-height:1.3}
.faq_area .faq.board .faq_q:hover,
.faq_area .faq.board .faq_q.on{ background:#eef7ff;}
.faq_area .faq.board .faq_q.on .no{ color:#000}
.faq_area .faq.board .faq_q .icon{ color:#fff; background:#2e81cb;}
.faq_area .faq.board .faq_q.on .icon{ color:#86edff}
.faq_area .faq.board .faq_q a:hover, .faq_area .faq.board .faq_q a:focus{ color:#005eb1; }
.faq_area .faq.board .faq_a{ height:0; overflow:hidden;}
.faq_area .faq.board .faq_a.show, .faq_area .faq.board .faq_a.f_show{height:auto; padding:10px 5px;border-top:2px dashed #dddddd; background:#fcfcfc}
.faq_area .faq.board .faq_a .con{ color:#333; line-height:1.5}
.faq_area .faq.board .faq_a .no{color:#005eb1; font-size:150%}
.faq_area .faq.board .faq_a .icon{ background:#8fc4f2; color:#fff;}


/*갤러리*/

.table_wrap .gallery_area{ margin:-15px 0 0 -15px; padding:25px 0; *zoom:1;}
.table_wrap .gallery_area:after{ content:""; display:block; clear:both;}
.table_wrap .gallery_area .gall_inc{ float:left; width:194px; margin:15px 0 0 15px; border:1px solid #ccc; cursor:pointer;}
.table_wrap .gallery_area .gall_inc .gall_img{ height:140px; padding:10px; padding-bottom:0; margin-bottom:10px; background-color:#fff; position:relative; overflow:hidden;}
.table_wrap .gallery_area .gall_inc .gall_img img{ max-width:174px; min-height:140px; width:100%;}
.table_wrap .gallery_area .gall_inc .gall_img .black_on{ position:absolute; top:10px; left:10px; width:174px; height:140px; background-color:#000; filter:Alpha(Opacity=10); opacity:0.1;}
.table_wrap .gallery_area .gall_inc:hover .gall_img .black_on{ background-color:#000; filter:Alpha(Opacity=0); opacity:0;}
.table_wrap .gallery_area .gall_inc .info_st{ padding:5px 0; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0; background:#f9f9f9;}
.table_wrap .gallery_area .gall_inc .info_st li{ height:18px; line-height:18px;}
.table_wrap .gallery_area .gall_inc .info_st li span{ display:inline-block; *display:inline; zoom:1; padding-left:35px; color:#888; font-size:12px; background-position:10px center; background-repeat:no-repeat;}
.table_wrap .gallery_area .gall_inc .info_st li span.icon_id{ background-image:url(../images/board/icon_id.png); font-weight:600; color:#333;}
.table_wrap .gallery_area .gall_inc .info_st li span.icon_date{ background-image:url(../images/board/icon_date.png);}
.table_wrap .gallery_area .gall_inc .info_st li span.icon_hit{ background-image:url(../images/board/icon_hit.png);}
.table_wrap .gallery_area .gall_inc .gall_title{ padding:10px 15px; height:40px; overflow:hidden;}
.table_wrap .gallery_area .gall_inc .gall_title strong{ line-height:18px; font-size:13px; font-weight:600; color:#333;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */
}
.table_wrap .gallery_area .gall_inc:hover{ border:1px solid #0071c5;}
.table_wrap .gallery_area .gall_inc:hover .gall_title strong{ color:#0071c5;}


/*투어 후기*/

.table_wrap .board_review{}
.table_wrap .board_review th,
.table_wrap .board_review td{ padding:15px 0; border-top:1px solid #bbb; vertical-align:top;}
.table_wrap .board_review tr:first-child th,
.table_wrap .board_review tr:first-child td{ border-top:0;}
.table_wrap .board_review tr:hover th,
.table_wrap .board_review tr:hover td{ background:#f9f9f9;}
.table_wrap .board_review td{ padding-left:15px; text-align:left; vertical-align:top;}
.table_wrap .board_review p.img{ width:178px; border:1px solid #ccc; margin-top:5px; display:inline-block; *display:inline; zoom:1;}
.table_wrap .board_review p.img img{ width:100%; max-width:180px; max-height:100%;}
.table_wrap .board_review .review_info{ padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #ddd;}
.table_wrap .board_review .review_info .cate_tit{ font-size:14px; font-weight:600; color:#333; margin-bottom:5px;}
.table_wrap .board_review .review_info .r_tit a{ font-size:14px; font-weight:600; color:#560e06; line-height:18px;}
.table_wrap .board_review .review_info .r_tit a:hover{ text-decoration:underline;}
.table_wrap .board_review .review_info .info{ margin-top:5px;}
.table_wrap .board_review .review_info .info .line{ display:inline-block; *display:inline; zoom:1; margin:0 15px; margin-top:-3px; width:1px; height:12px; background-color:#ccc; vertical-align:middle;}

.table_wrap .board_review .review_ex{ *zoom:1;}
.table_wrap .board_review .review_ex:after{ content:""; display:block; clear:both;}
.table_wrap .board_review .review_ex .left{ float:left; width:70%;}
.table_wrap .board_review .review_ex .right{ float:right; width:25%; border-left:1px solid #ddd; padding:10px 0 10px 15px;}
.table_wrap .board_review .review_ex .txt{ line-height:19px;}
.rating{}
.rating .star .st{ height:18px; background-position:left 4px;}
.rating .score{ height:18px; font-weight:600; font-size:15px; color:#222;}

.b_rating{ width:35%;}
.b_rating .rating_input_st{ border:none; font-size:16px; font-weight:600; width:25px; height:30px; line-height:30px;}
.webwidget_rating_bar{ float: left;}
.webwidget_rating_bar li{ width: 30px; height: 30px; margin-left: 2px; float: left; cursor: pointer;}
.webwidget_rating_bar li div{ height: 30px;}


/*paging*/
.board_paging{margin:30px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #dddddd; border-radius:3px; background:#fff; width:30px; height:30px; text-align:center; vertical-align:middle; font-size:12px; font-weight:600; color:#666; *margin:0 2px; cursor:pointer}
.board_paging button.icon{ border:1px solid #ccc; background:#f9f9f9; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; font-size:13px; }
.board_paging button:hover, .board_paging button:focus, .board_paging button.on{ border:1px solid #054f95; background:#054f95; color:#fff}
.board_paging button.icon:hover, .board_paging button.icon:focus, .board_paging button.icon.on{ border:1px solid #999; background:#999; color:#fff}

/*searching*/
.board_searching{ margin:30px 0 0 0; background:#f9f9f9; border:1px solid #ebebeb; padding:15px 35px; border-radius:7px; text-align:center;}
.board_searching .searching{ display:inline-block; *display:inline; zoom:1;}
.board_searching .searching input.input_st1{ width:250px; padding:8px 10px;}
.board_searching .searching select.input_st1{ width:110px; padding:7px 4px 7px 10px;}
.board_searching .searching .btn_inc{ padding:8px 25px;}
.faq_searching{ margin:0 0 20px 0; text-align:left;}
.faq_searching .searching .tt{ color:#666; font-size:20px; vertical-align:middle; padding-right:15px;}
.faq_searching .searching .tt em{ color:#014099; font-size:20px; font-style:normal; font-weight:600;}

/*btn*/
.btn_area{ margin:40px 0 0 0;}
.btn_area.left{ overflow:hidden;}
.btn_area.left > div{ float:left; width:50%}
.btn_area.center{text-align:center;}

.btn_area2{ margin:20px 0 0 0;}

.btn_inc{ border:none; padding:5px 10px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=90);opacity:0.9; font-weight:600; *margin:0 2px; width:auto; min-width:70px; *min-width:auto;}
.btn_inc:hover, .btn_inc:focus{ filter:alpha(opacity=100);opacity:1;}
.btn_inc.search{ background:#333;color:#fff; }
.btn_inc.write{ background:#096abb;color:#fff;}
.btn_inc.etc{ background:#888888;color:#fff;}
.btn_inc.del{ border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover{ border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify{ border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover{ border:1px solid #222; background:#222;}
.btn_inc.apply{ border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover{ border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big{ width:130px; padding:14px 20px; margin:0 2px; *margin:0 3px;}
.btn_inc.big_line{ width:130px; padding:13px 20px; color:#444; border:1px solid #096abb; background:#fff; margin:0 3px; *margin:0 5px;}
.btn_inc.btn_size{ padding:7px 0 9px 0; *padding:6px 8px; width:70px;}
.btn_inc.btn_size2{ width:110px; padding:10px 0;}
.btn_inc.small{ padding:4px 0 4px 0; *padding:4px 5px; width:75px; min-width:75px;}
.btn_inc.board_btn_size{ padding:11px 0 12px 0; *padding:9px 8px; width:85px;}
.btn_inc.round{ border-radius:3px;}

.sub .round_btn{ border-radius:4px; padding:4px 0 6px 0; text-align:center; vertical-align:middle; font-weight:600; font-size:13px; width:50px;}
.sub .round_btn.red{ background:#df494a;color:#fff;}
.sub .round_btn.blue{ background:#3265bd;color:#fff;}
.sub .round_btn.gray{ background:#999;color:#fff;}

/**/
.input_st1{ border:1px solid #ccc; font-weight:600; vertical-align:middle; background:#fff; font-size:13px;}
.input_st1:hover, .input_st1:focus{ background:#f9f9f9; border:1px solid #aaa; color:#333;}
input.input_st1{ padding:8px 5px; color:#333;}
select.input_st1{padding:7px 5px; color:#333;}
textarea.input_st1{padding:2%; color:#333;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:28px;}

.label_wrap{display:inline-block; *display:inline; zoom:1; vertical-align:middle; overflow:hidden;line-height:1.1;line-height:20px\9; *line-height:1.5;}
.label_wrap input{ float:left;}
.label_wrap label{ float:left; margin-left:5px; cursor:pointer }
.label_wrap label.check, .label_wrap label.f_check, .label_wrap label:hover{ color:#3992ed;}
.label_wrap.w_st1{ width:25%;}
.label_wrap.w_st2{ width:10%;}



.tab_area{ margin-bottom:30px;}
.tab_area .tab{ overflow:hidden; padding:1px 0 0 1px;}
.tab_area .tab li{ float:left; height:50px; line-height:50px; margin:-1px 0 0 -1px; text-align:center; background:url(../images/inc/line1.gif) repeat-x top; border:1px solid #ddd;}
.tab_area .tab.col2 li{width:500px;}
.tab_area .tab.col3 li{}
.tab_area .tab.col4 li{}
.tab_area .tab.col5 li{}
.tab_area .tab.col6 li{ width:172px;}
.tab_area .tab.col7 li{ width:147px;}
.tab_area .tab li a{ display:block; line-height:50px; font-size:15px; font-weight:600; color:#999;}
.tab_area .tab li a:hover{ color:#18489d; background-color:#f9f9f9;}
.tab_area .tab li a.on{ color:#fff; background:url(../images/inc/tab_icon.png) no-repeat left center #044786;}