@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');

#ticket_seat_wrap{width:100%; position:relative;}

.ticket_seat_wrap{width:100%; position:relative;}
.ticket_seat_wrap .select_map{display:none; width:100%;}
.ticket_seat_wrap .select_map.on{display:block; position:absolute; top:0; left:0;}
.ticket_seat_wrap .select_map .pic_map{display:none; width:100%; height:auto;}
.ticket_seat_wrap .select_map.on .pic_map.on{display:block;}

.ticket_seat_wrap .seat_img_p{width:100%; height:auto;}
.ticket_seat_wrap .seat_img_m{display:none;}

.ticket_seat_wrap #ticket_map2{width:100%; overflow:hidden; margin-bottom:30px;}
.ticket_seat_wrap #ticket_map2 li{width:23.5%; margin-right:2%; float:left; box-sizing:border-box; border:1px solid #eee; border-radius:8px; line-height:38px; overflow:hidden; margin-top:10px;}
.ticket_seat_wrap #ticket_map2 li:nth-child(1),.ticket_seat_wrap #ticket_map2 li:nth-child(2),.ticket_seat_wrap #ticket_map2 li:nth-child(3),.ticket_seat_wrap #ticket_map2 li:nth-child(4){margin-top:0;}
.ticket_seat_wrap #ticket_map2 li:nth-child(4n){margin-right:0;}
.ticket_seat_wrap #ticket_map2 li a{display:block;}
.ticket_seat_wrap #ticket_map2 li a div{width:40px; float:left; margin-right:8px;}

.ticket_layer_wrap{width:100%; position:absolute; top:0; left:0;}
.ticket_layer_wrap .ticket_layer{display:none;}
.ticket_layer_wrap .ticket_layer.on{display:block;}

.ticket_layer_wrap .ticket_layer{width:500px; background:white;}

.ticket_layer_wrap .ticket_layer .top{width:100%;}
.ticket_layer_wrap .ticket_layer .top img{width:100%; height:auto;}

.ticket_layer_wrap .ticket_layer h2{background:#0b4da2; line-height:40px; text-align:center; color:white; font-size:15px;}

.ticket_layer_wrap .ticket_layer .info{width:100%; padding:20px 10px; box-sizing:border-box; border:1px solid #eee; overflow:hidden;}
.ticket_layer_wrap .ticket_layer .info .left{width:288px; margin-right:20px; float:left;}
.ticket_layer_wrap .ticket_layer .info .left h3{font-size:15px; margin-bottom:10px; color:#0b4da2;}
.ticket_layer_wrap .ticket_layer .info .left h3.common{margin-top:10px;}
.ticket_layer_wrap .ticket_layer .info .left table{border-top:2px solid #0b4da2;}
.ticket_layer_wrap .ticket_layer .info .left table tbody tr{border-bottom:1px solid #dddddd;}
.ticket_layer_wrap .ticket_layer .info .left table tbody tr:last-child{border-bottom:2px solid #0b4da2;}
.ticket_layer_wrap .ticket_layer .info .left table tbody tr th{padding:12px 0; vertical-align:middle; text-align:center; border-right:1px solid #dddddd;}
.ticket_layer_wrap .ticket_layer .info .left table tbody tr th.common{border-bottom:2px solid #0b4da2;}
.ticket_layer_wrap .ticket_layer .info .left table tbody tr td{padding:7px 0; vertical-align:middle; text-align:center; border-right:1px solid #dddddd;}
.ticket_layer_wrap .ticket_layer .info .left table tbody tr td:last-child{border-right:0 none;}
.ticket_layer_wrap .ticket_layer .info .left p{position:relative; padding-left:15px; font-size:12px; line-height:15px; margin-top:15px;}
.ticket_layer_wrap .ticket_layer .info .left p::before{content:"※"; position:absolute; top:0; left:0; width:15px;}

.ticket_layer_wrap .ticket_layer .info .right{width:170px; float:left;}
.ticket_layer_wrap .ticket_layer .info .right h3{background:#0b4da2; line-height:30px; text-align:center; color:white; font-size:14px; margin-bottom:15px;}
.ticket_layer_wrap .ticket_layer .info .right .gate{width:100%;}
.ticket_layer_wrap .ticket_layer .info .right .gate img{width:100%; height:auto;}

@media screen and (min-width:1024px) and (max-width:1199px){
	.ticket_seat_wrap .seat_img_p{display:none;}
	.ticket_seat_wrap .seat_img_m{width:100%; height:auto; display:block;}
}

@media screen and (min-width:720px) and (max-width:1023px){
	.ticket_seat_wrap .seat_img_p{display:none;}
	.ticket_seat_wrap .seat_img_m{width:100%; height:auto; display:block;}
}