@charset "utf-8";
/* 콘텐츠 공통 */
h4{color:#705c34;font-size:1.25em;background:url(/images/common/bul_h4.png) 0 0px no-repeat;margin:10px 0;letter-spacing:-1px;}
h5{color:#268691;font-size:1em;background:url(/images/common/bul_h5.png) 0 4px no-repeat;margin:10px 0;}

#area h4{color:#38606e;font-size:1.25em;background:url(/images/common/bul_h4.png) 0 0px no-repeat;margin:10px 0;letter-spacing:-1px;}
#area h5 span{font-weight:normal;}
#area h6{margin-left:20px;color:#000;font-size:1em;background:url(/images/common/bul_list1.png) 0 5px no-repeat;padding-left:15px;margin-bottom:10px;}

.point{font-size:11px;color:#ad7c05;}

#area ul{margin-bottom:10px;}
#area .bul li{background:url(/images/common/bullet.gif) no-repeat 0 center;padding-left:10px;}
#area .list{margin-left:20px;}
#area .list > li{background:url(/images/common/bul_h5.gif) 0 3px no-repeat; padding-left:20px;}
#area .list1{margin-left:20px;}
#area .list1 > li{background:url(/images/common/bul_list1.png) 0 5px no-repeat; padding-left:10px;}
#area .list2 > li{background:url(/images/common/bul_list2.gif) 0 6px no-repeat;padding-left:10px;}
#area .list2 > dd{background:url(/images/common/bul_list2.gif) 0 6px no-repeat;padding-left:10px;}
dl.data1 dt{background:url(/images/common/bul_h5.gif) 0 2px no-repeat;padding-left:20px;font-weight:bold;}
dl.data1 dd{background:url(/images/common/bul_h6.gif) 10px 5px no-repeat; padding-left:20px;}
dl.data2 dd{background:url(/images/common/bul_list2.gif) 0 6px no-repeat;padding:0 0 0 10px;}
dl.data3 {margin:0 0 10px 20px;}
dl.data3 dt{background:url(/images/common/bul_h6.gif) 0 5px no-repeat;padding-left:10px;}
dl.data3 dd{padding:0 0 0 10px;}

table .first{font-weight:bold;}

/*basic게시판 스타일_수정하지마세요*/
.pyo1 {width:100%;margin-bottom:10px; border-top:2px solid #c8c8c8;}
.pyo1 th{border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;padding:5px;text-align:center;background:#f4f3ee;color:#333;}
.pyo1 td{border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;padding:5px;}
/**/

.pyo2 {width:100%;} 
.pyo2 th{border:1px solid #e0e0d3;padding:10px;text-align:center;background:#4a2d18;color:#fff;}
.pyo2 th:first-child{background:#e17e1d;}
.pyo2 td{border:1px solid #e0e0d3;padding:10px;text-align:center;}
.pyo2 td:first-child{color:#e17e1d;font-weight:bold;}

.pyo3 {width:100%;margin-bottom:20px;}
.pyo3 th{border:1px solid #e0e0d3;padding:10px;text-align:center;background:#4a2d18;color:#fff;}
.pyo3 td{border:1px solid #e0e0d3;padding:10px;text-align:center;}

/* 테이블 1 */
.table1 {width:100%;margin-bottom:10px; border-top:2px solid #558a93;}
.table1 th{border-bottom:1px solid #ccc;padding:5px;text-align:center;background:#dfecf1;color:#333;}
.table1 td{ border-bottom:1px solid #ccc;padding:5px;background:#fff;}
.table1 .vline{border-right:1px solid #ccc;}

/* 테이블2 */
.table2 {width:100%;margin-bottom:10px; border-top:2px solid #558a93;}
.table2 th{border:1px solid #ccc;padding:3px;text-align:center;background:#dfecf1;color:#333;}
.table2 td{ border:1px solid #ccc;padding:3px;text-align:center;background:#fff;}
.table2 .noline{border-right:1px solid #ccc;}
.table2 .txt-left { text-align:left; padding-left:20px; }

/* 테이블3-테이블 2와 똑같은 디자인에 td만 왼쪽정렬 */
.table3 {width:100%;margin-bottom:10px; border-top:2px solid #558a93;}
.table3 th{border:1px solid #ccc;padding:5px;text-align:center;background:#dfecf1;color:#333;}
.table3 td{ border:1px solid #ccc;padding:5px 5px 5px 15px;background:#fff;}
.table3 .noline{border-right:1px solid #ccc;}

/* 중요표시 */
.em1{color:#283891!important;}
.em2{color:#009933!important;}
.em3{color:#ff3600!important;}
.em4{color:#283891!important;}
.emB1{font-weight:bold;color:#283891!important;}
.emB2{font-weight:bold;color:#009933!important;}
.emB3{font-weight:bold;color:#ff3600!important;}
.emB4{font-weight:bold;color:#283891!important;}

.comment{}
.comment span{margin-right:10px;}
/* 인사말 */
.about {font-size:13px;line-height:180%;background:url(/images/sub/logo_bg.png) no-repeat center bottom; min-height:760px;}
#m1_1 #subConView{width:650px;}
#m1_1 #subCon{width:410px;padding:0 0 0 23px;}

/* 오시는길 */

.map div{padding-left:90px;}

.map .address{background:url(/images/sub/map_home.png) no-repeat 10px 0;font-size:14px;font-weight:bold;}
.map .car{background:url(/images/sub/map_car.png) no-repeat 10px 0;}
.map .train{background:url(/images/sub/map_train.png) no-repeat 10px 0;}
.map .bus1{background:url(/images/sub/map_bus1.png) no-repeat 10px 0;}
.map .bus2{background:url(/images/sub/map_bus2.png) no-repeat 10px 0;}

/* 객실안내 */
.room_view #title .open{position:absolute;right:0;top:20px;background:#ea6464;border:none;width:100px;padding:5px 0px;font-size:11px;font-weight:bold;color:#fff;text-align:center;cursor:pointer;}
.room_view h4{margin:10px 0;}
#subConRoom input[type=text]{padding:5px;border:1px solid #ddd;}
#subConRoom .table1 th,
#subConRoom .table1 th {padding:10px;}
.sum{color:#ff3600;font-weight:bold;font-size:18px;text-align:right;}
.sum span{color:#333;}
.room_info tr{cursor:pointer;}
.room_info tr.on th,
.room_info tr.on td{background:#b2eaf3;}
.room_view .box{border:1px solid #ccc;background:#fff;padding:10px;}
.room_view .video{position:absolute;z-index:30; width: 98.6%;}
.room_view .video span{position:absolute;right:2px;top:2px;z-index:9999;background:url(/images/sub/close_xs.png) no-repeat;width:30px;height:30px;border:0;font-size:0;line-height:0;cursor:pointer;}
.red { color:red; font-size:16px; }

/* 객실안내 숙박기간 눌렀을 때 팝업레이어 */
#calendar{position: absolute; top: 100px; left: 100px; width:624px;display: none; border: solid 3px #000; background-color: #f4f0e2; padding: 5px; z-index: 10000000000;}
#calendar .table3{width:620px!important;} 
#calendar .close{position:absolute;right:0;top:0;background:url(/images/sub/close_x.png) no-repeat;width:44px;height:44px;border:0;font-size:0;line-height:0;cursor:pointer;}

/* 서비스 */
.service_list p{cursor:pointer;padding:10px;}
.service_list p.on{background:#f4f0e2;}
.service_list p:after{content:"";clear:both;display:block;}
.service_list b{display:block;color:#38606e;font-size:1.25em;margin-bottom:10px;}
.service_list span{margin-right:10px;width:100px;height:75px;overflow:hidden;border:1px solid #ccc;position:relative;}
.service_list span img{position:absolute;left:0;bottom:0;}

hr{border-top:1px solid #d6d2c9;border-left:1px solid #fff;}
.service_view{display:none;}

/* 커뮤니티 */
#visual .frame {position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/sub/photo_bg.png);}
#visual .frame p{position:absolute;left:105px;top:160px;}
#visual .frame img{width:530px;border:5px solid #fff;}
#visual .bg{}

/* 주변관광 */
.tour_list p{cursor:pointer;padding:8px 10px;}
.tour_list p.on{background:#f4f0e2;}
.tour_list p:after{content:"";clear:both;display:block;}
.tour_list b{display:block;color:#705c34;font-size:1.25em;margin-bottom:10px;}
.tour_list span{margin-right:10px;}
.tour_list span img{border:1px solid #eee;}
hr{border-top:1px solid #d6d2c9;border-left:1px solid #fff;}
.tour_view{display:none;padding:150px 0 0 90px;width:570px;height:697px;overflow:auto;}
.tour_view h4{margin-left:50px;}
.tour_view span{display:block;text-align:center;margin:20px 0;}
.tour_view img{border:1px solid #ccc;}
.tour_view p{margin:20px 0;padding:0 50px 0 50px;text-align:justify;font-size:13px;}

    #tabs { padding-top:70px; }
    #tabs.ui-tabs { width:999px; margin:0 0 0 138px; }
    #tabs > div > p{width:979px;height:430px; overflow:auto;padding-right:20px;}
    #tabs ul :after { margin-top:20px !important;}
    #tabs ul li a { padding:10px; font-size:13px; width:100px; text-align:center; }
    #tabs ul li a:hover { color:#fff; }
    #tabs .ui-state-default, #tabs .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default { font-weight: normal; color: #555555; }
    #tabs .ui-widget-header { color: #222222; font-weight: bold; background:#fff; border-bottom:1px solid #558a93; }
    #tabs .ui-state-hover, #tabs .ui-widget-content .ui-state-hover, #tabs .ui-widget-header .ui-state-hover, #tabs .ui-state-focus, #tabs .ui-widget-content .ui-state-focus, #tabs .ui-widget-header .ui-state-focus { background: #558a93; font-weight: normal; color:#fff; font-size:14px; }
    #tabs .ui-state-active, #tabs .ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active { background: #558a93; font-weight: normal; color: #fff; }
    #tabs .ui-state-active a, #tabs  .ui-state-active a:link, #tabs .ui-state-active a:visited, #tabs .ui-state-active a:hover { color: #fff; font-size:13px; text-decoration: none; }
    #tabs .ui-tabs .ui-tabs-nav { margin: 0; padding: 0 .2em 0; }
    #tabs .sightsee { overflow:hidden; padding:10px 0 20px; }
    #tabs .sightsee > img { float:left; margin-bottom:30px;}
    #tabs .info { float:right; width:450px; }
    #tabs .info:after{content:"";clear:both;display:block;}
    #tabs .info span { font-size:35px; padding:30px 10px 40px; color:#445191; border-top:4px solid #0f3791; border-bottom:2px solid #7b91c3; display:inline-block; width:95%; }
    #tabs .info span strong { font-size:55px; }
    #tabs .info table { margin-top:60px; font-size:15px; color:#6b6b6b; }
    #tabs .info td { padding:3px 0 3px; }
    #tabs .info th { text-align:left; }
    #tabs .info > p { margin-top:5px; font-size:15px; color:#6b6b6b; }
    
/* 예약 */
.calendar {margin-left:90px;width:675px!important;overflow:auto;}
.cal_title{margin-bottom:30px;}
#schedule_control{position:relative;}
#schedule_control .left_btn{float:left;margin:10px 10px 0 280px;}
#schedule_control .year{position:absolute;left:230px;top:10px;font-size:18px;font-weight:bold;color:#000;}
#schedule_control .month{float:left;color:#fff;font:bold 30px MalgunGothic;line-height:34px;width:50px;height:38px;text-align:center;background:url(/images/sub/cal_month.png) no-repeat;}
#schedule_control .right_btn{float:left;margin:10px 0px 0 10px;}
.room_name li{position:relative;}
.room_name li img{position:absolute;right:0;top:1px;}
.reservation{text-align:right;margin-top:40px;}
.reservation input{background:#ea6464;border:none;width:180px;padding:15px;font-weight:bold;color:#fff;}
.cancel{background:#a08e62;border:none;padding:5px;font-weight:bold;color:#fff;}
/* 예약확인 */
.reservation_confirm input[type=text]{padding:5px;border:1px solid #ddd;}
/* 로그인 */
.login .field{border:1px solid #cabea5;margin-top:50px;padding:10px;}
.login .field td{padding:8px;}

/* 굴림폰트 */
.gulim{font-family:Gulim;}

/* 카테고리1  */
#m1_1 {}
#m1_2 {}
#m1_3 {}
/* 카테고리2  */
#m2_1 {}
#m2_2 {}
#m2_3 {}
/* 카테고리3  */
#m3_1 {}
#m3_2 {}
#m3_3 {}
/* 카테고리4  */
#m4_1 {}
#m4_2 {}
#m4_3 {}
/* 카테고리5  */
#m5_1 {}
#m5_1 { background:#fff; min-height:847px; position:relative; }
#m5_1 > h3 { position:absolute; top:30px; left:140px; z-index:999; font-size:25px; }
#m5_3 {}