@charset "utf-8";

.ptred { color:#df2d2d; font-weight:bold; }
label {cursor:pointer}
#visual { width:100%; height:180px; }
#wrap #snb { position:absolute; left:0; top:230px; width:223px; }
#container { float:right; margin-top:33px; width:823px; overflow:hidden; min-height:500px; }
.process { font-size:11px; }
h2 { margin:28px 0 0 0; height:38px; }
#content { width:100%; overflow:hidden; margin-top:28px; padding-bottom:50px;  }
#contentB { width:100%; overflow:hidden; margin-top:0; padding-bottom:50px;  }
.conceptImg { border:2px solid #ddd; }
#conceptBox { margin-top:25px; }
#conceptBox p.txt { margin-top:15px; }
#conceptBox div { margin-top:35px; overflow:hidden; width:93%; border:3px solid #efefef; padding:2%; }
#conceptBox div label { float:left; font-weight:bold; color:#fff; background:#a11f24; border-radius:5px; padding:3px 5px; } 
#conceptBox div p { float:left; margin-left:15px; font-size:13px; }
#conceptBox div p span { font-weight:bold; color:#000; }

.print_btn {padding:0 0 10px 0; text-align:right;}
.print_btn a {display:block;}
.mapUse { width:800px; margin-top:10px; }
.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:25px;  height:100px;}
.mapUse dd ul li label { color:#333; font-weight:bold; float:left; display:block; padding-right:5px; width:135px; line-height:15px;}
.mapUse dd ul li label span {width:100%;font-weight:normal;padding-left:5px;}
.mapUse dd ul li span { width:250px; float:left; display:block; }
.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; }

.mapUse dd h4 { clear:both; margin-top:20px; color:#b92b30; }
.mapUse dd table { width:700px; border-top:1px solid #bfacac;  margin: 5px 10px 10px 10px;}
.mapUse dd table th { color:#3b3b3b; background:#f7f7f7;border-bottom:1px solid #e2e2e2;  padding:5px 0 4px; }
.mapUse dd table td { text-align:center; border-bottom:1px solid #e2e2e2; padding:5px 0 4px; }
.mapUse dd table td.bold { font-weight:bold; color:#e55d0c; }
.tip { font-size:11px; color:#2db400; float:right; margin-right:75px; }


ul.tabs { width:100%; overflow:hidden; border-bottom:2px solid #333; }
ul.tabs li { float:left; cursor:pointer; line-height:35px; padding:0 20px; height:35px; overflow:hidden; background:#f4f4f4; margin-right:2px; border:1px solid #ededed; border-bottom:none; }

ul.tabs li:hover { background:#555; color:#ddd; }
ul.tabs li.current { background:#333; color:#fff; border:1px solid #212121; border-bottom:none; }

.tabscontent { border:1px solid #ddd; border-top:none; display:none; width:99.8%; text-align:justify; overflow:hidden; padding-bottom:30px; }
.imgCon { width:590px; heightxx:349px; height:410px; position:relative; marginxx:45px auto 0;margin:15px auto 0; }
.imgCon .bd1 { border:1px solid #dfdfdf; width:548px; heightxx:307px; height:370px; position:absolute; z-index:1; top:0; left:0; }
.imgCon .bd2 { border:1px solid #dfdfdf; width:548px; heightxx:307px; height:370px; position:absolute; z-index:2; bottom:0; right:0; }
.imgCon .rollingBox { width:550px; height:309px; position:absolute; z-index:3; top:20px; left:20px; }
.rollingBox .clsBannerButton { position:absolute; top:15px; right:20px; z-index:5; }
.clsBannerButton li { float:left; margin-left:3px; cursor:pointer; }


.tabTable { width:700px; border-top:1px solid #bfacac; margin:30px auto 10px; }
.tabTable_2017 {margin:30px auto 5px !important;}
.table_tip {
	width:700px;
	margin:0 auto 30px;
	padding-left:2px;
	font-size:8pt;
	box-sizing:border-box;
}
.tabTable th { text-align:center; color:#3b3b3b; background:#f7f7f7;border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; padding:3px 0 2px; }
.tabTable th.bdNone { border-left:none; }
.tabTable td { text-align:center; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; padding:5px 0 4px; }
.tabTable td:first-child { font-weight:bold; border-left:none; }

.images > p { padding-left:5px; position:absolute;  z-index:99;width:100%; left:0; bottom:0; background:url(/img/opacity_black.png) repeat; height:30px; line-height:30px; color:#fff; }

.btnUl { float:right; margin-right:60px; }
.btnUl li { float:left; margin-left:8px; }
.btnUl li a { display:block; background:#a11f24; border-radius:5px; color:#fff; padding:3px 8px; } 
.btnUl li:first-child a { background:#333; }

.tabscontent h3 { text-align:center; margin-top:45px; }

.convenUl { margin:50px auto 30px auto; width:800px; overflow:hidden; }
.convenUl li { float:left; width:30%; margin:0 1.5% 15px 1.5%; text-align:center; height:260px; } 
.convenUl li img { border:1px solid #ddd; }
.convenUl li dl { margin:10px auto 0 auto; text-align:left; width:224px; }
.convenUl li dl dt { font-weight:bold; color:#333; font-size:18px; padding-bottom:2px; border-bottom:1px solid #ddd; }
.convenUl li dl dt.bdN { text-align:center; font-size:15px; border-bottom:none;}
.convenUl li dl dt span { font-weight:normal; font-size:12px; color:#666; }
.convenUl li dl dd { margin-top:3px; color:#444; }
.convenUl li dl dd b { color:#b92b30; }



.priceTable { width:100%; border-top:1px solid #bfacac; margin:30px auto 0; }
.priceTable th { color:#3b3b3b; background:#f7f7f7;border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; padding:4px 0 3px; }
.priceTable th.bdNone { border-left:none; }
.priceTable td { text-align:center; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; padding:5px 0 4px; }
.priceTable td:first-child { font-weight:bold; border-left:none; }
.fw600 {font-weight:600;}


#priceBox { width:800px; margin:0 auto; overflow:hidden; }
#priceBox p.vat { float:right; }
#priceBox ul { clear:both; margin:30px auto; }
#priceBox ul li { font-size:13px; line-height:25px; margin:0 0 0 8px; }
#priceBox ul li p { margin-top:6px; }


#sitemap { width:100%; overflow:hidden; margin:20px 0; }
#sitemap dl { float:left; width:20%; margin:0 2.5%; }
#sitemap dl dt { border-radius:5px; background:#a11f24; color:#fff; font-weight:bold; text-align:center; font-size:15px; text-transform:uppercase; line-height:35px; height:35px; }
#sitemap dl dd { border-bottom:1px dotted #ddd; padding:7px 0 6px 10px;}


.square { width: 2px; height: 2px;	background: #333; float:left; display:inline-block; margin:7px 5px 0 0;}


#stepBox { width:765px; margin:20px auto; overflow:hidden; }
#stepBox dl {  border-bottom:1px dotted #ddd; padding-bottom:15px; width:100%;  margin-bottom:15px; clear:both; overflow:hidden; }
#stepBox dl dt { border-radius:10px;float:left; text-align:center; height:90px; width:180px;  background:#555; }
#stepBox dl dt.black { background:#333; }
#stepBox dl dt.white { background:#bbb; }
#stepBox dl dt.blackRed { background:#542c2c; }
#stepBox dl dt.red { background:#a11f24; }

#stepBox dl dt img { margin:15px 0 5px 0; }
#stepBox dl dt p { color:#fff; font-size:15px; font-weight:bold; }
#stepBox dl dd { float:left; width:500px; overflow:hidden; margin-left:20px; margin-top:35px; }
#stepBox dl dd p { line-height:24px; }
#stepBox dl dd.line2 { margin-top:20px; }
#stepBox dl dd.line3 { margin-top:15px; }


#calendarBox { float:left; width:210px; }
#calendarBox h3 { width:100%; background:#333; color:#fff; line-height:30px; height:30px; text-align:center; }
#reserveTip { float:right; width:600px; padding:10px 0; border:1px solid #ddd; border-top:3px solid #333; height:190px;}
#reserveTip li { padding:5px 20px 5px 20px; background:url(/img/bullet_grayLine.gif) no-repeat 11px 15px; }
#reserveTip li:first-child { margin-top:4px; }
#reserveTip li span { text-decoration:underline; color:#a11f24; }


.reserveBox { clear:both; width:100%; overflow:hidden; padding-top:25px; }
#reserveT { width:100%; overflow:hidden; }
#reserveT > ul { width:100%; overflow:hidden; padding-bottom:3px;}
#reserveT > ul li { float:right;  }
#reserveT > ul li img { margin-top:2px; }
#reserveT > ul li:first-child { float:left; font-weight:bold; margin-right:5px; color:#a11f24; }
#reserveT h3 { width:100%; background:#333; color:#fff; line-height:30px; height:30px; text-align:center; }
#reserveT table { width:100%;  }
#reserveT table th { background:#f7f7f7; padding:6px 0 6px 0; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
#reserveT table th.first { border-left:none; }
#reserveT table tr.time th { font-weight:normal; line-height:13px;  }
#reserveT table td { border-bottom:1px solid #e2e2e2; text-align:center; padding:1px 0;font-size:13px;font-family:'Noto-sans serif'}
/*
#reserveT table td:first-child { background:#efefef; }
*/
#reserveT table td.left { text-align:left; padding-left:15px; font-size:11px; }
#reserveT table td.red { background:#b01b23; }
#reserveT table td.gray { background:#ffffff; }


.plusbox { width:500px; float:left; margin-top:25px;}
.plusbox > h3 { width:100%; background:#333; color:#fff; line-height:30px; height:30px; text-align:center; }
.plusbox > table { border:1px solid #ddd; width:100%; margin-bottom:5px; }
.plusbox > table caption { text-align:right; }
.plusbox > table th { padding:6px 0 6px 0; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
.plusbox > table th.subj { background:#efefef; color:#333;}
.plusbox > table th span { font-weight:normal; }
.plusbox > table td { border-bottom:1px solid #e2e2e2; padding:2px 0 2px 10px; }
.plusbox > table td.last { padding-left:20px;}
.plusbox > table td input { border:1px solid #aaa; padding-left:3px; height:18px; line-height:18px; }

.btnPlus2 a {display:block; height:25px; line-height:24px;font-weight:bold; text-align:center; float:right; width:100px; background:#a11f24; color:#fff; border-radius:5px; }



.totalBox { width:310px; float:right; margin-top:25px; }
.totalBox > div { border:1px solid #ddd; overflow:hidden; width:308px; border-top:none; margin-bottom:15px; }
.totalBox > h3 { width:100%; background:#a11f24; color:#fff; line-height:30px; height:30px; text-align:center; }

.plusUl { width:90%; overflow:hidden; margin:10px auto; }
.plusUl li { clear:both; overflow:hidden; margin-bottom:8px; }
.plusUl li select { float:left; width:200px; border:1px solid #aaa; height:20px; line-height:20px; }
.plusUl li select optgroup { color:#111; }
.plusUl li p { float:right; }
.plusUl li p input { width:25px; border:1px solid #aaa; height:20px; line-height:20px; padding-left:2px;}

.finalBox { width:90%; overflow:hidden; margin:0 auto 10px auto; }
.finalBox dt { font-weight:bold; color:#333; margin:10px 0 5px 0;}
.finalBox dt span { color:#a11f24; font-size:14px; }
.finalBox dd { border-bottom:1px dotted #ddd; line-height:25px; }

.btnPlus a {display:block; height:25px; line-height:24px;font-weight:bold; text-align:center; margin:0 auto 10px auto; width:100px; background:#a11f24; color:#fff; border-radius:5px; }
.btnPlus4 a {display:block; height:23px; line-height:22px;font-weight:bold; text-align:center; margin:0 auto 10px auto; width:70px; background:#a11f24; color:#fff; border-radius:5px; }
.btnPlus5 a {display:block; height:23px; line-height:22px;font-weight:bold; text-align:center; margin:0 auto 10px auto; width:90px; background:#333; color:#fff; border-radius:5px; }

.checkCon { width:100%; }
.checkCon h3 { width:100%; background:#333; color:#fff; line-height:30px; height:30px; text-align:center; }
.checkCon > div { background:#f7f7f7; width:99.8%; border:1px solid #ddd; overflow:hidden; margin-bottom:15px; }
.checkCon > div > textarea { width:98%; margin:5px auto; display:block; }
.checkCon > div p { height:30px; line-height:30px; float:right;  margin-right:5px;}

.tipTxt { width:100%; }

.btnPlus3 a {display:block; height:35px; line-height:34px;font-weight:bold; text-align:center; margin:30px auto; width:130px; background:#a11f24; color:#fff; border-radius:5px; font-size:13px; }



.checkTable { width:100%; margin-bottom:30px;  }
.checkTable th { line-height:15px; background:#f7f7f7; padding:3px 0 2px 0; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
.checkTable th.first { border-left:none; }
.checkTable tr.time th { font-weight:normal; }
.checkTable td { border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;  text-align:center; padding:5px 0 4px 0;}
.checkTable td:first-child { border-left:none; }
.checkTable td.right { text-align:right; padding-right:10px; font-weight:bold; color:#a11f24; font-size:14px; }

.formTable { width:100%; margin-bottom:30px;  }
.formTable th { line-height:15px; background:#f7f7f7; padding:5px 0 6px 0; border:1px solid #e2e2e2; width:150px; }
.formTable th span { font-weight:bold; color:red; margin-left:3px; }
.formTable th span.txt { font-weight:normal; color:#666; margin-left:0; }
.formTable th:first-child { border-left:none; }
.formTable td { border-bottom:1px solid #e2e2e2; padding:6px 0 5px 10px;}
input.csI { border:1px solid #aaa; height:20px; line-height:20px; padding-left:4px; }
input.csIx { border:none; height:20px; line-height:20px; }
textarea.csI { border:1px solid #aaa; padding:5px; width:95%; }
/*input file*/
.file_input_textbox { float:left; width:220px; border:1px solid #adafb5; resize:none; line-height:19px; height:19px; }
.file_input_div { position:relative; width:100px; height:25px; overflow: hidden; }
.file_input_button { width:70px; height:23px; line-height:18px; position:absolute; top:0px; background-color:#f8f8f8; color:#555555; border:1px solid #cccccc; margin-left:5px; }
.file_input_hidden { font-size:12px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; }


.plusGoods { width:100%; overflow:hidden;  }
.plusGoods dt { margin:0 15px;background:#efefef; font-weight:bold; border:1px solid #ddd; float:left; padding:5px; }
.plusGoods dd { float:left; margin:5px 0 0 0; }
.plusGoods dd ul li { float:left; background:url(/img/bullet_dd.gif) no-repeat 0 3px; padding-left:8px; margin-right:8px; }
.plusGoods dd ul li:first-child { background:none; padding-left:0; }





/*예약조회*/

.retTitle { margin:0 0 15px 10px; }
.retTitle b { color:#a11f24; }
#retBox { width:800px; margin:0 auto; overflow:hidden; border:1px solid #ddd; border-top:3px solid #333;  }
#retBox dl { float:left; margin:20px 30px 20px 100px;}
#retBox dl dt { margin-top:3px; float:left; font-weight:bold; background:#f7f7f7; font-size:1.2em; }
#retBox dl dd { float:left; margin:0 17px 0 10px; }
#retBox dl dd input { border:1px solid #aaa; height:25px; line-height:25px; padding-left:4px;  }
#retBox p { float:left; margin:20px 0; background:#a11f24; border-radius:5px; }
#retBox p input { background:none; border:none; font-weight:bold; text-align:center; width:100px;   color:#fff;  height:25px; line-height:24px; }


#reserveList {  width:800px; margin:0 auto; border:1px solid #ddd; border-top:3px solid #333;  }
#reserveList th { line-height:15px;  color:#333;  padding:3px 0 2px 0; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
#reserveList tr.subject th { background:#f7f7f7; padding:7px 0 6px;  }
#reserveList td { border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
#reserveList td.center { text-align:center; }

#reserveList2 {  width:800px; margin:0 auto; border:1px solid #ddd; border-top:3px solid #333;  }
#reserveList2 th { line-height:15px; background:#f7f7f7; color:#333;  padding:5px 0 4px 0; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; }
#reserveList2 td { border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; padding-left:15px; }
.stateTxt { font-weight:bold; }


.adminBtn { margin-top:10px;}
.adminBtn li { float:left; margin-right:5px; }
.adminBtn li a {display:block; height:23px; line-height:22px;font-weight:bold; text-align:center; margin:0 auto 10px auto; width:70px; background:#333; color:#fff; border-radius:5px; }
.adminBtn li:first-child a { background:#a11f24; }

.chTable { border:1px solid #ddd; font-size:11px; width:800px; margin:10px auto;  }
.chTable th { padding:5px 10px;  background:#333; color:#fff; border-bottom:1px solid #555; }
.chTable td { padding:5px 10px; }


.psBox { width:780px; overflow:hidden; }
.psBox h4 { font-weight:bold; color:#333; font-size:16px; padding-bottom:10px; }
.psBox p, .psBox div { color:#555;display:block;padding:10px; background:#f7f7f7; border:1px solid #ddd; font-size:13px; margin-bottom:30px; }
.psBox div > ul { margin:5px 20px; }