@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

@font-face {
	font-family: 'NanumBarunGothic';
	src: url('/font/NanumBarunGothic.eot');
	src: url('/font/NanumBarunGothic.eot') format('embedded-opentype'),
	url('/font/NanumBarunGothic.woff') format('woff');
} 

@font-face {
	font-family: 'NanumBarunGothicBold';
	src: url('/font/NanumBarunGothicBold.eot');
	src: url('/font/NanumBarunGothicBold.eot') format('embedded-opentype'),
	url('/font/NanumBarunGothicBold.woff') format('woff');
} 

/* font-family: '³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'±¼¸²',Gulim,Helvetica,sans-serif; */
/* font-family: 'Nanum Myeongjo', serif; */
/* font-family: 'Jeju Myeongjo', serif; */

body { font-family: '³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'±¼¸²',Gulim,Helvetica,sans-serif; font-size:13px; color:#333333; }
select, input, textarea { font-family: '³ª´®¹Ù¸¥°íµñ',NanumBarunGothic,'±¼¸²',Gulim,Helvetica,sans-serif; background:white; border:1px solid #cccccc; }
input[type="text"] { text-indent:5px; }
a { color:#333333; }

.wrapper { width:100%; position:relative; }

.headerWrap { width:100%; height:55px; position:fixed; top:0; left:0; z-index:9999; border-bottom:2px solid #f1582f; background:white; }
.headerWrap .home { width:60px; height:55px; position:absolute; top:0; left:0; text-align:center; }
.headerWrap .home img { height:30px; vertical-align:middle; display:inline-block; padding-top:12px; }
.headerWrap .home a { display:block; width:100%; height:100%;  }
.headerWrap .logo { width:100%; text-align:center; padding-top:12px; }
.headerWrap .logo img { height:35px; }
.headerWrap .menuM { width:60px; height:55px; position:absolute; top:0; right:0; text-align:center;  }
.headerWrap .menuM a { display:block; width:100%; height:100%;  }
.headerWrap .menuM img { height:20px; vertical-align:middle; display:inline-block; padding-top:16px; }

.headerWrap .lnbWrap { display:none; width:100%; height:auto; background:white; position:absolute; top:0; left:0; z-index:9999; }
.headerWrap .lnbWrap .lnbtop { width:100%; height:55px; background:#ff5b2f; text-align:Center; position:relative; }
.headerWrap .lnbWrap .lnbtop img { height:30px; display:inline-block; padding-top:14px; }
.headerWrap .lnbWrap .lnbtop a { position:absolute; top:-2px; right:15px; color:white; font-weight:bold; font-size:30px; font-family:"µ¸¿ò"; }

.headerWrap .lnbWrap h1 { height:60px; line-height:60px; padding:0 15px; font-size:18px; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #eeeeee; }
.headerWrap .lnbWrap h1 a { display:block; width:100%; height:100%; }
.headerWrap .lnbWrap h1 span { float:right; padding-right:10px; color:#ff5b2f; font-size:20px; }
.headerWrap .lnbWrap h1 img { height:30px; display:inline-block; padding:0px 12px 0 0; }
.headerWrap .lnbWrap ul { background:#d9d9d9; overflow:hidden; height:0;  
transition:height 0.5s ease-in; -webkit-transition:height 0.5s ease-in; -moz-transition:height 0.5s ease-in;  -o-transition:height 0.5s ease-in; }
.headerWrap .lnbWrap :target ul.innerMenu01 { height:90px; }
.headerWrap .lnbWrap :target ul.innerMenu02 { height:138px; }
.headerWrap .lnbWrap :target ul.innerMenu03 { height:185px; }
.headerWrap .lnbWrap ul li { height:45px; line-height:47px; font-size:18px; text-indent:65px; border-bottom:1px solid rgba(250,250,250,.6); }
.headerWrap .lnbWrap ul li:last-child { border-bottom:none; }
.headerWrap .lnbWrap ul li a { width:100%; height:100%; display:block; }

.headerWrap .lnbWrap .close { width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold; letter-spacing:-1px; background:#5d5d5d; color:white; text-align:Center; }
.headerWrap .lnbWrap .close a { width:100%; height:100%; display:block; color:white; }
.headerWrap .lnbWrap .close img { height:20px; padding-left:8px; }


/*-----------------header----------------------*/

.footerWrap { width:100%; border-top:1px solid #cccccc; position:relative; }
.footerWrap ul { overflow:hidden; width:100%; border-bottom:1px solid #cccccc; }
.footerWrap ul li { float:left; width:50%; height:32px; line-height:34px; text-align:center; border-right:1px solid #cccccc;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.footerWrap ul li:last-child { border-right:none; }
.footerWrap ul li a { display:block; width:100%; height:100%; }
.footerWrap .address { padding:15px 0 15px 15px; color:#777777; line-height:1.4; }
.footerWrap .logo { position:absolute; top:10px; right:10px; height:20px; }

.footerWrap .bookingD { width:100%; height:55px; position:relative; text-align:center; padding-top:12px; background:#ff5b2f url(/mobile/images/bg_footer.png) no-repeat center top; background-size:auto 55px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.footerWrap .bookingD a { display:block; width:100%; height:100%; color:white; font-size:20px; }
.footerWrap .bookingD img { height:30px; padding-right:10px; }

/*-----------------footer----------------------*/

.mainVisualWrap { width:100%; height:100%; position:relative; margin-top:55px; }
.mainVisualWrap .bxslider { width:100%; position:absolute; top:0; left:0; }
.mainVisualWrap .bx-default-pager { display:none; } 
.mainVisualWrap .bx-controls-direction { display:none; }
.mainVisualWrap .mainTitle { width:100%; position:absolute; top:0; left:0; z-index:80; padding:85px 20px 0 20px; color:white; text-align:center; font-weight:lighter; 
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mainVisualWrap .mainTitle img { height:70px; }

.mainVisualWrap .quickMenu { width:100%; height:270px; background:rgba(0,0,0,.5); position:absolute; bottom:0; left:0; z-index:999; }
.mainVisualWrap .quickMenu ul { width:100%; overflow:hidden; }
.mainVisualWrap .quickMenu ul li { clear:both; width:100%; height:90px; text-align:center; border-bottom:1px solid rgba(250,250,250,.5); )
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mainVisualWrap .quickMenu ul li:last-child { border-bottom:none; }
.mainVisualWrap .quickMenu ul li a { display:block; width:100%; height:100%; color:white; }
.mainVisualWrap .quickMenu ul li img { height:65px; display:block; float:left; margin:12px 15px 0 15px; }
.mainVisualWrap .quickMenu ul li div { float:left; font-size:16px; padding-top:8px; text-align:left; }
.mainVisualWrap .quickMenu ul li div h2 { font-size:22px; padding:15px 0 6px 0; font-weight:bold; letter-spacing:-1px; }
.mainVisualWrap .quickMenu ul li div h5 { font-size:14px; }

.titleB { padding:20px 0 12px 0; text-align:center; }
.titleB img { height:30px; }
.titleB h2 { font-size:24px; letter-spacing:-1px; padding-top:10px; font-weight:bold; }
.titleB h5 { font-size:14px; padding-top:5px; line-height:1.3; }

.roomType { padding:0 10px; }
.roomType ul { width:100%;  }
.roomType ul li { width:100%;  margin-bottom:10px; position:relative;  }
.roomType ul li a { display:block; width:100%; height:100%; color:white; }
.roomType ul li .roomTitle { position:absolute; top:40px; left:20px; z-index:80; }
.roomType ul li .roomTitle p { font-size:20px; }
.roomType ul li .roomTitle h2 { font-size:32px; font-weight:bold; padding-top:8px; }
.roomType ul li .roomTitle h5 { font-size:18px; padding-top:10px; }
.roomType ul li .roomTitle span { display:block; width:100px; height:30px; line-height:30px; text-align:center; border:1px solid white; border-radius:25px; font-size:14px; margin-top:20px; }

.boardWrap { padding:15px 10px; background:#f1f1f1; }
.boardWrap .tableWrap { background:white; padding:10px 20px 20px 20px; }
.boardWrap .tableWrap .tableTitle { border-top:2px solid #777777; padding-top:12px; margin-top:18px; }
.boardWrap .tableWrap .tableTitle span { font-size:22px; letter-spacing:-1px; font-weight:bold; }
.boardWrap .tableWrap .tableTitle a { width:65px; height:24px; line-height:25px; float:right; background:#ff5b2f; color:white; display:inline-block;text-align:center; border-radius:25px; margin-top:-2px; }
.boardWrap .tableWrap table { margin-top:10px; }
.boardWrap .tableWrap table td { height:30px; border-bottom:1px solid #eeeeee; }
.boardWrap .tableWrap table tr:last-child td { border-bottom:none; }

.boardWrap .guideList { margin-top:15px; }
.boardWrap .guideList li { margin-bottom:6px; padding:15px; background:white url(/mobile/images/bg_board.gif) no-repeat right bottom; background-size:auto 20px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.boardWrap .guideList li h2 { font-size:24px; font-weight:bold; letter-spacing:-1px; color:#555555; }
.boardWrap .guideList li h2 img { height:28px; padding-right:6px; }
.boardWrap .guideList li h5 { padding-top:8px; font-size:19px; }

/*-------------------main------------------------*/

.companyWrap { width:100%; margin-top:55px; background:#f9f9f9; }
.companyWrap .greeting { padding:0px 15px 20px 15px; }
.companyWrap .greeting h2 { font-family: 'Jeju Myeongjo', serif; font-size:16px; font-weight:bold; line-height:1.4; color:#555555; text-align:center; padding:15px 0 10px; }
.companyWrap .greeting p { padding:15px 0 20px 0; font-size:16px; line-height:1.5; }
.companyWrap .mapWrap { outline:1px solid #ececec; border:8px solid white; border-radius:2px; margin-top:20px; }
.companyWrap .address { color:#555555; padding:10px 0 0 0; text-align:center; line-height:1.5; font-size:14px; }

.contentsWrap { padding:0 10px 25px 10px; min-height:300px; margin-top:55px; }

.subMenuWrapDump { height:38px; }
.subMenuWrap { width:100%; position:fixed; top:57px; z-index:99; overflow:hidden; }
.subMenuWrap .subMenu01 li { float:left; width:33.33%; height:38px; line-height:38px; text-align:center; font-size:16px; background:#dfdfdf; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.subMenuWrap .subMenu01 li:last-child { width:33.34%; border-right:none; }
.subMenuWrap .subMenu01 li a { display:block; width:100%; height:100%; }
.subMenuWrap .subMenu01 li.on { background:#ff5b2f; border-bottom:1px solid #ff5b2f; }
.subMenuWrap .subMenu01 li.on a { color:white; }
.subMenuWrap .subMenu01.col2 li {width:50%;}

.subMenuWrap .subMenu03 { width:100%; overflow:hidden; text-align:center; font-size:14px; }
.subMenuWrap .subMenu03 a { width:33.33%; height:34px; line-height:34px; background:#efefef; display:block; overflow:hidden; float:left; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.subMenuWrap .subMenu03 a.on { font-weight:bold; color:white; background:#666666; border-right:1px solid #666666; border-bottom:1px solid #666666; }
.subMenuWrap .subMenu03 a:nth-child(3n+0) { width:33.34%; border-right:none; }

.subMenuWrap .subMenu04 { overflow:hidden; }
.subMenuWrap .subMenu04 li { float:left; width:25%; height:38px; line-height:38px; text-align:center; font-size:16px; background:#dfdfdf; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.subMenuWrap .subMenu04 li:last-child { border-right:none; }
.subMenuWrap .subMenu04 li a { display:block; width:100%; height:100%; }
.subMenuWrap .subMenu04 li.on { background:#ff5b2f; border-bottom:1px solid #ff5b2f; }
.subMenuWrap .subMenu04 li.on a { color:white; }

.title { font-size:22px; font-weight:bold; color:#555555; text-align:Center; padding:25px 0 18px; }
.titleS { font-size:18px; font-weight:bold; color:#073b91; padding:30px 0 10px; }
.titleS img { height:18px; padding-right:6px; }

.gallery { margin-top:66px; }
.extraWord { padding:6px 10px; font-size:12px; line-height:1.6; }

.mainPic { width:100%; position:relative; }
.mainPic .picText { width:100%; height:50px; position:absolute; bottom:0; left:0; color:white; text-align:center; color:#ff5b2f; font-size:25px; padding:10px 0 15px 0; background:black;
background:linear-gradient(to bottom, rgba(0,0,0,.0) 0%, rgba(0,0,0,.6) 100%); background:-webkit-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.6) 100%); 
background:-moz-linear-gradient(top, rgba(0,0,0,.0) 0%, rgba(0,0,0,.6) 100%); }
.mainPic .picText span { display:block; font-size:18px; color:white; padding-bottom:5px; }

.calendar .Top { width:100%; height:50px; border-top:1px solid white; }
.calendar .Top span { display:block; margin:17px auto 0 auto; width:200px; height:30px; font-size:20px; text-align:center; font-weight:bold; position:relative; color:#555555; }
.calendar .Top a { display:block; width:20px; height:20px; line-height:20px; border:2px solid #f1582f; color:#f1582f; position:absolute; border-radius:50%; font-size:14px; font-family:"µ¸¿ò"; font-weight:bold;
text-align:center; }
.calendar .Top a.arrowLeft { top:-4px; left:0; }
.calendar .Top a.arrowRight { top:-4px; right:0; }

.calendar table { border-top:1px solid #ececec; border-left:1px solid #ececec; }
.calendar table th { height:32px; border-bottom:1px solid #ececec; border-right:1px solid #ececec; text-align:center; font-weight:bold; background:#f5f5f5; }
.calendar table td { height:42px; border-bottom:1px solid #ececec; border-right:1px solid #ececec; text-align:center; }
.calendar table td.on { background:#ececec; }
/* .calendar table td:hover, .calendar table td:active { background:#ececec; } */
.calendar table td a { width:100%; height:100%; display:block; padding-top:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.basicTable { border-top:1px solid #ff5b2f; border-left:1px solid #ececec; }
.basicTable th { border-bottom:1px solid #ececec; border-right:1px solid #ececec; height:40px; background:#f5f5f5; font-weight:bold; padding:0 3px; }
.basicTable td { border-bottom:1px solid #ececec; border-right:1px solid #ececec; height:26px; padding:10px; line-height:1.6; }
.basicTable td select { width:140px; height:30px; }
.basicTable td select.tel01 { width:60px; }
.basicTable td select.number { width:50px; }
.basicTable td input[type="text"] { width:140px; height:25px;  }
.basicTable td input.input01 { width:180px; }
.basicTable td input.input02 { width:95%; }
.basicTable td input.tel02 { width:50px; }
.basicTable td textarea { width:91%; height:150px; padding:5px; }
.basicTable td input[type="checkbox"] { width:18px; height:18px; }

.boardTable { border-top:1px solid #333333; }
.boardTable th { border-bottom:1px solid #ececec; height:40px; background:#f5f5f5; font-weight:bold; }
.boardTable td { border-bottom:1px solid #ececec; height:30px; padding:5px; line-height:1.4; }
.boardTable td a { display:block; width:100%; height:30px; line-height:30px; }
.boardTable td .arrow { height:8px; padding-right:5px; }
.boardTable td .text { word-wrap:break-word; overflow:hidden; }

.innerTable { border-top:1px solid #333333; background:white; margin-top:10px; }
.innerTable th { border-bottom:1px solid #ececec; border-right:1px solid #ececec; height:30px; font-weight:bold; text-align:center; }
.innerTable td { border-bottom:1px solid #ececec; border-right:1px solid #ececec; height:22px; text-align:center; padding:5px 10px; line-height:1.4; }

.roomTable { border-top:1px solid #333333; border-left:1px solid #ececec;  }
.roomTable td { height:35px; padding:5px 5px; border-bottom:1px solid #ececec; text-align:center; }
.roomTable tr td:last-child { border-right:1px solid #ececec; }
.roomTable tr td a { display:inline-block; width:70px; height:25px; line-height:25px; border-radius:2px; background:#f1582f; color:white; text-align:center; }
.roomTable td span { font-size:0.92em; }
span.ready { color:#0C0; }
span.ok { color:#36F; }
span.cancel { color:#F00; }

.search { width:100%; text-align:Center; padding:0 0 5px 0; }
.search select { width:60px; height:30px; }
.search input[type="text"] { width:100px; height:26px; }
.search input[type="submit"] { width:60px; height:30px; border:none; background:#025bc3; color:white; }
.search a { width:60px; height:30px; line-height:30px; display:inline-block; text-align:center; border:1px solid #cccccc; background:#f5f5f5;  }

.paging { width:100%; padding-top:20px; text-align:center; }
.paging a { display:inline-block; width:29px; margin-right:-3px; font-size:16px; }
.paging a.num { width:35px; height:30px; line-height:30px; text-align:center; }
.paging img { height:30px; }

.confirm { border:5px solid #f5f5f5; border-radius:5px; padding:30px 20px 20px 20px; margin-top:15px; text-align:center; font-size:16px; line-height:1.4; }
.confirm img { display:block; margin:10px auto; height:80px; }
.confirm a { display:block; margin:20px auto; width:150px; height:40px; line-height:40px; border-radius:2px; color:white; text-align:center; font-size:14px; background:#ff5b2f; }

.priceSum { height:60px; line-height:60px; border:1px solid #ececec; border-top:none; background:#f9f9f9; text-align:center; font-size:18px; }

.textBox { border:1px solid #ececec; background:#f9f9f9; padding:15px; line-height:1.6; }
.textBox02 { border:1px solid #ececec; background:#f9f9f9; padding:15px; line-height:1.7; margin-top:10px; }
.textBox02 .boxtitle { text-align:center; padding:0 0 10px 0; font-size:18px; color:#ff5b2f; }
.box { border:1px solid #ececec; padding:15px; text-align:center; }

.textBox { border:1px solid #ececec; background:#f9f9f9; padding:15px; line-height:1.6; }
.box { border:1px solid #ececec; padding:15px; text-align:center; }
.boxMargin {  border:1px solid #ececec; padding:15px; text-align:center; margin:10px 0px 0;}

.borderBox { border:1px solid #ececec; padding:10px; text-align:center; line-height:1.5; margin-bottom:5px; }

.btn { width:100%; text-align:center;  }
.btn a { display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; color:white; background:#ff5b2f; margin-top:15px; border-radius:2px; font-size:18px; }
.btn input[type="submit"] { width:120px; height:40px; text-align:center; color:white; background:#025bc3; margin-top:15px; border-radius:2px; font-size:16px; border:none; }

.boardBtn { width:100%; padding:6px 0 10px; }
.boardBtn a { display:inline-block; width:60px; height:24px; line-height:24px; border:1px solid #cccccc; background:#f5f5f5; text-align:center; }
.boardBtn a.right { float:right;  }
.boardBtn a.left { float:left; margin-right:2px; }

.red { color:#f00; }
.blue { color:#025bc3; }
.orange { color:#ff5b2f; }
.font17 { font-size:17px; }
.bold { font-weight:bold; }
.center { text-align:center; }
.right { text-align:right; }
.linethrough { text-decoration:line-through; }


/*-------------------sub------------------------*/

@media screen and (max-width:350px){
	.mainVisualWrap .mainTitle { padding:60px 20px 0 20px; }	
	.mainVisualWrap .mainTitle img { height:60px; }
	.mainVisualWrap .quickMenu ul li div h5 { font-size:12px; }

	.companyWrap .greeting h2 { font-size:20px; }
	.font17 { font-size:16px; }
}