@charset "utf-8";

/*
================================================================================
메인콘텐츠
================================================================================
*/
.mvisual_con{position:relative;width:100%;height:300px;}
.mvisual_con .visual_slide li{height:300px;overflow:hidden}
.mvisual_con .control_box{position:absolute;bottom:40px;left:50px;z-index:10}
.mvisual_con .control_box .num{display:inline-block;}
.mvisual_con .control_box .num a{display:inline-block;margin:0 2px;width:17px;height:17px;text-indent:-999px;overflow:hidden;background:url('/new_img/reservation/main/num.png') no-repeat right top}
.mvisual_con .control_box .num a.activeSlide{width:32px;background-position:0 0}
.mvisual_con .control_box .control{display:inline-block;margin:-2px 0 0 3px;vertical-align:top}
.mvisual_con .btn_before{position:absolute;top:125px;left:-50px;display:block;z-index:20}
.mvisual_con .btn_next{position:absolute;top:125px;right:-50px;display:block;z-index:20}

.mgnb{margin-bottom:40px}
.mgnb:after{display:block;clear:both;content:''}
.mgnb li{position:relative;float:left;width: 140px;text-align:center;border-top:2px solid #565656;}
/*.mgnb li{position:relative;float:left;width: 163px;text-align:center;border-top:2px solid #565656;}*/
.mgnb li a{display:block;padding-top:85px;height:40px;font-size: 15px;text-decoration:none;background:#fff url('/new_img/reservation/common/menu_ic.png') no-repeat center top;border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;}
.mgnb li:first-child a{border-left:1px solid #cfcfcf}
.mgnb li.on a{color:#2a64bc;font-weight:bold;background:#f0f0f0 url('/new_img/reservation/common/menu_ic_on.png') no-repeat center top;}
.mgnb li.on .arrow{position:absolute;left:70px;bottom:-14px;display:block;width:27px;height:15px;background:url('/new_img/reservation/main/menu_arrow.gif') no-repeat}
.mgnb li+li a{background-position:center -130px !important}
.mgnb li+li+li a{background-position:center -260px !important}
.mgnb li+li+li+li a{background-position:center -390px !important}
.mgnb li+li+li+li+li a{background-position: center -777px !important;}
.mgnb li+li+li+li+li+li a{background-position:center -520px !important}
/* .mgnb li+li+li+li+li+li+li a{background-position:center -650px !important} */
.mgnb li+li+li+li+li+li+li a{background-position:center -890px !important}
.mgnb li+li+li+li+li+li+li a{background-position:center -990px !important; } /*추가*/

.mbottom_con{position:relative;height:100%;overflow:hidden}
.m_tab{float:left;margin-left:40px;width:300px;height:210px;}
.m_tab ul{position:relative;height:100%;overflow:hidden}
.m_tab ul li{float:left;width:50%;}
.m_tab ul li .tab_m{display:block;font-size:14px;text-align:center}
.m_tab ul li .tab_m a{display:block;padding-top:8px;height:30px;color:#555;text-decoration:none;font-weight:bold;background:#fff;border:1px solid #d0d0d0}
.m_tab ul li.on .tab_m a{color:#fff;background:#2a64bc;border:1px solid #2a64bc}
.m_tab ul li .tab_con{position:absolute;top:60px;left:0;width:100%;text-align:left}
.m_tab ul li .tab_con li{position:relative;float:none;margin-bottom:6px;padding-left:65px;width:auto;height:23px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_tab ul li .tab_con li .ic{position:absolute;top:0;left:0;}
.m_tab:first-child{margin-left:0}

.m_tab2{margin-bottom:30px;border-bottom:1px solid #d0d0d0}
.m_tab2 ul{position:relative;margin-bottom:-1px;height:100%;overflow:hidden}
.m_tab2 ul li{float:left;width:15%;font-size:14px;text-align:center}
.m_tab2 ul li a{display:block;padding-top:8px;height:30px;color:#555;text-decoration:none;font-weight:bold;background:#fff;border:1px solid #d0d0d0;border-width:1px 1px 1px 0}
.m_tab2 ul li:first-child a{border-left:1px solid #d0d0d0}
.m_tab2 ul li.on a{color:#fff;background:#2a64bc;border:1px solid #2a64bc}

.mtab2_con{height:100%;overflow:hidden}
.schedule_box{position:relative;float:left;width:270px;padding-left:180px;background:url('/new_img/reservation/main/schedul_bg.jpg') no-repeat left bottom}
.schedule_box .control{position:absolute;top:0;left:0;padding:0 30px;font-size:25px;font-weight:bold;text-align:center;line-height:25px}
.schedule_box .control .btn_before{position:absolute;top:5px;left:0}
.schedule_box .control .btn_next{position:absolute;top:5px;right:0}
.schedule_box table{border:0;border-collapse: collapse}
.schedule_box th,
.schedule_box td{border:0}
.schedule_box table tr{text-align:center}
.schedule_box table thead th{padding:5px 0;font-size:13px;color:#fff;font-weight:normal;background:#58657a;border:1px solid #475162}
.schedule_box table thead th:first-child{color:#ffc0b6}
.schedule_box table tbody td{padding:0;font-size:12px;line-height:35px;background:#fff;border:1px solid #d7d7d7;border-width:0 1px 1px}
.schedule_box table tbody td a{display:block;height:35px;}
.schedule_box table thead th.sat{color:#cfe7ff}
.schedule_box table tbody td.event{color:#fff;font-weight:bold;background:#2056a8}
.schedule_box table tbody td.event a{color:#fff}

.schedule_box table tbody td.gray{color:#fff;font-weight:bold;background:#82878F}
.schedule_box table tbody td.gray a{color:#fff}

.schedule_box table tbody td.real{color:#fff;font-weight:bold;background:#fef9df}
.schedule_box table tbody td.real a{color:#475162}

.sche_view{float:right;padding:20px;width:460px;background:#f0f0f0;border:1px solid #e2e2e2}
.sche_view dt{margin:0 0 20px 10px;padding-left:20px;font-size:14px;color:#555;font-weight:bold;background:url('/new_img/board/bbs_dot.png') no-repeat left center}
.sche_view dt span{font-size:16px;color:#2a64bc}
.sche_view dd{height:100%;overflow:hidden}
.sche_view dd ul{}
.sche_view dd ul li{position:relative;float:left;margin:0 10px 6px 10px;padding:0 0 6px 22px;width:40%;font-size:13px;background:url('/new_img/board/ic_data.png') no-repeat left 4px;border-bottom:1px solid #c9c9c9}
.sche_view dd ul li a{margin-left:10px}
.sche_view dd ul li:first-child{border-top:0}
.sche_view dd ul li .btn{position:absolute;top:0;right:5px}
.sche_view dd ul.col li{float:none;padding-right:180px;width:auto}
.sche_view dd ul.col li .data{position:absolute;top:0;right:0}

.mbottom_con .btn_more{position:absolute;top:5px;right:0;z-index:2}
.mbottom_con2{position:relative;}
.mbottom_con2:after{display:block;clear:both;content:''}
.mbottom_con2 .btn_more{position:absolute;top:-65px;right:0;z-index:2}

/* 레이어팝업 */
#com_layer_pop{position: relative;width: 100%;height: 100%;position: relative;z-index: 1000;}
#com_layer_pop .pop_fix_bg{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.42);top: 0;left: 0;}
#com_layer_pop .layer_pop_box{width: 548px;height: 320px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);box-shadow: 0 0 12px rgba(0,0,0,0.3)}
#com_layer_pop .layer_top{width: 100%;height: 57px;line-height: 57px;padding-left: 28px;position: relative;background-color: #005fca;box-sizing: border-box;}
#com_layer_pop .layer_top h2{color: #fff;font-size: 17px;font-weight: bold;margin: 0;}
#com_layer_pop .layer_top .btn_close{text-indent: -9999px;width: 32px;height: 32px;border-radius: 50%;background-color: rgba(0,0,0,0.2);position: absolute;display: inline-block;top: 14px;right: 13px;}
#com_layer_pop .layer_top .btn_close::before{content: "";display: inline-block;width: 1px;height: 17px;position: absolute;top: 9px;left: 16px;transform: rotate(45deg);-ms-transform: rotate(45deg);background-color: #fff}
#com_layer_pop .layer_top .btn_close::after{content: "";display: inline-block;width: 1px;height: 17px;position: absolute;top: 9px;left: 16px;transform: rotate(-45deg);-ms-transform: rotate(-45deg);background-color: #fff}
#com_layer_pop .layer_con{position: relative;z-index: 10;padding: 35px 28px;background: #fff;box-sizing: border-box;overflow-y:scroll;height: 300px; } /*overflow: auto;*/
#com_layer_pop .layer_con p{padding: 25px 20px;background-color: #f3f8fd;color: #005aae;font-size: 15px;box-sizing: border-box;line-height:1.6em;}
#com_layer_pop .layer_con > span{display: inline-block;margin: 20px 0 15px 0;;letter-spacing:-0.7px; }
#com_layer_pop .layer_con .btn_box{ width:100%;text-align:center !important; margin: 0 0 20px 0 ; padding: 5px 0 20px 0;border-bottom:1px dashed #999 }
#com_layer_pop .layer_con .close_box{float: right;height: 38px;line-height: 38px;}
#com_layer_pop .layer_con #layer_pop_close{display: inline-block;}
#com_layer_pop .layer_con .close_box .btn_close{width: 82px;height: 38px;background-color: #3e4452;line-height: 38px;text-align: center;color: #fff;font-size: 15px;font-weight: bold;display: inline-block;margin-left: 5px;}
@media all and (max-width:640px){
	#com_layer_pop .layer_pop_box{width: 90%;}
}


/*
================================================================================
서브콘텐츠
================================================================================
*/

h1.title{margin-bottom:120px !important;font-size:30px !important;color:#fff;text-shadow:2px 1px 2px #666;}





	.search_form dl{display: inline-block;text-align: left;}


@media all and (max-width: 1024px){
	

	#container #content{width: 100%;}
	.mvisual_con{height: 0;padding-bottom: 30%;}
	.visual_slide,.visual_slide li,.visual_slide img{width: 100% !important;height: auto !important}
	
	.mvisual_con .btn_before{left: 10px;top: 50%;margin-top: -26px;}
	.mvisual_con .btn_next{right: 10px;top: 50%;margin-top: -26px;}

	.mgnb li{width: 25%;}

	.mbottom_con{padding: 0 10px;}
	.m_tab{width: 33.3%;margin-left: 0;padding: 0 5px;box-sizing: border-box;}	

	.schedule_box{width: 100%;box-sizing: border-box;}
	.sche_view{width: 100%;box-sizing: border-box;margin-top: 15px}

}


@media all and (max-width: 640px){
	.top_guide p{display: none;}
	.sub_bg #gnb{display: none;}

	.mgnb li a{background-position: center 2px !important;background-size: 100px auto;padding-top: 55px;height:40px;font-size:13px;line-height:1.2;}
	.mgnb li.on a{background-size: 100px auto;}
	.mgnb li+li a{background-position: center -88px !important;}
	.mgnb li+li+li a{background-position: center -174px !important;}
	.mgnb li+li+li+li a{background-position: center -260px !important;}
	.mgnb li+li+li+li+li a{background-position: center -518px !important;}
	.mgnb li+li+li+li+li+li a{background-position: center -345px !important;}
	.mgnb li+li+li+li+li+li+li a{background-position: center -430px !important;}	

	.mgnb li.on .arrow{left: 50%;margin-left: -13px}
	
	.mvisual_con .btn_next,.mvisual_con .btn_before{display: none;}
	.mvisual_con .control_box{bottom: 10px;left: 20px}

	.m_tab{width: 100%;padding: 0;margin-bottom: 10px;}

	.sub_bg h1.title{margin-bottom: 40px !important;font-size: 24px !important;margin-top: 0;text-shadow: none;color: #111;border-bottom: 1px solid #b6b6b6;padding: 20px 0;border-top: 1px solid #b6b6b6}

	.search_form dl{position: relative;padding-left: 80px;margin-bottom: 5px;display: block;}
	.search_form dt{position: absolute;top: 2px;left: 0;}
	.search_form dd,.search_form input,.search_form select{width: 100% !important;margin: 0;box-sizing: border-box;height: 26px !important}
	.board_search .search_form input[type="text"]{border-width: 1px;margin-bottom: 5px}

	.schedule_box{padding-left: 160px}
	.sche_view dd ul li{width: 100%;box-sizing: border-box;}
	.m_tab2 ul li{width: auto;}
	.m_tab2 ul li a,.m_tab2 ul li.on a{padding: 8px 5px 0 5px;}

            ::-webkit-scrollbar { width: 3px; } 
            ::-webkit-scrollbar-thumb { background: #a9a9a9; }

}                 

@media all and (max-width: 450px){
	.m_tab2 ul{width:calc(100% - 70px)}
	.m_tab2 ul li{width:50%;}
}