@charset "utf-8";
/* main */
.main_slider{margin:-20px 0 0}

.main_section{margin:10px 0 0}
.main_section ul{margin:0;padding:0;list-style:none}
.main_section ul li{float:left;width:33.3%;margin:0;padding:10px 0 20px}
.main_section ul li p{display:block;margin:0;padding:5px 20px;font-size:13px;color:#666;line-height:2em;word-break:keep-all}
.main_section ul li p span{white-space:nowrap}
.main_section ul li p.title{font-size:15px;font-weight:bold}
.main_section ul li p.title em{display:inline-block;float:right;font-size:12px;font-style:normal;font-weight:normal}
.main_section ul li p.title em a{color:#666}
.main_section ul li .btn_area{display:none;padding-top:15px}
.main_section ul li table{padding:5px 20px}
.main_section ul li table td{padding:12px 0;background:#dfdfdf;text-align:center; vertical-align:middle;line-height:1em}
.main_section ul li table td a{color:#444}

/* page header */
.page_header{position:relative;zoom:1;margin:0;padding:0}
.page_header:after{content:"";display:block;clear:both}
.page_header h2{margin:0 0 20px 0;padding:0 0 3px 20px;border-left:3px solid;font-weight:bold;font-size:18px;line-height:18px}
.page_header h2 p{margin:0;padding:0}

.page_header h2,
.page .page_header h2{border-color:#7094AE}
.page_header h2 a,
.page .page_header h2 a{color:#565656;text-decoration:none}

/* board header */
.board_header{position:relative;zoom:1;margin:0;padding:0}
.board_header:after{content:"";display:block;clear:both}
.board_header h2{margin:0 0 20px 0;padding:0 0 3px 20px;border-left:3px #7094AE solid;font-weight:bold;font-size:18px;line-height:18px;font-family:"맑은 고딕", MalgunGothic, Dotum, arial}
.board_header h2 p{margin:0;padding:0}
.board_header h2 a{color:#555;text-decoration:none}

/* table category */
.cTab li.on,
.cTab li.active{border-bottom:1px solid #F6F6F6 !important}

/* zone */
.substance{margin:0;padding:0}
.substance p{font-size:14px;margin:10px 0;padding:0;line-height:1.8em;text-align:justify}
.substance p.title{margin-top:25px;font-weight:bold;color:#3D6C92}
.substance p:first-child{margin-top:0}
.substance img.left{float:left;margin:3px 15px 0 0}
.substance img.right{float:right;margin:3px 0 0 15px}

/* reservation */
.reserve_notice{margin:0 0 20px 0;padding:0}
.reserve_notice ul{margin:0;padding:0;list-style:none}
.reserve_notice li{padding:2px 0}

.board_calendar td{position:relative;height:90px !important}
.board_calendar td.past_date{background:#dfe9f9}
.board_calendar td.holiday{background:#ededed}
.board_calendar td.custom_day{background:#ededed}
.board_calendar td .reserve_count{color:#333 !important}
.btn.reserve_btn{position:absolute;bottom:5px;left:50%;margin:0 0 0 -24px;width:24px}
.date_info td{padding-top:20px;padding-bottom:20px;font-size:16px;font-weight:bold}
p.date_info{padding:20px 0;font-size:16px;font-weight:bold;text-align:center}
tr.cancel td{background:#e1e1e1}

/* tour */
.play_list{margin:0;padding:0}
.play_list table{margin:0;padding:0}
.play_list td{padding:10px;vertical-align:middle;border-bottom:1px #e5e5e5 solid;line-height:1em}
.play_list td.image{}
.play_list td p{margin:-5px 0 0 0;padding:0 0 0 20px;line-height:1.6em; text-indent:-22px}
.play_list td p a{color:#333}
.play_list tr.title td{padding-left:12px;background:#ddd;color:#666;border:0;font-weight:bold}
.play_list td.subject a{display:block;width:100%;padding:10px 0}

/* sly slider */
.wrap{position:relative;margin:3px 0 0 0}
.frame{height:70px;line-height:70px;overflow:hidden}
.frame ul{list-style:none;margin:0;padding:0;height:100%;font-size:12px}
.frame ul li{float:left;width:70px;height:100%;margin:0 1px 0 0;padding:0;color: #ddd;text-align:center;cursor:pointer}
.frame ul li a{display:block;width:70px;height:100%;color:#333;font-size:20px;font-family:Arial, Helvetica, sans-serif;text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9)}
.frame ul li.active{color: #fff;height:60px;width:60px;border:5px #0075c8 solid}
.frame ul li.active strong{display:block;margin:-5px 0 0 -10px}

/* Scrollbar */
.scrollbar{margin:0;height:5px;background:#ccc;line-height:0}
.scrollbar .handle{width:72px;height:100%;background:#292a33;cursor:pointer}
.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100%;height:20px}

/* Controls */
.controls{margin:15px 0;text-align:center;height:50px}
.controls button{margin:0 4px;width:50px;height:50px !important;border:0 !important; box-shadow:none !important}
.controls button i{display:block;height:50px}
.controls .play{background:url(/common/img/btn_player.png) left -50px no-repeat}
.controls .prev{background:url(/common/img/btn_player.png) no-repeat}
.controls .next{background:url(/common/img/btn_player.png) left -150px no-repeat}


@media screen and (max-width:979px){
.main_slider{margin:-20px -10px 0}
.main_section{margin:10px -10px 0}
}

/* 아이패드2- */
@media screen and (max-width:768px){
.main_section ul li{width:100%}
.main_section ul li p{text-align:center}
.main_section ul li p.title em{display:none}
.main_section ul li .btn_area{display:block}

}

/* 안드로이드(진저+) landscape */
@media screen and (max-width:533px){
}

@media screen and (max-width:489px){

}

/* 안드로이드(진저+), 아이폰4+ */
@media screen and (max-width:320px){
}

/* 구형 스마트폰 */
@media screen and (max-width:240px){
}