@charset "euc-kr";
/* °øÅë ¿µ¿ª */

div#sub_content { position: relative; text-align: center; margin:0 auto; font-size: 16px; margin-top:50px}
div#sub_content div.wrap { width: 1080px; margin: 0 auto; padding-bottom: 30px;  }
div#sub_content div#sub_title { width:100%; text-align:center;  }
div#sub_content div#sub_title h2 {width:1080px;  margin:0 auto; padding:10px 0; font-size:30px; text-align: center;  color:#222;}


div#sub_content div#sub_cont { position: relative;  width:1080px; height: 140px; padding-bottom:40px; margin: 0 auto; }
div#sub_content div#sub_cont ul.sub_tab {float:left; width:1080px; margin:0 auto;}
div#sub_content div#sub_cont ul.sub_tab li {float:left;}
div#sub_content  div#sub_cont ul.sub_tab li a { display:block;  width:518px; text-align:center; font-weight: bold; letter-spacing: -1px; padding:10px; font-size:18px; text-decoration: none; }
div#sub_content div#sub_cont ul.sub_tab li.tabon a { color:#fff;  background:#222; border:1px solid #222;}
div#sub_content div#sub_cont ul.sub_tab li.taboff a { color:#222; background:transparent; border:1px solid #222;}

/*div#sub_content div#sub_cont ul.sub_tab li.taboff a:hover { color:#000; background:#989898; border:1px solid #989898;}*/


 #sub_content {margin-bottom:20px;}
 #sub_content #sub_content0 {width:100%;text-align:center;padding:50px 0;color:#fff; background: black;}
 #sub_content #sub_content0 p {font-size:24px;line-height:1.2;}
 #sub_content #sub_content0 p b { font-size: 32px; color: #F2EB00; }

 #sub_content2{width:1078px; margin:49px auto; color: #222; padding:15px 0; border:1px solid #222; border-top:none}
 #sub_content2 ul {width:1080px; height:40px;}
 #sub_content2 ul li{float:left; height:40px; line-height:40px  }
 #sub_content2 ul li.loca_li{width:280px; font-size:15px; color:#222; padding-left: 16px; font-weight: bold; }
 #sub_content2 ul li.room_li{width:420px; font-size:15px; color:#222; padding-left: 16px;  font-weight: bold;}
 #sub_content2 ul li.date_li{width:270px; font-size:15px; color:#222; padding-left: 16px;  font-weight: bold;}
 #sub_content2 ul li.date_li span {display: block;   float: left; font-size: 16px; line-height: 40px;}
 #sub_content2 ul li.date_li .demo{float: left; padding: 0; width: 180px;}
 #sub_content2 ul li select.box150{width: 150px; height: 40px;  padding: 5px; border: solid 1px #484848; font-size: 16px; color: #fff; background: #141414;}
 #sub_content2 ul li select.box300{width: 300px; height: 40px;   padding: 5px; border: solid 1px #484848; font-size: 16px; color: #fff; background: #141414; }
 input#datepicker {clear:both; width: 140px; height: 38px; padding: 0 5px; border: solid 1px #484848;  font-size: 16px; color: #fff; background: #141414; } 
 /* #sub_content2 input#datepicker {  width: 140px; height: 40px; border: none; padding: 0 5px; font-size: 15px; }  */
 #sub_content2 div.demo-description {display:none;}

 #sub_content3{padding:10px 0}
 #sub_content3 ul { width:1080px; /* clear: both; height:50px; */margin:10px auto 0 auto;text-align:center;line-height:50px;letter-spacing:3px;}
 #sub_content3 ul li { display: inline-block; color: white; font-size: 22px;  }
 #sub_content3 ul li:nth-of-type(1) { border-bottom: 3px solid #aaa; }
 #sub_content3 ul li span { color: #aaa; font-size: 24px; font-weight: bold; }
 #sub_content3 ul li span { font-size: 16px; }
 #sub_content3 ul li:not(:last-child) { margin-right: 20px; }

 #sub_content3 .reservTime {width:1040px; height:312px; text-align:right; margin:50px auto; padding:20px; font-size:14px;font-weight:bold;letter-spacing:3px;color:#222; border:1px solid #222}
 #sub_content3 .reservTime div.img_div{float:left; width:220px; height:300px; color:#222; }
 #sub_content3 .reservTime div.img_div div.time{float:left; width:823px; }
 #sub_content3 .reservTime img{width:220px; height:300px;}
 #sub_content3 .reservTime p{width:700px;color:#222; }
 #sub_content3 .reservTime p img{width:100px;height:100px}
 #sub_content3 .reservTime p span {font-size: 18px;}
 #sub_content3 .reservTime ul {width:780px;float:right;}
 #sub_content3 .reservTime ul li {width:206px;height:48px; float:left;margin:10px;border:1px solid #4c4c4c;}
 #sub_content3 .reservTime ul li:nth-child(5) {margin:0;}
 #sub_content3 .reservTime ul li:nth-child(6) {clear:both;}
 #sub_content3 .reservTime ul a li {display:block; width:171px; /* height:45px;  */text-align:center;/* letter-spacing:3px; */line-height:1.4;padding-top:8px;color: #aaa;}
 #sub_content3 .reservTime ul a:hover {background:#4c4c4c;}
 #sub_content3 .reservTime ul a .possibility {font-size:11px;}

 #sub_content2 div.sub_con_area{}
 #sub_content2 div.sub_con_area table{margin: 0 auto;}
 form[name=SMSFORM] {width:980px; margin:50px auto;text-align:left;border-top:2px solid #aaa;}
 form[name=SMSFORM] ul li {position: relative; height:60px;line-height:60px;border-bottom:1px solid #aaa;}
 form[name=SMSFORM] ul li label {display:inline-block;width:200px;margin-left:20px;font-weight:bold;font-size:18px;letter-spacing:3px;color:#fff;}
 form[name=SMSFORM] ul li span {color:#fff; font-size: 16px;}

 form[name=SMSFORM] ul li input[type=text] {width:390px;margin-top: 14px; height:30px;border: 1px solid #fff;opacity:0.7;color:#333;
 padding-left:10px;font-size:16px;line-height:30px;}

 form[name=SMSFORM] .arrange {position:absolute;width:800px;display:inline-block;height:30px;font-size:14px;top:50%;margin-top:-15px;
 padding-left:83px;left:222px;line-height:30px;color:#fff}

 form[name=SMSFORM] ul li select {position:absolute; left:0;top:0; border: 1px solid #fff; opacity:0.7;color:#333;width:73px;height:100%;padding:5px;}
 form[name=SMSFORM] ul li input[name=HP1] {width:40px;height:28px;border:1px solid #fff;padding-left:10px;}
 form[name=SMSFORM] ul li input[name=HP2],
 form[name=SMSFORM] ul li input[name=HP3] { width:50px;height:28px;border:1px solid #fff;padding-left:10px;}
 form[name=SMSFORM] ul li input[name=S_date] {width:40px;height:28px;border:1px solid #fff;padding-left:10px;}
 #btns {width:980px;margin:0 auto;text-align:center;margin:50px auto;}

 #btns a {display:inline-block;width:250px;height:50px; text-align:center;
 text-decoration: none;line-height:50px;letter-spacing:3px;font-size:16px;color:#eee;border: 1px solid #eee;font-weight:bold;}

 #btns a:hover {border: 1px solid #aaa; color:#aaa; font-weight: bold; }
 #btns .reserve { margin-top:20px; color: #fff;}