/*left_area*/
.left_area{float:left; margin-right:10px; width:186px; overflow:hidden;}
.left_area h2{width:186px; height:46px; padding-top:29px; border-bottom:3px solid #242424; background:url(/images/sub/h2_bg.gif) no-repeat; text-align:center;}

/*submenu*/
.submenu{margin-bottom:20px; font-size:12px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.submenu li.depth{border-bottom:1px solid #e9e9e9;}
.submenu li.depth span.depth1_over{background:url(/images/sub/depth_icon.gif) no-repeat 18px 18px; padding-left:26px;}
.submenu li.depth span.depth2_over{background:url(/images/sub/depth_icon.gif) no-repeat 18px 18px; padding-left:26px;}
.submenu li.depth span{display:block; vertical-align:top; padding-left:18px; line-height:41px; height:41px; font-weight:bold;}		
.submenu li.depth ul{background:url(/images/sub/depth_ul_bg.gif) no-repeat left top; padding-top:14px; padding-bottom:14px; padding-left:12px;}
.submenu li.depth ul li{height:23px; overflow:hidden; line-height:23px; color:#5c5c5c;}
.submenu li.depth ul li.depth2_over{font-weight:bold;} 
.submenu li.depth ul li img{padding-right:8px; vertical-align:middle;}
.submenu li.depth ul.depth2_img li{height:30px; line-height:30px;}		

.submenu li.depth span a:link{color:#2a2a2a;}
.submenu li.depth span a:hover,.submenu li.depth span a:active,.submenu li.depth span a:visited{color:#2a2a2a;}
.submenu a:link{text-decoration:none;}
.submenu a:hover,.submenu a:active{font-weight:bold; text-decoration:none;}
.submenu a:visited{text-decoration:none;}

.left_area p{padding-bottom:12px;}
.quickbtn{width:183px; height:21px; background:url(/images/sub/quickbtn_bg.gif) no-repeat 94px top; padding-left:3px; padding-top:6px;}
.quickbtn li{float:left;}
.quickbtn li.pal{padding-left:29px;}

/*right_area*/
.right_area{float:right; width:877px; overflow:hidden;}

/*h3, navi*/
.title_area{height:26px; margin-top:3px; margin-bottom:21px;}
.title_area h3{float:left;}
.title_area ul{float:right; padding-top:15px;}
.title_area ul li{float:left; letter-spacing:-1px; color:#9d9d9d;}
.title_area ul li img{vertical-align:middle;}
.title_area ul li span{padding-left:4px;}
.title_area ul li p{display:inline; padding-left:6px; padding-right:6px;}

/*contents 서브내용*/
.contents{}
.contents h4{clear:both; background:url(/images/sub/h4_icon.gif) no-repeat left 50%; padding-left:22px; margin-bottom:15px; margin-top:25px;}

.cafe{height:138px; clear:both;}
.cafe li{float:left;}
.cafe li.pal{padding-left:12px;}

/*table_type*/
.b_table{border:none; border-collapse:collapse; width:100%; color:#666666; text-align:center; background:url(/images/sub/b_table_thbg.gif) repeat-x; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #272727;}
.b_table caption { display:none;}
.b_table th{font-weight:bold; color:#666; padding-top:7px; height:24px; line-height:17px; vertical-align:top; border-bottom:1px solid #cbcbcb; background:url(/images/sub/th_line.gif) no-repeat right 50%;}
.b_table td{text-align:center; vertical-align:top; border-bottom:1px solid #e8e8e8;}

/*list*/
.c_table{border:none; border-collapse:collapse; width:100%; color:#666666; text-align:center; background:url(/images/sub/b_table_thbg.gif) repeat-x; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:1px solid #272727;}
.c_table th{font-weight:bold; color:#666; padding-top:7px; height:24px; line-height:17px; vertical-align:top; border-bottom:1px solid #cbcbcb; background:url(/images/sub/th_line.gif) no-repeat right 50%;}
.c_table td{ padding:0 5px; text-align:center; vertical-align:middle; border-bottom:1px solid #e8e8e8; padding-top:7px; padding-bottom:7px; line-height:14px;}
.c_table tr:hover td { background:#f5f5f5;}
.c_table .notice { background:#f9f9f9;}
.c_table .notice:hover { background:#f5f5f5;}
.c_table .bgnone { background-image:none;}

.c_table .box { display:block; background:#eee; padding:3px; font-size:.8em; margin:4px 0; border-radius:10px;}
.c_table .box.color1 { background:#69761e; color:#fff;}
.c_table .box.color2 { background:#a70b04; color:#fff;}
.c_table .box.color3 { background:#06670a; color:#fff;}
.c_table .box.color4 { background:#022f44; color:#fff;}

.c_table_h { text-align:right; margin:0 0 10px;}
.c_table_h select { padding:5px 10px;}
.c_table_f { position:relative;margin:20px 0;}
.c_table_f .page { text-align:center; margin-bottom:20px;}
.c_table_f .leftbtn { position:absolute;top:0; left:0;}
.c_table_f .rightbtn { position:absolute; top:0; right:0;}
.c_table_f .searchbox { display:block; width:269px; margin:0 auto;}
.c_table_f .searchbox select { padding:4px;}
.c_table_f .searchbox input { padding:4px;}
.c_table_f .searchbox button { padding:4px 10px; width:50px;}

.c_table_view .info { width:100%; border-top: 2px solid #c7c7c7;}
.c_table_view .info th { font-weight: bold; color: #666; padding:10px; line-height: 17px; vertical-align: top; border-bottom: 1px solid #ccc;}
.c_table_view .info td { padding:10px;}
.c_table_view .info .title { text-align:left; background: url(/images/board/th_line.gif) no-repeat right 50%;}
.c_table_view .info .bgnone { text-align:right;}
.c_table_view .content { word-break:break-all; min-height:250px; padding:10px;}
.c_table_view .vote { text-align:center;}
.c_table_view .vote div { padding:5px 0 ;}
.c_table_view .vote .btn { }
.c_table_view .files { padding:5px 10px;}
.c_table_view .board_btn { border-top:1px solid #ccc; padding-top:10px; text-align:right; margin-bottom:20px;}

.table_comment { width:100%; border-top:2px solid #c7c7c7; color:#666; margin-bottom:20px;}
.table_comment th,
.table_comment td { background:url(/images/board/dotline.gif) repeat-x left bottom; padding:10px;}
.table_comment th { background-color:#F3F3F3; text-align:left; word-break:break-all}
.table_comment .content { word-break:break-all}

.table_comment_write { margin:10px 0; width:100%; }
.table_comment_write td { padding:10px;}
.table_comment_write textarea { width:100%;}
.table_comment_write button { border:none; background:none; padding:0;}
.table_comment_write button img { cursor:pointer;}


/*read*/
.board_read{ }
.board_read table { border:none; border-collapse:collapse; width:100%; color:#666; border-left:none; border-right:none; border-top:2px solid #ccc;}
.board_read th{font-weight:bold; color:#666; padding-top:12px; padding-bottom:11px; vertical-align:middle; border-bottom:1px solid #ccc; background:#f7f7f7;}
.board_read td{vertical-align:middle; border-bottom:1px solid #ccc; padding:10px; line-height:17px;}
.board_read textarea { width:99%; border: 1px solid #cccccc; font-size:12px;}
.board_read .content { margin:10px 0;}
.board_read .board_btn { padding-top:10px; text-align:right; margin-bottom:20px;}
.board_read .board_btn button { border:none; background:none; padding:0;}
.board_read .board_btn button img { cursor:pointer;}
.board_read .board_btn .btn { border: 1px solid #ccc; padding: 5px 15px; margin: 0 5px;}
.board_read .board_btn .btn.next { background:#0072BB; color:#fff; border-color:#0072BB;}
.board_read select ,
.board_read .ipt { padding:6px 3px; border:1px solid #ccc;}

/*photo */
.photo_list { border-top: 1px solid #272727; border-bottom: 1px solid #ccc; padding:10px 0;}
.photo_list li { float:left; width:25%; text-align:center; bottom:10px;}
.photo_list li .box { margin:10px; padding:20px 0; background:#eee; border:1px solid #ccc;}
.photo_list:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.photo_list .msg { padding:100px 0; text-align:center;}
.photo_list .txt { padding:0 20px; text-overflow:ellipsis; ;overflow:hidden; white-space:nowrap; word-wrap:normal }

/* msg */
.board_msgbox h3 { border-top:2px solid #c7c7c7; padding:20px; text-align:center; font-color:#f60;}
.board_msgbox table { margin:0 auto; }
.board_msgbox th { padding:10px;}
.board_msgbox td { padding:10px;}

.board_msgbox .board_btn { padding-top:20px; border-top:1px #c7c7c7 solid; text-align:center;}
.board_msgbox .board_btn button { border:none; background:none; padding:0;}
.board_msgbox .board_btn button img { cursor:pointer;}

.rent_kind{padding:9px 11px;}
.rent_kind p{float:left;}
.rent_kind ul{float:left; padding-left:10px; padding-top:12px; text-align:left;}
.rent_kind ul li{ line-height:20px;}
.font_1{color:#454545; font-weight:bold;}
.font_2{display:inline-block; color:#454545; font-weight:bold; padding-top:30px;}
.rent_charge{padding:22px 11px 9px 11px;}
.rent_charge img{vertical-align:middle; padding-left:2px;}
.rent_charge p{float:left; line-height:20px;}
.rent_charge span{font-size:14px; font-weight:bold; color:#dd4882; padding-right:4px;}

/* 렌터카 상세보기 */
.carrent_detail { }
.carrent_detail .title {  position:relative; border:3px solid #006db9; padding:10px;}
.carrent_detail .title h3 { display:inline; color:#006db9;  vertical-align:middle;}
.carrent_detail .title .btn {  position:absolute; top:10px; right:10px;}
.carrent_detail .title .btn .map { display:inline-block; border:1px solid #ccc; font-size:11px; padding:1px 5px; vertical-align:bottom; background:#eee;}



.carrent_detail .infoarea  { margin:20px 0; }
.carrent_detail .infoarea .imgbox { float:left; width:450px;}
.carrent_detail .infoarea .imgbox .img { border:4px solid #ccc; text-align:center; padding:20px 0; margin-bottom:20px;}
.carrent_detail .infoarea .img img { width:320px;}
.carrent_detail .infoarea form { float:right; width:400px;}
.carrent_detail .infoarea:after { content: ""; display: block; clear: both;}
.carrent_detail .banner { float:right; margin:0 0 20px 20px;}

.sub-right h2 { border-left:6px solid #aaa; padding-left:5px; margin:0 0 10px; font-size:13px;}
.frmtable { width:100%; border-top:2px solid #ccc; margin:0 0 20px;}

.frmtable thead th { padding:10px 5px; border:1px solid #ccc;}

.frmtable > tbody > tr > th { padding:10px 5px; border:1px solid #ccc;}
.frmtable > tbody > tr > td { padding:4px 5px; border:1px solid #ccc;}
.frmtable.form_date { margin-right:10px;}
.frmtable .btn_checkemail { border:1px solid #ccc; background:#fff; height:32px; padding:0 10px; cursor:pointer;}
.frmtable .datetimepicker-inline { width:252px;}
.frmtable .table-condensed th,
.frmtable .table-condensed td { padding:5px 10px;}

.frmtable input.form-control {}
.frmtable input { height:32px; border:1px solid #d9d9d9;}
.frmtable select { height:32px; border:1px solid #d9d9d9;}
.frmtable input[type="radio"], 
.frmtable input[type="checkbox"] { width:20px; height:20px; border:none; vertical-align:bottom;}
.btnarea { text-align:center; margin:20px 0;}


.btnarea button { cursor:pointer; border:1px solid #ccc;padding:10px 15px; margin:0 5px; font-size:15px;}
.btnarea a { display:inline-block; @display:inline; border:1px solid #ccc; padding:10px 15px; margin:0 5px; font-size:15px;}
.btnarea .btn_ok { background:#006db9; color:#fff; border-color:#006db9}
.btnarea .btn_cancel { }

div.agreebox { border:1px solid #ccc; background:#f6f6f6; padding:10px; margin:10px 0 20px;}
.agreebox .textbox { border:1px solid #ccc; background:#fff; padding:10px; max-height:120px; overflow:auto; font-size:13px;line-height:1.656;}
.agreebox .textbox h4 { background:none; padding-left:0;}
.agreebox .textbox h4:first-child { margin-top:0;}
.agreebox label { display:block; margin-top:5px; text-align:right;}
.agreebox.top label  { margin:0 0 5px; text-align:left;}
.agreebox label input,
.agreebox label span { vertical-align:bottom;}
.agreebox input[type="radio"], 
.agreebox input[type="checkbox"] { width:20px; height:20px;  border:none;}
.agreebox label span { line-height:20px;}
.agreebox iframe,
.agreebox textarea { width:100%; border:1px solid #ccc;}

/*hotel_form*/
.hotel_form{width:746px; height:375px; background:url(/images/sub/hotel_form_bg.gif) no-repeat 0 2px;}

.hotel_bast{overflow:hidden; padding-left:551px; width:196px; font-size:15px; color:#e4e4e4; font-weight:bold;}
.hotel_bast li.title{padding-bottom:10px;}
.hotel_bast li ul{float:left; overflow:hidden; width:176px; padding-left:20px;}
.rank{float:left; padding-right:12px; border:0px solid #000;}
.hotel_bast span{display:inline-block; overflow:hidden; float:left;}
.rank_title{width:133px; height:17px;}
.rank_title a{font-size:12px; font-weight:bold; color:#FFFFFF;}
.rank_title4 a{font-size:11px; font-weight:bold; color:#FFFFFF;}
.rank_charge{padding-top:25px; padding-left:11px; height:15px; line-height:15px;}
.rank_title2{width:70px; height:17px; line-height:17px;}
.rank_title2 a{color:#FFFFFF;}
.rank_charge2{height:15px; line-height:15px; text-align:right; width:50px;}
.hotel_bast li ul li p{float:left; padding-top:9px; width:47px;}

.top_form{overflow:hidden; padding-top:5px;}
.top_form li{float:left; padding-top:15px;}
.top_form li dl{clear:both; float:left; padding-bottom:5px;}
.top_form li dl dt{float:left; padding-right:13px; width:45px; padding-bottom:5px; padding-top:2px; color:#d3d5d4; background:url(/images/sub/form_icon.gif) no-repeat 0 5px; padding-left:12px; border-bottom:1px solid #84878c;}
.top_form li dl dd{float:left; padding-bottom:5px; padding-left:13px;}
.top_form select{vertical-align:top; height:21px; background:#f5f5f5; border:1px solid #dedee0; font-size:11px; color:#595959;}
.a_input{vertical-align:top; height:17px; background:#f5f5f5; border:1px solid #dedee0;}
.b_input{padding-left:3px; vertical-align:top;}
.formse_btn{margin-top:23px; padding-left:15px;}
.text_red{overflow:hidden; height:19px; line-height:19px; background:url(/images/sub/dangicon_red.gif) no-repeat 13px 50%; padding-left:28px; color:#ad2358;}
.text_gray{overflow:hidden;  background:url(/images/sub/dangicon_gray.gif) no-repeat 13px 50%; padding-left:28px; line-height:15px; color:#5b5b5b;}
.text_gray2{clear:left; overflow:hidden; color:#5b5b5b;}

/*airlist_form*/
.airlist_form{width:746px; height:151px; background:url(/images/sub/airlist_form_bg.gif) no-repeat 0 2px; padding-top:190px;}
.airlist_form select{width:120px;}

.start_arrive{line-height:19px;}
.start_arrive li img{display:inline-block; padding-right:7px; vertical-align:top; padding-top:2px;}

.text_charge3{color:#de4681; font-size:14px; font-weight:bold; overflow:hidden; height:16px;}
.text_charge3 img{display:inline-block; padding-top:1px; padding-right:2px;}

/*tour_fotm*/
.tour_form{width:746px; height:300px; background:url(/images/sub/tour_form_bg.jpg) no-repeat 0 2px;}
.tour_form select{width:120px;}

/*tab*/
.tab_a{overflow:hidden; width:100%; background:url(/images/sub/line_2px.gif) repeat-x left bottom;}
.tab_a ul{float:right;}
.tab_a ul li{float:left; margin-left:2px; overflow:hidden; background:#f0f0f0; border:1px solid #e3e3e3; width:111px; height:25px; text-align:center; line-height:25px; font-weight:bold; color:#828282;}
.tab_a ul li.tab_over{height:26px; background:url(/images/sub/tab_a_over.gif) no-repeat left top; border:none; color:#5b5b5b; padding-top:3px;}
.tab_a a:link,.tab_a a:hover,.tab_a a:active,.tab_a a:visited{text-decoration:none;}

.hotellist_a{overflow:hidden;}
.hotelphoto{float:left;width:134px; height:98px; padding-bottom:17px; padding-top:19px; background:url(/images/sub/dot_line.gif) repeat-x left bottom; padding-left:1px; padding-right:14px;}
.hotellist_a ul{float:left; width:224px; padding-bottom:16px; padding-top:19px; height:99px; background:url(/images/sub/dot_line.gif) repeat-x left bottom;}
.star{vertical-align:top; height:9px; overflow:hidden;}
.hotellist_a ul li span{display:block; color:#666666; font-size:11px; line-height:12px; width:211px; height:36px; padding-top:11px; overflow:hidden;}
.text_charge{color:#de4681; font-size:14px; font-weight:bold; padding-top:7px; overflow:hidden; height:15px;}
.text_charge img{display:inline-block; padding-top:2px; padding-right:8px;}
.hl_title{font-size:12px; font-weight:bold; padding-top:6px; line-height:11px; height:10px; overflow:hidden; color:#3b3b3b;}
.hl_title a:link,.hl_title a:hover,.hl_title a:active,.hl_title a:visited{text-decoration:none; color:#3b3b3b;}
.hl_title img{vertical-align:top; padding-left:6px;}
.hl_title2{display:inline-block; float:left; font-size:20px; font-weight:bold; color:#3b3b3b;}
.hl_title2 a:link,.hl_title2 a:hover,.hl_title2 a:active,.hl_title2 a:visited{display:inline-block; text-decoration:none; color:#3b3b3b; line-height:21px;}
.hl_title2 img{vertical-align:top; padding-left:6px;}
.hl_title3{font-size:13px; font-weight:bold; padding-top:6px; line-height:11px; height:13px; overflow:hidden; color:#3b3b3b;}
.hl_title3 a:link,.hl_title a:hover,.hl_title a:active,.hl_title a:visited{text-decoration:none; color:#3b3b3b;}

.hl_data1{width:100%; color:#666;  padding-top:18px; overflow:hidden; }
.hl_data1 p{float:left;}
.hl_data1 p img{padding-right:5px;}
.hl_data1 span{float:left; display:inline-block; padding-left:12px; width:440px; line-height:16px; padding-top:0px; padding-right:12px; text-align:justify;}
.list_img2 .hl_data1 span { width:320px;}
.hl_data1 dl{float:right; border:1px solid #e9e9e9; padding:9px;  line-height:18px; width:195px;}
.hl_data1 dl dt{display:inline-block;float:left; font-weight:bold; padding-right:3px;}

.hl_data2{width:100%; color:#666;  padding-top:18px; overflow:hidden; }
.hl_data2 p{float:left;}
.hl_data2 p img{padding-right:5px;}
.hl_data2 span{float:left; display:inline-block; padding-left:12px; width:457px; line-height:17px; padding-top:0px; padding-right:12px;}
.hl_data2 dl{float:right; border:1px solid #e9e9e9; padding:9px;  line-height:18px; width:195px;}
.hl_data2 dl dt{display:inline-block;float:left; font-weight:bold; padding-right:3px;}

.hotellist_b{overflow:hidden; margin-top:20px;}
.hotellist_b div.title{float:left; height:40px; width:100%; border-bottom:2px solid #d6d6d6; padding-bottom:11px;}
.hotellist_b div.title h4{float:left;}
.hotellist_b div.title p{float:right; margin-top:20px;}
.hotellist_b ul{float:left; padding-bottom:16px; padding-top:19px; background:url(/images/sub/dot_line.gif) repeat-x left bottom; width:588px; height:123px;}
.hotellist_b ul li span { display: block; color: #666666; font-size: 11px; line-height: 12px; height: 60px; padding-top: 11px; overflow: hidden;}
.hotellist_b .hl_title { color:#de4681;}
.hotellist_b .hl_hotel{ font-size:12px; font-weight:bold; padding-top:6px; line-height:11px; height:10px; overflow:hidden; color:#3b3b3b;}
.hotellist_b .hotelphoto { width:167px; height:122px;}

.hotellist_c{overflow:hidden; margin-top:20px;}
.hotellist_c .sort-tab { text-align:right; margin-bottom:10px;}
.hotellist_c .items { border:1px solid #d8d8d8; padding:10px;  margin-bottom:20px;}
.hotellist_c .items ul { }
.hotellist_c table { width:100%; margin-top:10px;}
.hotellist_c table td { padding:5px 10px; background:url(/images/sub/dot_line.gif) repeat-x left top;}
.hotellist_c .promo { margin-top:10px; padding:5px 10px; background:url(/images/sub/dot_line.gif) repeat-x left top;}

.hotellist_c td .txt_08 { color: #FF6400; font-weight: none;}
.hotellist_c td .txt_06 { color: #009900; font-weight: bold; }
.hotellist_c td .txt_03 { color: #3A79BA; font-weight: bold;}
.hotellist_c td .txt_04 { color: #FF6400; font-weight: bold;}


/* 상세보기 */
.hotelview_c { }
.hotelview_c .title {  position:relative; border:3px solid #006db9; padding:10px; margin:20px 0 10px;}
.hotelview_c .title h3 { display:inline; color:#006db9;}
.hotelview_c .title .btn {  position:absolute; top:10px; right:10px;}
.hotelview_c .title .btn .map { display:inline-block; border:1px solid #ccc; font-size:11px; padding:1px 5px; vertical-align:bottom; background:#eee;}

.hotelview_c .table .txt_01 { color: #FF6400; font-weight: bold;}
.hotelview_c .infoarea { margin:20px 0;}
.hotelview_c .infoarea:after { content: ""; display: block; clear: both;}
.hotelview_c .imgbox { float:left; width:332px; margin:0 5px;}
.hotelview_c .imgbox > div { padding:5px; border:1px solid #ccc; height:230px; overflow:hidden;}
.hotelview_c .imgbox table{ width:100%; margin-top:10px;}
.hotelview_c .imgbox #rolling_4 a { margin:0 3px;}
.hotelview_c .infobox { float:right; width:530px;}
.hotelview_c .infobox table { border-top:1px solid #ccc; width:100%;}
.hotelview_c .infobox th, 
.hotelview_c .infobox th { padding:8px; }
.hotelview_c .infobox td .txt { border-top:1px solid #ccc; padding:10px 20px;}

.hotelview_c .hotel_search { margin:20px 0; border:1px solid #ccc; padding:10px;}
.hotelview_c .hotel_search { position:relative; padding-right:120px;}
.hotelview_c .hotel_search table { width:100%;}
.hotelview_c .hotel_search th { vertical-align:top; line-height:32px;}
.hotelview_c .hotel_search td { vertical-align:top; line-height:32px;}
.hotelview_c .hotel_search select { height:32px; border:1px solid #d9d9d9;}
.hotelview_c .hotel_search button { position:absolute; right:10px; top:15px;}
.hotelview_c .txtbox { padding:20px 10px;}
.hotelview_c .txtbox .txt_01 { color: #019ff9; font-size: 16px; font-weight: bold;}
.hotelview_c .txtbox .txt_02 { color: #ff0000; font-weight: bold;}

.tour.hotelview_c  .infobox table { margin-bottom:20px; border-bottom:1px solid #d9d9d9;}
/*
.hotellist_c div.title{float:left; height:40px; width:100%; border-bottom:2px solid #d6d6d6; padding-bottom:11px;}
.hotellist_c div.title h4{float:left;}
.hotellist_c div.title p{float:right; margin-top:20px;}
.hotellist_c ul{ padding-bottom:16px; background:url(/images/sub/dot_line.gif) repeat-x left bottom;}
.hotellist_c .hl_title2 ,
.hotellist_c .hl_popularity{ margin-top:19px;}
*/

.tour_list li { border:1px solid #ccc; padding:10px 20px; margin:10px 0 20px;}

.hl_text{display:block; color:#666666; font-size:11px; line-height:12px; width:595px; height:23px; padding-top:9px; overflow:hidden;}
.hl_address{display:block; color:#51729b; font-weight:bold; font-size:12px; width:595px; height:13px; padding-top:9px; overflow:hidden;}
.hl_charge{background:#efefef; height:21px; overflow:hidden; color:#666; padding-left:8px; line-height:21px; margin-top:8px;}
.hl_charge span{float:left;}
.text_charge2{color:#de4681; font-size:14px; font-weight:bold; padding-top:0px; padding-left:10px; overflow:hidden; height:16px;}
.text_charge2 img{display:inline-block; padding-top:2px; padding-right:8px;}
.hl_breakfast{display:inline-block; float:left; padding-top:3px; padding-left:8px; vertical-align:top;}
.hl_view{display:inline-block; float:right; padding-top:1px; padding-left:8px; vertical-align:top;}
.hl_popularity{display:inline-block; float:right; color:#666; line-height:21px;}

.package_best{width:746px; height:299px; background:url(/images/sub/package_best_bg.gif) no-repeat;}
.package_list{float:left; overflow:hidden; width:220px; padding:15px 14px 15px 14px; height:269px;  background:url(/images/sub/package_bar2.gif) repeat-y right top;}
.package_list p{clear:both; height:162px;}
.package_list span.line_title{display:inline-block; letter-spacing:-1px; height:16px; margin-bottom:9px; font-weight:bold; color:#3b3b3b; font-size:12px; border-bottom:1px solid #f1f1f1; width:217px; padding:17px 0 10px 3px;}
.package_list dl{clear:both; line-height:20px;}
.package_list dl dt{float:left; vertical-align:top; float:left; width:34px; color:#8c8c8c; padding:0 20px 0 4px; background:url(/images/sub/package_bar.gif) no-repeat right 50%;}
.package_list dl dd{ float:right; vertical-align:top; color:#666666; width:150px; padding-left:12px;}
.package_list dl dd span{display:inline; color:#de4681; font-size:14px; font-weight:bold; padding-left:5px;}


.tour_title  {font-size:17px; color: #27958c; font-weight: bold; margin-left: 20px; }
.tour_title2  {font-size:12px; color: #27958c; line-height: 16px; }

/*웨딩패키지*/
.wm_inner{clear:both; width:735px; height:136px; padding-left:11px; padding-top:17px; background:url(/images/sub/wm_bg.gif) no-repeat;}
.wm_inner li{float:left;}
.wm_photo{padding:5px 19px 0 34px;}
.wm_title{padding:16px 0 45px 0; width:437px;}
.wm_charge{float:right; padding-right:22px;}

.wedding_page{position:relative; width:746px; background:url(/images/sub/wp_bg.gif) repeat-y;}
.top_p{text-align:right; padding:32px 23px 8px 0; background:url(/images/sub/package_bg.gif) repeat-y 606px top;}
.wp_title{padding-left:37px; padding-top:6px;}
.wp_text{text-align:right; padding-bottom:12px; padding-right:34px;}
.wp_data{width:746px; overflow:hidden; margin-top:11px; background:url(/images/sub/wp_line.gif) repeat-x left top;}
.wp_data li{float:left;}
.wp_data li p{padding-left:34px;}
.wp_dbg{width:442px; margin-top:58px; background:url(/images/sub/wp_line.gif) repeat-x left top;}
.wp_gallery_t{text-align:center; padding-top:46px; padding-bottom:43px;}
.wp_gallery{position:relative; height:603px; width:700px; margin-left:24px; }
.wp_left1{position:absolute; top:190px; left:0px; z-index:110;}
.wp_right1{position:absolute; top:190px; right:0px; z-index:110;}
.wp_gimg{position:absolute; top:0px; left:0px; z-index:100; padding-bottom:20px; border-bottom:1px solid #dfdbcf;}
.wp_sgallery{position:absolute; width:700px; top:475px; left:0px; padding-left:4px;}
.wp_gallerybox{float:left; height:78px; overflow:hidden; width:645px;}
.wp_gallerybox img{float:left; padding-right:4px;}
.wp_left2{float:left; margin-top:30px; padding-right:13px;}
.wp_right2{float:left; margin-top:30px; padding-left:9px;}


/*호텔 예약 부분*/
.bgcolf4b {background-color:#f4f4f4; height:30px; font-weight:600; color:#444444; padding-left:10px;  padding-right:10px;}
.bgcolf4bs {background-color:#f4f4f4; font-size:11px; font-weight:600; letter-spacing:-1px; color:#444444; padding-left:4px;  padding-right:4px;}
.bgcolf4 {background-color:#f4f4f4; height:30px; padding-left:10px;}
.bgcolf2 {background-color:#f2f2f3; padding:4px;}
.bgcolefb {background-color:#f4f4f4; height:30px; font-weight:600; color:#444444; padding-left:10px;  padding-right:10px; text-align:left;}

.dataTx {padding-left:10px; text-align:left;}
.dataTx2 {padding-left:20px; padding-right:20px; text-align:left;}
.dataTxs {padding-left:4px; text-align:left; font-size:11px; }
.dataTc {text-align:center;}
.dataTcs {text-align:center; font-size:11px; }

/*font-size*/
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs20 {font-size:20px;}
/*font-color*/
.green {color:#2e7c3c;}
a.green:link, a.green:visited{color:#2e7c3c; text-decoration:none;}
a.green:hover{color:2e7c3c; text-decoration:underline;}
.gray88 {color:#888888;}
a.gray88:link, a.gray88:visited{color:#888888; text-decoration:none;}
a.gray88:hover{color:#888888; text-decoration:underline;}
.gray66 {color:#666666;}
a.gray66:link, a.gray66:visited{color:#666666; text-decoration:none;}
a.gray66:hover{color:#666666; text-decoration:underline;}
.gray22 {color:#222222;}
a.gray22:link, a.gray22:visited{color:#222222; text-decoration:none;}
a.gray22:hover{color:#222222; text-decoration:underline;}

.redT {color:#ce2026;}
a.redT:link, a.redT:visited{color:#ce2026; text-decoration:none;}
a.redT:hover{color:#ce2026; text-decoration:underline;}
.orangeT {color:#ff7800;}
.kakiT {color:#4e7f3a;}
.cyanT {color:#108090;}
.pinkT {color:#FF0099;}
.purpleT {color:#5921ad;}
.brownT {color:#b03701;}
.whiteT {color:#ffffff;}
.greenT {color:#0e7730;}
.blueT {color:#1f44bc;}

.table_hotelroom th { border:1px #B4E9E4; border-style:solid none; padding:8px 0;}
.table_hotelroom td { vertical-align:middle; padding:15px 20px; border-bottom:1px solid #ccc;}
.table_hotelroom h5 { margin-bottom:5px;}
.table_hotelroom .img { float:left; margin-right:10px;}
.table_hotelroom .price { text-align:right;}

.table_hotelroom .price .oneday {}
.table_hotelroom .price p { color: #FF6400; font-weight: bold; font-size:20px; line-height:1.5em;}
.table_hotelroom .price p span { font-size:1.5em;}
.table_hotelroom .frm { text-align:center;}

#priceDetail {  margin-right:10px;}
#priceDetail dl { clear:both;}
#priceDetail dt { float:left; width:150px;}
#priceDetail dd { text-align:right; }


.helpbox button { position:relative;background:url(/images/icon_help.gif); background-size:16px 16px; width:16px; height:16px; border:none; vertical-align:middle}
.helpbox button b { display:none;}
.helpbox .txt {position:absolute; width:200px; border:1px solid #ccc; background:#fff; padding:10px; display:none;}
.helpbox:hover .txt { display:block; z-index:1000;}

.table_hotelroom .frm .button{ display:block; letter-spacing:-1px; border:none; background:url(/images/btn_bg02.png) no-repeat 0 0; width:135px; color:#fff; margin:0 auto; height:24px; line-height:24px; font-size:11px;}  
.table_hotelroom .frm button.button { cursor:pointer;}



.stepbox { border:2px solid #4986B4; margin-bottom:20px;}
.stepbox ol { display:table; width:100%;}
.stepbox li { display:table-cell; text-align:center; padding:10px; font-size:14px; font-weight:bold; background:url('/images/step_bg_off.gif') no-repeat right center;}
.stepbox li.on { background-color:#4986B4; background-image:url('/images/step_bg_on.gif'); font-size:16px; color:#fff; padding:8px;}
.stepbox li.end { background-image:url('/images/step_bg_end.gif');}
.stepbox li.last, 
.stepbox li.on.last { background-image:none;}

.table { width: 100%; max-width: 100%; margin: 10px 0 20px;}
.table th, .table td { border: 1px solid #ddd; padding: 8px; line-height: 1.2em; vertical-align: top; }
.table input[type="radio"], .table input[type="checkbox"] { width: 20px; height: 20px; border: none; vertical-align: bottom; }

/* 페이징 처리 */
.paging { line-height: 0; text-align: center; margin:20px 20px; }
.paging_comm { display: table; display: inline-block; height: 22px; margin: 0 auto; font-size: 0; line-height: 0;}
.paging_comm li { display:inline;}
.paging a,
.paging b {display: inline; float: left; padding: 1px 8px; margin: 0 2px; font: 11px/19px tahoma; color: #666; text-decoration:none; border:1px solid #ccc;}
.paging a:hover,
.paging .active a { background:#ddd; border-color:#bbb;}

p.msg { margin:20px 0 10px;}

/* 호텔 지도 및 주변 정보 */
.nbasbox { border:1px solid #ddd; padding:10px; margin:10px 0;}
.nbasbox .list { margin:0 0 10px;}
.nbasbox .list dl { margin:0; float:left; width:33%;}
.nbasbox .list dt { margin:20px 10px 0; font-size:1em; font-weight:bold; border:1px solid #eee; padding:5px; background:#fafafa;}
.nbasbox .list dd { margin:0 10px; padding:10px 10px 0;}
.nbasbox .list:after { content:""; display:block; clear:both;}
.nbasbox p { display:block; clear:both;}
.nbasbox #map_canvas { height:400px;}

/* 호텔 리뷰 */
.review div { overflow:hidden; margin-bottom:20px;}
.review div dl { float:left; width:33%; }
.review div dt { margin:5px; padding:5px; background:#eee;}
.review div dd { margin:5px; padding:5px;}
.review div p span { float:left; width:60%;}
.review div p b { float:right;}

.review .total { overflow:hidden;  margin:0 15px 20px;}
.review .total dt { float:left; width:60%; }
.review .total dd { float:right; margin:0; padding:0;}

.review table caption  { font-size:12px; text-indent:0; height:1em; line-height:1em; width:auto; background:#eee; padding:10px; text-align:left; font-weight:normal;}
.review table { width:100%; border-top:1px solid #ddd;}
.review th,
.review td { border-bottom:1px solid #ddd; padding:5px 10px;}
.review th { background:#eee}
.review .number { text-align:center;}
.review_non { text-align:center; padding:100px 0;}


/* 페키지 */
.package_search .dboa { margin: 20px 0; border: 1px solid #ccc; padding: 10px; }

.schedule table { margin:0; width:100%;}
.schedule table caption { background:#f3f3f3; padding:10px 20px; font-weight:bold; text-align:left; font-size:15px; border:1px solid #ddd; border-bottom:none;}
.schedule table th { background:#f3f3f3;}
.schedule table th,
.schedule table td { border: 1px solid #ddd; padding: 8px; line-height: 1.2em; vertical-align: top;}

.schedule table + table  caption { border-top:none;}

#tour2 .info table { width: 100%; max-width: 100%; margin: 10px 0 20px; border-collapse:collapse;}
#tour2 .info th, #tour2 .info td { border: 1px solid #ddd; padding: 8px; line-height: 1.2em; vertical-align: top; }
#tour2 .info input[type="radio"], #tour2 .info input[type="checkbox"] { width: 20px; height: 20px; border: none; vertical-align: bottom; }

.hotelview_c .info { position:relative; padding-left:160px;}
.hotelview_c .info .img { position:absolute; top:0; left:0;}
.hotelview_c .info .img img { width:150px; height:137px;}

.hotelview_c .cnt_txt { padding:20px; margin:10px 0 30px; background:#f6f6f6;}

.process.color1 { color:#666;} /* 예약대기 */
.process.color2 { color:#0a3;} /* 결제완료 */
.process.color3 { color:#022f44;} /* 예약완료 */
.process.color4 { color:#ccc;} /* 예약취소 */
.process.color5 { color:#f00;} /* 취소신청 */