@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일  font-family:Tahoma, Geneva, sans-serif; */

@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../fonts/notokr/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../fonts/notokr/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 400; src: url('../fonts/notokr/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 700; src: url('../fonts/notokr/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }

* { margin: 0; padding: 0; }
body { width: 100%; color: #444; font: 12px/1.6 Dotum,AppleGothic,sans-serif; overflow-x: hidden; }
div { margin: 0 auto; }
fieldset, img { border: none; }
img { border: 0; vertical-align: top; border: 0 none; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; }
address, em { font-style: normal; }
input, textarea { font-family: inherit; font-size: 1.05em; }
/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

table, tr, td, th, ul, li, span, div, p, a { font-family: 'NotoKrR'; }
dl, dt, dd, p { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
hr { display: none; }

#wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; }
#wrap .quick_link { height: 12px; position: absolute; right: 40px; top: 30px; z-index: 15; }

.quick_link ul { float: right; }
.quick_link li { display: inline-block; *display: inline; float: left; padding-left: 15px; }
.quick_link li a { color: #7f7f7f; font-size: 12px; }
.quick_link li a:hover { text-decoration: none; }

#wrap .menu_area { width: 215px; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 401; }

.menu_area .logo { width: 215px; margin-top: 35px; }

.menuSlide { position: relative; width: 136px; line-height: normal; margin-left: 35px; margin-top: 50px; }

.menuSlide ul { margin: 0; padding: 0; list-style: none; }
.menuSlide ul li { position: relative; vertical-align: top; *zoom: 1; text-transform: capitalize; }
.menuSlide li a { display: block; position: relative; padding: 8px 10px; color: #9d9d9d; text-decoration: none; *zoom: 1; }
.menuSlide li.active a { color: #295127; }
.menuSlide li a span { font-size: 16px; }

.menuSlide li:hover a { color: #295127; }

.menuSlide li ul { padding: 6px 7px; }
.menuSlide li li { margin: 0; border: none; }
.menuSlide li li a { padding: 5px 7px; border: 0; }
.menuSlide li li a span { font-size: 12px; color: #b0b0b0; }
.menuSlide li li a span:before { content: '· '; }

.menuSlide li.active { z-index: 2; }
.menuSlide li li.active { border: 0; }
.menuSlide li.active li a { border: 0; }

.menuSlide li.active ul,
.menuSlide li.on ul li a.on_menu_active { display: block; border-top: 1px solid #ececec; }

.menuSlide li.active li.active a span,
.menuSlide li.active li a.on_menu_active span { color: #6f6f6f; text-decoration: underline; }


/* 메인페이지 풀스크린 이미지 리사이징 스타일시트*/
.fullBgImg { width: 100%; min-width: 1280px; height: 100%; min-height: 1000px; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; z-index: 100; overflow: hidden; }

.catch_position01 { position: fixed; top: 50%; margin-top: 0; right: 40px; z-index: 1000; }

#container { width: 100%; overflow: hidden; margin: 0 auto; position: relative; z-index: 0; border: 0; }

#main_slides_main { width: 100%; height: 100%; padding-top: 0; position: relative; margin: 0 auto; }

.slides_container_main { width: 100%; height: 100%; }

#main_slides_main .pagination_main { position: fixed; z-index: 300; top: 50%; margin-top: -40px; right: 40px; }

#main_slides_main .pagination_main li { float: left; margin: 0 2px; }

#main_slides_main .pagination_main li a { display: block; width: 12px; height: 11px; background: url(../images/off.png) no-repeat; float: left; overflow: hidden; }

#main_slides_main .pagination_main li.current a { width: 12px; height: 11px; background: url(../images/on.png) no-repeat; background-position: 0 0; }

/* 메인페이지 풀스크린 이미지 리사이징 스타일시트 종료*/


/* 텝 제 2분류 영역*/
.subnavi02 { text-align: center; height: 42px; width: 755px; margin-bottom: 60px; }
.subnavi02 ul { display: inline-block; }
.subnavi02 li { display: block; padding: 0 5px 0 5px; float: left; }
.subnavi02 ul li a { display: block; padding: 0; font-size: 12px; text-align: center; }
.subnavi02 ul li a span { text-align: block; }

.subnavi02 ul li a.sub_on2 { width: 140px; height: 40px; background: #ffffff; color: #4a4a4a; text-decoration: none; line-height: 41px; text-align: center; border: 1px solid #5da8c6; }
.subnavi02 ul li a.sub_on2:hover { width: 140px; height: 40px; background: #5da8c6; color: #ffffff; text-decoration: none; line-height: 41px; border: 1px solid #5da8c6; }
.subnavi02 ul li.on_menu_active2 a { width: 140px; height: 40px; background: #5da8c6; color: #ffffff; text-decoration: none; line-height: 41px; border: 1px solid #5da8c6; }
.subnavi02 ul li.on_menu_active2 a:hover { width: 140px; height: 40px; background: #5da8c6; color: #ffffff; text-decoration: none; line-height: 41px; border: 1px solid #5da8c6; }
/* 텝 제 2분류 영역 종료*/


/* 서브페이지 영역*/
#wrap .subcontent { width: 100%; min-width: 795px; text-align: center; background-color: #f1f1f1; border: 1px solid #f1f1f1; padding-left: 110px; }


#wrap .subcontent h1 { font-family: 'Copperplate Gothic Light'; font-size: 60px; color: #3f2f2a; text-transform: capitalize; margin-top: 22px; }
#wrap .subcontent h3 { font-family: 'NotoKrR'; font-size: 50px; color: #3f2f2a; text-transform: capitalize; margin-top: 22px; }

#wrap .subcontent h2 { font-family: Geneva, sans-serif; font-size: 14px; color: #3f2f2a; text-transform: capitalize; margin-top: -10px; }

.subcontent .content { display: block; clear: both; margin-top: 60px; }

/* room navi & title & button */
ul.room { width: 100%; min-width: 1010px; text-align: center; margin-bottom: 50px; }

ul.room li { display: inline-block; *display: inline; vertical-align: bottom; }

ul.room li img { text-align: left; }

/* navi */
ul.roomnavi li { display: inline-block; *display: inline; padding: 0; }

ul.roomnavi li a { font-size: 13px; text-align: center; font-family: Tahoma, Geneva, sans-serif; }

ul.roomnavi li span { padding: 6px 10px; background-color: #f1f1f1; border: 1px solid #cfcfcf; }

ul.roomnavi li a span { color: #9a9a9a; }

ul.roomnavi li a:hover { text-decoration: none; }

ul.roomnavi li a:hover span { background-color: #295127; border: 1px solid #295127; color: #fff; }

ul.roomnavi li.on_menu_active span { padding: 6px 10px; background-color: #295127; border: 1px solid #295127; }

ul.roomnavi li.on_menu_active a span { color: #fff; }
/* navi */

/* button */
ul.button li { display: inline-block; *display: inline; padding: 0; padding-left: 50px; }

ul.button li a { font-size: 20px; text-align: center; width: 185px; height: 55px; border-radius: 10px; line-height: 55px; color: #fff; text-decoration: none; display: block; margin-left: 10px; float: left; margin-left: 10px; }

ul.button li a:nth-child(2) { background-color: #484848; }

ul.button li a:first-child { background-color: #295127; }

/* button */


/* 예약문의 button */
div.info { position: relative; }

div.info a { position: absolute; top: 220px; right: 50%; margin-right: -505px; }

div.info a { padding: 17px 45px; background-color: #484848; border: 2px solid #484848; border-radius: 5px; }

div.info a span { font-size: 20px; text-align: center; font-family: Tahoma, Geneva, sans-serif; color: #fff; }

div.info a { text-decoration: none; }


/* service tab */
ul.servicenavi li { display: inline-block; *display: inline; padding: 0; margin-bottom: 38px; width: 161px; padding: 3px; background-color: #fff; border: 1px solid #cfcfcf; }

ul.servicenavi li.on_menu_active,
ul.servicenavi a:hover li { background-color: #295127; border: 1px solid #295127; }

ul.servicenavi a li { font-size: 14px; text-align: left; padding-left: 7px; font-family: Tahoma, Geneva, sans-serif; }

ul.servicenavi li span { }

ul.servicenavi li a span { color: #9a9a9a; }

ul.servicenavi a:hover li { text-decoration: none; }

ul.servicenavi a:hover li span { color: #fff; }

ul.servicenavi a li.on_menu_active span { color: #fff; }

ul.servicenavi li span:after { font-size: 11px; float: right; padding-right: 3px; }

p.span_p { float: right; margin-right: 5px; font-family: '돋움'; line-height: 25px; color: #466c8a; }


ul.servicenavi a li.on_menu_active span p { color: #ffffff; }

ul.servicenavi a:hover li span p { color: #ffffff; }


/* service tab */

/* board area */
.board_Area { width: 1010px; margin: 0 auto; }


/* copy */
.copy_area { position: fixed; width: 100%; font-size: 10px; color: #ffffff; padding: 0 45px 52px 0; right: 0; bottom: 0; text-align: right; z-index: 15; }

.copy_area p.copy { font-size: 10px; margin-top: 9px; color: #ffffff; }

.copy_area a.webplan { text-decoration: none; color: #ffffff; }
.copy_area a.webplan:visited { color: #ffffff; text-decoration: none; }
.copy_area a.webplan:hover { color: #ffffff; text-decoration: none; }
.copy_area a.webplan:active { color: #ffffff; text-decoration: none; }


.copy_area2 { position: absolute; width: 100%; font-size: 10px; color: #9d9d9d; left: 35px; bottom: 50px; text-align: left; z-index: 5; }

.copy_area2 p.copy { font-size: 10px; margin-top: 9px; color: #9d9d9d; }

.copy_area2 a.webplan { text-decoration: none; color: #9d9d9d; }
.copy_area2 a.webplan:visited { color: #9d9d9d; text-decoration: none; }
.copy_area2 a.webplan:hover { color: #9d9d9d; text-decoration: none; }
.copy_area2 a.webplan:active { color: #9d9d9d; text-decoration: none; }



span.sub4_title { color: #cfae8a; font-size: 40px; }

td.sub04_txt { color: #ffffff; font-size: 13px; text-align: left; background: #484848; padding-left: 40px; padding-top: 40px; }


/*예약안내*/
td.reser_title { color: #3a3a3a; font-size: 13px; line-height: 50px; font-family: 'NotoKrM'; border-top: 1px solid #c6c6c6; border-bottom: 4px solid #8d8d8d; }

span.reser_span { color: #6f6e6e; font-size: 13px; font-family: 'NotoKrR'; }

td.reser_room_name { font-size: 13px; color: #6f6e6e; font-family: 'NotoKrR'; line-height: 45px; border-bottom: 1px solid #c6c6c6; }


td.reser_room_price { font-size: 13px; color: #6f6e6e; font-family: 'NotoKrB'; border-bottom: 1px solid #c6c6c6; }

td.reserv_txt { color: #6d6d6d; font-size: 12px; line-height: 20px; }

span.line_o { color: #da3e00; font-size: 12px; }

td.resev_txt_green { font-size: 28px; color: #295127; line-height: 70px; padding-top: 30px; font-family: 'NotoKrM'; }

span.reser_tx_bro { line-height: 20px; color: #87411a; text-decoration: underline; font-size: 12px; }


a.link_res { width: 185px; height: 55px; border-radius: 10px; line-height: 55px; background: #484848; color: #ffffff; font-size: 20px; text-align: center; outline: none; cursor: pointer; float: right; margin-top: 20px; text-decoration: none; }

td.soogi { color: #2a231f; font-size: 16px; text-align: left; padding-top: 10px; line-height: 60px; }

td.soogi_txt, td.soogi_ex { color: #897b74; font-size: 12px; }

td.soogi_txt { border-top: 1px solid #d2d2d2; background: #edefed; }

td.soogi_ex { border-bottom: 1px solid #d2d2d2; line-height: 40px; }

td.bor_l_g { border-left: 1px solid #d2d2d2; line-height: 40px; }

td.bor_r_g { border-right: 1px solid #d2d2d2; }



@media screen and (max-width:1366px) {
    #wrap .subcontent { min-height: 815px; min-height: 845px \0/IE8+9; padding-bottom: 80px; }

    ul.button li:first-child span { margin-left: 100px; }
}

@media screen and (min-width:1920px) {
    #wrap .subcontent { min-height: 910px; min-height: 940px \0/IE8+9; padding-bottom: 80px; }

    ul.button li:first-child span { margin-left: 150px; }
}

.top { position: fixed; right: 50%; bottom: 0; margin-right: -620px; }