@charset "utf-8"; 
.content {padding-bottom:10px;}

.su_tbx{
	position:relative;
	top: auto;
    z-index: 9999;
    background: #fff;}
.su_tbx > div{position:relative;}
.su_tbx > div > h3{font-size:20px;color:#323232;padding:15px 0;text-align:center;}
.su_tbx > div > .clo{display:block;position:absolute;top:15px;right:0;padding:2px 11px; font-size:13px;color:#6e6e6e; border: 1px solid #a9a9a9;border-radius:3px;}
.su_tbx > div > .bck{position:absolute;top:15px;left:2%;}

.bk_gbg{background:#f1f1ef;}

.pbk_st1{padding:15px 0;border-bottom:1px solid #ddd;}
.pbk_st1 > p{font-size:13px;color:#787878;line-height:20px;margin-top:7px;}
.pbk_st1 > p:first-child{margin-top:0;}
.pbk_st1 > p.oc{font-size:15px;color:#A43F8B;}

.dbk_st1{padding:14px 0;}
.dbk_st1 > dl{margin-top:25px;}
.dbk_st1 > dl:first-child{margin-top:0;}
.dbk_st1 > dl > dt{font-size:15px;color:#323232;font-weight:bold;margin-bottom:8px;}
.dbk_st1 > dl > dd{padding:12px 2%;text-align:center;background:#e3e3e3;border-radius:5px; font-size:17px;color:#1f1f1f;line-height:22px;}
.dbk_st1 > dl > dd > span{color:#A43F8B;}
.dbk_st1 > dl > dd.sp{background:none;border-radius:0;font-size:18px;color:#572b4c;font-weight:bold;}

.cen_brbx{margin-top:14px;border:1px solid #ddd;padding:14px 2%;text-align:center;}
.cen_brbx > p{font-size:13px;color:#555;line-height:20px;}

.rbt_bx{margin:11px 0 25px;text-align:right;}
.btn_st1{display:inline-block;font-size:15px;color:#572b4c;font-weight:bold;padding:7px 10px 5px;border:2px solid #572b4c;border-radius:8px;}

.texcpoplog{text-align:center;padding-top:138px;padding-bottom:10px;background:url("../images/202512/sub/lock.png") no-repeat center 45px;}
.texcpoplog p{color:#555555;font-size:15px;font-weight:bold;}
.texcpoplog .dapspslog{padding-top:40px; max-width:90%; margin:0 auto;}
.texcpoplog .dapspslog span{color:#A43F8B;}
.texcpoplog .uposplog{color:#A43F8B;font-size:14px;}
.gtbaklog{background:#f1f1ef;padding:0 2%;padding-top:22px;padding-bottom:31px;text-align:center;}
.gtbaklog input{width:calc(100% - 22px);height:47px;border:1px solid #dddddd;color:#572b4c;font-size:17px;padding-left:20px;margin-top:4px;}
.gtbaklog .fotrsplog a{background:#572b4c;font-size:15px;color:#ffffff;border-radius:3px;display:inline-block;width:100%;padding:15px 0;margin-top:14px;}
.mangeslog{padding-top:16px;margin:0 2%;padding-bottom:25px;}
.mangeslog p{color:#777777;font-size:14px;padding-left:15px;padding-bottom:10px;background:url("../images/202512/sub/comsbcsbg_03.gif") no-repeat left 6px;}
.zyshhzhda{background:#ffffff;padding:18px 15px;border-radius:3px;}
.pbk_st1.bdnon{border:none;}
.zyshhzhda p{font-size:14px;color:#323232;font-weight:bold;}
.zyshhzhda p span{background:url("../images/202512/sub/tabicons_10.gif") no-repeat left 1px;padding-left:18px;margin-left:14px;}
.zyshhzhda p .btslls{background:url("../images/202512/sub/tabicons_07.gif") no-repeat left 1px;}
.zyshhzhda p .maezins{background:url("../images/202512/sub/tabicons_03.gif") no-repeat left 1px;}
.zyshhzhda p .mosgizns{background:none;color:#777777;font-size:12px;}
.zyshhzhda p .manys{margin-left:0;}
.tableles1{width:100%;}
.tableles1 th{background:#e3e3e3;border-left:1px solid #ffffff;padding:10px 0;}
.tableles1 td{background:#ffffff;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:10px 0;text-align:center; font-size:14px;}
.tableles1 th:first-child{border-left:0;}
.tableles1 td:first-child{border-left:0;}
.wid.mgtstorf{margin-top:8px;padding-bottom:13px;}
.wid.head{
  display: flex;
  justify-content: space-between;
  align-items: center
}
.wid.head-ct{
  display: flex;
  justify-content: center;
  align-items: center;
      padding: 10px;
}


.t_cnt{;overflow:hidden;}
.t_cnt > li{margin-top:5px; border-left: 1px solid #ccc;}
.t_cnt > li > div{font-size:14px;color:#555;text-align:center;line-height: 21px;}
.t_cnt > li > div > span{color:#323232;font-weight:bold;color:#A43F8B;}


/*
.yy_bt{overflow:hidden;margin-left:-1px;margin-right:-1%;}
.yy_bt > li{float:left;width:calc(33% - 1px);margin-left:1px;overflow:hidden;}
.yy_bt > li > a{display:block;padding:8px 0;margin-bottom:2px;text-align:center;background:#572b4c;font-size:14px;color:#a0879a;font-weight:bold;letter-spacing:-1px; }
.yy_bt > li.on{border-bottom:none;}
.yy_bt > li.on > a{background:#fff;color:#572b4c;border:1px solid #ddd;border-bottom:none;margin-bottom:0;padding-bottom:9px;}
*/

.yy_bt{    overflow: hidden;
    border-radius: 8px 8px 0 0;
    border: 1px solid #ccc;
    border-bottom: none;
    box-sizing: border-box;}
.yy_bt > li{float:left;width: calc(100% / 3);border-right: 1px solid #ccc;}
.yy_bt > li:last-child {
  border-right: 0;
}
.yy_bt > li > a{display:block;padding:10px 12px;text-align:center;color:#555;font-size:14px;line-height: 21px;font-weight: 700;background:#f3f3f3;}


/* .yy_bt > li.on{border-bottom:none;} */
.yy_bt > li.on > a{background:#76546D;color:#fff;border-color: transparent;}


.yy_con{border:1px solid #ccc;padding-top:20px;border-radius: 0 0 8px 8px; }
.yy_cbk{padding:0 16px;position:relative;margin-bottom:20px;}
.yy_cbk h3{font-size:18px;line-height: 27px;color:#323232;margin-bottom:12px;}
.yy_cbk .tit{  
color: #111111;
 font-size: 14px !important;
 font-weight: 700;
 line-height: 21px !important;

}
.yy_cbk > div{}
.yydl_bst1 > dl:after {display:block; clear:both; content:"";}
.yy_cbk > .pbb{}
.yy_cbk select{height:44px;border:1px solid #ccc;border-radius:8px;padding: 10px 16px;;appearance: none;background:url(../../mbl/images/202512/main/ic_arrow_down.svg)no-repeat;
background-position: center right 12px;font-weight: 700;

}
.yy_cbk > .notice{padding:14px 0;font-size:13px;color:#555;line-height:20px;}
.yy_cbk > .notice > span{color:#A43F8B;}
.yy_cbk > .res_chk_target > div{padding:2px 0; }
.yy_cbk ul.list-wrap{
  align-self: stretch; justify-content: flex-start; align-items: flex-start;margin: 0; 
  margin-top: 16px;
  
  
}
.yy_cbk ul.list-wrap li {
  font-size: 14px; font-weight: 500; line-height: 21px; padding-bottom: 4px;
  list-style-type: disc !important;
      
  
}


input[type=checkbox].res_chk{ -ms-transform: scale(2); /* IE */  -moz-transform: scale(2); /* FF */  -webkit-transform: scale(2); /* Safari and Chrome */  -o-transform: scale(2); /* Opera */  padding: 5px; margin-left:13px;}

.yydl_bst1 > dl{margin-top:20px;}
.yydl_bst1 > dl:first-child{margin-top:0;}
.yydl_bst1 > dl > dt{font-size:14px;color:#111;font-weight:700;margin:16px 0 8px;line-height: 21px;}

.tj_sltg > li{margin-bottom:6px;}
.tj_sltg > li label{display:inline-block;width:58%;padding:9px 2%;background:#f1f1ef;vertical-align:top; font-size: 14px; color: #555;letter-spacing:-1px;border-radius:4px;}
.tj_sltg > li label.hidden {text-indent:-999em; width:1px; height:1px; font-size:0; overflow:hidden; padding:0; color:#fff; background:none; float:left;}
.tj_sltg > li select{width:calc(38% - 5px);vertical-align:top;font-weight: 500;}
.tj_sltg > li.w100p select{width:100%;}
.tj_sltg > li.w50p {width:calc(50% - 6px); margin-left:12px; float:left; box-sizing:border-box;}
.tj_sltg > li.w50p:nth-child(odd) {margin-left:0;}

.tj_sltg > li.w50p select{width:100%;}
.tj_sltg > li:after {display:block; clear:both; content:"";}
.tj_sltg.hal > li label{width:48%}
.tj_sltg.hal > li select{width:calc(48% - 5px);}

.tj_sltg select {letter-spacing:-1px;}

.sl2i1{margin-bottom:6px;}
.sl2i1 select{width:calc(50% - 18.1px); }
.sl2i1 .gna_ic {margin: 0 11px;}
.dan select{width:100%;}

.ra_tg{margin-top:5px;}
.ra_tg:first-child{margin-top:0;}
.ra_tg .ra_box{display:inline-block;line-height:40px;text-align:center;width:35px;}
.ra_tg .ra_box_option {background:#ddd;}
.ra_tg select{vertical-align:top;}
.ra_tg select.w1{width:calc(50% - 21.1px);}
.ra_tg select.w2{width:calc(50% - 22px);}
.ra_tg input[type="text"]{height:44px;padding-left:16px;border:1px solid #ccc;width:calc(100% - 39.5px); border-radius:8px;}
.ra_tg input[type="text"]:disabled{background: #dbdbdb !important;
    
    border: 1px solid #B2B2B2 !important;}
.ra_tg input[type="text"]::placeholder {color:#707070;font-weight: 700;}
.ra_tg2:after {clear:both; content:""; display:block;}
.ra_tg2 > div {float:left;}
.ra_tg2 .w60 {width:60%;}
.ra_tg2 .w50 {width:50%;}
.ra_tg2 .w40 {width:40%;}
.ra_tg2 .w60 select.w1 {width:calc(100% - 45px);}
.ra_tg2 .w50 select.w1 {width:calc(100% - 45px);}

.cen_btbk{text-align:center;margin:20px 0;}
.btn_st2{display:inline-block;padding:6px 0 3px;border:2px solid #572b4c;border-radius:8px;text-align:center;font-size:16px;color:#572b4c;font-weight:700;line-height: 24px;}
.btn_st2.oc{background:#572b4c;color:#fff;border:1px solid #B2B2B2;padding:10px 16px;width: 100%;}
.cen_btbk .btn_st2.line-btn{width:100%;background: #fff;color: #111;
border:1px solid #B2B2B2; padding: 10px 16px;}
.cen_btbk .btn_st2.half{
      width: calc(50% - 2.1px);

}
.yy_qkl{position:absolute;top:0;right:-2%;}
.yy_qkl > li{margin-top:5px;}
.yy_qkl > li > a{display:block;border:3px solid #e5e5e5;width:30px;line-height:30px;background:#fff;font-size:13px;color:#777;text-align:center;border-radius:50%;}
.yy_qkl > li.on > a{background:#A43F8B;color:#fff;border:none;padding:3px;}

.jg_pal{border:1px solid #dedede;margin-top:10px;}
.jg_pal > dt{border-bottom:1px solid #dedede;padding:8px 3%;font-size:14px;color:#323232;font-weight:bold;}
.jg_pal > dd{padding:14px 3%;font-size:13px;color:#555;line-height:20px;}
.jg_pal > dd > span{color:#A43F8B;}

.jg_vw{margin-top:10px;border: 1px solid #ddd;}
.jg_vw .rq{text-align:center;font-weight:700;font-size:16px;line-height: 24px;color:#111;padding:8px 0;border-bottom: 1px solid #ddd;}
.lv_arr{background:#f1f1ef;display:table;width:100%;}
.lv_arr > div{display:table-cell;height:73px;vertical-align:middle;;width:50%;padding:0 2%;letter-spacing:-1px;}
.lv_arr > div.iic{width:38px;text-align:center;padding:0 5px;}
.lv_arr > div span{display:inline-block;width:30px;font-size:15px;color:#555;}
.lv_arr > div strong{display:inline-block;width:calc(100% - 34px);text-align:center;font-size:20px;color:#323232;}

.jg_wbx{background:#fff;padding:15px 10px;}
.la_time{overflow:hidden;}
.la_time > div{float:left;}
.la_time > div.la_time_s {width:44%;margin:0 3%;}
.la_time > div.la_time_e {width:35%;margin-left:10%;}
.la_time > div.la_time_e > dl > dd {padding-left:12%;}
.la_time > div > dl{display:table;width:100%;}
.la_time > div > dl > dt{display:table-cell;width:50%;;font-size:13px;color:#555;}
.la_time > div > dl > dd{    display: table-cell;
    width: 50%;
    font-size: 16px;
    color: #111;
    font-weight: 700;
    line-height: 24px;}

.qrt_dl{display:table;width:100%;font-size:13px;color:#555;margin-top:15px;letter-spacing:-1px;}
.qrt_dl > dt{display:table-cell;width:25%;padding:0 3%;vertical-align:top;}
.qrt_dl > dd{display:table-cell;width:75%;font-weight:bold;vertical-align:top;color:#111;}
.qrt_dl > dd > ul > li{overflow:hidden;margin-top:10px;}
.qrt_dl > dd > ul > li:first-child{margin-top:0;}
.qrt_dl > dd > ul > li > div.cx{float:left;width:45%; background:url("../images/202512/sub/seat_bg.gif") 80% center no-repeat; }
.qrt_dl > dd > ul > li > div{font-weight:bold;}
.qrt_dl > dd > ul > li > div > span{color:#555; font-weight:normal;}
.la_seat .cx{padding-right:5%;}
.la_seat .hao{padding-left:5%;}
.qrt_dl > dd > ul > li > div > span{font-weight:normal;}
.expenses .qrt_dl > dt{vertical-align:middle;}
.expn_b{ font-size:20px;color:#111;}
.btn_st3{display:inline-block;font-size:14px;color:#111;padding:3px 9px 1px;border:1px solid #ccc;border-radius:8px;}
.btn_st4{display:inline-block;font-size:14px;color:#111;padding:3px 9px 1px;border:1px solid #ccc;border-radius:8px;}
.btn_st5{display: inline-block;
    font-size: 14px;
    color: #111;
    padding: 6px 0;
    border: 1px solid #ccc;
    border-radius: 8px;
  width: 100%;}

.clsf-1, .clsf-2{
  background-color: #111;color: #fff;border: none;
      width: calc(25% - 4px) !important;
}

.expn_v  > dl{display:table;width:100%;border-bottom:1px solid #ddd;background:#f1f1ef;}
.expn_v  > dl > dt{display:table-cell;width:50%;vertical-align:middle;padding:9px 3%;font-size:13px;color:#555;}
.expn_v  > dl > dd{    display: table-cell;
    width: 50%;
    text-align: right;
    padding: 8px 3%;
    font-size: 16px;
    color: #111;
    font-weight: 700;
    line-height: 24px;}
.expn_v  > dl:last-child{border-bottom:none;}
.expn_v  > dl.oc > dt,.expn_v  > dl.oc > dd{color:#A43F8B; font-weight:bold;}
.jzrq{text-align:center;padding:8px 1%;
  /* border:1px solid #dfdfdf; */
  margin:5px 0;font-size:14px;color:#A43F8B;}

.shr_ibk{display:none;position:fixed;bottom:10%;left:0;width:100%;}
.shr_ibk > div{background:#fff;max-width:290px;width:80%;padding:22px 4%; margin:0 auto;box-shadow:2px 4px 30px rgba(0,0,0,.6);}
.shr_ibk > div > p{font-size:14px;color:#323232;text-align:center;font-weight:bold;}
.itx_bx{padding:20px 0;border-bottom:1px solid #ddd; text-align:center;}
.itx_bx input[type="text"]{width:calc(32% - 11px);padding-left:1%;height:35px;border:1px solid #a0a0a0;border-radius:5px; box-sizing:border-box;}
.lrbt_bx{margin-top:10px;overflow:hidden;}
.lrbt_bx .lef{float:left;}
.lrbt_bx .rit{float:right;}
.btn_st3.shr{padding-left:28px;background:url(../images/202512/sub/shr_btbg.gif) 10px center no-repeat;}

.btn_st2.spb{display:block;margin-top:16px;}
.btn_st2.spb > span{display:inline-block;}

.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}

.nb_cota{border:1px solid #b2b2b2;margin-top:32px;}
.nb_cota th{padding: 10px 2px;background:#F3F3F3;border-bottom:1px solid #ddd;text-align:center;font-size:14px;color:#111;font-weight:500;line-height: 21px;}
.nb_cota td{padding:6px 2px;font-weight:500;line-height: 21px;color:#323232;text-align:center;font-size:14px;height: 54px;}


.nb_cota {
border-left: none;
border-right: none;
}



.nb_cota .bb td{padding:0;}
.nb_cota .bb{border-bottom:1px solid #111;}

.intb_btbx{border-top:1px dotted #B2B2B2;}
.intb_btbx .btn_st3{    padding: 6px 0;
    width: calc(25% - 12px);
    margin: 8px 2.5px;}
.zd_sw{position:absolute;
  top:0;right:17px;
  display:block;
  width:33px;
  height:26px;
  border-radius:4px;
  background-color:#fff;
  background-image:url(../../mbl/images/202512/sub/top_arrow.svg);
  background-repeat: no-repeat; 
 }
.zd_sw.zdd{background-image:url(../../mbl/images/202512/sub/top_arrow.svg)no-repeat center / cover;
transform: rotate(180deg);
}

.tw2{text-align:center;}
.tw2 > img{max-width:100%;}
.pd_y20{padding:20px 0;}



/* ======korean begin====== */ 
.page_tit{background:#fff; padding:0 2%; border-bottom:1px solid #ddd; margin-bottom:10px;}
.con {margin:0 2%;}
.box1 {box-sizing:border-box; padding:15px 20px; border:1px solid #B1B8BE;border-radius: 8px;}
.box2 {box-sizing:border-box; padding:15px 16px; border:1px solid #dedede;border-radius: 0 0 8px 8px;}
.con > ul.list {}
.con > ul.list > li {font-size: 16px; color: #323232; font-weight: 700; margin-bottom: 8px; list-style-type: none; background: url("../images/202512/sub/disc.png") no-repeat left 9px; padding-left:11px;}
.con > ul.list > li > ul {}
.con > ul.list > li > ul > li { font-size: 13px; color: #555; line-height: 20px; font-weight: normal; }
.con > ul.list > li > ul > li:before {content:" - ";}
.btn_wrap {}
.btn_wrap .btn1 {display: inline-block; font-size: 16px; color: #572b4c; font-weight: 700; padding: 8px 10px; border: 2px solid #572b4c; border-radius: 5px; width:100%; box-sizing:border-box;}
.btn_wrap .btn2 {display: inline-block; font-size: 16px; line-height: 24px;color: #fff; background:#4e2f49; font-weight: 700; padding: 10px 16px; border-radius: 5px; width:100%; box-sizing:border-box;}

h4 {padding-bottom:10px; font-size: 17px; color: #323232; padding: 15px 0; }
.h4tit {border:1px solid #dedede; padding:20px; position:relative; margin-bottom:-1px;border-radius: 8px 8px 0 0 ;}
.h4tit_toggle {display: inline-block;
        position: absolute;
    top: 17px;
    right: 17px;
    display: block;
    width: 33px;
    height: 26px;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(../../mbl/images/202512/sub/bottom_arrow.svg);
    background-repeat: no-repeat;}
.h4tit_toggle_on {background-image: url("../../mbl/images/202512/sub/top_arrow.svg")}
.h3tit_back {display:inline-block; background: url("../images/202512/sub/back.png") no-repeat center center; position:absolute; left:2%; top:19px; text-indent:-9999em; width:29px; height:20px;}
.compo_sel_50p > * {width:calc(50% - 5px); box-sizing:border-box;}
.compo_sel_50p > *:last-child {float:right;}

.bdbt {border-bottom:1px solid #4e2f49; margin:20px 0;}

.compo_sel_50p_type2 > li{margin-bottom:5px;}
.compo_sel_50p_type2 > li > * {width:calc(50% - 5px); box-sizing:border-box;}
.compo_sel_50p_type2 > li label{display:inline-block; padding:9px 2%; background:#f1f1ef; vertical-align:top; font-size: 14px; color: #555; letter-spacing:-1px; border-radius:4px;}
.compo_sel_50p_type2 > li select{vertical-align:top;float:right;}

.compo_sel_50p_type3 > select {width:calc(50% + 29px); box-sizing:border-box;}
.compo_sel_50p_type3 > select:last-child {float:right; width:calc(50% - 34px);}

.compo_sel_50p_type4 > select {width:calc(50% + 50px); box-sizing:border-box;}
.compo_sel_50p_type4 > select:last-child {float:right; width:calc(50% - 55px);}

.reserv_chk {position:relative;}
.reserv_chk > span{font-size:14px; position:absolute; right:11px; top:0; border:1px solid #6e6e6e; padding:5px 10px; border-radius:4px;}
.reserv_chk > span label {margin-left:5px;}

.swich_btn {display:inline-block; }


/* 상단 이용안내 버튼 */
.guide_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:300;}
.guide_tit{border-bottom:1px solid #ddd;}
.guide_tit > div{padding:0 2%;margin:0;letter-spacing:-1px;}
.guide_tit > div .clo{right:auto;left:2%;top:19px;}
.guide_con {overflow:auto; padding:20px; box-sizing:border-box; font-size:13px; line-height:24px;}

/* 열차시간조회 팝업류 */ 
.pop_pay_info {background:#fff;}
.pop_tit {padding:10px 0;}
.pop_tit strong {display:inline-block; width:calc(100% - 50px);}
.pop_tbl {text-align:center; border-top:1px solid #ddd;}
.pop_tbl th {vertical-align:top;}
.pop_tbl th,
.pop_tbl td {padding:5px 0; font-size:13px;}

/* 모달팝업 */
.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog>div{width:80%;position:relative;margin:10% auto;padding:5px 20px 13px 20px;border-radius:10px;background:#fff}
.modalDialog.top50>div{margin-top:50%;}
.close{background:#606061;color:#fff;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:bold;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}

/* 예약내역 */
.rsv_box {border:1px solid #dedede; padding:20px; margin-top:15px;border-radius: 8px;}
.rsv_box .rsv_tit {padding-bottom:10px;}
.rsv_box .rsv_top .left {display:inline-block; width:calc(100% - 120px); text-align:center;}
.rsv_box .rsv_top .right {display:inline-block; width:100px; text-align:right;}
.rsv_box .rsv_top .left .time_wrap {display:inline-block; width:100%; max-width:250px; background:url("../images/202512/sub/arrow.png") no-repeat center center; padding:0;}
.rsv_box .rsv_top .left .time_wrap > span {width:45%; display:inline-block; text-align:center;}
.rsv_box .rsv_bot {margin-top:10px; padding-top:10px; border-top:1px solid #572b4c; }
.rsv_box .rsv_bot > * {display:inline-block;}

.rsv_tit strong{
  
color: #111111;
 font-size: 16px; 
 font-weight: 700;
 line-height: 24px;


}

/* 예약방법안내 */
.guide_acodian {}
.guide_acodian > li {border:1px solid #ddd; margin-bottom:-1px; background:#fff;}
.guide_acodian > li > a {background:#e3e3e3; color:#572b4c; font-weight:bold; display:inline-block; width:100%; padding:12px 20px; box-sizing:border-box; border-bottom:1px solid #ddd; position:relative;}
.guide_acodian > li > a img {position:absolute;  right:20px;}
.guide_acodian > li > div {margin:15px;}
.guide_acodian > li > div > .tw1 {text-align:center; margin:0 auto 15px;}
.guide_acodian > li > div > .tw1 > img {max-width:500px; width:100%;}
.guide_acodian > li > div > .article {margin-bottom:15px;}
.guide_acodian > li > div > dl {}
.guide_acodian > li > div > dl > dt {font-size:14px;color: #323232; font-weight: 700; margin-bottom: 5px; list-style-type: none; background: url("../images/202512/sub/disc.png") no-repeat left 9px; padding-left: 11px;}
.guide_acodian > li > div > dl > dd {font-size:13px;}
.guide_acodian > li > div h5 {font-size:14px;color: #323232; font-weight: 700; margin-bottom: 5px; list-style-type: none; background: url("../images/202512/sub/disc.png") no-repeat left 7px; padding-left: 11px;}
.guide_acodian > li > div ul {padding-left:13px; }
.guide_acodian > li > div ul > li{font-size:13px; }
.guide_acodian > li > div ul.decimal > li{list-style-type:decimal;}
.guide_acodian > li > div ul.dash > li{list-style-type:none;}
.guide_acodian > li > div ul.dash > li:before {content:"-"; margin-left:-10px; margin-right:5px;}
.guide_acodian .article > span.fc_red {font-size:13px; padding-left:15px; display:inline-block;}
.guide_acodian .article > span.fc_red:before {content:"*"; margin-left:-17px; margin-right:5px;}

/* 반응형 */
/* @media screen and (max-width:570px){
    .cen_btbk .btn_st2.dbk{max-width:352px;display:block;width:96%;margin:5px auto 0;}
    /* 즉시예약 상단 버튼 3개 */
    /* .t_cnt{width:100%; overflow:hidden;margin-left:0;}
    .t_cnt > li{float:left;width:32.66%;margin-top:5px;margin: 0;}
    .t_cnt > li:first-child {margin-left:0;}
    .t_cnt > li > div{height:21px;font-size:14px;color:#555;background:#F3F3F3 ;line-height: 21px;}
  .t_cnt > li:last-child{border-right:none} 

}
@media screen and (max-width:455px){
    .t_cnt{margin-left:0;}
    
    .t_cnt > li > div{}
}
@media screen and (max-width:410px){
    .zyshhzhda p .mosgizns {display:block; margin-left:0; padding-left:0; margin-top:8px;}
}
@media screen and (max-width:380px){
    .lv_arr > div strong{font-size:18px;}
}
@media screen and (max-width:330px){
    .t_cnt > li{margin-left:0;width:auto;margin: 0;}
} */


.warning_box {border:1px solid #dedede; margin:100px 10px; background:#fff; }
.notice_tit {background:#fff; padding:16px ;display: flex;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    justify-content: center;
  width: 100%;}
.notice_tit .title {color:#222;font-size: 18px;line-height: 24px;flex: 1 1 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
  align-items: center; }
.notice_tit-right{width: 24px;
    height: 24px;
    position: relative;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}
.notice_tit-left{width: 24px;
    height: 24px;
    position: relative;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.ic-close {
    width: 100%;
    height: 100%;
    background: url(../../mbl/images/202512/ic-close.svg)no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}



.brwsr_box {width:330px; margin:0 auto; text-align:center;}
.brwsr_box .tit {margin-top:20px; display:block;}
.brwsr_wrap:after {content:""; clear:both; display:block;}
.brwsr_wrap > span {display:inline-block; width:33.3%; float:left;}
.brwsr_wrap > span.brwsr1 {text-align:left;}
.brwsr_wrap > span.brwsr2 {text-align:center;}
.brwsr_wrap > span.brwsr3 {text-align:right;}
.brwsr_wrap > span > img {width:25px;}
.brwsr_box .sub_ment {font-size:14px; color:#8a8a8a; margin:20px 0; text-align:center;}
.brwsr_box .btn_wide {display:inline-block; background: #572b4c; color: #fff; border: none; padding: 8px 0 5px; border-radius: 4px; text-align: center; font-size: 16px; font-weight:bold; width:100%;}


.fc_red {color:#FF2246;}
.tal_c {text-align:center;}
.hr {border-bottom:1px solid #dedede; margin:10px 0;}

.hr2 {border-bottom:1px dotted #ccc; margin:16px 12px;}

.contain{
  display: inline-flex;
  flex-direction: column;
  gap: 40px;
  width: 792px;
}
.agreeinfo {
  padding:20px 16px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  
  justify-content: flex-start;
  align-items: flex-start;
}



#title-box {
  display: inline-flex;
  flex-direction:column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}

#title-box .srt-login-logo {
  display: flex;
}
.card_wrap { display: flex; flex-direction: column;gap: 20px;    align-self: stretch; }

.agreeinfo h3, p{
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
}


.box1 .list-wrap {
  align-self: stretch; align-items: flex-start; 
}

.box1 ul.list-wrap {
  align-self: stretch; justify-content: flex-start; align-items: flex-start;margin: 0; 
}
.box1 ul.list-wrap li {
  color: #333333; font-size: 14px; font-weight: 500; line-height: 24px; list-style: disc;
      
}


.box1 .internet{
    padding: 12px 0;
    background: #f3f3f3;
    border-radius: 8px;
    justify-content: space-evenly;
    align-items: center;
    gap: 40px;
    display: inline-flex;
    width: 100%;
    margin-bottom: 10px;
}

.box1 .internet .in{
  flex-direction: column; justify-content: flex-start; align-items: center; gap: 4px; display: inline-flex
}

.box1 .internet .in .in-ic{
  width: 32px; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex
}

.box1 .internet .in .in-ic .ic01{
  width: 100%; height: 32px; background: url(../../mbl/images/202512/internet_1.svg)no-repeat center/contain;
}

.box1 .internet .in .in-ic .ic02{
  width: 100%; height: 32px; background: url(../../mbl/images/202512/internet_2.svg)no-repeat center/contain;
}

.box1 .internet .in .in-ic .ic03{
  width: 100%; height: 32px; background: url(../../mbl/images/202512/internet_3.svg)no-repeat center/contain;
}

.box1 .internet .in span{
  justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 14px; font-weight: 500; line-height: 21px; 
}




.agree-Btn{
      align-self: stretch;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #572b4c;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}

.agree-Btn a:link {
    text-decoration: none;
    color: #fff;
}

.agree-Btn span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.logininfo {
  padding:20px 16px 0;
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
  
  justify-content: center;
  align-items: center;
  width: 100%;  
}
.login-tit {  
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
 
}

.login-cont {
  
  width: 100%; padding:0 16px; flex-direction: column; justify-content: center; align-items: center; gap: 24px; display: inline-flex
}

.login-cont .login-area {
  flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 48px; display: flex
}

.login-cont .login-area .login-box {
  flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: flex;width: 100%;
}

.login-area .login-box .login-input {
  background: white; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; display: flex;width: 100%;
}

.login-area .login-box .login-input .form-group {
  flex-direction: column; justify-content: flex-start; align-items: center; display: flex;
  width: 100%;
}

 .login-input .form-group .srNm {
  align-self: stretch; justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 13px;  font-weight: 500; line-height: 19px; 
}

.login-area .login-box .login-btn {
  align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex
}

.login-area .login-box .login-btn .login{
  align-self: stretch; padding: 16px 6px ; background: #572b4c; border-radius: 8px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex;cursor: pointer;
}

.login span{
  color: white; font-size: 16px;  font-weight: 700; line-height: 24px; 
}
.sub-btn-group {
  align-self: stretch; padding-top: 8px; padding-bottom: 8px; justify-content: center; align-items: center; gap: 10px; display: inline-flex
}

.sub-btn{
  flex: 1 1 0; text-align: center; justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 16px; font-weight: 500; line-height: 22.5px; ;border: none; background: #fff;cursor: pointer;
}

.btn-divider {
  width: 1px; height: 18px; background: #dddddd
}

.gostart-btn {
  justify-content: center; display: flex; flex-direction: column; color: #555555; font-size: 14px; font-weight: 500; text-decoration: underline; line-height: 21px; ;border: none;cursor: pointer;
}

.container-login-main-tit{
  width:404px; height:520px ;flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 32px; display: inline-flex

}

.login-info{
  align-self: stretch; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; display: flex
}

.login-info .login-time{
align-self: stretch; padding: 12px; background: #f3f3f3; border-radius: 8px; justify-content: space-between; align-items: center; display: inline-flex
}

.login-info .login-time .left-time{
  justify-content: flex-start; align-items: center; gap: 2px; display: flex;font-size: 13px;font-weight: 500;line-height: 19px;
}

.container-login-main-tit .main-tit {
  width:404px; justify-content: center; display: flex; flex-direction: column; color: #333333; font-size: 26px;  font-weight: 700; line-height: 39px; ;
  margin: 0;
}

.srt-form-control {
    
    width: 100%;
    height: 40px;
    padding: 8px 0;
    font-size: 16px;
    line-height: 24px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-right: none;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    display: inline-flex;
  color: #111;}

ul.list-wrap {
  align-self: stretch; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 4px; 
  padding-inline-start: 20px;
}

.list-wrap ul{
  align-self: stretch; justify-content: flex-start; align-items: flex-start;margin: 0; padding-inline-start:20px
}
.list-wrap li {
      font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding-bottom: 4px;
    list-style-type: disc;
    
}








.agreechkgroup {  position:relative; padding-bottom:100px; }
.agreechkgroup h3 { padding:10px 0 10px 35px; border-bottom:1px solid #d5d5d5; color:#666; background:#e4e4e4 url('../images/202512/sub/ico_arrow_down.png')  no-repeat 15px 17px; background-size:10px 10px; font-size:17px;}
.agreechkgroup p { margin:10px 15px 0 15px; }
.agreechkgroup .penaltyInfo { margin:10px 15px 20px 15px; }
.agreechkgroup .agree { position:absolute; top:8px; right:20px; color:#666;}
.agreechkgroup .agree .checker { margin-top:2px; }
.fsauto { letter-spacing:-1px; }

.bul-list-dash{}
.bul-list-dash>li{ position:relative; padding:0 0 0 12px; }
.bul-list-dash>li:before{ content:"-"; display:block; position:absolute; left:0px; top:0px;}
.bul-list-dash .nts { font-size:90%;  }
.bul-list-dash li dl { width:100%; position:relative; }
.bul-list-dash li dt { position:absolute; top:0; left:0;  }
.bul-list-dash li dd { margin-left:95px; letter-spacing:-1px; }
.bul-list-dash .img_ex{margin:10px 0;}
.bul-list-dash .img_ex img{width:100%;}

/* 동의 체크박스 */
.m_check_wrap {display:inline-block; position:absolute; top:5px; right:15px;}
/* The container */ .m_check { display: block; position: relative; padding-left: 29px; padding-top:5px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */ .m_check input { position: absolute; opacity: 0; cursor: pointer; }
/* Create a custom checkbox */ .checkmark { position: absolute; top: 5px; left: 0; height: 20px; width: 20px; background-color: #fff; border:1px solid #c5c5c5; border-radius:3px;}
/* On mouse-over, add a grey background color */ .m_check:hover input ~ .checkmark { background-color: #ccc; }
/* When the checkbox is checked, add a blue background */ .m_check input:checked ~ .checkmark { background-color: #2196F3; }
/* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */ .m_check input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */ .m_check .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* 동의 체크박스 */
/* 즉시예약 */
.m_check_wrap2 {display:inline-block;}
.m_check2 { display: block; position: relative; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.m_check2 input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark2 { position: absolute; top: 4px; left: -2px; height: 20px; width: 20px; background-color: #fff; border:1px solid #777; border-radius:4px;}
.m_check2:hover input ~ .checkmark2 { }
.m_check2 input:checked ~ .checkmark2 { background-color: #572B4C; }
.checkmark2:after { content: ""; position: absolute; display: none; }
.m_check2 input:checked ~ .checkmark2:after { display: block; }
.m_check2 .checkmark2:after { left: 6px;
    top: 2px;
    width: 5px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
/* 즉시예약 */

.agreefooter { width:100%; position:fixed; left:0; bottom:0; z-index:300; }
.agreefooter>.foot  { /*min-height:50px;*/ background:#cde0ee; padding:10px 0; color:#ffffff; text-align:center; box-sizing:border-box;}
.agreefooter>.foot button {font-size:20px; width:100%;}
.button.disabled { color: #bbb !important; cursor: default; }

/******** NOTICE PAGE ***********/
.srt-notice-box { position: relative; }
.srt-notice-box h3 { font-size: 20px;
    font-weight: 700;
    line-height: 29px; 
    /* margin-bottom:20px; */
  }
.srt-notice-box .srt-notice__item { position: relative; display: block; margin-bottom: 30px; }
.srt-notice-box .srt-notice__item .srt-notice__item_heading { color: #8d0a4a; font-size: 20px; font-weight: 700; padding-bottom: 20px; }
.srt-notice-box .srt-notice__item .srt-notice__item_list_type { list-style: none; list-style-type: none; margin: 0; padding-left: 25px; }
.srt-notice-box .srt-notice__item .srt-notice__item_list_type > li { list-style-type: disc; color: #ca3589; padding: 5px 0; }
.srt-notice-box .srt-notice__item .srt-notice__item_list_type > li.sub { list-style-type: none; }
.srt-notice-box .srt-notice__item .srt-notice__item_list_type > li span { color: #333; }
.srt-notice-box .srt-table-hover { width: 100%; max-width: 100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; }
.srt-notice-box .srt-table-hover > thead th { background-color: #f8f8f8; border-top: solid 2px #5e5e5e; border-bottom: solid 1px #dbdbdb; padding: 15px 0; }
.srt-notice-box .srt-table-hover > tbody > tr > td { padding: 15px 0; border-bottom: solid 1px #dbdbdb; }
.srt-notice-box .srt-table-notice { margin-bottom: 20px; }
.srt-notice-box .srt-table-notice > thead th { text-align: center; }
.srt-notice-box .srt-table-notice > tbody > tr > td { text-align: center; }
.srt-notice-box .srt-table-notice > tbody > tr > td .srt-notice__info { display: block; padding: 10px 0; border-bottom: solid 1px #dbdbdb; }
.srt-notice-box .srt-table-notice > tbody > tr > td .srt-notice__info:last-child { border-bottom: none; }
/******** NOTICE PAGE ***********/

/* add dev. */
.pbk_st1{padding-bottom:5px;}
.pbk_st1 > p.oc{font-size:14px;}

.dbk_st1 > dl > dt{font-size:14px;margin-bottom:5px;}
.dbk_st1 > dl > dd{font-size:14px;line-height:18px;}
.dbk_st1 > dl > dd.sp.all {padding-left:0;padding-right:0;padding-bottom:0;}

.jg_err{    padding: 50px 15px;
    /* margin-top: 10px; */
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    text-align: center;
    font-weight: 700;
    border-radius: 0 0 8px 8px;}
.jg_err.s{padding:15px;font-size:14px;}
.jg_err strong{display:block;margin-top:10px;color:#A43F8B;}

.lv_arr > div.iic > em{    
      display: inline-block;
    width: 50px;
    height: 50px;
    padding-top: 20px;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #4C2F48;
    background: #fff url(../images/202512/main/Logo.svg) no-repeat top 0 center;
    background-size: 35px 35px;
    border: 1px solid #ccc;
    border-radius: 9999px;
}

.btn_st3.on {color:#fff;border-color:#ff0000;background-color:#ff4500;}
span.btn_st3{color:#fff;border-color:#666;background-color:#6e6e6e;vertical-align:middle;}

.guide_wrap.on {display:block;}
.guide_tit > div .clo{left:20px;}
.guide_con ul {padding-bottom:20px;}
.guide_con ul li {list-style-type:decimal;list-style-position:inside;}
.guide_con ul li ul {padding-bottom:0; padding-left:24px;}
.guide_con ul li ul li {list-style-type:none;}

.rsv_box .rsv_tit.trans {margin-top:15px;padding-top:15px;border-top:1px solid #dedede;}
.rsv_box .rsv_top {position:relative;}
.rsv_box .rsv_top .right {position:absolute;right:0;bottom:0;}

.status_wrap{overflow:scroll;display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;}
.status_wrap.on {overflow:scroll;display:block;}
.status_tit{border-bottom:1px solid #ddd;}
.status_tit > div{padding:0 2%;margin:0;letter-spacing:-1px;}
.status_tit > div .clo{right:auto;left:20px;top:19px;}
.status_con {padding:20px; box-sizing:border-box; font-size:13px; line-height:24px;}

.tableles1 th{border-left:0;border-right:1px solid #ffffff;}
.tableles1 td{border-left:0;border-right:1px solid #e4e4e4;}
.tableles1 th:last-child{border-right:0;}
.tableles1 td:last-child{border-right:0;}
.tableles1.status td img {width:15px;}

.zyshhzhda p span{background-image:url("../images/202512/sub/tabicons_10.png");background-size:15px;}
.zyshhzhda p .btslls{background-image:url("../images/202512/sub/tabicons_07.png");background-size:15px;}
.zyshhzhda p .maezins{background-image:url("../images/202512/sub/tabicons_03.png");background-size:15px;}

.texcpoplog{padding-top:90px;background-position:center 15px; background-size:45px 59px}
.texcpoplog .dapspslog{padding-top:15px;}

.t_cnt{margin-left:0;width: 100%;display: inline-flex}
.t_cnt > li {width:50%;margin: 0;}
.t_cnt > li:first-child {margin-left:0;border-left: none;}

.itx_bx input[type="text"]{text-align:center;}

.btn_wrap.rsv {margin:16px 0 20px;}
.btn_wrap.rsv .btn2 {text-align:center;}

.warning_box {display:none; position:absolute; left:5vw; top:5vw; width:90vw; margin:0; box-sizing:border-box; z-index:999;}
.warning_box.on {display:block;}
.brwsr_box {width:90%;}
.brwsr_wrap > span {width:30%;}
.brwsr_wrap > span.brwsr2 {width:40%;}

.agreechkgroup em {font-style:normal;}
.agreechkgroup.last {padding-bottom:50px;}

.su_tbx > div > h3 {font-size:18px;line-height: 27px;font-weight: 700;}
.su_tbx > div > .clo{top:14px;}
.su_tbx .wid.tbx {
  box-sizing: border-box;
  width: calc(100% - 32px);
  margin: 20px 16px 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #F3F3F3;
}
.su_tbx .t_cnt{
  display: flex;
  align-items: center;
  justify-content: space-between;  
  padding: 10px 0;
}
.su_tbx .t_cnt > li{
  list-style: none;
}
.su_tbx .t_cnt > li + li{
  position: relative;  
}
.su_tbx.is-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.su_tbx.is-fixed .wid.tbx{
  width: 100%;
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  
  
}  


/* -- */

/* 공지사항 */
.common-body-area {word-break:break-all;
    box-sizing: border-box;
    padding: 10px ;}
.common-body-area p {margin:16px 0 0;font-size: 16px;line-height: 24px;font-weight: 500;}
.common-body-area iframe {display:block; width:870px; height:450px;}
.common-body-area p.notice-top{height:99px; width:870px ;background:url(../images//notice-top.jpg)no-repeat center center;}
.common-body-area p.notice-bottom_1{height:73px; width:870px;background:url(../images/common/notice-bottom_1.jpg)no-repeat center center;}
.common-body-area p.notice-bottom_2{height:73px; width:870px;background:url(../images/common/notice-bottom_2.jpg)no-repeat center center;}
.common-body-area h1{text-align: center; color:#a43f8b;}
.common-body-area p.sub {text-align: center;font-size:16px;}
.common-body-area p.etc {text-align: center;}
.common-body-area p.ceo {text-align: center;font-size:16px;}
.common-body-area p span.desc {font-size:13px; color:#666; background-image:none;}
.common-body-area p span.desc2 {font-size:13px; line-height:19px;color:#a43f8b; }

.common-body-area p strong span{color:#a43f8b;font-size:16px;}
.common-body-area p strong span.body{color:#a43f8b;font-size:16px;}
.common-body-area p span{color:#111;font-size:16px;line-height:24px: 500;}

.common-body-area ul.etc{text-align: center;}
.common-body-area ul li{width:100%; 
  /* padding-left:9px;margin-bottom: 12px; */
}
.common-body-area ul li.desc {font-size:12px; color:#888; background-image:none;}
.common-body-area ul li span{color:#a43f8b;}
.common-body-area ul li span.deco{text-decoration-line: underline;}

.common-body-area table {max-width:780px; width:100%; margin-top:15px; border-top-width:2px; border-top-style:solid; border-top-color:#5e5e5e;}
.common-body-area table thead th {padding:10px 0; text-align:center; font-size:13px; line-height:100%; border-width:0 0 1px 1px;  border-style:solid; border-color:#dbdbdb; background-color:#f8f8f8;}
.common-body-area table thead th:first-child {border-left-style:none;}
.common-body-area table thead th.line {border-left-style:solid;}
.common-body-area table tbody th {padding:10px 0; font-size:13px; line-height:100%; font-weight:normal; border-width:0 0 1px 1px; border-style:solid; border-color:#dbdbdb; background-color:#f8f8f8; text-align:center;}
.common-body-area table tbody th:first-child {border-left-style:none;}
.common-body-area table tbody th.line {border-left-style:solid;}
.common-body-area table tbody td {padding:10px 0; text-align:center; border-width:0 0 1px 1px; border-style:solid; border-color:#dbdbdb;}
.common-body-area table tbody td:first-child {border-left-style:none;}
.common-body-area table tbody td.line {border-left-style:solid;}
.common-body-area table tbody td em {display:block; font-style:normal; text-align:center; font-size:12px; line-height:12px; color:#888;}
/* 공지사항 */

/* checkbox */
input[type=checkbox].res_chk2 + label { display: inline-block; margin: 0.2em; cursor: pointer; padding: 0.2em; }
input[type=checkbox].res_chk2 { display: none; }
input[type=checkbox].res_chk2 + label:before { content: "\2714"; border: 0.1em solid #000; border-radius: 0.2em; display: inline-block; width: 15px; height: 15px; padding-left: 0.2em; padding-bottom: 0.3em; margin-right: 0.2em; vertical-align: bottom; color: transparent; transition: .2s; font-size:16px;}
input[type=checkbox].res_chk2 + label:active:before { transform: scale(0); }
input[type=checkbox].res_chk2:checked + label:before { background-color: #572b4c; border-color: #572b4c; color: #fff; }
input[type=checkbox].res_chk2:disabled + label:before { transform: scale(1); border-color: #aaa; }
input[type=checkbox].res_chk2:checked:disabled + label:before { transform: scale(1); background-color: #bfb; border-color: #bfb; }
/* checkbox */


/* 공통 레이아웃 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #fff;
  font-family: Pretendard, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", Arial, sans-serif;
  color: #222222;
}



/* 상단 컬러 바 */
.srt-color-bar {
  height: 16px;
  padding: 0 20px;
  background: #802E69;
  display: flex;
  align-items: flex-start;
}

.srt-color-bar-inner {
  display: flex;
  background: #4C2F48;
}

.srt-color-bar-inner .bar {
  display: block;
  width: 60px;
  height: 16px;
}

.srt-color-bar-inner .bar-1 { background: #FA4A3B; }
.srt-color-bar-inner .bar-2 { background: #6A2335; }
.srt-color-bar-inner .bar-3 { background: #64AD7B; }
.srt-color-bar-inner .bar-4 { background: #FFCE78; }
.srt-color-bar-inner .bar-5 { background: #FDC8D3; }

/* 메인 카드 영역 */
.srt-main {
  /* padding: 44px 0 40px; */
  display: flex;
  justify-content: center;
}

.srt-card {
  width: 100%;
  max-width: 752px;
  padding: 40px 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  
  background-image: url(../../mbl/images/202512/main/bird.svg), url(../../mbl/images/202512/main/homemountain.svg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right 4px top 54px, right -45px top 712px;
  background-size: 50, 100;
}

/* 헤더 */
.srt-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.srt-logo {
  position: relative;
  width: 82px;
  height: 23px;
  overflow: hidden;
  background: url(../../mbl/images/202512/main/Logo.svg)no-repeat center;
}

.srt-login-logo {
  position: relative;
  width: 129px;
  height: 36px;
  overflow: hidden;
  background: url(../../mbl/images/202512/main/Logo.svg)no-repeat center top / cover;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  
  
}



.srt-title {
  margin: 0;
  color: #4C2F48;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

/* 승차권 카드 영역 */
.srt-ticket-section {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.srt-ticket-card {
  position: relative;
  width: 49%;
  height: 160px;
  border-radius: 6px;
  overflow: hidden;
}

.ticket-bg-main {
  position: absolute;
  inset: 0;
  border-radius: 6.24px;
}



.srt-ticket-card-holiday .ticket-bg-main {
  background-color: #621B2D;
  background-image: url(../../mbl/images/202512/main/flag.svg), url(../../mbl/images/202512/main/tag.svg),url(../../mbl/images/202512/main/big-btn-s.svg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center top, top right 7px, top left ;
  background-size: 63px 54px, 19px 100px, 100%;
  
}

.srt-ticket-card-normal .ticket-bg-main {
  background-color: #fff;
  background-image: url(../../mbl/images/202512/main/big-btn-n.svg);
  background-repeat: no-repeat;
  background-position: top left ;
  background-size: 100%;
}



.ticket-bg-gradient-side {
  position: absolute;
  left: 49.08px;
  top: -4.05px;
  width: 155.73px;
  height: 79.83px;
  opacity: 0.6;
  background: linear-gradient(270deg, #621B2D 0%, rgba(98, 27, 45, 0) 100%);
}

.ticket-bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
}



.ticket-border {
  position: absolute;
  inset: 0;
  border-radius: 6px;
}

.ticket-border-holiday {
  border: 2px solid #725885;
}

.ticket-border-normal {
  border: 2px solid #CACACA;
}

.ticket-text {
  position: relative;  
  top: 85px;  
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.ticket-title {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.ticket-sub {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

.ticket-title-dark {
  color: #222222;
}

.ticket-sub-dark {
  color: #222222;
}

.srt-info-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 24px;
}
/* 공통 섹션 */
.srt-section, .srt-section2 {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.srt-section-title {
  margin: 0;
  color: #4C2F48;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

/* 정보 테이블 */
.srt-info-table {
  border-bottom: 1px solid #AEAEAE;
}

.info-row {
  display: flex;
  border-top: 1px solid #AEAEAE;
}

.info-label {
  width: 76px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.info-value {
  flex: 1 1 0;
  padding: 6px 8px;
  border-left: 1px solid #AEAEAE;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

/* 대상기간 텍스트 */
.srt-text-strong {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

/* 안내사항 박스 */
.srt-info-box {
  
  padding: 16px;
  background:#FEFBF9;
  border-radius: 8px;
  outline: 3px solid #FFFFFF;
  outline-offset: -3px;
}

.srt-info-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.info-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.info-icon-circle {
  position: relative;
  width: 44px;
  height: 44px;
  background: #4C2F48;
  border-radius: 9999px;
  display: inline-flex;
}

.info-icon-circle svg {
  display: block;
}

.info-icon-symbol {
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
}

.info-icon-symbol {
  display: flex;
  justify-content: center;
  align-items: center;
}

.info-icon-label {
  margin: 0;
  text-align: center;
  color: #4C2F48;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  display: flex;
}

/* 하단 안내문 */
.srt-bottom-note {
  margin-top: 0;
  padding: 16px;
  background: #F9ECE3;
  border-radius: 8px;
}

.bottom-note-text {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #555555;
}

/* 반응형 (max-width: 792px 고려) */

/* 넷퍼넬 페이지 */ 
.reservation-waiting-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-inline: 16px;        
  z-index: 1202;
  box-sizing: border-box;
  background: rgba(0,0,0,.6);
}


/* 모달 카드 */
.reservation-waiting-modal {
  width: 100%;
  max-width: 400px;
  margin-top: 15vh;   
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff;


}

/* 헤더 영역 */
.reservation-waiting-header {
  width: 100%;
  height: 56px;
  padding: 16px;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

.header-icon-left {
  width: 24px;
  height: 24px;
}

.header-icon-right {
  width: 24px;
  height: 24px;
  position: relative;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

.header-close-icon {
  width: 100%;
  height: 100%;
  background:url(../../mbl/images/202512/ic-close.svg);
  position: absolute;
  left: 0;
  top: 0;
  
}

/* 타이틀 */
.reservation-waiting-title {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word;
}

/* 컨텐츠 영역 */
.reservation-waiting-content {
  width: 100%;
  padding: 8px 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  box-sizing: border-box;
}


/* 아이콘 디테일 (원래 outline + 막대 + 점들) */
.reservation-info-icon-box {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 5px;
  top: 5px;
  border: 1.5px solid #ffffff;
  box-sizing: border-box;
}

.reservation-info-icon-stick {
  width: 1px;
  height: 4px;
  position: absolute;
  left: 11.5px;
  top: 12px;
  border-left: 1.5px solid #ffffff;
  box-sizing: border-box;
}

.reservation-info-icon-dot-small {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 11.5px;
  top: 8.5px;
  background: #ffffff;
}

.reservation-info-icon-dot-large {
  width: 2px;
  height: 2px;
  position: absolute;
  left: 11px;
  top: 8px;
  background: #ffffff;
}

/* 상단 보라색 안내 배너 */
.reservation-info-banner {
  width: 100%;
  padding: 12px 20px;
  background: #572b4c;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
}

.reservation-info-text {
  text-align: center;
  color: #ffffff;
  font-size: 16px;

  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word;
}

/* 대기 인원 / 상태 박스 */
.reservation-waiting-status {
  width: 100%;
  padding: 20px;
  background: #f3f3f3;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
}

.reservation-waiting-status-text {
  width: 100%;
  text-align: center;
  color: #333333;
  font-size: 16px;

  font-weight: 700;
  line-height: 24px;
  word-wrap: break-word;
  margin: 0;
}

.reservation-waiting-status-text .highlight {
  color: #ff2246;
}

/* 진행 바 */
.reservation-progress {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.reservation-progress-track {
  width: 100%;
  height: 8px;
  background: #dddddd;
  border-radius: 4px;
  position: absolute;
}

.reservation-progress-fill {
  /* width: calc(1355 / 5000 * 100%); */
  height: 8px;
  background: #572b4c;
  border-radius: 4px;
  position: absolute;
}





/* 버튼 영역 */
.reservation-seat-button-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.reservation-seat-button {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #572b4c;
  background: #ffffff;
  color: #572b4c;
  font-size: 16px;

  font-weight: 700;
  line-height: 24px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

input::placeholder {
  color: #b2b2b2;
}


/* 반응형 */
@media (max-width: 340px) {
  .reservation-waiting-modal{
        margin-top: 3vh;
  }

}


@media (min-width: 560px) {
  .srt-card {
    background-image: url(../../mbl/images/202512/main/bird.svg), url(../../mbl/images/202512/main/homemountain.svg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right 4px top 54px, right 20px top 605px;
  background-size: 50, 100;
  }

  .srt-info-wrap {
    display: inline-flex;
    justify-content: space-between;
    gap: 12px;
    flex-direction:unset;
    width: 100%;
  }

  .srt-section2 {
    width: 49%;
    float: left;
  }

  .srt-ticket-card-holiday .ticket-bg-main {
  background-color: #621B2D;
  background-image: url(../../mbl/images/202512/main/flag.svg), url(../../mbl/images/202512/main/tag.svg),url(../../mbl/images/202512/main/big-btn-s.svg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center top, top right 13px, top  ;
  background-size: 90px 74px, 26px 138px, 90%;  
}

.srt-ticket-card-normal .ticket-bg-main {
  background-color: #fff;
  background-image: url(../../mbl/images/202512/main/big-btn-n.svg);
  background-repeat: no-repeat;
  background-position: top left ;
  background-size: 100%;
}


@media (min-width: 570px) {
  .srt-card {
    background-image: url(../../mbl/images/202512/main/bird.svg), url(../../mbl/images/202512/main/homemountain.svg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: right 200px top 90px, right 20px top 585px;
  background-size: 70, 100;
  }
}

@media (min-width: 640px) {
  
  .info-icon-item {
    flex-direction: row;
    gap: 8px;
  }
  .srt-info-icons {
    padding: 0 24px;
  }

  .srt-card {
    padding: 40px 20px;
  }
}