@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
* { margin: 0; padding: 0; }

@font-face { font-family: 'NotoMrB'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Medium_subset.eot'); src: url('../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Medium_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrR'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Regular_subset.eot'); src: url('../font/SourceHanSerifKR-Regular_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Regular_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Regular_subset.woff') format('woff'); }

@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: 500; 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: 900; 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'); }

body { width: 100%; height: 100%; overflow-x: hidden; }
div { margin: 0 auto; text-align: left; }
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; }

/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

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


/*2017-04-22 작업시작*/
div.menu_dark
{
    top: 0;
    left: 0;
    position: fixed;
    background: url('/images/menu_dark.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0.5;
}


div.main_dark
{
    top: 0;
    left: 0;
    position: fixed;
    background: url('/images/main_dark.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0.15;
}


#wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; }



.sub_bt { position: absolute; right: 74px; top: 22px; z-index: 3000; }
.sub_bt ul li { float: left; margin-right: 10px; }

#main_slides_main .pagination_main { position: absolute; left: 50%; margin-left: -100px; bottom: 5%;  z-index: 3000; width: 200px; height: 30px; }

.pagination_main li { float: left; margin: 0 3px; }
.pagination_main li a { display: block; width: 27px; height: 27px; background: url(../images/off.png) no-repeat; float: left; overflow: hidden; }
.pagination_main li.current a { width: 27px; height: 27px; background: url(../images/on.png) no-repeat; background-position: 0 0; }

.main_bt { position: fixed; right: 74px; top: 22px; z-index: 3000; }
.main_bt ul li { float: left; margin-right: 10px; }
.menu_bt { position: fixed; right: 18px; top: 25px; z-index: 3000; cursor: pointer; width: 36px; height: 24px; }

.main_copy { position: fixed; right: 59px; bottom: 50px; z-index: 300; color:#ffffff; text-align:right;}
.main_copy a {color:#ffffff;}
.main_copy a:visited {color:#ffffff;}
.main_copy a:active {color:#ffffff;}
.main_copy a:hover {text-decoration:none; color:#ffffff;}

.main_copy p.p_line {width:640px; height:1px; border:0; background:#ffffff; margin:15px 0 15px 0;}

.main_icon { position: fixed; right: 28px; bottom: 100px; z-index: 3000; }
.main_icon ul li { display: block; margin-bottom: 10px; }



#wrap .menu_area {width:100%; height:70px; margin:0 auto;  
position:absolute; top:10px; left:0; z-index:300; font-family: 'NotoKrM'; background:rgba(0, 0, 0, 0.0);}

.sub_logo {width:76px; height:113px; position:absolute; z-index:3000; top:33px; left:33px;}
.menu_area .sub_icon01 {width:76px; height:113px; position:fixed; z-index:3000; top:23px; right:66px;}
.menu_area .sub_icon02 {width:76px; height:113px; position:fixed; z-index:3000; top:23px; right:25px;}

.menu_area .menu {width:620px; height:70px; float:right; position:relative;}


.menu .menu_tab { width:620px;  font-size:20px; color:#cccccc; line-height:70px; }

.menu_tab #bt_menu_tab1,
.menu_tab #bt_menu_tab2,
.menu_tab #bt_menu_tab3,
.menu_tab #bt_menu_tab4,
.menu_tab #bt_menu_tab5,
.menu_tab #bt_menu_tab6,
.menu_tab #bt_menu_tab7{  cursor:pointer; text-align:center; }
.menu_tab #bt_menu_tab1.selected { color:#ffffff; }
.menu_tab #bt_menu_tab2.selected { color:#ffffff; }
.menu_tab #bt_menu_tab3.selected { color:#ffffff; }
.menu_tab #bt_menu_tab4.selected { color:#ffffff; }
.menu_tab #bt_menu_tab5.selected { color:#ffffff; }
.menu_tab #bt_menu_tab6.selected { color:#ffffff; }
.menu_tab #bt_menu_tab7.selected { color:#ffffff;}

.menu_tab #bt_menu_tab1.amenu01 { color:#ffffff;}
.menu_tab #bt_menu_tab2.amenu02 { color:#ffffff; }
.menu_tab #bt_menu_tab3.amenu03 { color:#ffffff; } 
.menu_tab #bt_menu_tab4.amenu04 { color:#ffffff; }
.menu_tab #bt_menu_tab5.amenu05 { color:#ffffff; }
.menu_tab #bt_menu_tab6.amenu06 { color:#ffffff; }
.menu_tab #bt_menu_tab7.amenu07 { color:#ffffff; }

.menu_tab .tab {  height:65px;}

.menu_tab .tab a#bt_menu_tab1{float:left; padding:0 25px 0 25px; cursor:pointer; }
.menu_tab .tab a#bt_menu_tab2{float:left; padding:0 25px 0 25px; cursor:pointer;}
.menu_tab .tab a#bt_menu_tab3{float:left; padding:0 25px 0 25px; cursor:pointer;}
.menu_tab .tab a#bt_menu_tab4{float:left; padding:0 25px 0 25px;cursor:pointer;}
.menu_tab .tab a#bt_menu_tab5{float:left; padding:0 25px 0 25px;cursor:pointer;}
.menu_tab .tab a#bt_menu_tab6{float:left; padding:0 25px 0 25px;cursor:pointer;}
.menu_tab .tab a#bt_menu_tab7{float:left; padding:0 25px 0 25px;cursor:pointer;}

.menu_tab .tab a {}
.menu_tab .tab a {}
.menu_tab .tab a {}
.menu_tab .tab a:hover {text-decoration:none;}

#menu_tab2,#menu_tab3,#menu_tab4,#menu_tab5,#menu_tab6,#menu_tab7 { display:none; }

.menu #sub1 {visibility:hidden; height:30px; position:absolute; top:55px; left:-150px; z-index:333; background:#a57432;}
.menu #sub2 {visibility:hidden; height:30px; position:absolute; top:55px; left:0; z-index:333; background:#a57432;}
.menu #sub3 {visibility:hidden; height:30px; position:absolute; top:55px; left:60px; z-index:333; background:#a57432;}
.menu #sub4 {visibility:hidden; height:30px; position:absolute; top:55px; left:0; z-index:333; background:#a57432;}
.menu #sub5 {visibility:hidden; height:30px; position:absolute; top:55px; left:-100px; z-index:333; background:#a57432;}
.menu #sub6 {visibility:hidden; height:30px; position:absolute; top:55px; left:500px; z-index:333; background:#a57432;}

#sub1on,#sub3on,#sub4on,#sub5on,#sub6on,#sub7on {width:100%; height:120px; min-width:1200px; position:fixed; top:105px; left:0; padding:0 10px 0 13px;
z-index:333; border-top:1px solid #d7d7d7;}

li.menu_line {float:left; width:1px; height:41px; border:0; background:url(../images/menu_line.gif) no-repeat 0 1px;}
.submenu_bg01 {width:15px; height:7px;  margin-left:40px;}
.submenu_bg02 {width:15px; height:7px;  margin-left:130px;}
.submenu_bg03 {width:15px; height:7px;  margin-left:75px;}
.submenu_bg04 {width:15px; height:7px;  margin-left:70px;}
.submenu_bg05 {width:15px; height:7px;  margin-left:-100px;}


li.menu_text01 {display:inline; float:left; height:30px; color:#ffffff; line-height:30px; padding:0 15px 0 15px; }
li.menu_text01 a { color:#ffffff; font-size:16px; height:30px; }
li.menu_text01 a:active {color:#ffffff; }
li.menu_text01 a:visited {color:#ffffff; }
li.menu_text01 a:hover {color:#eedac4; line-height:30px; text-decoration:none; }

li.menu_text01 a.on_menu_active {color:#eedac4; line-height:30px; text-decoration:none; }
li.menu_text01 a.on_menu_active:hover {color:#eedac4; line-height:30px; text-decoration:none; }


.menu_area .copy_bottom { width: 149px; position: relative; }

.copy_bottom .copy_bottom_line { position: absolute; top: 30px; border: 0; background: #ffffff; opacity: 0.6; width: 149px; height: 1px; }

.copy_bottom .copy_title { font-size: 12px; color: #ffffff; margin-top: 70px; }

.copy_bottom .copy_title a, .copy_bottom .copy_title a:visited, .copy_bottom .copy_title a:active { font-size: 12px; color: #ffffff; text-decoration: none; float: right; }




.copy_bottom .copy_bottom01 { font-size: 11px; color: #ffffff; opacity: 0.8; margin-top: 30px; line-height: 17px; font-family: "NotoKrR"; }

.copy_bottom .copy_bottom02 { font-size: 11px; color: #ffffff; opacity: 0.8; line-height: 17px; margin-top: 14px; font-family: "NotoKrR"; }

.copy_bottom02 a { color: #ffffff; }

.copy_bottom02 a:visited { color: #ffffff; }

.copy_bottom02 a:active { color: #ffffff; }

.copy_bottom02 a:hover { text-decoration: none; color: #ffffff; }

/* index section */

/* 메인페이지 풀스크린 이미지 리사이징 스타일시트*/
#main_slides { width: 100%; height: 100%; max-height: 1080px; background-color: transparent; }

#contents { width: 100%; overflow: hidden; float: left; position: relative; z-index: 0; border: 0; }

#main_slides { position: relative; }

.slides_container { width: 100%; overflow: hidden; position: relative; background: #7c6a4f; }


#main_slides > a.prev { position: fixed; top: 50%; margin-top: -33px; right: 0; z-index: 100; width: 66px; height: 66px; background: url(../images/prev.gif) no-repeat; }

#main_slides > a.next { position: fixed; top: 50%; margin-top: 33px; right: 0; z-index: 100; width: 66px; height: 66px; background: url(../images/next.gif) no-repeat; }



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

#main_slides { position: relative; }

.slides_container { width: 100%; overflow: hidden; position: relative; background: #7c6a4f; }




.main_copy01 { position: fixed; left: 108px; bottom: 39px; z-index: 7; }

.main_copy02 { position: fixed; right: 199px; bottom: 39px; z-index: 7; }

.main_copy03 { position: fixed; right: 66px; bottom: 41px; z-index: 7; }



/*객실 스타일시트*/

.fullBgImg2 { width: 100%; height: auto; min-height: 633px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: block; z-index: 6; overflow: hidden; }

.fullBgImg2 img { width: 61%; height: auto; }



/* 서브페이지 영역*/
#wrap .subvisual {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0; position:relative;}

#wrap .subvisual01 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0; }
#wrap .subvisual02 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual03 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual04 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual05 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual06 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual07 {width:100%; height:460px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}

.subvisual_text01 {width:100%; text-align:center; font-size:50px; color:#ffffff; padding-top:188px; }

					
#wrap .subcontent {width:100%; height:auto; position:relative;}
.subcontent .subject1 {width:1100px; height:auto; min-height:700px; background:#ffffff; padding:-38px 50px 0 50px; margin-top:-38px; z-index:3333;}

/* 텝 제 1분류 영역*/
.subnavi { width: 1200px; height:149px; text-align: center; position:absolute; bottom:0; left:50%; margin-left:-600px; background:rgba(0, 0, 0, 0.4); }
.subnavi ul {display: inline-block;}
.subnavi li { display: block; padding: 0; float: left; }
.subnavi ul li a { display: block; padding: 0; font-size: 18px; }
.subnavi ul li a span { text-align: block; }

.subnavi ul li a.sub_on { padding:0 30px 0 30px; height: 61px; color: #ffffff; text-decoration: none; line-height: 61px;  }
.subnavi ul li a.sub_on:hover { padding:0 30px 0 30px; height: 61px; background:rgba(165, 116, 50, 0.8); color: #ffffff; text-decoration: none; line-height: 61px;  }
.subnavi ul li.on_menu_active a { padding:0 30px 0 30px; height: 61px; background:rgba(165, 116, 50, 0.8); color: #ffffff; text-decoration: none; line-height: 61px;  }
.subnavi ul li.on_menu_active a:hover { padding:0 30px 0 30px; height: 61px; background:rgba(165, 116, 50, 0.8); color: #ffffff; text-decoration: none; line-height: 61px; }
/* 텝 제 1분류 영역 종료*/

.title_navi_fix {width:100%; text-align:center;  margin:0 auto; color:#ffffff; font-size:12px; font-size:13px; }
span.title_navi_normal {font:12px/1.6 Dotum,AppleGothic,sans-serif;}
span.title_navi_bold {font:12px/1.6 Dotum,AppleGothic,sans-serif; color:#d5b486;}
span.zz1 {font:12px/1.6 Dotum,AppleGothic,sans-serif;}


/*전 페이지 공통 카피영역 */



#copy_sub {width:100%; height:190px; margin-top:60px; background-color:#222222;  padding:0; z-index:999; clear:both; color:#838383;  font-size:12px; text-align:center; position:relative;}

#copy_sub p.p_title {font-size:12px; text-align:center; padding:45px 0 13px 0; color:#ffffff;}
#copy_sub p.p_line {width:640px; height:2px; border:0; background:#ffffff; margin:0 auto; margin-bottom:10px;}
#copy_sub p.p_con {color:#ffffff; padding-bottom:25px;}
#copy_sub .copy_top {position:absolute; left:50%; margin-left:494px; bottom:160px; z-index:5;}

#copy_sub .copy_sub_fix {width:1200px; text-align:center; padding-top:21px;}
#copy_sub a { color:#838383; }
#copy_sub a:active {color:#838383;  }
#copy_sub a:visited {color:#838383;  }
#copy_sub a:hover {color:#838383; text-decoration:none;  }

.copy_sub_fix span {color:#8a8a8a;}

#copy_sub .copy_logo {width:1200px; text-align:center; height:100px;}
.copy_logo img {padding-top:54px;}