@charset "utf-8";

body { background:#f2ece2; }

/****************************************/

/*concept*/
#content > div { width:100%; overflow:hidden; }
#conceptCon { margin-top:35px; }
#conceptCon h3 { margin:45px 0 18px; } 
#conceptCon dl { margin-top:46px; }
#conceptCon dd.first { margin:15px 0 0 0; }
#conceptCon dd { line-height:21px; margin-left:5px;}

@media screen and ( max-width:1006px) { 
	#conceptCon { margin-top:2%; padding-bottom:50px; font-family: 'Nanum Gothic', sans-serif;}
	#conceptCon > img { width:100%; } 
	#conceptCon dl { margin-top:30px; }
	#conceptCon dl dt { color:#333; font-weight:bold; font-size:14px; }
}
@media screen and ( max-width:510px) { 
	#conceptCon h3 { margin:35px 0 15px; } 
	#conceptCon p img { width:350px; }
	#conceptCon dl dt { margin-bottom:7px; }
	#conceptCon dl dd { display:inline; margin:0; line-height:18px; }
}
@media screen and ( max-width:380px) { 	
	#conceptCon h3 img { width:310px; }
	#conceptCon p img { width:310px; }
}

/*gallery*/
.galleryImg { width:730px; margin-top:30px; }
.galleryCon {  clear:both; overflow:hidden; padding:5px 0 100px; }
.galleryCon dd { line-height:21px;}
.galleryCon dd.first { margin-top:20px;  }
.coGall dd { letter-spacing:-0.01em; }

@media screen and ( max-width:1006px) { 
	.galleryCon {padding:5px 0 10%; font-family: 'Nanum Gothic', sans-serif; }
	.galleryCon dt { font-weight:bold; color:#333; font-size:15px; }
	.galleryCon dd { line-height:auto; }
	.galleryCon dd.first { margin-top:10px;  }
	.coGall dd { letter-spacing:0; }
}
@media screen and ( max-width:740px) { 
	.galleryCon dt { margin-bottom:10px; }
	.galleryCon dd { display:inline; }
	.galleryCon dd.first { margin-top:0; }
}
/*gallery_latest*/
#galleryBig { width:730px; overflow:hidden; margin:30px auto 0; }
#galleryBig > div { background:#fff; width:730px; text-align:center; }
#galleryBig > div img { width:730px; height:450px;}
.thumbnailBox { margin:7px auto; width:auto; float:right; overflow:hidden; font-size:0; }
.thumbnailBox li { display:inline-block; zoom: 1; *display: inline; width:73px; text-align:right; }
.thumbnailBox li.none { width:100%; }
.thumbnailBox li img { border:1px solid #d2cdcb; cursor:pointer; width:65px; height:50px; }

@media screen and ( max-width:1006px) { 
	#galleryBig { width:100%; margin:20px auto 0; }
	#galleryBig > div { width:100%; text-align:center; }
	#galleryBig > div img { width:100%; height:auto;}
}
@media screen and ( max-width:600px) { 
	.thumbnailBox { width:100%;  }
	.thumbnailBox li { width:20%; margin-bottom:5px; text-align:center; }
	.thumbnailBox li img { width:95%; margin:0 2.5%; height:auto; }
}


/*guide*/
.galleryCon2 { margin-top:42px; }
.galleryCon2 dd { line-height:21px; margin-top:15px; }
#guideTable { margin:45px 0; width:100%; border-top:2px solid #c58f3c; }
#guideTable th { background:#f1e5d3; color:#c58f3c; font-weight:bold; height:33px; }
#guideTable td { border-bottom:1px solid #e6e6e6; color:#535353;padding:13px 10px; }
#guideTable td.lasttd{text-align:center;}
#guideTable td ul {width:100%; padding-left:10px; overflow:hidden; margin-top:15px; }
#guideTable td ul li{margin-bottom:10px;}

@media screen and ( max-width:1006px) { 
	.galleryCon2 { margin-top:4%; font-family: 'Nanum Gothic', sans-serif; }
	.galleryCon2 dt { font-weight:bold; color:#333; font-size:15px;}
	.galleryCon2 dd { margin-top:10px; }
	#guideTable { margin:25px 0; }
	#guideTable td:first-child { text-align:center; vertical-align:top; }
}
@media screen and ( max-width:470px) { 
	#guideTable td:first-child img { width:80px; height:50px; }
	#guideTable td:last-child img { width:80px;  }
	#guideTable td ul li{margin-bottom:5px;}
}

/*menu*/
.menuCon { margin-top:42px; }
.menuCon dd { line-height:21px;  }
.menuCon dd.first, .menuCon dd.last { margin-top:15px; }
.btImg { margin-top:20px; }

@media screen and ( max-width:1006px) { 
	.menuCon { margin-top:4%; font-family: 'Nanum Gothic', sans-serif; }
	.menuCon dt { font-weight:bold; color:#333; font-size:15px; margin-bottom:10px; }
	.menuCon dd { display:inline;}
	.menuCon dd.last { display:block;}
	.btImg { width:100%; }
}

/*Party*/
.ptCon ul, .ptCon img { margin-top:20px; }
.ptCon ul { line-height:21px; }
#partydl {width:100%; overflow:hidden; margin-top:30px; margin-bottom:30px;}
#partydl dt {margin-bottom:15px;}
.firstBox { border-top:2px solid #c4c3c3; }
.partyBox{width:100%; overflow:hidden; border-bottom:1px solid #c4c3c3; padding:18px 0;}
.partyBox p {font-weight:bold; margin-bottom:10px; width:100%; }
.partyBox ul {width:100%; overflow:hidden; }
.partyBox ul li {float:left; overflow:hidden; width:165px; line-height:21px;  padding-left:10px; }
.partyBox ul li.lastli {width:145px; margin-left:15px;}
.partyBox ul li.imgli {padding-left:0; width:179px; margin-right:25px; }
.subul {width:100%; overflow:hidden; }
.subul li {clear:left; line-height:21px; padding-left:0;}

@media screen and ( max-width:1006px) { 
	.ptCon { font-family: 'Nanum Gothic', sans-serif; }
	.ptCon img { width:100%; }
	#partydl { margin:5% 0 25px; font-family: 'Nanum Gothic', sans-serif; }
	#partydl dt {margin-bottom:6px; font-weight:bold; color:#333; font-size:15px; }
	.partyBox { font-family: 'Nanum Gothic', sans-serif; padding:18px 0;}
	.partyBox ul li { width:24%; padding-left:1%; }
	.partyBox ul li.lastli {width:24%; margin-left:0; padding-left:1%;}
	.partyBox ul li.imgli {padding-left:0; width:25%; margin-right:0; }
	.partyBox ul li.imgli img { width:100%; max-width:179px; }
}
@media screen and ( max-width:680px) { 
	.ptCon ul { line-height:18px; }
	.ptCon ul li { display:inline; }
	.partyBox p {margin-bottom:5px; width:100%; font-size:14px; color:#333; font-family: 'Nanum Gothic', sans-serif; }
	.partyBox ul li { color:#686868; width:calc(95% - 200px); border-bottom:1px dashed #aaa; padding:3px 0; overflow:hidden; line-height:18px;}
	.partyBox ul li.lastli {width:calc(95% - 200px); border-bottom:none; padding:3px 0; }
	.partyBox ul li.imgli {width:200px; border-bottom:none;}
	.partyBox ul li:first-letter { color:#9c182f; font-weight:bold; }
	.partyBox ul li.imgli img { width:179px; }
}
@media screen and ( max-width:410px) { 
	.partyBox ul li { width:calc(95% - 150px); }
	.partyBox ul li.lastli {width:calc(95% - 150px); }
	.partyBox ul li.imgli {width:150px; height:120px;}
	.partyBox ul li.imgli img { width:140px; }
}
@media screen and ( max-width:350px) { 
	.partyBox ul li { width:calc(97% - 120px); }
	.partyBox ul li.lastli {width:calc(97% - 120px); }
	.partyBox ul li.imgli {width:120px;}
	.partyBox ul li.imgli img { width:110px; }

}

/*이벤트*/
p.ex { margin-top:20px; }
/* #event {width:100%; overflow:hidden; margin-bottom:30px; margin-top:30px; padding-left:84px;  background:url(/img/eventbg.gif) no-repeat top left;}
#event p {right:0 ; position:absolute; bottom:0; }
.eventL {width:259px; margin-top:25px;  float:left; margin-right:0;}
.eventL li {margin-bottom:16px;}
.evnetDl {float:left; width:365px; min-height:182px; position:relative;  margin-left:25px; margin-top:54px;}
.evnetDl dt {font-weight:bold; margin-bottom:13px;}
.evnetDl dd {color:#c88d3c;}
.evnetDl dd.subdd {color:#535353; margin-top:30px;}
.evnetDl dd.subdd ul {width:100%; overflow:hidden; }
.evnetDl dd.subdd ul li {background:url(/img/bullectEn.gif) no-repeat 3px 9px; line-height:21px; padding-left:10px;} */

#eventCon { width:100%; overflow:hidden; margin:30px 0; }
#eventCon li { width:100%; overflow:hidden;  margin-bottom:30px; position:relative; }
#eventCon li > p { position:absolute; top:1px; right:10px; z-index:99; }
#eventCon li div { width:728px; border:1px solid #ddd; overflow:hidden; margin-top:10px;  }
#eventCon li div > img { float:left; width:320px; height:210px; }
.evBox { position:relative; }
.evBox > p.btnGo { position:absolute; bottom:15px; right:15px; }
.evBox > dl { float:right; width:405px; overflow:hidden; }
.evBox > dl dt { text-transform:uppercase; padding-left:2.5%; height:38px; line-height:38px; font-size:20px; color:#333; font-weight:bold; border-bottom:1px solid #e6e6e6; font-family: 'Nanum Gothic', sans-serif;  }
.evBox > dl dd { width:95%; margin:0 auto; overflow:hidden; }
.evBox > dl dd p { color:#c88d3c; margin-top:20px;}
.evBox > dl dd ul { overflow:hidden; margin-top:15px; background:url(/img/bullectEn.gif) no-repeat 3px 8px; line-height:21px; padding-left:10px; }
.evBox > dl dd ul li span { font-weight:bold; margin-right:5px; }

.btnAdm { overflow:hidden; margin-bottom:20px; }
.btnAdm a { display:block; margin:0 auto; width:170px; height:32px; line-height:32px; text-align:center; background:#333; color:#fff; }

@media screen and ( max-width:1006px) {
	p.ex { font-family: 'Nanum Gothic', sans-serif; }
	#eventCon { margin:20px 0; }
	#eventCon li { margin-bottom:20px;}
	#eventCon li > p { right:20px;  }
	#eventCon li div { width:99%; border:1px solid #ddd; overflow:hidden; margin-top:10px; }
	.evBox > dl {width:calc(100% - 320px);}
}
@media screen and ( max-width:690px) {
	#eventCon li div > img { width:280px; height:170px;}
	.evBox > dl {width:calc(100% - 280px);}
}
@media screen and ( max-width:640px) {
	#eventCon li > p { right:10px;  }
	#eventCon li div > img { clear:both; width:100%; height:auto; }
	.evBox > p.btnGo { position:static; float:right; margin:5px 10px 10px 0; }
	.evBox > dl { clear:both; width:100%; border-top:1px solid #ddd;  }
}



/*폼*/
#reservation { width:100%; overflow:hidden; /* border:1px solid #ececec; */ font-family: 'Nanum Gothic', sans-serif; }
.agreeCon { width:99.8%; background:#efefef; overflow:hidden; border:1px solid #e3e3e3; border-top:2px solid #c9b8a9;}
.agreeCon > div { width:97%; margin:12px auto 7px; padding:5px; overflow-y:scroll; background:#fff; height:130px; border:1px solid #ddd; }
.agreeCon > p { float:right; margin-right:7px; padding-bottom:7px;  }
.agreeCon > p input { margin-right:3px; }

#formTable { margin-top:20px; width:100%; border-top:2px solid #c9b8a9; border-bottom:1px solid #eee; }
#formTable th { font-family: 'Nanum Gothic', sans-serif;padding:5px 0 4px; color:#7e5d3f; font-size:13px; text-align:right; padding-right:20px; background:#faf5f5; }
#formTable td {  font-family: 'Nanum Gothic', sans-serif;  padding:5px 0 4px 10px; }
select.ed2 { border:1px solid #ddd; height:23px; line-height:23px; }

#formView {  }
.closeBtn { float:right; margin-top:10px; }
.closeBtn a { color:#fff; background:#2b2626; border:1px solid #111; display:block; width:120px; height:30px; line-height:30px; font-size:14px; text-align:center; font-weight:bold;}


/*오시는 길*/
#mapCon { }
#mapCon > img { width:730px; margin-top:30px; }
#mapCon > p.btnMap { margin:10px 0; }
.mapUse { width:100%; margin-top:10px; margin-bottom:50px; }
.mapUse dt { clear:both; margin-top:30px;font-weight:bold; color:#111; font-size:13px;  }
.triangle-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 10px solid #d61219;
	border-bottom: 5px solid transparent;
	float:left;
	margin-top:5px;
	padding-right:5px;
}
.mapUse dd { margin:5px 0 0 15px;  }
.mapUse > dd.color { color:#333; }
.mapUse > dd.color > span { color:#666; }
.mapUse dd div { overflow:hidden; }
.mapUse dd span { color:#333; }
.mapUse dd span.b { font-weight:bold; padding-right:5px; }
.mapUse dd ul { width:100%; overflow:hidden; }
.mapUse dd ul li { float:left; width:50%; line-height:22px; letter-spacing:-0.01em;  }
.mapUse dd ul li label { color:#333; font-weight:bold; float:left; display:block; padding-right:5px;}
.mapUse dd ul li span { width:240px;  float:left; display:block; }
.mapUse dd ul li span.wid { width:280px; }
.mapUse dd div.boxP  { width:100%; overflow:hidden; position:relative;}
.boxP p.btnDown { position:absolute; bottom:1px; right:75px; }
.btnDown a { display:block; color:#fff; font-weight:bold; width:150px; height:25px; line-height:25px; background:#333; border-radius:5px; text-align:center; }
.mapUse dd div.boxP .leftImg { float:left; margin-top:10px; border:1px solid #ddd; }
.mapUse dd div.boxP .rightTxt { float:left; margin:30px 0 0 15px; width:410px; }
.rightTxt span { font-size:15px; color:#111; font-weight:bold; }
.rightTxt span b { color:#b92b30; }

@media screen and ( max-width:1006px) {
	#mapCon { width:98%; margin:0 auto; }
	#mapCon > img { width:100%; margin-top:20px; } 
	.mapUse { font-family: 'Nanum Gothic', sans-serif;  }
}
@media screen and ( max-width:780px) {
	.mapUse dd ul li { clear:left; width:100%; letter-spacing:0; margin:3px 0; overflow:hidden; }
}
@media screen and ( max-width:410px) {
	.mapUse dd ul li { line-height:18px; }
	.mapUse dd ul li label { clear:left; display:block; padding-right:0; color:#222;}
	.mapUse dd ul li span { width:95%; clear:left; margin-left:5%; }
	.mapUse dd ul li span.wid { width:95%; }
	
}