/* Layout */
#container_booking {
  position: relative;
  width:100%;
  margin: 0;
  background:#f7f7f7;
  padding:30px 0;
}
.booking_contants { background:#fff; border:1px solid #ddd; }
.sub_head { background:#4779d4; height:52px; }
.body_conts { padding:20px 30px; }
.body_conts .title { padding: 25px 0 15px 0; border-bottom: 1px solid #e3e3e3;}
.body_conts .title h1 {  color: #000;  font-size: 30px;  font-weight: 400;  line-height: 32px; }

#container{position:relative; z-index:1; min-height:400px; }
#main #container #content{background:url("/images/portal/booking/container_bg.png") repeat-x left top;}
#container #visual{height:500px;width:1000px;margin:0 auto;}
#container #visual .title{position:relative; display:block; height:89px; padding:40px 0 25px 0; text-align:center}
#container #visual .title strong{position:relative; z-index:1; font-weight:normal; font-size:24px; color:#474747; line-height:180%; }
#container #visual .title span{ font-weight:600; font-size:32px; color:#3399db;}
#container #visual .title span span{color:#474747;}
#container #visual .title .icon{display:block; position:absolute; left:50%; top:0px; z-index:0; width:85px; height:92px; margin:15px 0 0 292px; /*background:url("../images/booking/visual_title_bg.png") no-repeat right top;*/}
#container #visual .list{overflow:hidden;}
#container #visual .list li{position:relative; float:left; width:25%; height:307px; padding-bottom:8px; background:url("/images/portal/booking/visual_shadow.png") no-repeat center bottom;}
#container #visual .list li .box{
    display:block; overflow:hidden; height:100%; margin:0px 5px; padding:0px 32px 0px 32px; text-decoration:none;
    background-repeat:no-repeat; background-position:left top; background-size:100% 100%;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -khtml-border-radius:4px;
    -o-border-radius:4px;
}
#container #visual .list li.set1 .box{background-image:url("/images/portal/booking/visual_bg_01.gif");}
#container #visual .list li.set2 .box{background-image:url("/images/portal/booking/visual_bg_02.gif");}
#container #visual .list li.set3 .box{background-image:url("/images/portal/booking/visual_bg_03.gif");}
#container #visual .list li.set4 .box{background-image:url("/images/portal/booking/visual_bg_04.gif");}
#container #visual .list li.set5 .box{background-image:url("/images/portal/booking/visual_bg_05.gif");}
#container #visual .list li.set6 .box{background-image:url("/images/portal/booking/visual_bg_06.jpg");}
#container #visual .list li .box strong{display:block; position:relative; z-index:10; display:block; line-height:25px; height:61px; padding:32px 0px 15px 0px; font-size:28px; border-bottom:1px solid #b0adac; color:#fff;}
#container #visual .list li .box strong span{display:block; font-size:15px;}
#container #visual .list li .box .icon{display:block; height:142px; background-repeat:no-repeat; background-position:center center;}
#container #visual .list li.set0{display:none;}
#container #visual .list li.set1 .box .icon{background-image:url("/images/portal/booking/visual_icon_01.png")}
#container #visual .list li.set2 .box .icon{background-image:url("/images/portal/booking/visual_icon_02.png")}
#container #visual .list li.set3 .box .icon{background-image:url("/images/portal/booking/visual_icon_03.png")}
#container #visual .list li.set4 .box .icon{background-image:url("/images/portal/booking/visual_icon_04.png")}
#container #visual .list li.set5 .box .icon{background-image:url("/images/portal/booking/visual_icon_05.png")}
#container #visual .list li.set6 .box .icon{background-image:url("/images/portal/booking/visual_icon_06.png")}
#container #visual .list li .btn_search{display:block; height:37px; line-height:37px; text-decoration:none; text-align:center; font-size:15px; border:1px solid #b6ada3; color:#fff; background:none;}
#container #visual .list li .btn_search input[type=submit]{width:100%; height:100%; padding:0; font-size:15px; cursor:pointer; border:none; color:#fff; background:none;}
#container #visual .list li .view{display:none; position:absolute; left:0; top:0; width:100%; height:307px;}
#container #visual .list li .view .con{
    overflow:hidden; height:100%; margin:0px 5px; padding:0px 32px; background:url("/images/portal/booking/visual_list_bg.gif") repeat left top;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -khtml-border-radius:4px;
    -o-border-radius:4px;
}
#container #visual .list li .view .icon{display:block; height:122px; padding-top:128px; background-repeat:no-repeat; background-position:center center;}
#container #visual .list li .view .btn_search{border:1px solid #d2eff3;}
#container #visual .list li .view .close{position:absolute; right:17px; top:14px; z-index:11;}

#container #main_txt{overflow:hidden; padding-top:42px; background:url("/images/portal/booking/main_txt_bg.png") repeat left top;}
#container #main_txt .main_box_01{float:left; width:75%;}
#container #main_txt .main_box_02{float:left; width:25%;}
#container #main_txt .notice,
#container #main_txt .program,
#container #main_txt .reservation,
#container #main_txt .totallist{
    position:relative; overflow:hidden; border-bottom:1px solid #b3bdc3;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -khtml-border-radius:4px;
    -o-border-radius:4px;
}


/* */
.colgroup2{ margin:20px auto; width:1200px;background:#fff;}
.colgroup2 h2{font-size:20px;line-height:56px;}
.colgroup2 .state{display:inline-block;width:88px;height:30px;color:#fff;line-height:30px;text-align:center;}
.colgroup2 .state.sta{background-color:#0c4c53;}
.colgroup2 .state.sta1{background-color:#f7941d;}
.colgroup2 .state.sta2{background-color:#818181;}
.colgroup2 table{width:100%;}
.colgroup2 thead th{padding:10px;background-color:#efefef;border-left:1px solid #fff;color:#000;}
.colgroup2 thead th:first-child{border-left:none;}
.colgroup2 tbody{text-align:center;}
.colgroup2 tbody td{padding:8px 10px;border-top:1px dotted #e5e5e5;}
.colgroup2 tbody tr td:first-child{text-align:left;}
.colgroup2 tbody tr:first-child td{padding-top:20px;border-top:none;}
.colgroup2 .more{display:block;position:absolute;top:0;right:0;width:56px;height:56px;background:url(/images/portal/booking/more2.png) no-repeat 50%;color:transparent;font-size:0;line-height:0;}
/* */
.program{float:left;position:relative;width:52%;margin-right:2%;height:540px;background-color:#fff;}
.program h2{}
/* */
.rowgroup2{float:right;width:46%}
.education{position:relative;height:260px;background-color:#fff;}
.education h2{}
.education table{overflow:hidden;height:;}
.education table a{display:block;overflow:hidden;width:200px;text-overflow:ellipsis;white-space:nowrap;}
/* */
.photo{position:relative;height:250px;margin:30px 0 0 0;}
.photo h2{padding:20px 0 10px 0;background:none;line-height:40px;}
.photo_control{position:absolute;top:24px;right:15px;height:0;margin:0;text-align:right;}
.photo_control button{display:inline-block;width:23px;height:23px;margin:0;padding:0;background:url(/images/portal/booking/photo_prev.png) no-repeat 50%;border:1px solid #b3a7a1;color:transparent;font-size:0;line-height:0;}
.photo_control .photo_next{background-image:url(/images/portal/booking/photo_next.png);}
.photo_wrap{width:98%;overflow:hidden;}
.photo_wrap ul{position:relative;width:2660px;}
.photo_wrap ul li{float:left;width:266px;text-align:center;}
.photo a{display:block;}
.photo a span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photo .date{}