@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
th,
td { margin: 0; padding: 0; line-height: normal; } 
table,
img { border-collapse: collapse; border-spacing: 0; } 
table { width: 100%; table-layout: fixed; } 
fieldset,
img { border: none; } 
address,
caption,
cite,
code,
em,
th { font-style: normal; font-weight: normal; } 
ol,
ul,li { list-style: none; } 
caption,
th { text-align: left; } 
abbr,
acronym { border: 0; } 
img,
li,
dt,
dd,
input,
select { vertical-align: top; } 
input,
select { display : block; width : 100%; font-family:"Pretendard", 'Malgun Gothic', '맑은고딕', '돋움', dotum, Helvetica, sans-serif; font-size: 16px; -moz-appearance:none; -webkit-appearance:none; appearance:none; padding : 0 10px; border-radius : 5px; border : 1px solid #e5e5e5; color : #7c89a5;  height : 45px; line-height : 45px } 
select { background : url('/resource/common_adm/img/cms/ic_select.png') no-repeat right 10px center; padding-right : 25px } 
img { display : inline-block; vertical-align: middle; } 
hr { display: none; } 
a { text-decoration: none; color: #111; transition: all.4s ease; } 
a:hover { text-decoration: none; } 
label,
button { cursor: pointer; border: none; background: transparent; padding: 0; margin: 0; font-family: "Pretendard", 'Malgun Gothic', '맑은고딕', '돋움', dotum, Helvetica, sans-serif; font-size: 18px; border : none; } 
textarea { display : block; width : 100%; font-family: "Pretendard", 'Malgun Gothic', '맑은고딕', '돋움', dotum, Helvetica, sans-serif; font-size: 18px; line-height: normal; min-height : 100px } 
input,
textarea,
select { border: 1px solid #ddd; box-sizing: border-box; background-color: transparent; } 
input[type="radio"],
input[type="checkbox"] { display : inline-block; width : inherit; height : inherit; margin-right : 5px !important; appearance: auto;  -moz-appearance:auto; -webkit-appearance:auto;  }
caption { display : none }

#wrapper {width:100%; height:100%; padding-bottom : 120px; }
#headerWrap {position:relative; width:100%; display:block; height:143px; background-color:#fff;}
#container {width:100%; display:block; overflow:hidden;  z-index:1; padding:0  !important;}
#footer { position : fixed; bottom : 0; left : 0; width:100%; height:120px; display:block; border-top:1px solid #bdccdb; background:url(../images/reserve/footer_bg.gif) repeat; z-index : 9999 }



/*header*/
.header_top {position:relative; width:100%; height:83px; background:#e8385d;}
.header_top h1 {position:absolute; top:25px; left:35px;}
.header_top h1 .tit {float:left; font-size:28px; line-height:normal; color:#fff; font-family:'aritaB';}
.header_top h1 .stit {float:left; font-size:16px; line-height:normal; color:#fdbdcb; padding:9px 0 0 5px; font-family:'aritaSB';}
.header_top .top_util {position:absolute; top:25px; left:350px;}
.header_top .top_util ul {float:left; margin-top:5px;}
.header_top .top_util ul li {float:left; padding:0 10px; background:url(../images/reserve/top_menu_line.png) no-repeat left 2px;}
.header_top .top_util ul li:first-child {background:none;}
.header_top .top_util ul li a {font-size:14px; color:#fce3e8; line-height:normal;}
.header_top .top_util .btn_foreign {margin-left:3px; width:83px; height:33px; background:#26415a; border-radius:3px; font-size:14px; line-height:33px; color:#fce3e8; text-align:center; text-decoration:none;}
.header_top .btn_close {position:absolute; top:0; right:0; width:67px; height:83px; border-left:1px solid #cf2a4d; background:url(../images/reserve/icon_close.png) no-repeat center center; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
.top_cate {position:relative; width:100%; height:60px;}
.top_cate li {position:relative; float:left; width:20%; height:60px; background:#26415a url(../images/reserve/top_cate_off_line.gif) repeat-x center top; text-align : center}
.top_cate li.on {background:#e8385d url(../images/reserve/top_cate_on_line.gif) repeat-x center top;}
.top_cate li span.txt {width:100%; height:60px; font-size:15px; color:#fff; text-align:center; line-height:60px;}
.top_cate li span.arrow {position:absolute; top:0; right:-17px; width:17px; height:60px; background:url(../images/reserve/top_cate_off.png) no-repeat;}
.top_cate li.on span.arrow {position:absolute; top:0; right:-17px; width:17px; height:60px; background:url(../images/reserve/top_cate_on.png) no-repeat;}
.top_cate li.c01 {z-index:10; }
.top_cate li.c02 {z-index:9;}
.top_cate li.c03 {z-index:8;}
.top_cate li.c04 {z-index:7;}
.top_cate li.c05 {z-index:6;}

/*공연선택*/
.con_choice_wrap {position:relative; width:100%; height:100%;}
.con_choice_wrap .con_choice {float:left; width:55%; height:100%; border-right:1px solid #e3e6e8; box-sizing:border-box;}
.con_choice_wrap .date_choice {float:left; width:17%;  border-right:1px solid #e3e6e8; box-sizing:border-box;}
.con_choice_wrap .turn_choice {float:left; width:28%;}
.con_choice_wrap .tit_box {width:100%; height:57px; border-bottom:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}
.con_choice_wrap div:last-child .tit_box {background-image:none;} 

/*패키지공연확인*/
.top_package_cate {position:relative; width:100%; height:60px;}
.top_package_cate li {position:relative; float:left; width:33.333%; height:60px; background:#26415a url(../images/reserve/top_cate_off_line.gif) repeat-x center top;}
.top_package_cate li.on {background:#e8385d url(../images/reserve/top_cate_on_line.gif) repeat-x center top;}
.top_package_cate li span.txt { display : block; width:100%; height:60px; font-size:15px; color:#fff; text-align:center; line-height:60px;}
.top_package_cate li span.arrow {position:absolute; top:0; right:-17px; width:17px; height:60px; background:url(../images/reserve/top_cate_off.png) no-repeat;}
.top_package_cate li.on span.arrow {position:absolute; top:0; right:-17px; width:17px; height:60px; background:url(../images/reserve/top_cate_on.png) no-repeat;}
.top_package_cate li.c01 {z-index:10;}
.top_package_cate li.c02 {z-index:9;}
.top_package_cate li.c03 {z-index:8;}
.top_package_cate li.c04 {z-index:7;}

.turn_prfm_choice .inner .turn_list > li.on .date {color:#0f4d86;}
.turn_prfm_choice .inner .turn_list > li .date {font-size: 16px;color: #666;line-height: normal; text-align: center; margin-top: 10px;font-weight: 600;}
.con_choice_wrap .turn_prfm_choice {float:left; width:45%;}
.turn_prfm_choice .inner {padding:0 30px; overflow-y:auto; height:534px;}
.turn_prfm_choice .inner .turn_list {position:relative;}
.turn_prfm_choice .inner .turn_list > li {height: 70px;border-bottom: 1px solid #ebedef;border-top: 1px solid #fff;border-left: 1px solid #fff; border-right: 1px solid #fff;}
.turn_prfm_choice .inner .turn_list > li span {float:left; width:33.3%; font-size:15px; color:#666; line-height:normal; background:url(../images/reserve/li_line.png) no-repeat left center; text-align:center; margin:19px 0;}
.turn_prfm_choice .inner .turn_list > li span.w100 {width:100%;}
.turn_prfm_choice .inner .turn_list > li span:first-child {background:none;}
.turn_prfm_choice .inner .turn_list > li.on {background:#f3f6f8; border:1px solid #c5d2df;}
.turn_prfm_choice .inner .turn_list > li.on span {color:#0f4d86;}
.turn_prfm_choice .inner .turn_list > li.noData {border:0px;}

.seat_box {width:100%; border-top:1px solid #595959; border-bottom:1px solid #595959; background:#fafafa;     position: relative;}
.seat_box  .seatCnt  { position: absolute;font-size: 16px; font-family: 'aritaSB';    left: 20px; top: 0; line-height: 60px; }
.seat_box p  { padding: 10px 0;text-align: right;  height: 40px;}
.choiceSeat { display : flex; }
.choiceSeat * { font-size : 15px !important }
.choiceSeat > div { display : inline-flex; flex-basis : 50%; align-items : center; padding : 10px }
.choiceSeat span { display : flex;  align-items : center; margin-left : 5px }
.choiceSeat span input { height : 22px }
.choiceSeat select { width : 220px !important; margin-left : 10px }
#option_down { border-top : 1px solid #ccc; height : 19px }

.seat_box .quantity {display:inline-block; vertical-align:top; width:80px;}
.seat_box .quantity .up { top:0; left:50px; cursor:pointer; }
.seat_box .quantity .down {    margin-top: -17px; cursor: pointer;}
.seat_box .btn_add {float:right; width:88px; height:33px; color:#4589b5; border:1px solid #62a7d4; border-radius:3px; padding-left:20px; background:#fff url(../images/reserve/icon_plus.png) no-repeat 10px center;}

 
 .con_choice_wrap .title { margin-bottom : 0 !important }
.con_choice .con_list {width:100%; overflow-y:auto; height:534px;}
.con_choice .con_list li {height:150px; border-bottom:1px solid #ebedef; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; cursor: pointer;}
.con_choice .con_list li .img {float:left; position:relative; margin:28px 0 0 60px; width:92px; height:92px; border:1px solid #e3e6e8; overflow:hidden; border-radius:50%;}
.con_choice .con_list li .img img { position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%);width:100%; height:auto;}
.con_choice .con_list li .cont {float:left; width:415px; height:94px; margin:28px 0 0 20px; display:table;}
.con_choice .con_list li .cont .inner {display:table-cell; vertical-align:middle;}
.con_choice .con_list li .cont .inner .date {font-size:14px; color:#666; line-height:normal;}
.con_choice .con_list li .cont .inner .title {font-size:19px; color:#666; line-height:24px; margin-top:8px;}
.con_choice .con_list li.on {background:#f3f6f8 url(../images/reserve/icon_con_sel.png) no-repeat 95% center; height:150px; border:1px solid #c5d2df;}
.con_choice .con_list li.on .cont .inner .date {color:#0f4d86;}
.con_choice .con_list li.on .cont .inner .title {color:#0f4d86;}

.con_choice .con_list li .cont .inner .pass {font-size: 20px; color: #e8385d; line-height: 10px; font-weight: bold;}
.con_choice .con_list li.on .cont .inner .pass {color:#0f4d86;}

.date_choice .no_data {height: 520px;}

.date_choice .inner {padding:0 30px; overflow-y:auto; height:534px;}
.date_choice .inner .date_year {text-align:center; font-size:15px; line-height:normal; color:#525252; margin-top:30px;}
.date_choice .inner .control_date {text-align:center; overflow:hidden; margin-top:5px;}
.date_choice .inner .control_date .date_month {display:inline-block; overflow:hidden; font-size:38px; font-family:'aritaB'; line-height:normal; color:#525252;}
.date_choice .inner .control_date button {position:relative; display:inline-block; vertical-align:top;  margin:8px 5px; width:22px; height:22px; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
.date_choice .inner .control_date button.btn_prev {background:url(../images/reserve/icon_date_prev.png) no-repeat center center;}
.date_choice .inner .control_date button.btn_next {background:url(../images/reserve/icon_date_next.png) no-repeat center center;}
.date_choice .inner .choice_day {position:relative; border-top:1px solid #9b9c9d; border-bottom:1px solid #9b9c9d; margin-top:10px; margin-bottom:30px;}
.date_choice .inner .choice_day li {text-align:center; padding:20px 0; font-size:14px; line-height:normal; color:#666666; border-top:1px solid #ebedef; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; cursor : pointer }
.date_choice .inner .choice_day li.on {background:#f3f6f8; border:1px solid #c5d2df; color:#0f4d86;}
.date_choice .inner .choice_day li:first-child {border-top:0;}
.date_choice .inner ul {position:relative;}
.date_choice .inner ul > li.noData {height: 53px; font-size: 15px; color: #666; line-height: normal;text-align: center; margin: 19px 0;}

.turn_choice .inner {padding:0 30px; overflow-y:auto; height:534px;}
.turn_choice .inner .turn_list {position:relative;}
.turn_choice .inner .turn_list > li {height:53px; border-bottom:1px solid #ebedef; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;  cursor: pointer; }
.turn_choice .inner .turn_list > li span {float:left; width:33.3%; font-size:15px; color:#666; line-height:normal; background:url(../images/reserve/li_line.png) no-repeat left center; text-align:center; margin:19px 0;}
.turn_choice .inner .turn_list > li span.w100 {width:100%;}
.turn_choice .inner .turn_list > li span:first-child {background:none;}
.turn_choice .inner .turn_list > li.on {background:#f3f6f8; border:1px solid #c5d2df;}
.turn_choice .inner .turn_list > li.on span {color:#0f4d86;}
.turn_choice .inner .turn_list > li.noData {border:0px;}

/*좌석선택*/
.seat_choice_wrap {position:relative; width:100%; height:100% }
.seat_choice_wrap .seat_info {float:left; width:21.7%;  border-right:1px solid #e3e6e8; box-sizing:border-box;}
.seat_choice_wrap .seat_choice {position:relative; float:left; width:78.3%; height:100%; background:#f7f8f8;}
.seat_choice_wrap .tit_box {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}
.seat_choice_wrap .tit_box2 {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; border-top:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}
.seat_choice_wrap .tit_box .btn_refresh {position:absolute; top:0; right:0; width:45px; height:57px; border-left:1px solid #e3e6e8;  border-right:1px solid #e3e6e8; background:#eff1f2 url(../images/reserve/icon_refresh.png) no-repeat center center; text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}

.seat_info .sel_seat_list {width:100%; overflow-y:auto; height:247px;}
.seat_info .sel_seat_list li {overflow:hidden; height:52px; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center bottom;}
.seat_info .sel_seat_list li p {font-size:14px; color:#333; line-height:18px; margin:16px 20px 16px 35px; padding-left:25px;}
.seat_info .sel_seat_list li p.seat_s {background:url(../images/reserve/icon_seat_s.gif) no-repeat left center;}
.seat_info .sel_seat_list li p.seat_a {background:url(../images/reserve/icon_seat_a.gif) no-repeat left center;}
.seat_info .sel_seat_list li p.seat_b {background:url(../images/reserve/icon_seat_b.gif) no-repeat left center;}
.seat_info .sel_seat_list li.noChoice {background:none;}
.seat_info .sel_seat_list li.noChoice p {text-align:center; padding:0px;}

.seat_info .seat_info_txt {width:100%; height:228px; overflow:hidden;}
.seat_info .seat_info_txt ul {margin:20px 30px;}
.seat_info .seat_info_txt ul li {padding:0 0 0 25px; margin-bottom:10px; font-size:14px; line-height:20px; color:#666;}
.seat_info .seat_info_txt ul li.s01 {background:url(../images/reserve/icon_seat_s.gif) no-repeat left 1px;}
.seat_info .seat_info_txt ul li.s02 {background:url(../images/reserve/icon_seat_a.gif) no-repeat left 1px;}
.seat_info .seat_info_txt ul li.s03 {background:url(../images/reserve/icon_seat_b.gif) no-repeat left 1px;}
.seat_info .seat_info_txt ul li.s04 {background:url(../images/reserve/icon_seat_end.gif) no-repeat left 1px;}
.seat_info .seat_info_txt ul li.s05 {background:url(../images/reserve/icon_seat_wheel.png) no-repeat left center;}
.seat_info .seat_info_txt ul li.s06 {background:url(../images/reserve/icon_seat_e.gif) no-repeat left 1px;}

.seat_choice_wrap .seat_choice .btn_zoom {position:absolute; top:20px; right:20px; width:43px; z-index:100;}
.seat_choice_wrap .seat_choice .btn_zoom .zoomin {width:41px; height:43px; border:1px solid #d2d7db; background:#fff url(../images/reserve/icon_zoomin.png) no-repeat center center;  text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
.seat_choice_wrap .seat_choice .btn_zoom .zoomin:hover {border:1px solid #8ea1b2}
.seat_choice_wrap .seat_choice .btn_zoom .zoomout {width:41px; height:43px; border:1px solid #d2d7db; background:#fff url(../images/reserve/icon_zoomout.png) no-repeat center center;  text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
.seat_choice_wrap .seat_choice .btn_zoom .zoomout:hover {border:1px solid #8ea1b2}

/*할인율적용*/
.discount_wrap {position:relative; width:100%; height:100%;}
.discount_wrap .discount_line {float:left; width:78.3%;  border-right:1px solid #e3e6e8; box-sizing:border-box; overflow-y:auto; height:592px;}
.discount_wrap .reserve_detail {float:left; width:21.7%; height:100%;}
.discount_wrap .reserve_detail .tit_box {background-image:none;}
.discount_wrap .tit_box {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}
.discount_wrap .tit_box2 {position:relative; width:100%; height:0px; border-bottom:1px solid #e3e6e8; border-top:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}


.discount_wrap .discount_line .reserve_p {padding:35px 60px;}

.discount_wrap .discount_line .reserve_point {padding:45px 0; text-align:center;}
.discount_wrap .discount_line .reserve_point .point {display:inline-block;font-size:18px; line-height:24px;}
.discount_wrap .discount_line .reserve_point .point .tit {color:#333; padding-left:28px; background:url(../images/sub/icon_point.png) no-repeat left center;}
.discount_wrap .discount_line .reserve_point .point .red {font-size:26px; font-family:'aritaSB';color:#e8385d;}
.discount_wrap .discount_line .reserve_point .point2 {display:inline-block; font-size:18px; line-height:24px; color:#333;}

.discount_wrap .discount_line .discount_info {padding:35px 60px;}
.discount_wrap .discount_line .discount_info .info_box {background:#f6f6f6; border:1px solid #e8e8e8; padding:45px;}
.discount_wrap .discount_line .discount_info .info_box .caution {font-size:15px; color:#e8385d; line-height:20px;}
.discount_wrap .discount_line .discount_info .info_box .tit {font-size:22px; color:#333; line-height:normal; padding-bottom:15px; background:url(../images/reserve/caution_tit_line.png) no-repeat left bottom;}
.discount_wrap .discount_line .discount_info .info_box ul {position:relative; margin-top:15px;}
.discount_wrap .discount_line .discount_info .info_box ul li {font-size:14px; color:#666; line-height:20px; margin:7px 0;}

.discount_wrap .reserve_detail .reserve_detail_inner {padding:38px 25px; overflow-y:auto; height:458px;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box {border-top:1px solid #9b9c9d; border-bottom:1px solid #9b9c9d;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li {padding:10px 0 15px 0; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center top;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li:first-child {background:none;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li.seat .total {padding:10px 5px 5px 5px; font-size:14px; color:#888; line-height:20px;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li.seat .detail {padding:0 5px 5px 5px;font-size:18px; color:#333; line-height:24px;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li.price p {padding:5px 5px 5px 5px; font-size:15px; color:#333; line-height:20px;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li.price p .tit {width:55%;}
.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li.price p .txt {width:42%; text-align:right;}
.discount_wrap .reserve_detail .reserve_detail_inner .total_p {position:relative; padding:20px 5px;}
.discount_wrap .reserve_detail .reserve_detail_inner .total_p .tit {font-size:14px; color:#888; line-height:20px; padding:5px 0;}
.discount_wrap .reserve_detail .reserve_detail_inner .total_p .money {font-size:15px; color:#333; line-height:normal; font-family:'aritaSB';}
.discount_wrap .reserve_detail .reserve_detail_inner .total_p .money span {font-size:40px; color:#e8385d;}

/*결제하기*/
.payment_wrap {position:relative; width:100%; height:100%;}
.payment_wrap .payment_line {float:left; width:76.3%;  border-right:1px solid #e3e6e8; box-sizing:border-box; overflow-y:auto; height:592px;}
.payment_wrap .payment_detail {float:left; width:23.7%; height:100%;}
.payment_wrap .payment_detail .tit_box {background-image:none;}
.payment_wrap .tit_box {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a; display:table;}
.payment_wrap .tit_box span {display:table-cell; vertical-align: middle; line-height: 1.3em; padding: 0 20px;}
.payment_wrap .tit_box2 {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; border-top:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}

.payment_wrap .payment_line .provision_box {padding:35px 60px;}
.payment_wrap .payment_line .provision_box h4 { font-size : 20px; margin-bottom : 10px } 
.payment_wrap .payment_line .provision_box .provision {width:100%; border:1px solid #e1e1e1; height:270px; background:#fafafa; overflow-y:auto;}
.payment_wrap .payment_line .provision_box .provision > p {padding:30px; font-size:12px; color:#666666; line-height:26px; text-align:left;}
.payment_wrap .payment_line .provision_box .provision_apply {padding:25px 0; text-align:center;}

.payment_wrap .payment_line .reserve_check {padding:35px 60px;}

.payment_wrap .payment_line .payment_method {padding:35px 60px;}
.payment_wrap .payment_line .payment_method .p_sel_box {width:100%; background:#f5f7f8; border-top:1px solid #e1e1e1; padding:35px 0; text-align:center;}

.payment_wrap .payment_detail .payment_detail_inner {padding:20px 20px; overflow-y:auto; height:454px;}
.payment_wrap .payment_detail .payment_detail_inner .payment_detail_box {background:url(../images/reserve/sel_seat_list_line.png) repeat-x center bottom; padding-bottom:5px;}
.payment_wrap .payment_detail .payment_detail_inner .payment_detail_box li {padding-left:10px; font-size:14px; color:#666; line-height:16px; background:url(../images/reserve/icon_dot.png) no-repeat left 5px; margin-bottom:10px;}
.payment_wrap .payment_detail .payment_detail_inner .cancel_apply {padding:20px 0; text-align:center;}
.payment_wrap .payment_detail .payment_detail_inner .cancel_apply label {margin:0 5px 0 0; font-size:14px; color:#333;}
.payment_wrap .payment_select {display:none;}
.payment_wrap .payment_select .payment_select_inner {padding:20px 20px; overflow-y:auto; height:454px;}

/*예약완료*/
.res_complete_wrap {position:relative; width:100%; height:100%;}
.res_complete_wrap .tit_box {position:relative; width:100%; height:57px; background:#f7f8f8; border-bottom:1px solid #e3e6e8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}

.res_complete_wrap .ticket_wrap {width:100%; height:300px;}
.res_complete_wrap .ticket_wrap .ticket_box {position:relative; width:970px; height:288px; margin:0 auto; margin-top:80px; background:url(../images/reserve/ticket_bg.png) no-repeat;}
.res_complete_wrap .ticket_wrap .ticket_box .res_num {position:absolute; top:85px; left:35px; width:220px; height:32px; background:#fff; font-size:14px; color:#333; line-height:32px; text-align:center; border:1px solid #435f77; border-radius:3px;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont {position:absolute; top:11px; right:12px; width:664px; height:266px; background:#fff; border-radius:6px;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner {padding:13px 25px;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .title_box {padding:10px 20px;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .title_box .tit {font-size:20px; line-height:normal; color:#2c679d; margin-right:10px;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .title_box .txt {font-size:24px; line-height:normal; color:#2c679d;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 {background:#e1ebf5; border:1px solid #cbd9e4; padding:13px 20px; overflow:hidden;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 li {float:left;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 li .tit {font-size:14px; color:#44484b; font-family:'aritaSB'; line-height:normal; padding-left:7px; margin-right:5px; background:url(../images/reserve/icon_dot2.png) no-repeat left 5px;} 
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 li .cont {font-size:14px; color:#44484b; line-height:normal;} 
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 .c01 {width:60%;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 .c02 {width:40%;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 {overflow:hidden;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li {float:left; padding:13px 0; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center top;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li.none {background:none;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li .tit {font-size:13px; color:#333333; width:100px; font-family:'aritaSB'; line-height:normal; padding-right:7px; margin-right:5px; background:url(../images/reserve/res_com_li_line.png) no-repeat right 2px;} 
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li .cont {font-size:13px; color:#555555; line-height:normal;} 
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 .c01 {width:60%;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 .c02 {width:40%;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 .c03 {width:100%;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .caution {padding:10px 20px; background:#afacac; border-radius:4px;}
.res_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .caution span {font-size:12px; line-height:normal; color:#fff;}

/*패키지예약완료*/
.package_complete_wrap {position:relative; width:100%; height:100%;}
.package_complete_wrap .tit_box {position:relative; width:100%; height:57px; background:#f7f8f8; border-bottom:1px solid #e3e6e8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}

.package_complete_wrap .ticket_wrap {width:100%; height:300px;}
.package_complete_wrap .ticket_wrap .ticket_box {position:relative; width:970px; height:288px; margin:0 auto; margin-top:80px; background:url(../images/reserve/ticket2.png) no-repeat;}
.package_complete_wrap .ticket_wrap .ticket_box .res_num {position:absolute; top:85px; left:35px; width:220px; height:32px; background:#fff; font-size:14px; color:#333; line-height:32px; text-align:center; border:1px solid #435f77; border-radius:3px;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont {position:absolute; top:11px; right:12px; width:664px; height:266px; background:#fff; border-radius:6px;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner {padding:13px 25px;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .title_box {padding:10px 20px;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .title_box .tit {font-size:20px; line-height:normal; color:#2c679d; margin-right:10px;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .title_box .txt {font-size:24px; line-height:normal; color:#2c679d;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 {background:#e1ebf5; border:1px solid #cbd9e4; padding:13px 20px; overflow:hidden;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 li {float:left;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 li .tit {font-size:14px; color:#44484b; font-family:'aritaSB'; line-height:normal; padding-left:7px; margin-right:5px; background:url(../images/reserve/icon_dot2.png) no-repeat left 5px;} 
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 li .cont {font-size:14px; color:#44484b; line-height:normal;} 
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 .c01 {width:60%;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box01 .c02 {width:40%;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 {overflow:hidden;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li {float:left; padding:13px 0; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center top;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li.none {background:none;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li .tit {font-size:13px; color:#333333; width:100px; font-family:'aritaSB'; line-height:normal; padding-right:7px; margin-right:5px; background:url(../images/reserve/res_com_li_line.png) no-repeat right 2px;} 
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 li .cont {font-size:13px; color:#555555; line-height:normal;} 
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 .c01 {width:60%;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 .c02 {width:40%;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .cont_box02 .c03 {width:100%;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .caution {padding:10px 20px; background:#afacac; border-radius:4px;}
.package_complete_wrap .ticket_wrap .ticket_box .res_cont .inner .caution span {font-size:12px; line-height:normal; color:#fff;}

/*board style*/
.resListA {width:100%;  border-top:2px solid #595959;  border-bottom:1px solid #595959; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.resListA thead tr th {padding:21px 0 18px; font-family:'aritaSB'; color:#333; font-size:15px; line-height:20px; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; background:#fafafa;}
.resListA tbody tr td {padding:21px 0 18px; color:#666; font-size:15px; line-height:20px; vertical-align:middle; border-top:1px solid #e1e1e1; text-align:center;} 
.resListA tbody tr td a {color:#666;}
.resListA tbody tr:first-child td{border-top:1px solid #e1e1e1;}
.resListA tbody tr td.total_p {text-align:right; font-size:18px; color:#2c679d; font-family:'aritaSB'; background:#f3f6f8; padding:25px 25px;}

/*form style*/
.select_st_r {width:175px; height:38px; font-size:14px; color:#666; line-height:38px; border:1px solid #cdcdcd; padding:0 0 0 .5em; font-family:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: #fff url(../images/sub/concert_day_sel_arrow.png) no-repeat right 8px center;}
.input_st_r {width:200px; height:28px; font-size:14px; color:#666; line-height:36px; border:1px solid #cdcdcd; padding:0 .5em; background:#fff;}
.w40 {width:40px !important;}
.w80p {width:80% !important;}
.mr5 {margin-right: 5px;}
.mr20 {margin-right: 20px;}
.textarea_st_r {background-color:#fff; color:#666666; font-size:14px; overflow:auto; line-height:20px; border:1px solid #cdcdcd; resize:none;}
.label_st_r {margin:0 40px 0 5px; font-size:14px; color:#666;}
.label_st_r2 {margin:0 0 0 5px; font-size:14px; color:#666;}
.checkbox_ml10 {margin-left:10px;}

.r_form_st_box {width:100%; border-top:1px solid #595959; border-bottom:1px solid #595959; background:#fafafa;}
.r_form_st_box dl {overflow:hidden; padding:0 30px;}
.r_form_st_box dl dt {position:relative; overflow:hidden; text-align:left; padding:18px 0; font-size:18px; color:#333; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center bottom;}
.r_form_st_box dl dt .tit {float:left; line-height:30px;}
.r_form_st_box dl dd {text-align:left; padding:0 0 15px 0; font-size:14px; color:#666;}
.r_form_st_box dl dd.first {padding-top:20px;}
/* .r_form_st_box dl dd:last-child {padding-bottom:20px;} */
.r_form_st_box dl dd label {font-size:0;}
.r_form_st_box dl dd .quantity {display:inline-block; position:relative; vertical-align:top; overflow:hidden; width:80px;}
.r_form_st_box dl dd .quantity .up {position:absolute; top:0; left:50px; cursor:pointer; }
.r_form_st_box dl dd .quantity .down {position:absolute; top:20px; left:50px; cursor:pointer; }
.r_form_st_box dl dt .btn_add {float:right; width:88px; height:33px; color:#4589b5; border:1px solid #62a7d4; border-radius:3px; padding-left:20px; background:#fff url(../images/reserve/icon_plus.png) no-repeat 10px center;}


.r_form_st_box01 {width:100%; border-top:1px solid #595959; border-bottom:1px solid #595959; background:#fafafa;}
.r_form_st_box01 dl {overflow:hidden; padding:0 30px;}
.r_form_st_box01 dl dt {position:relative; overflow:hidden; text-align:left; padding:18px 0; font-size:18px; color:#333; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center bottom;}
.r_form_st_box01 dl dt .tit {float:left; line-height:30px;}
.r_form_st_box01 dl dd {text-align:left; padding:0 0 15px 0; font-size:14px; color:#666;}
.r_form_st_box01 dl dd.first {padding-top:20px;}
/* .r_form_st_box dl dd:last-child {padding-bottom:20px;} */
.r_form_st_box01 dl dd label {font-size:0;}
.r_form_st_box01 dl dd .quantity {display:inline-block; position:relative; vertical-align:top; overflow:hidden; width:80px;}
.r_form_st_box01 dl dd .quantity .package_up {position:absolute; top:0; left:50px; cursor:pointer; }
.r_form_st_box01 dl dd .quantity .package_down {position:absolute; top:20px; left:50px; cursor:pointer; }
.r_form_st_box01 dl dt .btn_add {float:right; width:88px; height:33px; color:#4589b5; border:1px solid #62a7d4; border-radius:3px; padding-left:20px; background:#fff url(../images/reserve/icon_plus.png) no-repeat 10px center;}
.r_form_st_box01 dl dt .btn_package_add {float:right; width:88px; height:33px; color:#4589b5; border:1px solid #62a7d4; border-radius:3px; padding-left:20px; background:#fff url(../images/reserve/icon_plus.png) no-repeat 10px center;}

.r_form_st_box02 {width:100%; border-top:1px solid #595959; border-bottom:1px solid #595959;}
.r_form_st_box02 dl { display : table; table-layout: fixed; width : 100% }
.r_form_st_box02 dl dt,
.r_form_st_box02 dl dd { display : table-cell; vertical-align: middle;}
.r_form_st_box02 dl:last-child dt {border-bottom:0;}
.r_form_st_box02 dl:last-child dd {border-bottom:0;}
.r_form_st_box02 dl dt { background:#fafafa; text-align:center; padding:10px 0; width:20%; font-size:15px; color:#333; border-bottom:1px solid #e1e1e1;}
.r_form_st_box02 dl dd {text-align:left; padding:10px 0 ; width:80%; border-bottom:1px solid #e1e1e1; font-size:14px; color:#888;}
.r_form_st_box02 dl dd > span { display : block; padding:0 15px; width:100%;}
.r_form_st_box02 dl dd > span.tit {font-size:15px; color:#333333;}
.r_form_st_box02 dl dd > span.txt {padding:12px 15px !important; width:90%; font-size:14px; color:#888;}
.r_form_st_box02 dl dd > span.txt > .point {font-size:18px; color:#2c679d; font-family:'aritaSB'; margin-right:5px;}
.r_form_st_box02 dl dd > span.txt > .caution {font-size:14px; color:#e8385d;}
.r_form_st_box02 dl dd > span > p.total {display:inline; font-size:16px; font-family:'aritaSB'; color:#333; line-height:normal; padding-left:50px;}
.r_form_st_box02 dl dd > span > p.total .red{color:#e8385d;}
.r_form_st_box02 dl dd > span > p.caution {overflow:hidden; color:#2c679d; width:100%; background:url(../images/sub/edu_view_line.png) repeat-x center top; padding:25px 5px 0 5px; margin-top:10px;}
.r_form_st_box02 dl dt.half {float:left; background:#fafafa; text-align:center; padding:27px 0; width:13%; font-size:15px; color:#333; border-bottom:1px solid #e1e1e1;}
.r_form_st_box02 dl dd.half {float:left; text-align:left; padding:15px 0 15px 0; width:37%; border-bottom:1px solid #e1e1e1;}
.r_form_st_box02 dl dd.half span {padding:0 15px; width:90%;}
.r_form_st_box02 dl dd.txt { padding:27px 0;}
.r_form_st_box02 dl dt.w28 {width:28%;}
.r_form_st_box02 dl dd.w28 {width:72%;}
.r_form_st_box02 dl dd span .slash {padding:0 15px;}
.r_form_st_box02 dl dt label .star {color:#e8385d; padding-right:3px;}

.r_form_btn01 {overflow:hidden; width:124px; height:38px; background:#92a2b0; text-align:center; font-size:14px; color:#fff !important; text-decoration:none !important; vertical-align:middle;}


.hp_wrap { display : flex; align-items: center;}
.hp_wrap input,
.hp_wrap select { height : 35px; line-height : 35px; width : 100px !important }


/* board btn */
.btnRight {text-align:right; position:relative;}
.btnCenter {text-align:center;}
.btnLeft {text-align:left;}

.ticket_view_btn01 {display: inline-block;overflow:hidden;width:185px;height:59px;font-size:16px;color:#fff !important;border:1px solid #385064;background:#385064 url(../images/reserve/btn_style01_arrow.png) no-repeat 85% center;line-height:61px;text-align:center;margin:0 2px;text-decoration:none !important;}
.ticket_view_btn02 {overflow:hidden; width:183px; height:59px; font-size:16px; color:#333 !important; border:1px solid #b2b2b2; background:#fff url(../images/reserve/btn_style02_arrow.png) no-repeat 85% center; line-height:61px; text-align:center; margin:0 2px; text-decoration:none !important;}

.prfmFree_view_btn01 {overflow: hidden; width: 150px; height: 50px; font-size: 14px; color: #fff !important; border: 1px solid #e8385d; background: #e8385d url(../images/reserve/btn_style01_arrow.png) no-repeat 95% center; line-height: 53px; text-align: center; margin: 0 2px; text-decoration: none !important;}


/*footer*/
#footer ul {position:relative;}
#footer ul li {float:left; height:120px;}
#footer ul li .inner {width:100%; height:100%; background:url(../images/reserve/foot_li_arrow.png) no-repeat left center; text-align:center; display:table;}
#footer ul li:first-child .inner p.txt {padding:0 35px; font-size:18px; line-height:24px; color:#325e87; display:table-cell; vertical-align:middle; text-align:left;}
#footer ul li:first-child .inner {background:none;}
#footer ul li .inner p.txt {padding:0 25px; font-size:15px; line-height:20px; color:#325e87; display:table-cell; vertical-align:middle; text-align:left;}
#footer ul li .inner p.icon {text-align:center; display:table-cell; vertical-align:middle;}
#footer ul li .inner p.icon span {padding:7px 20px; font-size:14px; line-height:normal; color:#7795ac; background:#f1f6fa; border:1px solid #aabdcc; border-radius:32px; white-space:pre-wrap; }
#footer ul li.t01 {width:260px; background:url(../images/reserve/foot_turn01_bg.gif) no-repeat;}
#footer ul li.t02 {width:150px; background:url(../images/reserve/foot_turn02_bg.gif) no-repeat;}
#footer ul li.t03 {width:150px; background:url(../images/reserve/foot_turn03_bg.gif) no-repeat;}
#footer ul li.t04 {width:170px; background:url(../images/reserve/foot_turn04_bg.gif) no-repeat;}
#footer ul li.t05 {width:472px;}
#footer ul li.t05 .inner p.icon {float:left; margin:45px 0 0 20px;}
#footer ul li.t05 .inner p.icon span {padding:7px 20px; font-size:14px; line-height:normal; color:#2c679d; background:#f1f6fa; border:1px solid #6a92b6; border-radius:32px;}

#footer ul li .inner .btn_box {float:right; margin:27px 15px 0 0;}

.foot_btn01 {overflow:hidden; width:141px; height:63px; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#fff; line-height:57px; padding-right:45px; background:#2c679d url(../images/reserve/icon_foot_right.png) no-repeat right 20px center;}
.foot_btn02 {overflow:hidden; width:141px; height:63px; border:1px solid #6a92b6; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#2c679d; line-height:57px; padding-left:45px; background:#f4f8fb url(../images/reserve/icon_foot_left.png) no-repeat left 20px center;}
.foot_btn03 {overflow:hidden; width:141px; height:63px; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#fff; line-height:57px; padding-left:20px; background:#2c679d url(../images/reserve/icon_foot_home.png) no-repeat left 30px center;}
.foot_btn04 {overflow:hidden; width:141px; height:63px; border:1px solid #6a92b6; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#2c679d; line-height:57px; background:#f4f8fb;}
.foot_btn05 {overflow:hidden; width:141px; height:63px; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#fff; line-height:57px; background:#2c679d;}
.foot_btn06 {overflow:hidden; width:141px; height:63px; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#fff; line-height:57px; background:#ff8040;}
.foot_new {overflow:hidden; width:141px; height:63px; text-align:center; text-decoration:none; margin:2px; font-size:15px; color:#fff; line-height:57px; padding-right:45px; background:#2c679d url(../images/reserve/icon_foot_right.png) no-repeat right 20px center;}



.r_form_st_box02 label { font-size : 15px }
.r_form_st_box02 input { height : 45px; line-height : 45px }
p.txt { padding-left : 20px; margin-top : 10px; text-align : left !important }
.input_flex { display : flex; align-items : center; padding-left : 20px }
.new_hp_wrap select,
.new_hp_wrap input { width : 150px }
.new_hp_wrap i { display : inline-block; padding : 0 5px }
.input_flex b { display : inline-flex; align-items : center }
.input_flex b + b { margin-left : 10px }


@page {
	size: A4;
	margin: 5mm 5mm 5mm 5mm;
}
@media print {
	html, body {
		width: 297mm;
		height: 210mm;
		width:calc(297mm - 1px); /* ... 서브픽셀 해결방법1 ... */
	}
	/* ... the rest of the rules ... */
}

@media (min-width:1200px) {
	#footer .m_btn_box {display:none;}
	#footer ul li .inner .btn_box {display:block !important;}
	#headerWrap .m_top_cate {display:none;}
	.date_choice .m_calendar {display:none;}
	.m_seat_choice_wrap {display:none;}
}

@media (max-width:1199px) and (min-width:1024px) {
	#container {height:441px !important;}

	/*공연선택*/
	.con_choice_wrap .con_choice {width:60% !important;}
	.con_choice .con_list {width:99.85% !important; height:383px !important;}
	.con_choice .con_list li .img {margin:28px 0 0 30px !important;}
	.con_choice_wrap .date_choice {width:15.5% !important;}
	.date_choice .inner {padding:0 15px !important; height:383px !important;}
	.con_choice_wrap .turn_choice {width:24.5% !important;}
	.turn_choice .inner {padding:0 15px !important; height:383px !important;}

	/*좌석선택*/
	.seat_choice_wrap .seat_info {width:25.5% !important;}
	.seat_info .sel_seat_list {height:125px !important;}
	.seat_info .seat_info_txt {height:199px !important;}
	.seat_choice_wrap .seat_choice {width:74.5% !important;}


	
	/*할인율적용*/
	.discount_wrap .discount_line {width:74.7% !important;}
	.discount_wrap .reserve_detail {width:25.3% !important;}
	.discount_wrap .reserve_detail .reserve_detail_inner {height:307px !important;}
	.discount_wrap .discount_line .reserve_p {padding:35px 20px !important;}
	.discount_wrap .discount_line {height:441px !important;}
	.discount_wrap .discount_line .discount_info {padding:35px 20px !important;}

	/*결제하기*/
	.payment_wrap .payment_line {width:74.7% !important; height:441px !important;}
	.payment_wrap .payment_detail {width:25.3% !important;}
	.payment_wrap .payment_detail .payment_detail_inner {height:343px !important;}
	.payment_wrap .payment_line .provision_box {padding:35px 20px !important;}
	.payment_wrap .payment_line .payment_method {padding:35px 20px !important;}

	/*예약완료*/
	.res_complete_wrap .ticket_wrap .ticket_box {margin-top:15px !important;}
	.res_complete_wrap .ticket_wrap .btnCenter {margin-top:10px !important;}


	#footer ul li.t05 {width:296px !important;}
	#footer ul li .inner .btn_box {display:none !important;}

	.m_btn_box {display:block;}
	.m_btn_box .foot_btn01 .foot_new{margin:0 !important; float:left;}
	.m_btn_box .foot_btn02 {margin:0 !important; float:left;}
	.m_btn_box .foot_btn03 {margin:0 !important; float:left;}

	#headerWrap .m_top_cate {display:none;}
	.date_choice .m_calendar {display:none;}
	.m_seat_choice_wrap {display:none;}
}

@media (max-width:1023px) {
	#headerWrap {height:auto;}
	.payment_wrap,
	.discount_wrap,
	#container {height:auto;}
	#wrapper {overflow-y:auto;height:auto;}
	.header_top {height:120px !important;}
	.header_top h1 {width:100%; text-align:center; height:60px !important; position:relative !important; top:0; left:0; border-bottom:1px solid #ad2a48;}
	.header_top h1 .tit {display : block; float:none; padding-top:17px; font-size : 25px }
	.header_top h1 .stit {float:none; padding-top:17px;}
	.header_top .top_util {position:relative !important; top:0; left:0;}
	.header_top .top_util ul {margin-top:22px; margin-left:10px; width:70%;}
	.header_top .top_util .btn_foreign {float:right; margin-top:12px; margin-right:10px;}
	.header_top .btn_close {height:60px; width:60px;}

	.top_cate {display:none;}
	.m_top_cate {position:relative; width:100%; height:60px; background:#26415a; text-align:center; font-size:20px; color:#fff; line-height:60px; font-family:'aritaSB';}
	.m_top_cate .num {position:absolute; top:0; left:0; width:60px; height:60px; text-align:cener; font-size:20px; line-height:60px; color:#fff; background:#3c5c79; font-family:'aritaSB';}

	/*공연선택*/
	.con_choice_wrap .con_choice {float:none; width:100%; background:none;}
	.con_choice_wrap .tit_box {background-image:none;}
	.con_choice .con_list {height:auto; overflow:hidden;}
	.con_choice .con_list li .img {display:none;}
	.con_choice .con_list li .cont {margin-top:0; height:120px; width:80%;}
	.con_choice .con_list li {height:120px;}
	.con_choice .con_list li.on {height:120px;}

	.con_choice_wrap .date_choice {float:none; width:100%; background:none;}
	.date_choice .inner {overflow:hidden; height:auto; display:none;}
	.date_choice .m_calendar {/* padding:20px 10px;  */text-align:center; overflow:hidden;}
	.date_choice .m_calendar p {display:inline-block; width:31%; margin:0 2px;}
	.date_choice .m_calendar p label {display:block; text-align:center; margin-bottom:10px;}
	
	.date_choice .m_calendar ul {position:relative;}
	.date_choice .m_calendar ul > li {height:53px; border-bottom:1px solid #ebedef; border-top:1px solid #fff; }
	.date_choice .m_calendar ul > li span {float:left; width:100%; font-size:15px; color:#666; line-height:normal; background:url(../images/reserve/li_line.png) no-repeat left center; text-align:center; margin:19px 0;}
	.date_choice .m_calendar ul > li span:first-child {background:none;}
	.date_choice .m_calendar ul > li.on {background:#f3f6f8; border:1px solid #c5d2df;}
	.date_choice .m_calendar ul > li.on span {color:#0f4d86;}
	
	.con_choice_wrap .turn_choice {float:none; width:100%;}
	.turn_choice .inner {padding:0; overflow:hidden; height:auto;}
	
	.con_choice_wrap .turn_prfm_choice {float:none; width:100%;}
	.turn_prfm_choice .inner {padding:0; overflow:hidden; height:auto;}
	

	/*좌석선택*/
	.seat_choice_wrap {display:none;}
	.m_seat_choice_wrap {position:relative; width:100%; height:100%;}
	.m_seat_choice_wrap .seat_info {float:none; width:100%;}
	.m_seat_choice_wrap .tit_box {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; background:#f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}
	.m_seat_choice_wrap .tit_box2 {position:relative; width:100%; height:57px; border-bottom:1px solid #e3e6e8; border-top:1px solid #e3e6e8; background: #f7f8f8; text-align:center; font-size:16px; font-family:'aritaSB'; line-height:57px; color:#26415a;}
	.m_seat_choice_wrap .tit_box2 .btn_refresh {position:absolute; top:0; right:0; width:45px; height:57px; border-left:1px solid #e3e6e8; border-right:1px solid #e3e6e8; background:#eff1f2 url(../images/reserve/icon_refresh.png) no-repeat center center; text-indent: -99999px;}    
	.m_seat_choice_wrap .seat_info .sel_seat_list {width:100%; overflow:hidden;  height:auto;}
	.m_seat_choice_wrap .seat_info .sel_seat_list li {overflow:hidden; height:52px; background:url(../images/reserve/sel_seat_list_line.png) repeat-x center bottom;}
	.m_seat_choice_wrap .seat_info .seat_info_txt {width:100%; height:auto; overflow:hidden;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul {margin:25px 30px 15px 30px; overflow:hidden;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li {float:left; width:33%; padding:0; margin:0;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li span {padding:0 0 0 25px; margin-bottom:15px; font-size:14px; line-height:22px; color:#666; text-align:left;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li span.s01 {background:url(../images/reserve/icon_seat_s.gif) no-repeat left 1px;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li span.s02 {background:url(../images/reserve/icon_seat_a.gif) no-repeat left 1px;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li span.s03 {background:url(../images/reserve/icon_seat_b.gif) no-repeat left 1px;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li span.s04 {background:url(../images/reserve/icon_seat_end.gif) no-repeat left 1px;}
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li span.s05 {background:url(../images/reserve/icon_seat_wheel.png) no-repeat left 1px;}
	.m_seat_choice_wrap .seat_choice {position:relative; width:100%; background: #fff; height:300px;}
	.m_seat_choice_wrap .seat_choice .btn_zoom {position:absolute; top:20px; right:20px; width:43px; z-index:100;}
	.m_seat_choice_wrap .seat_choice .btn_zoom .zoomin {width:41px; height:43px; border:1px solid #d2d7db; background:#fff url(../images/reserve/icon_zoomin.png) no-repeat center center;  text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
	.m_seat_choice_wrap .seat_choice .btn_zoom .zoomin:hover {border:1px solid #8ea1b2}
	.m_seat_choice_wrap .seat_choice .btn_zoom .zoomout {width:41px; height:43px; border:1px solid #d2d7db; background:#fff url(../images/reserve/icon_zoomout.png) no-repeat center center;  text-indent:-99999px; text-indent:0; font-size:0; line-height:0;}
	.m_seat_choice_wrap .seat_choice .btn_zoom .zoomout:hover {border:1px solid #8ea1b2}

	/*할인율적용*/
	.discount_wrap .discount_line {float:none; width:100%; background:none; overflow:hidden; height:auto;}
	.discount_wrap .discount_line .reserve_p {padding:35px 20px;}
	.discount_wrap .discount_line .discount_info {padding:35px 20px;}
	.discount_wrap .reserve_detail {float:none; width:100%; height:auto;}
	.discount_wrap .reserve_detail .tit_box {border-top:1px solid #e3e6e8;}
	.discount_wrap .reserve_detail .reserve_detail_inner {overflow:hidden; height:auto; background:#ebf0f3; padding:20px;}
	.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box {float:left; width:50%; border:0;}
	.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li {margin:0 20px;}
	.discount_wrap .reserve_detail .reserve_detail_inner .total_p {float:left; width:49.5%; height:200px; padding:20px 0; border-left:1px solid #c1cacf;}
	.discount_wrap .reserve_detail .reserve_detail_inner .total_p .tit {padding:5px 20px;}
	.discount_wrap .reserve_detail .reserve_detail_inner .total_p .money{padding:0 20px;}

	/*결제하기*/
	.payment_wrap .payment_line {float:none; width:100%; height : auto }
	.payment_wrap .payment_line .provision_box {padding:35px 20px;}
	.payment_wrap .payment_line .reserve_check {padding:35px 20px;}
	.payment_wrap .payment_line .payment_method {padding:35px 20px;}
	.payment_wrap .payment_detail {width:100%; float:none; height : auto}
	.payment_wrap .payment_detail .payment_detail_inner {overflow:hidden; height:auto;}
	.payment_wrap .payment_select {width:100%; float:none; display:block;}
	.payment_wrap .payment_select .payment_select_inner {overflow:hidden; height:auto; text-align:center;}
	.r_form_st_box02 dl dt {float:none; width:100%; text-align:left; padding: 22px 0 !important;}
	.r_form_st_box02 dl dt label {margin-left:20px;}
	.r_form_st_box02 dl dt .tit {margin-left:20px;}
	.r_form_st_box02 dl dd {float:none; width:100%; text-align:center;}

	/*예약완료*/
	.res_complete_wrap .ticket_wrap .btnCenter {display:none;}
	.res_complete_wrap .ticket_wrap {height:450px !important; width:100% !important; overflow-x:auto;}
	.payment_wrap .payment_detail .tit_box {border-top:1px solid #e3e6e8;}


	#footer {height:auto; background:none; border:0;}
	#footer ul {display:none;}
	#footer .m_btn_box {display:block;}
	#footer .m_btn_box button { display : block; margin : 0; float : left }
	
	
	.r_form_st_box02 dl dt { width : auto !important }
	
	.new_st_box dl { display : flex; flex-wrap : wrap }
	.new_st_box dl dt,
	.new_st_box dl dd { padding : 10px !important }
	.new_st_box dl dt { width : 180px !important; flex-shrink : 0 }
	.new_st_box dd { width : calc(100% - 220px) !important }
}

@media ( max-width : 800px ){
	.choiceSeat { flex-wrap : wrap }
	.choiceSeat > div { flex-basis : 100% }
	
	
	.new_st_box dl dt { width : 100% !important; flex-shrink : inherit }
	.new_st_box dd { width : 100% !important }
}


@media ( max-width : 700px ){
	.new_r_form dl,
	.new_r_form dl dt,
	.new_r_form dl dd { display : block; width : 100% }
	.new_r_form dl dd > span { display : block; width : 100%; text-align : left !important }
	.new_r_form dl dt { padding : 15px 0 !important }
	.form_wrap { display : flex; align-items : center }
	.r_form_st_box02 dl dd.email .form_wrap span,
	.r_form_st_box02 dl dd.hp .form_wrap span {width : auto !important; margin : 0 }
}


@media (max-width:560px) {
	/*좌석선택*/
	.m_seat_choice_wrap .seat_info .seat_info_txt ul li {width:50% !important;}

	/*할인율적용*/
	.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box {float:left; width:100%; border:0;}
	.discount_wrap .reserve_detail .reserve_detail_inner .total_p {float:left; width:100%; height:auto; padding:20px 0; border-left:0px; border-top:1px solid #c1cacf;}
	.discount_wrap .reserve_detail .reserve_detail_inner .reserve_detail_box li {margin:0;}
	.discount_wrap .discount_line .reserve_point .point2 {margin-left:0 !important;}
	.discount_wrap .discount_line .reserve_point .point {margin-bottom:6px !important;}
	.discount_wrap .discount_line .reserve_p .r_form_st_box select {width:100% !important; margin-bottom:3px;}

	/*결제하기*/
	.r_form_st_box02 dl dd input {margin:2px 0;}
	.r_form_st_box02 dl dd.email span {width:100% !important; padding:0 !important; text-align:center;}
	.r_form_st_box02 dl dd.email span .txt {width:100% !important; padding:0 !important; text-align:center; margin-bottom:10px;}
	.r_form_st_box02 dl dd.hp span {width:100% !important; padding:0 !important; text-align:center;}
	.r_form_st_box02 dl dd.hp span .txt {width:100% !important; padding:0 !important; text-align:center; margin-bottom:10px;}
	.r_form_st_box02 dl dd > span.txt > .caution {margin-left:0 !important;}
	
	
.seat_box  p  { padding: 48px 0 65px 69px;text-align: center;}

.seat_box .quantity {display: inline-flex; }
.seat_box .quantity .down {    margin-top: 0px; }

}

@media (max-width:360px) {
	.header_top .top_util ul li a {font-size:12px;}
	.header_top .top_util .btn_foreign {width:66px;}

	/*할인율적용*/
	.discount_wrap .discount_line .reserve_point .point2 input {width:100px !important;}
	
}