@charset "UTF-8";

@import url("font.css"); /* Ʈ CSS */

/* cat main Style
-------------------------------------------------*/
.cat {width:800px !important;padding:0 !important;}
.cat .cat_content {width:780px;padding:28px 0 38px 20px;zoom:1;}
.cat .cat_content:after {content:"";display:block;clear:both;}
.cat .cat_content .show {float:left;width:515px;margin-right:14px;}
.cat .cat_content .show h3 {height:24px;}
.cat .cat_content .show article {padding-top:4px;background:url(/Contents/images/cat/main/bg_catShow.gif) repeat-x 0 0;}
.cat .cat_content .show article ul {padding:8px 0 0 9px;margin-bottom:4px;border:1px solid #d3d3d3;zoom:1;height:175px;}
.cat .cat_content .show article ul:after {content:"";display:block;clear:both;}
.cat .cat_content .show article ul li {float:left;width:116px;padding-right:10px;background:url(/Contents/images/cat/main/bg_catShow_list.gif) no-repeat 0 0;}
.cat .cat_content .show article ul li a {display:block;text-decoration:none;}
.cat .cat_content .show article ul li a figure img {border:1px solid #d5d5d5;}
.cat .cat_content .show article ul li a span {overflow:hidden;display:block;height:30px;text-align:center;color:#032e5e;font-weight:bold;letter-spacing:-1px;line-height:26px;}
.cat .cat_content .ranking {float:left;width:251px;}
.cat .cat_content .ranking h3 {height:24px;}
.cat .cat_content .ranking article {padding-top:4px;background:url(/Contents/images/cat/main/bg_todayCatRanking.gif) repeat-x 0 0;}
.cat .cat_content .ranking article ol li {padding-bottom:1px;background:url(/Contents/images/cat/main/bg_todayCatRanking_list.gif) repeat-x 0 100%;}
.cat .cat_content .ranking article ol li span {overflow:hidden;display:block;height:55px;padding-left:46px;}
.cat .cat_content .ranking article ol li span a {color:#000;font-size:13px;line-height:54px;}
.cat .cat_content .ranking article ol li span a:hover {color:#55aaea;font-weight:bold;}
.cat .cat_content .ranking article ol li.ranking1 span {background:url(/Contents/images/cat/main/bg_ranking1.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking2 span {background:url(/Contents/images/cat/main/bg_ranking2.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking3 span {background:url(/Contents/images/cat/main/bg_ranking3.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking4 span {background:url(/Contents/images/cat/main/bg_ranking4.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking5 span {background:url(/Contents/images/cat/main/bg_ranking5.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking6 span {background:url(/Contents/images/cat/main/bg_ranking6.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking7 span {background:url(/Contents/images/cat/main/bg_ranking7.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking8 span {background:url(/Contents/images/cat/main/bg_ranking8.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking9 span {background:url(/Contents/images/cat/main/bg_ranking9.gif) no-repeat 0 0;}
.cat .cat_content .ranking article ol li.ranking10 span {background:url(/Contents/images/cat/main/bg_ranking10.gif) no-repeat 0 0;}

/* reservation service main Style
-------------------------------------------------*/
.reservation .area_banner {width:780px;margin-bottom:15px;zoom:1;}
.reservation .area_banner:after {content:"";display:block;clear:both;}
.reservation .area_banner article img {border:0;}
.reservation .area_banner .bannerL {float:left;width:566px;margin-right:10px;background-color:#f0f4f4;}
.reservation .area_banner .bannerL article {padding:7px 7px 0 7px;}
.reservation .area_banner .bannerL ul {width:552px;margin:14px 7px;zoom:1;}
.reservation .area_banner .bannerL ul:after {content:"";display:block;clear:both;}
.reservation .area_banner .bannerL ul li {float:left;overflow:hidden;width:91px;height:22px;border-left:1px solid #f0f4f4;}
.reservation .area_banner .bannerL ul li.first-child {border-left:0;}
.reservation .area_banner .bannerL ul li a {display:block;height:22px;background-color:#fff;font-family:"굴림",Gulim;color:#97aac0;font-weight:bold;text-align:center;line-height:22px;letter-spacing:-1px;}
.reservation .area_banner .bannerL ul li a:hover, .area_banner .bannerL ul li a.on {background-color:#8ed1e5;color:#fff;text-decoration:none;}
.reservation .area_banner .bannerR {float:left;width:204px;}
.reservation .area_banner .bannerR article {padding:8px;background-color:#f0f4f4;}
.reservation .area_banner .bannerR article.top {margin-bottom:15px;}
.reservation .area_banner .bannerR article img{border:none !important;}

.reservation .area_notice {width:780px;margin-bottom:13px;zoom:1;}
.reservation .area_notice:after {content:"";display:block;clear:both;}
.reservation .area_notice article {float:left;padding:15px 0 10px;border-top:5px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
.reservation .area_notice article.showNews {width:444px;margin-right:9px;}
.reservation .area_notice article.notice {width:327px;}
.reservation .area_notice article h3 {padding:0 17px 0 16px;}
.reservation .area_notice article h3 {margin-bottom:11px;zoom:1;}
.reservation .area_notice article h3:after {content:"";display:block;clear:both;}
.reservation .area_notice article h3 img {float:left;margin-top:2px;}
.reservation .area_notice article h3 a {float:right;}
.reservation .area_notice article h3 a img {margin-top:0px;}
.reservation .area_notice article ul {margin:0 16px 0 17px;}
.reservation .area_notice article ul li {padding-left:6px;background:url(/Contents/images/common/dot_list01.gif) no-repeat 0 50%;line-height:21px;}
.reservation .area_notice article ul li a {color:#636363;}
.reservation .area_notice article ul li a:hover {color:#55aaea;}
.reservation .area_notice article ul li a img {margin-left:5px;vertical-align:middle !important;}

.performance_btm {zoom:1;}
.performance_btm:after {content:"";display:block;clear:both;}
.performance_btm .performanceL {float:left;width:444px;margin-right:11px;}
.performance_btm .performanceR {float:left;width:325px;}
.performance_btm .performanceR img{border:none !important;}
.performance_btm .performanceL .performance{height:146px;}

.reservation .performance {height:143px;padding:10px 0 0 15px;background:url(/Contents/images/clip2u/main/bg_performance.jpg) no-repeat 0 0;}
.reservation .performance h3 {margin-bottom:3px;}
.reservation .performance h3 img {vertical-align:top;}
.reservation .performance ul {zoom:1;}
.reservation .performance ul:after {content:"";display:block;clear:both;}
.reservation .performance ul li {float:left;width:98px;height:99px;margin-right:9px;}
.reservation .performance ul li a {display:block;text-decoration:none;}
.reservation .performance ul li a span {overflow:hidden;display:block;width:98px;height:16px;color:#5a5d5a;font-family:"돋움",Dotum;font-size:11px;font-weight:bold;text-align:center;line-height:14px;letter-spacing:-1px;}



/* FOOTER Style
-------------------------------------------------*/
footer{width:100%;padding-top:31px;background:url(/Contents/images/common/bg_footer.gif) repeat-x 0 0;}
.footer_in_main{width:1000px;margin:0 auto;padding:30px 0 68px 0;}
.footer_top_main {text-align:center;padding-bottom:8px;}
.footer_top_main p {}
.footer_top_main p, .footer_top_main ul, .footer_top_main li {margin:0 -1px;*margin:0;display:inline-block;*display:inline;vertical-align:middle;zoom:1;}
.footer_top_main ul {margin:14px 0 0 10px;}
.footer_top_main ul li {padding:0 5px 0 9px;background:url(/Contents/images/common/dot_footer.gif) no-repeat 0 50%;}
.footer_top_main ul li.first-child {padding-left:0px;background:none;color:#Black;}
.footer_top_main ul li a{font-size:12px;font-weight:normal;color:#8a8989;}
.footer_top_main ul li a span{font-size:12px;font-weight:bold;color:#8a8989;}
address {margin-top:8px;}
address p {line-height:16px;color:#bcbcbc;text-align:center;font-size:11px !important;}


/* FOOTER Style
-------------------------------------------------*/
body#sub{font-family:NanumGothic,"","",Dotum,Verdana,Geneva,sans-serif !important; }
footer{width:100%;padding-top:31px;background:url(/Contents/images/common/bg_footer.gif) repeat-x 0 0;}
.footer_in{width:1000px;margin:0 auto;padding:0 0 68px 0;}
.footer_top {text-align:center;}
.footer_top p {}
.footer_top p, .footer_top ul, .footer_top li {margin:0 -1px;*margin:0;display:inline-block;*display:inline;vertical-align:middle;zoom:1;}
.footer_top ul {margin:14px 0 0 10px;}
.footer_top ul li {padding:0 5px 0 9px;background:url(/Contents/images/common/dot_footer.gif) no-repeat 0 50%;}
.footer_top ul li a{font-size:12px;font-weight:normal;}
address {margin-top:8px;}
address p {line-height:16px;font-size:10px;color:#bcbcbc;text-align:center;}

#main_mask {  
  position:absolute;  
  left:0;
  top:0px;
  z-index:50;  
  *z-index:1;  
  background-color:#000;
  opacity:0.5;
  display:none;
  filter:alpha(opacity=70)
}