@charset "utf-8";

/* wrap */
.wrap { height:100%; margin-top:138px; }

.top, #mainWrap2, #mainWrap3, .footer { width:95%; max-width:1200px; margin:0 auto; position:relative; }
.pcView,
#mainWrap2.none960 { display:block; }
.mView,
.mobileNavi,
.mClose,
.mBlog,
#mainWrap2.view960 { display:none; }

/* ----------------------------------------------------------------------------------- header ----------------------------------------------------------------------------------- */
.navWrap { height:138px; z-index:100; position:fixed; width:100%; background:#fff; top:0; }
.top { height:87px; }
.top .tell { position:absolute; left:0; top:19px; width:35%; max-width:315px; }
.top h1 { text-align:center; padding-top:19px; }
.top .blog { display:block; position:absolute; right:0; top:19px; }
.top .blog img { }

.navCon { border-top:1px solid #d7d7d7; background:#fff; }
.navigation { width:100%; max-width:1200px; margin:0 auto; background:url("../images/inc/nav_line.gif") no-repeat left 15px; height:50px; }
.navigation .navi { cursor:pointer; text-align:center; width:14.2%; float:left; position:relative; background:url("../images/inc/nav_line.gif") no-repeat right center; font-weight:600; font-size:1em; }
.navigation .navi > a { font-weight:600; font-size:1em; line-height:47px; display:block; }
.navigation .navi > a:hover , .navigation .navi.on > a { color:#5dac65; border-bottom:3px solid #5dac65; }
.navigation .navi .subMenu { background:#fff;position:absolute; width:100%;  top:50px; display:none; }
.navigation .navi.on .subMenu {display:block; }
.navigation .navi .subMenu li { line-height:30px; background:url("../images/inc/line_x.png") repeat-x top; }
.navigation .navi .subMenu li:first-child { background:none; }
.navigation .navi .subMenu li a { font-size:0.9em; display:block; line-height:30px; }
.navigation .navi .subMenu li a:hover { color:#5dac65; }

/* ----------------------------------------------------------------------------------- main ----------------------------------------------------------------------------------- */
.slides li img { width:100%; }
#mainWrap1 { overflow:hidden; }
#mainWrap1 .flex-control-paging li a,
.subWrap .flex-control-paging li a { background:rgba(255, 255, 255, 0.7); width:25px; height:5px; -webkit-border-radius:0; }
#mainWrap1 .flex-control-paging li a:hover,
.subWrap .flex-control-paging li a:hover { background:rgba(255, 255, 255, 0.9); width:25px; height:5px; }
#mainWrap1 .flex-control-paging li a.flex-active,
.subWrap .flex-control-paging li a.flex-active { background:rgba(255, 255, 255, 0.9); width:50px; height:5px; }

#mainWrap2 { margin-top:45px; overflow:hidden; }
#mainWrap2 .con { float:left; }
#mainWrap2 .con h2 { padding-bottom:17px; }
#mainWrap2 .con h2 > img {}
#mainWrap2 .con h2 .mainMore { display:block; float:right; }
#mainWrap2 .con h2 .mainMore img {}
#con1 { width:50.5%; padding-right:1%; background:url("../images/inc/line_y.png") repeat-y right;  }
#con2 { width:22.75%; padding:0 1%; background:url("../images/inc/line_y.png") repeat-y right; }
#con2 > img { width:100%; }
.none960 #con2 > img { max-width:269px; }
#con3 { width:22.75%; padding-left:1%; position:relative; float:right; }
#con3 > img { width:100%; }
#con3 .bbs { position:absolute; top:45px; }
.lineX { display:block; width:100%; height:1px; background:url("../images/inc/line_x.png") repeat-x; }

#mainWrap3 { overflow:hidden; }
#mainWrap3 h2 { background:url("../images/inc/line_x.png") repeat-x bottom; padding-bottom:15px; margin-bottom:15px; margin-top:45px; }
#mainWrap3 h2 .title4,
#mainWrap3 h2 .title5 { width:70%; max-width:300px; }
#mainWrap3 h2 .comment { margin-left:20px; }
#mainWrap3 .roomList { overflow:hidden; }
#mainWrap3 .roomList li { float:left; width:19.2%; margin-left:1%; }
#mainWrap3 .roomList li:first-child { margin-left:0; }
#mainWrap3 .roomList li.mRoom { display:none; }
#mainWrap3 .roomList li a { display:block; border:1px solid #e1e1e1; padding:10px;  position:relative; height:100%; overflow:hidden; }
#mainWrap3 .roomList li a .photo { position:relative; width:100%; height:100%; display:block; }
#mainWrap3 .roomList li a .photo img { width:100%; }
#mainWrap3 .roomList li a .photo .roomOver { position:absolute; left:0; top:0; display:none; }
#mainWrap3 .roomList li a.over .photo .roomOver { display:block; }
#mainWrap3 .roomList li a .roomName { font-weight:600; display:block; width:50%; float:left; font-size:1em;}
#mainWrap3 .roomList li a .roomName img { }
#mainWrap3 .roomList li a .roomCom { font-weight:normal; font-size:0.9em; color:#666; display:block; float:right; }

#mainWrap3 .foodList { overflow:hidden; }
#mainWrap3 .foodList li { float:left; width:24.25%; margin-left:1%; }
#mainWrap3 .foodList li:first-child { margin-left:0; }
#mainWrap3 .foodList li a { display:block; border:1px solid #e1e1e1; padding:10px;  position:relative; }
#mainWrap3 .foodList li a .photo { display:block; width:100%; height:100%; overflow:hidden; }
#mainWrap3 .foodList li a .photo  img { width:100%; transition:all 1s; transform:matrix(1, 0, 0, 1, 0, 0); }
#mainWrap3 .foodList li a .photo:hover  img { transform:scale(1.2, 1.2); }
#mainWrap3 .foodList li a > img { width:100%; }
#mainWrap3 .foodList li .foodName { display:block; width:100%; text-align:center; font-weight:600; font-size:1.2em; }

/* ----------------------------------------------------------------------------------- footer ----------------------------------------------------------------------------------- */
.footerWrap { width:100%; overflow:hidden; background:#f3f3f3; padding:20px 0; margin-top:46px; }
.footer { position:relative; }
.footer ul { float:left; margin-left:140px; overflow:hidden; margin-bottom:20px; }
.footer ul li { float:left; margin-right:30px; }
.footer ul li a { color:#333; font-size:1.2em; font-weight:600; }
.footer ul li a:hover {}
.footer p { text-align:left; color:#505050; padding-left:140px; background:url("../images/inc/logo_top.png") no-repeat left center; clear:both; line-height:1.65; }
.footer p.copyright { color:#999; font-weight:normal; padding-top:15px; background:none; }
.footer p.copyright .any3 { float:right; color:#333; font-weight:normal; }
.footer p.copyright .any3 a {}
.footer p.copyright .any3 a:hover {}
.footer p.copyright span { color:tomato; text-decoration:underline; }
.footer .footBlog { position:absolute; right:0; top:0 }

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
.subTop {}
.subTop img { width:100%; }

.subWrap { width:95%; max-width:1200px; overflow:hidden; position:relative; margin:0 auto; }
.subWrap .location { color:#adadad; text-align:center; margin:20px 0; }
.subWrap h2 { text-align:center; margin-bottom:20px; }
.subWrap h2 img { max-width:580px; width:100%; }
.subWrap .titleComment { text-align:center; color:#666; margin:15px 0 30px; line-height:1.2; font-size:1.3em; font-weight:600; }

.roomMenu { text-align:center; }
.roomMenu ul { overflow:hidden; display:inline-block; margin-bottom:50px; }
.roomMenu ul li { float:left; text-align:center; margin:0 5px; margin-top:5px; }
.roomMenu ul li a { display:block; padding:10px 15px 10px 50px; font-size:1.3em; font-weight:600; border:1px solid #e1e1e1; }
.roomMenu ul li a:hover { border:1px solid #ff8400; color:#fff; }

.roomMenu ul li#rm1 a { background:url("../images/sub/icon1.png") no-repeat 15px center; }
.roomMenu ul li#rm1 a:hover { background:url("../images/sub/icon1_on.png") no-repeat 15px center #ff8400; }
.roomMenu ul li#rm2 a { background:url("../images/sub/icon2.png") no-repeat 15px center; }
.roomMenu ul li#rm2 a:hover { background:url("../images/sub/icon2_on.png") no-repeat 15px center #ff8400; }
.roomMenu ul li#rm3 a { background:url("../images/sub/icon3.png") no-repeat 15px center; }
.roomMenu ul li#rm3 a:hover { background:url("../images/sub/icon3_on.png") no-repeat 15px center #ff8400; }
.roomMenu ul li#rm4 a { background:url("../images/sub/icon4.png") no-repeat 15px center; }
.roomMenu ul li#rm4 a:hover { background:url("../images/sub/icon4_on.png") no-repeat 15px center #ff8400; }
.roomMenu ul li#rm5 a { background:url("../images/sub/icon5.png") no-repeat 15px center; }
.roomMenu ul li#rm5 a:hover { background:url("../images/sub/icon5_on.png") no-repeat 15px center #ff8400; }
.roomMenu ul li#rm6 a { background:url("../images/sub/icon6.png") no-repeat 15px center; }
.roomMenu ul li#rm6 a:hover { background:url("../images/sub/icon6_on.png") no-repeat 15px center #ff8400; }

.subWrap h3 { background:url("../images/inc/line_x.png") repeat-x bottom; padding-bottom:15px; margin-bottom:19px; margin-top:20px; clear:both; }
.subWrap .roomInfo { width:50%; float:left; background:url("../images/inc/line_y.png") repeat-y right; }
.subWrap .roomInfo p { font-size:1.4em; font-weight:bold; margin-bottom:20px; color:#333; }
.subWrap .roomInfo .roomTable { border-collapse:collapse; width:90%; }
.subWrap .roomInfo .roomTable th { text-align:center; background:#ff8400; border:1px solid #fff; color:#fff; padding:13px 0; }
.subWrap .roomInfo .roomTable td { text-align:center; border:1px solid #e1e1e1; padding:13px 0; }
.subWrap .roomTel { width:48%; float:left;margin-left:2%; }
.subWrap .roomTel .textB { font-size:1.3em; }
.subWrap .roomTel img { width:100%; margin:10px 0; max-width:444px; }
.subWrap .roomTel .textS { color:#666; font-size:1.1em; line-height:1.2; }

#subWrap1 .con1,
#subWrap1 .con2 { overflow:hidden; }
.img1_1,
.img1_2,
.text1_1,
.text1_2 { width:49%; }
.img1_1, .text1_2 { padding-right:1%; float:left; }
.img1_2, .text1_1 { padding-left:1%; float:right; }
.text1_1,
.text1_2 { padding:60px 0; line-height:1.4; }
.text1_1 { font-size:1.1em; }
.text1_1 b { font-size:1.6em; }
.text1_1 strong { font-size:1.3em; padding-bottom:20px;  }
/* .text1_2 { font-size:1.1em; background:url("../images/sub/text1_1.gif") no-repeat right bottom; } */
.text1_2 { font-size:1.1em;  }
.text1_2 b { font-size:1.3em; }
.line { display:block; width:98%; margin-top:10px; height:1px; background:#d7d7d7; }

#subWrap2 .comment { width:95%; }
#subWrap2 .comment .hash{ border-radius:5px; border:1px solid #ccc; padding:5px; color:#ff8b0e; font-size:0.7em; line-height:2.2; }
#subWrap2 .comment .comm { font-size:0.6em; color:#999; line-height:1.2;  }
#subWrap2 .comment  .commTitle { font-size:0.8em; font-weight:600; line-height:2.4; padding-bottom:3px; color:#666; border-bottom:1px dotted #bfbfbf; }

#subWrap3 .titleComment span.hash, #subWrap4 .titleComment span.hash { border-radius:5px; border:1px solid #ccc; padding:5px; color:#ff8b0e; font-size:1.1em; line-height:2.2; }
#subWrap3 .titleComment span.comm { font-size:0.9em; color:#999; line-height:1.2; }

#subWrap4 > img { width:100%; }

.subWrap .org { line-height:1.2; border-left:2px solid #ff8400;  font-size:1.2em; padding-left:11px; margin:20px 0; }
.subWrap .tel { width:100%; max-width:444px; }

#subWrap5 .con { width:100%; overflow:hidden; background:url("../images/inc/line_x.png") repeat-x bottom; padding-bottom:45px; margin-bottom:45px; }
#subWrap5 #con3 { background:none; padding:0; }
#subWrap5 .con > img,
#subWrap5 .con > div { width:49%; padding:0; }
#subWrap5 .con > div p { line-height:1.2; font-size:1.1em; }
#subWrap5 #con1 > img,
#subWrap5 #con2 > .text5_2,
#subWrap5 #con3 > img { float:left; }
#subWrap5 #con1 > .text5_1,
#subWrap5 #con2 > img,
#subWrap5 #con3 > .text5_3 { float:right; }

#subWrap6 .left { width:49%; float:left; }
#subWrap6 .telRight { width:49%; float:left; max-width:444px; padding-left:11px; border-left:2px solid #ff8400; margin:20px 0; }

#subWrap7 .org .textB { font-size:1.3em; }
#subWrap7 .org .textS { font-size:0.9em; color:#999; }

/* ----------------------------------------------------------------------------------- PC용 css / width 960px 이하 일 때 ----------------------------------------------------------------------------------- */
@media all and (max-width:960px) {

#mainWrap2.none960 { display:none; }
#mainWrap2.view960 { display:block; }
/* ----------------------------------------------------------------------------------- main ----------------------------------------------------------------------------------- */
#con1 { width:100%; padding:0; background:none; }
#con2, #con3 { width:49%; margin-top:20px; }
#con2 { padding:0 1% 0 0; }
#mainWrap3 .roomList li a .roomCom { display:none; }
#mainWrap3 .roomList li a .roomName { font-size:1.4em; width:100%; }

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
.img1_1,
.img1_2,
.text1_1,
.text1_2 { width:100%; float:none; padding:10px 0; }
.text1_2 { padding-bottom:30px; }

#subWrap5 .con > img,
#subWrap5 .con > div { width:100%; float:none; padding:0; }

#subWrap6 .left { width:90%; float:none; }
#subWrap6 .telRight { width:90%; float:none; }



}

/* ----------------------------------------------------------------------------------- 태블릿용 css / width 768px 이하 일 때 ----------------------------------------------------------------------------------- */
@media all and (max-width:768px) {

.wrap { margin-top:80px; }
.pcView { display:none; }
.mView,
.mobileNavi,
.mClose,
.mBlog { display:block; }
.flex-direction-nav { display:none; }

/* ----------------------------------------------------------------------------------- header ----------------------------------------------------------------------------------- */
.navWrap { height:80px; }
.top { height:80px; }
.top .blog  { display:none; }
.top .home { position:absolute; right:0; top:25px; }
.top h1 { padding-top:20px; }

.navCon { border-top:none; }
#bgLayer { position:fixed; height:100%; left:0; top:0px; width:100%; background-color:#000; opacity:0.7; z-index:10; display:none; }
.mobileNavi, .navigation .navi.mClose { position:absolute; top:22px; left:10px; text-indent:-9999px; }
.mobileNavi { width:54px; height:40px; background:url("../images/inc/m_nav.png") no-repeat center; }
.navigation .navi.mClose { width:43px; height:42px; display:none; border-top:none; }
.navigation .navi.mClose a { width:43px; height:42px; background:url("../images/inc/m_nav_x.png") no-repeat center; display:block; }
.navigation  { background:#fff; height:100%; overflow:hidden; float:left; width:80%; display:none; }
.navigation .navi { float:none; width:100%; border-top:1px solid #d7d7d7; background:none; line-height:45px; }
.navigation .navi > a:hover , .navigation .navi.on > a { border-bottom:none; }
.navigation .navi.mBlog a { display:block; }
.navigation .navi.mBlog a img { width:80%; padding:10px 0; max-width:321px; }
.navigation .navi .subMenu { position:static; display:block; background:#f5f5f5; overflow:hidden; border-top:3px solid #5dac65; }
.navigation .navi .subMenu li { float:left; width:50%; background:none; border-top:1px solid #d7d7d7; line-height:35px; }
.navigation .navi .subMenu li:nth-child(1),
.navigation .navi .subMenu li:nth-child(3), .navigation .navi .subMenu li:nth-child(5){ background:url("../images/inc/m_nav_sub.gif") repeat-y right; }
/* .navigation .navi .subMenu li:nth-child(5) { width:100%; } */
.navigation .navi .subMenu li a { line-height:35px; }

/* ----------------------------------------------------------------------------------- main ----------------------------------------------------------------------------------- */
#mainWrap3 h2 .comment { display:none; }
#mainWrap3 .roomList li { width:49.5%; margin-bottom:1%; }
#mainWrap3 .roomList li:nth-child(1),
#mainWrap3 .roomList li:nth-child(3),
#mainWrap3 .roomList li:nth-child(5) { margin-left:0; }
#mainWrap3 .roomList li.mRoom { display:block; }
#mainWrap3 .roomList li.mRoom img { width:100%; }
#mainWrap3 .foodList li { width:49.5%; margin-bottom:1%; }
#mainWrap3 .foodList li:nth-child(1),
#mainWrap3 .foodList li:nth-child(3) { margin-left:0; }

/* ----------------------------------------------------------------------------------- footer ----------------------------------------------------------------------------------- */
.footer ul { margin-left:0px; }
.footer p { background:none; padding-left:0; }
.footer p.copyright { margin-left:0; }
.footer p.copyright .any3 { float:none; }

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
.subWrap .titleComment { font-size:1.1em; }
.subWrap .roomInfo  { width:100%; background:url("../images/inc/line_x.png") repeat-x bottom; margin-bottom:20px; padding-bottom:20px; }
.subWrap .roomInfo .roomTable  { width:100%; }
.subWrap .roomTel  { width:100%; margin:0; }

}


/* ----------------------------------------------------------------------------------- 태블릿용 css / width 500px 이하 일 때 ----------------------------------------------------------------------------------- */
@media all and (max-width:500px) {

#con2, #con3 { width:100%; background:none; padding:0; }
#con3 .bbsBg { display:none; }
#con3 .bbs { position:static; border-top:1px dotted #d7d7d7; border-bottom:1px dotted #d7d7d7; }
.roomMenu ul li a  { padding:10px 15px; }
.roomMenu ul li#rm1 a,
.roomMenu ul li#rm2 a,
.roomMenu ul li#rm3 a,
.roomMenu ul li#rm4 a,
.roomMenu ul li#rm5 a,
.roomMenu ul li#rm6 a { background:none; }
.roomMenu ul li#rm1 a:hover,
.roomMenu ul li#rm2 a:hover,
.roomMenu ul li#rm3 a:hover,
.roomMenu ul li#rm4 a:hover,
.roomMenu ul li#rm5 a:hover,
.roomMenu ul li#rm6 a:hover { background:#ff8400; }

}