﻿body {margin:0 auto; text-align:center; font-size:12px; font-family: "굴림","돋움","dotum","Arial"; letter-spacing:-0.05em; -webkit-text-size-adjust:none; background:#000; color:#FFFFFF}

/* 링크 설정 */
a {text-decoration:none}
a img {border:0}
h3 { color:#f13c4f;/* font-weight:bold*/}

p._top {margin:0}

/* 홈페이지 제목 설정 */
h1 {background:#000   /*url(img/topbg.gif) 이미지추가 가능*/;  /*line-height:30px; padding:10px auto 5px;*/margin-bottom:-2px; color:#fff; font-size:20px; font-weight:bold;}
#top {line-height:15px; color:#999999; margin-bottom:6px; font-size:12px; font-weight:bold} 

#navi_main, #navi_main li, #mobileMenu, #mobileMenu li {list-style:none; text-align:left; margin:0; padding:0}
#navi_main .prev {position:absolute; left:10px; top:10px}  /* 이전 링크 */
#navi_main .home {position:absolute; right:10px; top:10px} /* 홈 링크 */

#home .prev {display: none}  /* 홈에서는 "이전" 링크가 보이지 않게 설정 */

/* 홈 메뉴 */
.mobileMenu  {/*float:left*/ width:100%; height:40px ; background:#0130b4 }/* 메뉴바 색상설정 */
.mobileMenu ul { margin:0; padding:0; list-style:none}   /* 여백 설정 */
.mobileMenu li {display:inline-block; }  /* 메뉴 설정 */
.mobileMenu li a {/*position:relative;*/ display:block;  width:50px; height:0px; overflow:hidden; text-align:center; padding:40px 0 0 0 ;  /*line-height:120%*/ background-repeat:no-repeat}  /* 링크 설정 */


/* 홈 메뉴 개별 백그라운드(아이콘) 설정 */
.mobileMenu li a.n1 {background-image:url('img/btn_menu01.png')}
.mobileMenu li a.n2 {background-image:url('img/btn_menu02.png')}
.mobileMenu li a.n3 {background-image:url('img/btn_menu03.png')}
.mobileMenu li a.n4 {background-image:url('img/btn_menu04.png')}
.mobileMenu li a.n5 {background-image:url('img/btn_menu05.png')}
.mobileMenu li a.n6 {background-image:url('img/btn_menu06.png')}



/* 홈 펜션정보 */
.top_img {width:99%; margin:0px} 
.m_info {list-style:none; width:100%; height:100px; /*background:url(img/m_bg.gif) repeat-x */}
.m_info ul {padding:5px 5px; margin:0px;list-style:none;}
.m_info li {color:#999999; text-align:left; margin-bottom:3px; line-height:16px; } 
.m_info li.img{margin-top:5px;} 


/* 메인 연락처 */
.m_phone { height:16px; padding:2px; background:#000; margin-bottom:0; color:#ffff00; font-weight:bold; text-align:right; margin:3px 2px 3px 0}
.m_banking {height:10px; padding:0px 15px 0px; background:#000; margin:0px;  text-align:left; font-weight:bold;}


/* PC보기 */
#pcView {height: 39px; padding-top:5px; clear:both; background:#000}	

/* foot_menu */
#foot_menu {width:100%; height:40px}
#foot_menu ul {margin:0; padding:0; list-style:none; background:#262626}
#foot_menu li {width:14%; display:inline-block; /*background:url(../img/foot_menu_line.jpg) no-repeat 0 -2px */}
#foot_menu li.first { background-image:none}

	
/* Copyright */
#mobileFooter {height:35px ; padding:10px; color:#999999; letter-spacing:normal; background:url(img/bottom_bg.gif) repeat-x}

/* 단락구분 */
.section {border-bottom:1px dashed #706f6f; margin-bottom:2em}


/* 펜션소개 */
.image_contents {margin: 0 auto; text-align:center}
.image_contents img {display:inline-block; width:100%}

.contents {color:#f7f7f7; text-align:left; font-size:14px; margin-top:13px; padding:0 10px; line-height:140%; letter-spacing:0}
/*#reser.contents {color:#3a3a3a; text-align:left; font-size:14px; margin-top:13px;	padding:0px; line-height:140%; letter-spacing:0} /*폭100%*/*/

.contents h2 {margin:0; padding:0; height:30px; font-size:16px; color:#0b39b7}
.contents .copy {height:30px; font-size:16px; text-align:left; color:yellow; margin:0; padding:0; font-weight:bold}

/* 펜션사진 */
#img h3 { color:#fee0ce}
ul.img_info {list-style:none; padding:0 }
.img_info img {width:100%}
.img_info li {text-align:center; border:1px solid #666; padding:3px; background:#000; margin-bottom:0.5em; color:#999}
.img_info li.end {margin-bottom:2em}
ul.reser_info  {padding-left:12px; margin-bottom:10px}
.reser_info li {list-style:none; padding:2px 0 2px 5px; background:url(../img/dot_li.gif) no-repeat 0 7px} /*예약안내리스트*/
.reser_info li.p_end {padding-bottom:20px}
.reser_info li.t_orange {color:#FF6600}
.room_cost img {width:96%;}
.room_cost {margin-left:-12px; border-top:1px solid #666; border-left:1px solid #666}  /*요금안내 테이블*/
.room_cost th, .room_cost td {text-align:center; padding:2px; border-right:1px solid #666; border-bottom:1px solid #666} /*요금안내 th,td공통속성*/
.room_cost th {background:#000} 
.room_cost th.first {width:25%} 
.room_cost td {background:#333}/*요금안내 td*/
@charset "UTF-8";


/* 예약안내, 요금안내 */
ul.reser_info  {padding-left:12px; margin-bottom:10px}
.reser_info li {list-style:none; padding:2px 0 2px 5px; background:url(../img/dot_li.gif) no-repeat 0 7px} /*예약안내리스트*/
.reser_info li.p_end {padding-bottom:20px}
.reser_info li.t_orange {color:#FF6600}
.room_cost img {width:96%;}
.room_cost {margin-left:-12px; border-top:1px solid #666; border-left:1px solid #666}  /*요금안내 테이블*/
.room_cost th, .room_cost td {text-align:center; padding:2px; border-right:1px solid #666; border-bottom:1px solid #666} /*요금안내 th,td공통속성*/
.room_cost th {background:#000} 
.room_cost th.first {width:25%} 
.room_cost td {background:#333}/*요금안내 td*/
@charset "UTF-8";


/* 연락처 */

#tel p {margin: 0}
#tel .tellink {background: url('img/phone.png')left top no-repeat; padding-left:60px; height:50px; position:relative}
#tel .tel_number a {line-height:40px; color:#ffff66; font-size:20px; font-weight:bold}
#tel .tel_bt {position:absolute; right:10px; top:10px}
.tel_text {color:#ccc; font-size:12px; line-height:140%}
.tel_text a {color:#ffff66}

