@charset "utf-8";
/* CSS Document */

/*top banner common style*/
#top_banner_wrap {/*display:none;*/ width:100%; min-width:1200px; height:136px; overflow:hidden; background:#eee;}
.bnr_img {width:100%; height:106px; }
.bnr_img .openpop{position:absolute; left:49.6%; top:44px; z-index:111; width:50px; height:20px; padding:3px; margin-left:530px; color:#fff; border: 1px solid #ffffff; cursor:pointer; opacity:0.8; }
.bnr_img li {position:relative; height:106px; font-size:0; margin:0 auto;}
.bnr_img li img {position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:106px; cursor:pointer;}
.bnr_btm {position:relative; width:100%; height:30px; background:#4d4d4d; text-align:center;}
.bnr_btm .close {display:block; position:absolute; bottom:0; left:50%; z-index:2; width:1200px; height:30px; line-height:30px; margin-left:-600px; text-align:right; color:#fff;}
.bnr_btm a {cursor:pointer; color:#fff;}
.bnr_btm img {vertical-align:middle;}

/*event contents common style*/
#event_cnts {display:block; position:absolute; top:136px; left:0; z-index:110; width:100%;}
#event_cnts .cntarea {position:relative; width:100%; text-align:center; overflow:hidden;}
#event_cnts .cntarea .closepop {position:absolute; left:49.6%; top:91px; z-index:111; width:60px; height:48px; padding-top:12px; margin-left:510px; color:#fff; background:#4d4d4d; cursor:pointer;}
#event_cnts .cntarea .top_bg {position:relative; left:50%; width:1920px; margin-left:-960px; font-size:0; line-height:0; text-align:center;}
#event_cnts .cntarea .close_event {width:100%; height:30px; line-height:30px; overflow:hidden; color:#fff; text-align:center; cursor:pointer; background:#4d4d4d;}


.main #content_wrap {padding-top:0; }

/*main visual*/
#main_visual {position:relative; width:100%; height:550px; overflow:hidden;}

#main_visual #arrows {position:absolute; left:50%; top:50%; z-index:2;width:86%; height:68px;margin-left:-43%; margin-top:-34px;}
#main_visual #arrows .prev {float:left; width:52px;}
#main_visual #arrows .next {float:right; width:52px;}
#main_visual #arrows a {cursor:pointer;}

#main_visual .btnbox {position:absolute; left:50%; bottom:0; z-index:2;	width:935px; height:60px; margin-left:-450px; overflow:hidden;}
#main_visual .btnbox li {float:left; width:177px; height:45px; margin:0 5px; cursor:pointer; overflow:hidden;}

#main_visual .imgbox {position:absolute; left:50%; top:0; width:1904px; height:550px; margin-left:-952px;}
#main_visual .imgbox ul {width:10000%;}
#main_visual .imgbox li {float:left; width:1904px; height:550px; overflow:hidden;}


/*rolling banner*/
#roll_ban {position:relative; width:100%; height:230px; background-color:#ddd; padding:5px 0; overflow:hidden; text-align:center; margin:0 auto}
#roll_ban ul {position:absolute; left:50%; bottom:0; z-index:2;width:1920px; height:230px; margin-left:-950px; overflow:hidden;}
#roll_ban li {float:left;}


/*contents*/
#main_contents {width:1200px; margin:0 auto; padding-top:45px}
#main_contents .fl_left {width:370px; margin-right:20px}
#main_contents .fl_left .customer {width:210px; height:110px; background:url(../images/main/main_tel.gif) no-repeat; padding-left:160px; padding-top:49px;}
#main_contents .fl_left .time{ width:340px; height:208px; letter-spacing:-0.5px; background:url(../images/main/main_hour.gif) no-repeat; padding-left:30px;}
#main_contents .fl_left .map { width:370px; height:198px;}
#main_contents .fl_left .kakao { width:370px; height:60px; background-color:#747474; text-align:center; padding-top:20px}

#main_contents .fl_right div {float:left;}



#roll_ban .roll01{background:url(../images/main/roll_ban01.jpg) no-repeat; width:297px; height:220px; text-align:right; padding-right:20px; padding-top:70px}
#roll_ban .big_txt{font-size:25px; color:#000;}
#roll_ban .s_txt{font-size:15px; color:#333; line-height:40px; letter-spacing:-0.5px}
#roll_ban .num{font-size:15px; color:#000; line-height:40px}
#roll_ban .price{color:#000; font-size:35px}
#roll_ban .view{font-size:12px; color:#000; padding:5px 20px; border:1px solid #333;}

#roll_ban .roll02{background:url(../images/main/roll_ban02.jpg) no-repeat; width:297px; height:230px; text-align:right; padding-right:20px; padding-top:60px}
#roll_ban .roll03{background:url(../images/main/roll_ban03.jpg) no-repeat; width:297px; height:230px; text-align:right; padding-right:20px; padding-top:60px}
#roll_ban .roll04{background:url(../images/main/roll_ban04.jpg) no-repeat; width:297px; height:230px; text-align:right; padding-right:20px; padding-top:60px}
#roll_ban .roll05{background:url(../images/main/roll_ban05.jpg) no-repeat; width:297px; height:230px; text-align:right; padding-right:20px; padding-top:60px}
#roll_ban .roll06{background:url(../images/main/roll_ban06.jpg) no-repeat; width:297px; height:230px; text-align:right; padding-right:20px; padding-top:60px}

.event_bot{width:100%; height:22px; background-color:#414040; margin:0 auto; text-align:center}
.event_bot span{color:#fff}
.customer .big_txt{color:#fff; font-size:18px; font-weight:bold}
.customer p{font-size:30px; padding-top:28px; color:#fff}

.time .big_txt{color:#fff; font-size:18px; font-weight:bold}

.time1{font-size:15px; padding-top:20px; color:#fff}
.time2{font-size:15px; padding-top:5px; color:#fff}
.time3{font-size:13px; padding-left:80px; color:#fff}
.time4{font-size:15px; padding-top:10px; color:#fff}

.kakao p{float:left}
.kakao_txt{float:left; color:#fff; font-size:20px; line-height:30px; padding-left:20px}



.right_ban01{width:94px; height:60px; float:left; background:url(../images/main/main_ban01.gif) no-repeat; padding:44px 0 0 80px}
.ban_txt{font-size:16px;color:#fff; }
.right_ban02{width:76px; height:60px; float:left; background:url(../images/main/main_ban02.gif) no-repeat; padding:44px 0 0 100px}
.right_ban03{width:84px; height:60px; float:left; background:url(../images/main/main_ban03.gif) no-repeat; padding:44px 0 0 90px}
.right_ban04{width:85px; height:60px; float:left; background:url(../images/main/main_ban04.gif) no-repeat; padding:44px 0 0 90px}
.right_bot{float:left; width:720px;height:330px; background-color:#ededee; padding:50px 45px;overflow:hidden; margin-top:20px}
.right_bot .big_txt{font-size:20px;}
.right_bot .big_txt2{padding:15px 0; font-size:16px}


.view_btn{font-size:12px; color:#fff; padding:5px 20px; border:1px solid #fff;}



.online_wrap{width:440px!important;}
#brd_counsel {position:relative; width:440px; height:205px; border-top:solid 2px #222; border-bottom:1px solid #ddd;overflow:hidden;}
#brd_counsel li{float:left}
#brd_counsel h2 {color:#222; font-size:22px; margin:30px 0 15px 17px;}
#brd_counsel .btn_reserve {position:absolute; top:26px; right:20px; width:24px; height:24px;}
#brd_counsel  table {width:295px; margin-left:17px}
#brd_counsel td {height:23px; line-height:23px; font-size:12px; color:#999;}
#brd_counsel td  a {vertical-align:middle;}
#brd_counsel td img {vertical-align:middle; margin-left:2px;}
.onlie_reserve{width:98px; height:205px; background-color:#07a7bb; padding-top:70px; padding-left:30px}
.onlie_reserve p{font-size:16px; color:#fff; margin-bottom:20px}


#main_btns {width:369px; height:205px; overflow:hidden;}
#main_btns ul {width:370px;}
#main_btns li {float:left; height:102px; margin:0 1px 1px 0; font-size:0;}

.hot_wrap {clear:both; width:100%; padding-top:48px;}
.hot_wrap .tit_hot {position:relative; width:100%; height:61px; margin-bottom:37px; overflow:hidden;}
.hot_wrap .tit_hot hr {position:absolute; top:50%; left:0; display:block; width:100%; height:1px; margin-top:-1px; color:#fff; border:none; border-top:solid 1px #bbb; }
.hot_wrap .tit_hot h2 {position:absolute; left:50%; top:0; z-index:2; width:354px; height:61px; margin-left:-127px;}
.hot_wrap #hot_program {clear:both; width:1200px; margin:0 auto; margin-bottom:46px;}
.hot_wrap #hot_program li {float:left; height:209px; font-size:0;}



/*하단핫프로그램*/
.hot_tab {width:100%; margin:auto; padding-bottom:20px;}
.hot_tab ul {width:40%; margin:auto; overflow:hidden;}
.hot_tab li {float:left; width:24%; height:40px; cursor:pointer; margin:0 0.5%; border-radius:3px}
.hot_tab li span {display:block; height:38px; text-align:center; font-size:16px; color:#a5acbb; line-height:38px; border:solid 1px #d2d5dd; background:#eee;}
.hot_tab li:first-child span {border-left:solid 1px #d2d5dd;}
.hot_tab li.on span {color:#fff; font-weight:bold; background:#357cb2; border-color:#6d89c1;}

.hot_contents {position:relative; width:1220px; margin:auto; overflow:hidden;}
.hot_contents div {float:left; display:none; margin-bottom:30px;}
.hot_contents div#tab_cnt1 {display:block;}
.hot_contents .img4 {width:1220px;}
.hot_contents .img4 li {float:left; width:25%; padding-bottom:20px; font-size:0; line-height:0; text-align:center;}