/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;font-family: "nanum_B", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1024px;height:115px;border-bottom:4px solid #ccc}
.header{position:relative;width:1024px;margin:0 auto;height:115px}
.logo{position:absolute;width:178px;height:80px;top:18px;left:0;}
.gnb{position:absolute;right:0px;top:20px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#8d8d8d;padding-left:8px;}
.gnb ul li a{font-size:10px;color:#8d8d8d;letter-spacing:0.5px;font-family: "nanum_B", sans-serif;text-decoration:none}
.gnb ul li a:hover{color:#333}

.top_menu{position:absolute;right:0;top:57px;z-index:1000}
.top_menu ul.top_menu_list{}
.top_menu ul.top_menu_list li{float:left;padding-right:38px;padding-top:5px}
.top_menu ul.top_menu_list li a{font-size:15px;color:#484747;text-decoration:none;font-family: "nanum_B", sans-serif;}
.top_menu ul.top_menu_list li a:hover{color:#16b29a}
.top_menu ul.top_menu_list li a.active{color:#16b29a}
.top_menu ul.top_menu_list li.parent_menu:last-child{padding-right:0px;}
ul.child_menu {position:absolute;width:150px;display:none;z-index:100;padding-top:28px;}
ul.child_menu li.child_smenu{width:150px;padding-left:10px;background:#fff;line-height:25px;border-top:1px solid #ccc;opacity:0.9;padding-bottom:5px;}
ul.child_menu li.child_smenu a{display:block;width:150px;font-size:10pt;color:#3c3c3c;text-decoration:none;letter-spacing:0}
ul.child_menu li.child_smenu:first-child{border-top:4px solid #ccc;}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.foot_info_wrap{width:100%;min-width:1024px;border-top:12px solid #ccc}
.foot_info{position:relative;width:1024px;height:80px;margin:0 auto;}
.fi_num{float:left;width:560px;height:60px;}
.fi_num ul{padding-top:25px}
.fi_num ul li{float:left;}
.fi_num_img{margin-right:7px;padding-top:4px}
.fi_num_l{font-size:22px;color:#07b99d;font-family: "nanum_EB", sans-serif;line-height:22px;border-right:1px solid #999999;padding-right:15px}
.fi_num_l_txt1{font-size:13px;color:#2f3232;font-family: "nanum_B", sans-serif;letter-spacing:0.5px}
.fi_num_l_txt2{font-size:20px;color:#1d7668;font-family: "nanum", sans-serif;}
.fi_num_o{font-size:12px;color:#797a7a;font-family: "nanum_B", sans-serif;line-height:20px;padding-left:15px;padding-top:3px}

.fi_ca{float:right;width:420px;height:50px;}
.fi_ca ul{padding-top:30px}
.fi_ca ul li{float:left;margin-right:25px;}
.fi_ca ul li a{font-size:12px;color:#797a7a;font-family: "nanum_B", sans-serif;text-decoration:none}
.fi_ca ul li a:hover{color:#16b29a}
.fi_ca .fonti{font-size:27px}

.footer_area_wrap{width:100%;min-width:1024px;}
.footer_area {position:relative;width:1024px;margin:0 auto;padding:10px 0 10px;text-align:center}
.footer_copy {position:relative;font-size:11px;color:#7e7e7e;line-height:20px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif;}
.admin{position:relative;}
.admin a{font-size:10px;color:#666;border:1px solid #ccc;background:#fff;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.um-naver-square{font-size:23px;color:#b3b3b3}
.dwebs_logo{position:relative;}
.footer_device{position:absolute;right:260px;top:29px}
.btn-default{font-size:10px;background:#fff;color:#666;border:1px solid #ccc;}
.btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#ececec;border:1px solid #ccc;color:#666}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 71px;
	height: 134px;
	text-indent: -9999px;
	margin-top: -50px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 71px;
	height: 134px;
	text-indent: -9999px;
	margin-top: -50px;
	opacity:0.6;
}

.main_cont{position:absolute;width:1024px;height:270px;left:50%;top:50%;margin-left:-512px;margin-top:-200px;border:0px solid red;z-index:900}
.main_cont_t{border-left:4px solid #8ee800;padding-left:20px;color:#fff;}
.main_cont_t h3{font-size:37.5px;letter-spacing:-0.5px;line-height:50px;margin:0;font-family: "nanum_B", sans-serif;}
.main_cont_t p{font-size:16px;letter-spacing:-0.5px;line-height:25px;padding-top:20px}

#bx-pager1{padding:10px 0 0 25px;}
#bx-pager1 a{display:inline;color:#afafaf;font-size:30px;font-weight:bold;width:50px;height:50px;margin:0 0 0 4px;text-decoration:none;}
#bx-pager1 a.active{color:#fff;font-size:30px;font-weight:bold;width:50px;height:50px;}

/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1024px;height:348px;background:url(../images/common/sub_top_bg.jpg) no-repeat;background-size:cover}
.sub_top_area{position:relative;width:1024px;margin:0 auto;}
.sub_top_area h3{font-size:25px;letter-spacing:-0.5px;margin:0;font-family: "nanum_B", sans-serif;}
.sub_top_area p{font-size:14px;letter-spacing:-0.5px;line-height:20px;padding-top:15px}

.sub_article_wrap{position:relative;width:100%;min-width:1024px;}
.sub_article{position:relative;width:1024px;margin:0 auto;}
.title{text-align:center;padding-top:40px}
.sub_title{color:#342b2a;font-size:35px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.sub_menu{;}
.list-group{text-align:center;margin:40px 0 60px;}
.list-group a.menubox{background:#ebebeb;padding:7px 50px;font-size:13px;color:#666;text-decoration:none;font-family: "nanum_B", sans-serif;margin:0 2px}
.list-group a.active{background:#333;color:#fff}
.list-group a.menubox:hover{background:#333;color:#fff}
.contents{min-height:450px;padding-bottom:70px}

/* 인사말 */
.greeting_info{text-align:center;color:#666;line-height:30px}
.greeting_des1{font-size:30px;}
.greeting_des2{font-size:16px;}
.greeting_des3{font-size:20px;line-height:35px}
.greeting_txt1{font-family: "nanum_B", sans-serif;color:#333}
.greeting_txt2{font-family: "nanum_B", sans-serif;color:#333;border-bottom:1px solid #333;padding-bottom:2px}
.greeting_txt3{color:#333;border-bottom:1px solid #333;padding-bottom:2px}
.greeting_txt4{font-family: "nanum_B", sans-serif;color:#666;border-bottom:1px solid #666;padding-bottom:2px;}


/* 룸소개 */
.room_des{text-align:center;font-size:45px;color:#ccc;font-family: "nanum_B", sans-serif;line-height:45px}
.room_des_txt{font-size:16px;color:#666;}
.room_des_txt2{font-size:60px;color:#666;font-family: "nanum_EB", sans-serif}

.tourist_t{font-size:14px;color:#666;line-height:26px;font-family: "nanum", sans-serif;}
.tourist_txt{font-size:18px;color:#666;font-family: "nanum_B", sans-serif;}

.room_info{position:relative;width:960px;margin:0 auto}
.bx-wrapper .bx-viewport{ border:0px;}
.bx-wrapper {position:relative;margin:0;padding:0;}
.pensionreview_txt{display:block;position:absolute;left:5px;bottom:5px;width:950px;height:50px;background:#000;opacity:0.5;color:#fff;text-align:right;}
#slider1_pager{position:absolute;bottom:22px;left:20px;margin-left:0px;text-align:center;z-index:1000}
#slider1_pager a{display:block;background:#939393;width:10px;height:10px;margin:0 15px 0 0px;overflow:hidden;border-radius:50%;width:13px;height:13px;float:left;border-radius:50%}
#slider1_pager a.active{text-decoration:none;background:#fff}
.slider1_btn_prev {
	position: absolute;
	left: 5px;
	top: 50%;
	z-index: 200;
	background: url('../images/sub/sub_prev.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -50px;
	outline:none;
}

.slider1_btn_next {
	position: absolute;
	right: 5px;
	top: 50%;
	z-index: 200;
	background: url('../images/sub/sub_next.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -50px;
	outline:none;
}

/* 예약안내 */
.reservation_info{text-align:center;font-size:14px;color:#666;line-height:25px}
.reservation_info h3{width:200px;height:30px;margin:0 auto;background:#666;color:#fff;font-size:14px;font-family: "nanum_B", sans-serif;padding-top:7px}
.reser_not{font-family: "nanum_B", sans-serif;line-height:35px}
.reser_not_txt1{font-size:20px;color:#acabab;}
.reser_not_txt1-1{font-size:25px;color:#16b29a;font-family: "nanum_EB", sans-serif;}
.reser_not_txt2{color:#333;border-bottom:1px solid #333;padding-bottom:2px}

.reser_table{width:100%;margin:0 auto;text-align:center;font-size:13px;color:#666;}
.reser_table caption{font-size:0px;color:#fff;padding:0}
.reser_table th{background:#ececec;text-align:center;border:1px solid #d9d9d9;font-family: "nanum_B", sans-serif;line-height:20px;padding:7px 0}
.reser_table td{border:1px solid #d9d9d9;line-height:20px;padding:8px 0;font-family: "nanum_B", sans-serif;}

.reser_cont{font-size:14px;line-height:45px;}
.reser_cont_txt1{font-size:15px;color:#666;font-family: "nanum_EB", sans-serif;}
.reser_cont_txt2{font-size:14px;color:#333;font-family: "nanum_B", sans-serif;}
.reser_cont_txt3{color:#333;border-bottom:1px solid #333;padding-bottom:2px}

/* 오시는길 */
.location_info{line-height:17px;letter-spacing:0.5px;text-align:center}
.location_txt1{font-size:14px;color:#333;}
.location_txt2{font-size:15px;color:#333;font-family: "nanum_B", sans-serif;}
.location_txt3{font-size:25px;color:#16b29a;font-family: "nanum_EB", sans-serif}
.location_txt4{font-size:13px;color:#666;}
.location_txt5{font-size:22px;color:#16b29a;font-family: "nanum_EB", sans-serif;}
.map{width:1024px;height:470px;margin:20px auto 0}