@charset "utf-8";
.wrap {max-width:100%;}

@media screen and (max-width:984px){
	body.hidden-y {height:100%; overflow:hidden;}
	body.sub {background:none;}
	#aside01, #aside02, #aside03, #aside04, #aside05 {display:none;}
	body.sub div.wrap div#container {width:100%;}
	.sub_visual  img {width:100%;}
	body.sub div.wrap div#container div#contents {float:none; width:100%;}
	body.sub div.wrap div#container div#contents div.con_title {padding:5% 4.8% 0;}
	body.sub div.wrap div#container div#contents div.con_title p.location {display:none;}
	body.sub div.wrap div#container div#contents div#detail_con {width:90%; margin:5% auto;}

	body.sub div.wrap div#container div#contents div#data_control {width:100%; height:auto; padding:10px; margin-top:30px; border:1px solid #c7c7c7; border-radius:3px; background:none; overflow:hidden; box-sizing:border-box;}
	body.sub div.wrap div#container div#contents div#data_control p.title {padding:2px 0 2px 40px; background:url('/open_content/reservation/images/sub/data_control_ic.gif') no-repeat 15px center;}

	#footer {padding:5%; box-sizing:border-box;}

	.nav_toggle {display:block; position:absolute; right:5%; top:30px; width:25px; height:30px; border:0; text-indent:-300%; font-size:0; line-height:0; overflow:hidden; background:none;}	
	.nav_toggle:after {display:block; content:''; position:absolute; left:0; top:11px; width:100%; height:2px; background:#777; box-shadow:0px -7px 0px #777, 0px 7px 0px #777}
	#nav .gnb_mobile {display:block; text-align:left; position:fixed; right:-450px; top:0; width:80%; max-width:450px; height:170px; padding-top:30px; background:#fff; z-index:100; box-sizing:border-box; transition:.5s;}
	#nav .gnb_mobile-open {right:0;}
	#nav .gnb_mobile>img {margin-left:25px;}
	#nav .gnb_mobile-close {position:absolute; right:10px; top:17px; display:block; width:50px; height:50px; text-indent:-300%; font-size:0; line-height:0; overflow:hidden;}
	#nav .gnb_mobile-close:before, #nav .gnb_mobile-close:after  {display:block; content:""; position:absolute; left:25%; top:50%; width:50%; height:2px; background:#333; box-sizing:border-box;}
	#nav .gnb_mobile-close:before {transform:rotate(-45deg);}
	#nav .gnb_mobile-close:after {transform:rotate(45deg);}
	#nav .gnb_mobile_con {margin-top:35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0;}
	#nav .gnb_mobile_con>a {display:inline-block; text-align:center; width:33.3%; padding:50px 10px 25px; font-size:13px; font-weight:bold; border-left:1px solid #eaeaea; box-sizing:border-box;}
	#nav .gnb_mobile_con>a:first-child {border-left:0;}
	#nav .gnb_mobile-login {background:url('/open_content/reservation/images/inc/gnbic_login.gif') no-repeat center 15px;}
	#nav .gnb_mobile-join {background:url('/open_content/reservation/images/inc/gnbic_join.gif') no-repeat center 14px;}
	#nav .gnb_mobile-check {background:url('/open_content/reservation/images/inc/gnbic_check.gif') no-repeat center 17px;}

	#nav>ul {position:fixed; right:-450px; top:170px; bottom:0; width:80%; max-width:450px; overflow-y:scroll; background:#fff; z-index:100; transition:.5s;}
	#nav>ul.nav-open {right:0;}
	#nav>ul>li {float:none; padding-left:0; border-bottom:1px solid #ddd;}
	#nav>ul>li>a {position:relative; padding:15px 25px; font-weight:bold;}
	#nav>ul>li>a:after {display:block; content:""; position:absolute; top:19px; right:30px; width:6px; height:6px; border-left:2px solid #bbb; border-bottom:2px solid #bbb; transform:rotate(-45deg);}
	#nav>ul>li>a.on {color:#fff; background:#0285c2;}
	#nav>ul>li>a.on:after {border-color:#fff;}
	#nav .sub {position:static; padding:2px 0; border-top:1px solid #eaeaea;}
	#nav .sub>li {margin:5px 0;}
	#nav .sub>li>a {display:block; padding:5px 35px; color:#333; font-size:15px;}
	#nav .sub>li>a.on {color:#0285c2;}
	#nav .sub_3depth {display:block; padding:15px 35px; margin-top:5px; margin-bottom:10px; background:#f9f9f9;}
	#nav .sub_3depth a {display:inline-block; position:relative; padding-left:10px; font-size:13px; color:#777;}
	#nav .sub_3depth a:before {content:""; position:absolute; left:0; top:50%; width:5px; height:1px; background:#777;}
	#nav .sub_3depth a.on {text-decoration:underline; color:#0285c2;}
	.subnavBg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:99;}

	#physical_tab {overflow-x:scroll; width:100%;}
	#physical_tab>ul {white-space:nowrap;}
	#physical_tab>ul>li {width:auto; float:none; display:inline-block; vertical-align:top;}
	#physical_tab>ul>li>a {padding:0 15px;}
	#physical_tab>ul>li>a strong {font-size:18px;}
	#physical_tab>ul>li.on>a {height:100px; transform:translateY(-18px);}
	#physical_tab>ul>li.on>a strong {font-size:20px; line-height:120%;}
}


@media screen and (max-width:480px){
	body.sub div.wrap div#container div#contents div#data_control div.data dl dt {clear:left; margin-bottom:2px;}
}