@charset "utf-8";
html {border:none; margin:0px; padding:0px;
filter: __EXPRESSION__(document.execCommand("BackgroundImageCache", false, true));
}
/*
body {width:100%; height:100%; font-size:12px; line-height:1.5em; position:relative; color:#525252; background-color:#eeeeee;}
*/
body {width:100%; height:100%; font-size:12px; line-height:1.5em; color:#525252; background-color:#f0f0f0;}
body.back_style2 {width:100%; height:100%; font-size:12px; line-height:1.5em; position:relative; color:#525252; background-color:#fff;}
input{box-shadow:none;}
img {vertical-align:middle; border:none;}
fieldset, button {border:none; margin:0px; padding:0px;}
hr, button img {display:none; margin:0; padding:0;}
ul, ol, dl, li, dt, dd {list-style: none;}
p {text-align:justify;}
a {text-decoration:none; color:#5c5c5c; font-size:12px;}
a:hover, a:active, a:focus {color:#1d56b0; font-size:12px;}
textarea {overflow:auto; padding:5px;}
label{cursor:pointer;}
address, em {font-style:normal; font-weight:normal;}
html:first-child select {padding-right:6px; /*height:20px;*/} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
select, textarea, {background-color:#FFFFFF; border-width:1px; border-color:#C5C5C5; border-style:solid; font-size:12px; color:#575757; }/* hidden contents */
#accessibility,.skip, hr, legend, caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
.input_search {float:left; background-color:#FFFFFF; border-width:3px; border-color:#0089c8; border-style:solid; font-size:12px; color:#575757;}
*html .png24 { tmp:expression(setPng24(this)); } /* [IE6] PNG-24 투명 이미지 */
#clear_div {clear: both; display: block; float: none; font-size: 0 !important; height: 0; line-height: 0 !important; margin: 0 !important; overflow: hidden; padding: 0 !important; width: 100%;}
a.btn_etc, a:link.btn_etc, a:active.btn_etc, a.hover.btn_etc, a.focus.btn_etc {float:left; display:block; width:60px; font-weight:bold; color:#ffffff; padding:5px; text-align:center; background-color:#4c4c4c; border:1px solid #353535;}
#header a{font-family: 'Noto Sans KR',맑은고딕,'Malgun Gothic',돋움,Dotum,sans-serif !important;}
/* 콘텐츠*/
h2 {position:relative; left:0px;}
h3 {position:relative; left:0px;}
h4 {clear:both; padding-left:18px; margin-bottom:10px; background:url('../images/common/bul_1.gif') no-repeat 0px 3px; color:#333333; font-size:15px;}
h4.h4_orange {clear:both; padding-left:18px; margin-bottom:10px; background:url('../images/common/bul_2.gif') no-repeat 0px 3px; color:#333333; font-size:15px;}
h5.h5_yell {clear:both; padding-left:20px; margin-bottom:0px; padding-bottom:0px; background:url('../images/common/h5_bul_yell.gif') no-repeat 2px 3px; color:#9e3b0b; font-size:14px;}
#onrest_wrapper {width:100%; height:100%; margin:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#f0f0f0; border:0px solid red;}
.info2_wrap {max-width:960px; overflow:hidden; /*height:504px;*/ background:#fff; border:1px solid #d6d6d6; margin:0 auto; margin-top:5px; }
/*02. 좌석선택*/
/*ul.step_no2 {position:relative; width:748px; height:504px; border:0px solid red; margin:0 auto;}*/
.info2_wrap_rev{width:960px}
.info2_wrap_rev ul.step_no2{width:958px;padding: 0 20px;}
ul.step_no2 li.no2_left {float:left; width:738px; margin-right:10px; border:0px solid red;}
ul.step_no2 li.no2_right {float:left; width:170px; border:0px solid red;}
ul.seat_wrap {border:0px solid red; margin-top:20px;}
ul.seat_wrap>li{position:relative;}
ul.seat_perinfo {width:605px; height:49px; background:#f0f0f0; border:1px solid #dcdcdc; margin-bottom:15px; padding:7px 7px 7px 7px;}
ul.seat_perinfo span.info_t {color:#a91100; font-weight:bold;}
ul.seat_perinfo span.info_d {color:#515151; font-weight:bold;}
ul.seat_perinfo_r {position:absolute; left:613px; width:124px; height:49px; background:#f0f0f0; border:1px solid #dcdcdc; margin-bottom:0px; padding:7px 7px 7px 7px;top:0}
ul.seat_perinfo_r2 {position:absolute; left:600px; width:124px; height:50px; background:#f0f0f0; border:1px solid #dcdcdc; margin-bottom:0px; padding:3px 7px 0px 7px;}
ul.seat_perinfo_r2 li {height:14px; margin:0 0 0 0; margin-bottom:2px; font-size:11px; line-height:14px;}
/* 관리자 좌석관리 추가 */
ul.seat_perinfo2 {width:590px; /*height:39px;*/height:auto !important;min-height:60px; background:#f0f0f0; border:1px solid #dcdcdc; margin-bottom:15px; padding:7px 7px 7px 7px;}
ul.seat_perinfo2 span.info_t {color:#a91100; font-weight:bold;}
ul.seat_perinfo2 span.info_d {color:#515151; font-weight:bold;}
ul.seat_perinfo_r22 {position:absolute; right:10px; width:144px; height:auto !important; background:#f0f0f0; border:1px solid #dcdcdc; margin-bottom:0px; padding:5px 7px 5px 7px;}
ul.seat_perinfo_r22 li {height:14px; margin:0 0 0 0; margin-bottom:2px; font-size:11px; line-height:14px;}
ul.seat_list_wrap {width:754px; height:375px; border:0px solid red;}
ul.seat_list_wrap li.mudae_box {width:738px; height:25px; line-height:25px; color:#fff; font-weight:bold; font-size:17px; text-align:center; vertical-align:middle; background:url('../images/onlinerest/mudae_box_bg.gif') repeat; border:1px solid #a9a9a9; margin-bottom:50px; }
ul.seat_list_wrap li.seat_list_all {width:738px; height:350px;}
ul.seat_list {width:738px; height:375px;}
ul.seat_list li.seat_all {width:738px; height:375px;}
ul.seat_line1 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line1 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line1 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line1 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line2 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line2 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line2 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line2 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line2 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line3 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line3 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line3 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line3 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line3 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line4 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line4 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line4 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line4 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line4 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line5 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line5 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line5 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line5 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line5 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line6 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line6 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line6 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line6 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line6 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line7 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line7 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line7 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line7 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line7 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line8 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line8 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line8 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line8 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line8 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line9 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line9 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line9 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line9 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line9 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line9 li:nth-child(5){margin-right: 62px;}
ul.seat_line10 {width:280px; height:16px; margin:0 auto; margin-bottom:3px; margin-top:15px;}
ul.seat_line10 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line10 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line10 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line10 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line11 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line11 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line11 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line11 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line11 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line12 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line12 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line12 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line12 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line12 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line13 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line13 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line13 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line13 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line13 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line14 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line14 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line14 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line14 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line14 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line15 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line15 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line15 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line15 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line15 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line16 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line16 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line16 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line16 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line16 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line17 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line17 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line17 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line17 li.seat_w {float:left; width:34px; height:16px; margin-right:4px;}
ul.seat_line17 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line17 li.s_end {float:left; width:18px; height:16px;}
ul.seat_line18 {width:280px; height:16px; margin:0 auto; margin-bottom:3px;}
ul.seat_line18 li.seat_title {float:left; width:15px; height:16px; margin-right:4px; font-size:11px; font-weight:bold; color:#575757;}
ul.seat_line18 li {float:left; width:15px; height:16px; margin-right:4px;}
ul.seat_line18 li.empty_p {float:left; width:10px; height:16px;}
ul.seat_line18 li.s_end {float:left; width:18px; height:16px;}
/*수정20230109-----------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, td, input, a, select, li, dt, dd, span, fieldset, textarea, button {font-family: 'NanumGothic' !important;}
ul.no2_btn a{text-indent:-9999px;font-size:0}
ul.chart_list>li, ul.chart_list>li.chart_on{height:100%}
select{background-position:95% center}
input, select, textarea, button { min-height: 15px;margin: 0;padding: 0 5px;font-size: 1.0em;line-height: 1.25;vertical-align: middle;}
#onrest_wrapper{width:100%;margin:0 auto}
.onrest-chart_wrap{width:100%;max-width: 960px;margin:0 auto}
ul.chart_list, .info2_wrap {width:100%;max-width:960px;margin:0 auto}
#onrest_wrapper table{min-width:unset !important}
#onrest_wrapper img{width:auto !important}
#onrest_wrappe table{font-size:12px}
.b_02 table{width:unset; border-top:none}
#onrest_wrapper table.con_board02{font-size:12px}
ul.chart_list li, ul.chart_list li.chart_on{padding: 10px 30px 0 30px;}
ul.rest_tab{width:auto;text-align:center}
ul.rest_tab li{float:none !important;display:inline-block;}
/*관람일/회차선택*/
ul.step_no1_1 {overflow-y: auto;}
ul.time_l, ul.time_l li.time_t_l, ul.seat_info_l{height:auto;}
ul.time_l{border-bottom:1px dotted #ddd;margin-top: 10px;}
ul.time_l:last-child{border-bottom:none}
ul.time_l li.seat_info_btn{height:50px}
ul.seat_info_l{min-height:32px}
.seat_info_btn:after{content:"";display:block;clear:both}
li.seat_info_btn a{font-size:1px;height:0}
ul.seat_info_l2 li.rest_date{letter-spacing:-0.5px; background-position: 0px 8px;}
/*예매좌석선택*/
.info2_wrap_rev{width:960px}
.info2_wrap_rev ul.step_no2{width:958px;padding: 0 20px;}
.info2_wrap_rev ul.seat_list_wrap li.mudae_box{width:738px}
.info2_wrap_rev ul.seat_perinfo{width:605px}
.info2_wrap_rev ul.seat_perinfo_r2{left:630px}
ul.seat_perinfo_r img{width:13px !important;height:14px !important}
ul.seat_list li ul{width:406px;display:block;height:25px;margin-bottom:4px}
ul.seat_list li ul li{width:25px;height:25px;margin-bottom:4px}
ul.seat_list li ul li.seat_title {width:25px; height:25px; margin-right:4px; font-size:13px;line-height:29px}
ul.seat_list li ul li a{display:block;width:100%;height:100%;background-color:pink}
ul.seat_list li ul li a.ui-selected, ul.seat_list li ul li a.ui-selected.ul-selectee{background-color:purple}
ul.seat_list li ul li a img{width:100%;height:100%}
ul.no2_right_wrap {width:165px; height:auto; margin-top:20px; background:#f0f0f0; border:1px solid #dcdcdc;}
ul.no2_right_wrap li {width:165px; height:auto;}
ul.no2_right_info {width:165px; height:54px; margin-bottom:10px;}
ul.no2_right_info2 {width:165px; height:116px; margin-bottom:5px;}
ul.no2_right_info2 li.info2_title1 {width:165px; height:16px; text-align:center; font-weight:bold; margin-bottom:3px;font-family: 'NanumGothic'; }
ul.no2_right_info2 li.info2_con1 {width:165px; height:88px; margin-bottom:5px; }
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 {width:140px;background:#fff; border:1px solid #d4d4d4; margin:0 auto; padding:7px 7px 7px 7px;height:100px;overflow-y:auto}
.info2_con_txt1:after{content:"";display:block;clear:both}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li {float:left; width:90px; height:16px; margin-bottom:3px;width:100%;letter-spacing:-0.5px;height:auto}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li img {float:left; width:8px;height:8p margin-top:2px; margin-right:3px;}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li span.text_gray {float:left; display:block; font-weight:bold; color:#444444; font-size:11px; margin-right:3px;}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li span.text_red {float:left; display:block; color:#f20707; font-size:11px;}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li.end1 {float:left; width:100%;padding-left:11px; height:16px; color:#737373;}
ul.no2_right_info3 {width:165px; height:180px; margin-bottom:5px; margin-top:20px;}
ul.no2_right_info3 li.info2_title2 {width:165px; height:16px; text-align:center; font-weight:bold; margin-bottom:3px; font-family: 'NanumGothic';}
ul.no2_right_info3 li.info2_con2 {width:165px; height:auto; }
ul.no2_right_info3 li.info2_con2 p {height:20px; margin-top:5px; *margin-top:0px;}
ul.no2_right_info3 li.info2_con2 p image {float:left; width:13px; height:14px; margin:2px 3px 0 10px; font-weight:bold;}
ul.no2_right_info3 li.info2_con2 p span.text_gray {float:left; display:block; font-weight:bold; color:#643baa; font-size:11px; margin-right:3px;}
ul.no2_right_info3 li.info2_con2 p span.text_green {float:left; display:block; font-weight:bold; color:#00814f; font-size:11px; margin-right:3px;}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2 {width:140px; height:140px;background:#eae9f9; border:1px solid #d8cfe9; margin:0 auto; padding:7px 7px 7px 7px;}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2 li {float:left; width:140px; height:132px; margin-bottom:3px; overflow:auto;}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2 li span.text_pur {display:block; width:120px; font-size:11px; color:#643baa; font-weight:bold;}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2_2 {width:140px; height:40px; background:#e9f9f4; border:1px solid #c9e2d7; margin:0 auto; padding:7px 7px 7px 7px;}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2_2 li {float:left; width:140px; height:32px; margin-bottom:3px; overflow:auto;}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2_2 li span.text_green2 {float:left; display:block; margin-right:3px; font-size:11px; color:#00814f; font-weight:bold;}
ul.no2_btn {width:165px; height:76px; margin-bottom:5px; margin-bottom:5px;}
ul.no2_btn li.no2_btn_li { margin-bottom:7px;}
ul.no2_btn li.no2_btn_li2 ul.btn_list2 {width:152px; height:26px; margin:auto;}
ul.no2_btn li.no2_btn_li2 ul.btn_list2 li.left {float:left; width:67px;}
ul.no2_btn li.no2_btn_li2 ul.btn_list2 li.right {float:left; width:85px;}
/*할인선택 및 예약자 확인*/
ul.ticket_list li{height:50px}
ul.ticket_list li label{margin-top:5px}
ul.ticket_list li.dd2 input{letter-spacing:-0.8px;padding:0 5px}
.con_board02 td.end input#a_mobile1 {width: 45px !important;}
.con_board02 td.end input#a_mobile2 {width: 55px !important;}
.con_board02 td.end input#a_mobile3 {width: 55px !important;}
/*예매정보확인*/
.onrest_step4 ul.step_no4{width:100%;padding:0;border:none;padding:15px}
.onrest_step4 ul.step_no4 li.no4_1{margin-right:0;width:100%}
.onrest_step4 ul.ticket_info4{width:100%}
.onrest_step4 ul.ticket_info4 li.no4_1_st{width:100%;}
.onrest_step4 ul.per_info4{width:100%}
.onrest_step4 .per_info4 .con_board02{width:100% !important}
/**/
.cour_btn{margin-top:40px !important; }
.cour_btn ul li{display:inline-block;margin-bottom:5px;font-size: 15px;letter-spacing: -0.4px;font-weight: 500;color: #777;}
.cour_btn ul li a{display:inline-block}
.cour_btn ul li:nth-child(1) img{display:none;}
.cour_btn ul li:nth-child(2) a{background-color:#727171}
.cour_btn ul li a{width:250px;height:55px;line-height:55px;background-color:#d84c42; color:#fff; font-size: 15.5px;vertical-align: top;font-weight:500;transition:all 0.2s}
.cour_btn ul li a:after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);margin-left:10px}
.cour_btn ul li:nth-child(1):hover a{background-color:#75312c}
.cour_btn ul li:nth-child(2):hover a{background-color:#555}
#rsvStandingMsg{margin-top:10px}
@media all and (max-width:1024px){
#container {padding-bottom: 150px;}
.resttop_tab_wrap{height: auto}
#onrest_wrapper{height:auto}
.onrest-chart_wrap{width:100%;max-width: 1400px}
.btn_st5{width: 100%;height: 45px;display: block;height: 45px;background-color: #434242;border-radius: 3.5px;color: #fff;height:auto;}
span.dat_fonts{font-size:16.5px}
/*예매순서*/
ul.chart_list, .info2_wrap {width:100%;max-width:1400px;}
ul.chart_list{height:auto}
ul.chart_list:after{content: "";display: block;clear: both}
ul.chart_list>li, ul.chart_list li.chart_on {width:18%;text-align: center;padding: 14px 0;font-size: 13px;letter-spacing: -1.5px;width:16.5%;text-align: center;padding: 14px 0;font-size:16px;font-size: 13px;letter-spacing: -1.5px;letter-spacing: -0.8px}
ul.chart_list>li.chart_on{padding: 14px 0}
ul.chart_list li.chart_left, ul.chart_list li.chart_right{display:none}
ul.chart_list li.chart_bul_c_on2 {background: url(../images/onlinerest/chart_bul_c_on2_rev.gif) no-repeat;}
/*공연정보*/
.info2_wrap{padding:15px;width:100%}
.info2_wrap a{font-size:15px !important}
/*예매1단계-관람일,회차선택*/
ul.step_no1{width:100%;max-width: 1400px;height:auto}
ul.step_no1>li{width: 100%;}
ul.step_no1>li.step_no1_fir {width:22%;width:100%;height: auto}
ul.step_no1>li:last-child{display:none;width:32.2%}
ul.step_no1_1{display: block;width:auto;margin:15px;height: auto}
ul.step_no1_1>li{width:100% }
ul.step_no1_1 li.no1_1_st{background-image:none;position:relative;}
ul.step_no1_1>li.no1_1_st, ul.step_no1_2 li.no1_1_st2{width:100% !important;font-size:15px}
ul.step_no1_1>li ul.prglist_ul2{margin-top:5px;}
ul.step_no1_1 li ul li.per_list_on{font-weight:500;}
ul.step_no1_1>li>ul>li{width:100%}
ul.step_no1_2 {width: auto;height: auto;}
.b_02{height: auto}
.cal_title{padding-top:10px}
.b_02 table {width: 100%;border-top: none;}
ul.step_no1_2{width:auto;height:auto}
span.dat_fonts{font-size:16.5px}
ul.time_l {width:100%;margin-top:10px}
ul.time_l li{height:auto;width:100% !important}
ul.time_l li.time_t{width:100%}
ul.time_l li.time_t_l{width:100%}
ul.time_l li.time_t, ul.time_l li.time_t2{padding-top:0;line-height:27px;height:27px}
ul.seat_info_l{width:100%}
ul.seat_info_l li{width:100%}
ul.time_l li.seat_info_btn{height:40px;margin-top: 10px;}
li.seat_info_btn a{display:block;width:100%;text-indent:0;margin-bottom:20px;height:0;line-height:0}
li.seat_info_btn a:hover{color:#fff !important;font-weight:500;}
li.seat_info_btn a img{display: block;}
/*2단계-좌석선택*/
ul.step_no2{width:100%;height:auto}
ul.step_no2 li.no2_right{float:none;width:100%}
ul.step_no2 li.no2_left{float:none;width:100%}
.info2_wrap ul.seat_perinfo{width:100%}
ul.seat_perinfo_r{left:auto;right:0;position:static;width:100%;height:auto;margin-bottom:5px}
ul.seat_perinfo_r li{display:inline-block;margin-right:10px}
.info2_wrap ul.seat_perinfo li:nth-child(1) img{display:none;}
ul.seat_perinfo{margin-bottom:5px;height:auto}
ul.seat_wrap{margin-top:0}
ul.seat_list_wrap{width:100%}
ul.seat_list{width:100%}
ul.seat_list_wrap li.seat_list_all{width:100%}
ul.seat_list li.seat_all{width:100%;height:auto;margin-left:-20px}
ul.seat_list_wrap{height:365px}
ul.seat_list_wrap li.mudae_box{width:100%;margin-bottom:30px}
ul.seat_list_wrap li.seat_list_all{height:auto;overflow-x:auto;}
ul.seat_list{height:auto;min-width:460px;}
ul.no2_right_wrap{width:100%;margin-top:0;padding:15px}
ul.no2_right_wrap li{width:100%}
ul.no2_right_info{display:none}
.no2_right_info li img{display:none}
ul.no2_right_info2{width:100%}
ul.no2_right_info2 li.info2_title1{width:100%}
ul.no2_right_info2 li.info2_con1{width:100%}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1{width:100%}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li{width:100%}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li.end1{width:100%}
ul.no2_right_info3{width:100%}
ul.no2_right_info3 li.info2_title2{width:100%}
ul.no2_right_info3 li.info2_con2{width:100%}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2{width:100%}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2 li{width:100%}
ul.no2_btn{width:100%;height:auto}
ul.no2_btn a{width: 100%;height: 45px;display: block;height:45px;background-color:#434242;border-radius:3.5px;color:#fff;text-indent:0;font-size:12px;text-align:center;line-height:45px;font-weight:600}
ul.no2_btn a img{display:none}
ul.no2_btn .btn_list2{width:100%}
ul.no2_btn li.no2_btn_li2 ul.btn_list2 li.left, ul.no2_btn li.no2_btn_li2 ul.btn_list2 li.right{width:calc(50% - 2px)}
ul.no2_btn .btn_list2 li a{display:block;background-color:#828282}
ul.no2_btn li.no2_btn_li2 ul.btn_list2{width:100%;height:35px}
ul.no2_btn li.no2_btn_li2 ul.btn_list2 li.left{margin-right:2px}
ul.no2_right_info2{height:auto}
ul.no2_right_info2 li.info2_con1{height:auto}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1{height:auto;overflow-y:visible}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li{width:60%}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li.end1{width:40%; float:right}
ul.no2_right_info2 li.info2_con1 ul.info2_con_txt1 li.end1 span{float:right}
.info2_con_txt1:after{content:"";display:block;clear:both}
ul.no2_right_info3{height:auto;margin-top:15px}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2{height:auto;overflow-y:auto}
ul.no2_right_info3 li.info2_con2 ul.info2_con_txt2 li{height:auto}
/*할인선택 및 예약자 확인*/
ul.step_no3 {width:100%}
ul.step_no3 li.no3_1{width:100%;float:none;height:auto}
ul.ticket_info{width:100%}
ul.ticket_info li.no3_1_st{width:100%}
ul.ticket_info li.ticket_sel{width:100%}
ul.ticket_info li.dis_list{width:100%}
ul.step_no3 li.no3_3{height:auto;margin-left:50%;transform:translatex(-50%);margin-top:5px}
.no3_3 .per_info3, ul.ticket_info3 li.no3_1_st{display:none;}
.no3_3 .btn_list{text-align:center}
ul.ticket_info li.dis_list{height:auto}
ul.ticket_list{width:100%}
ul.ticket_list li.dt1{width:40%;letter-spacing:-1px;overflow-x:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.ticket_list li.dd1{width:calc(60% - 80px)}
ul.ticket_list li.dd1 label{width:100%}
ul.ticket_list li.dd1 select{width:100%}
ul.ticket_list li.dd2{width:80px;text-align:right}
ul.ticket_list li.dd2 input{float:none;margin-bottom:5px}
ul.ticket_list li.dd2 label{float:none;display:inline-block;}
ul.ticket_sum{width:100%;}
ul.ticket_sum_dd{width:100%}
ul.ticket_sum_dd:after{content:"";display:block;clear:both}
ul.ticket_sum_dd li.left{width:60%}
ul.ticket_sum_dd li.right{width:40%}
ul.ticket_sum_dd li.left2{text-align:left;width:50%}
ul.ticket_sum_dd li.right2 {width:100%;text-align:right;padding-right:10px}
ul.ticket_sum_dd li.right2 span.total_bold{display:inline-block;float:unset;width:auto;padding-right:5px}
ul.ticket_info2{width:100%;margin-top:30px}
ul.ticket_info2 li.no3_1_st{width:100%}
ul.step_no3 li.no3_2{width:100%;height:auto}
ul.ticket_info2 li.sec_textarea textarea{width:100%}
ul.ticket_info2 li.sec_check{width:100%}
ul.ticket_info3{width:100%}
ul.ticket_info3 li.ticket_info3_dt{width:100%}
ul.ticket_info3 li.ticket_info3_dd{width:100%}
ul.ticket_info3-2{width:250px;margin-left:auto;margin-right:auto}
.card_info{text-align:center}
}
@media all and (max-width:768px){
span.dat_fonts {font-size: 16px;}
.info2_wrap a {font-size: 13px !important;}
ul.chart_list>li, ul.chart_list>li.chart_on {font-size: 13px;letter-spacing: -0.8px;padding: 5px 0;width:16.5%}
ul.step_no1_1>li.no1_1_st, ul.step_no1_2 li.no1_1_st2{font-size:13px}
ul.step_no1_1 li.no1_1_st{padding:5px 0}
}
@media all and (max-width:480px){
ul.rest_tab{width:auto;}
.onrest-chart_wrap{background:none;background-color:#e9e9e9;box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px inset;height:auto}
ul.chart_list{display:flex}
ul.chart_list>li, ul.chart_list>li.chart_on {font-size: 11px;padding: 5px;letter-spacing:-0.5px;height:auto}
ul.chart_list li.chart_on{background:none;height:auto;background-color:#671816}
ul.chart_list li.chart_left{display:none}
ul.chart_list li{padding:5px}
ul.chart_list li.chart_bul_c { width: 8px;height: 8px;background:none;border-right: 1px solid #2b2b2b;border-bottom: 1px solid #232323;transform: rotate(-45deg);margin-top: 14px; margin-left: 2px;margin-right: 4px;}
ul.chart_list li.chart_bul_c_on2{display:none;}
ul.step_no1_1>li.no1_1_st, ul.step_no1_2 li.no1_1_st2{font-size:11px;letter-spacing: -1.5px;}
}
@media all and (max-width:1024px){
bt.pc{dispay:none}
.onrest_step4 ul.step_no4{width:100%;padding:0;border:none;}
.onrest_step4 ul.step_no4 li.no4_1{margin-right:0;width:100%}
.onrest_step4 ul.ticket_info4{width:100%}
.onrest_step4 ul.ticket_info4 li.no4_1_st{width:100%;}
.onrest_step4 ul.per_info4{width:100%}
.onrest_step4 ul.per_info4 li.per_info4_con_left{height:auto;margin-right:0;float:none;margin-left:auto;margin-right:auto;margin-bottom:15px}
.onrest_step4 ul.per_info4 li.per_info4_con_right{width:100%}
.onrest_step4 ul.per_info4 li.per_info4_con_right ul{width:100%;padding:15px;border:1px solid #ddd}
.onrest_step4 ul.per_info4 li.per_info4_con_right ul li{width:100%}
.onrest_step4 ul.per_info4 table, .onrest_step4 thead, .onrest_step4 tbody, .onrest_step4 th, .onrest_step4 td, .onrest_step4 tr {display: block;}
.onrest_step4 th, .onrest_step4 td { border: none;border-bottom: 1px solid #eee;position: relative;}
.onrest_step4 th:before, .onrest_step4 td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}
.onrest_step4 .per_info4 .con_board02{width:100% !important}
.onrest_step4 .con_board02 th{border-right:none}
.onrest_step4 .con_board02 td{padding:15px 20px;height:auto}
}