@charset "utf-8"; 
.content {padding-bottom:10px;}

.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:#c7107a;}

.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:#c7107a;}
.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:5px;}

.texcpoplog{text-align:center;padding-top:138px;padding-bottom:10px;background:url("../images/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:#c7107a;}
.texcpoplog .uposplog{color:#c7107a;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/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/sub/tabicons_10.gif") no-repeat left 1px;padding-left:18px;margin-left:14px;}
.zyshhzhda p .btslls{background:url("../images/sub/tabicons_07.gif") no-repeat left 1px;}
.zyshhzhda p .maezins{background:url("../images/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;}


.t_cnt{padding:10px 0 15px;overflow:hidden;margin-left:-1%;}
.t_cnt > li{float:left;margin-left:1%;margin-top:5px;}
.t_cnt > li > div{padding:4px 10px;border:1px solid #a9a9a9;border-radius:3px;font-size:13px;color:#6e6e6e;letter-spacing:-1px;text-align:center;}
.t_cnt > li > div > span{color:#323232;font-weight:bold;color:#c7107a;}

/*
.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;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;color:#6b6b6b;font-size:14px;background:#ddd;letter-spacing:-1px; }
.yy_bt > li.on{border-bottom:none;}
.yy_bt > li.on > a{background:#572b4c;color:#fff;border-bottom:none;margin-bottom:0;padding-bottom:9px;}


.yy_con{border:1px solid #dedede;margin-top:-1px;padding-top:15px; border-top: 1px solid #572b4c;}
.yy_cbk{padding:0 17px;margin-top:10px;position:relative;margin-bottom:20px;}
.yy_cbk h3{font-size:20px;color:#323232;padding-bottom:6px;border-bottom:1px solid #572b4c;margin-bottom:10px;}
.yy_cbk > div{padding:2px 10px; }
.yydl_bst1 > dl:after {display:block; clear:both; content:"";}
.yy_cbk > .pbb{}
.yy_cbk select{height:37px;border:1px solid #dedede;border-radius:4px;padding:0 2%;}
.yy_cbk > .notice{padding:14px 0;font-size:13px;color:#555;line-height:20px;}
.yy_cbk > .notice > span{color:#c7107a;}
.yy_cbk > .res_chk_target > div{padding:2px 0; }


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:15px;color:#323232;font-weight:bold;padding-left:10px;background:url(../images/sub/yy_tsbg.gif) left 2px no-repeat;margin-left:-10px;margin-bottom:10px;}

.tj_sltg > li{margin-bottom:5px;}
.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;}
.tj_sltg > li.w100p select{width:100%;}
.tj_sltg > li.w50p {width:calc(50% - 2px); margin-left:3px; 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:5px;}
.sl2i1 select{width:calc(50% - 34px); }
.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:35px;text-align:center;width:35px;border:1px solid #dedede;border-radius:4px;vertical-align:top;}
.ra_tg .ra_box_option {background:#ddd;}
.ra_tg select{vertical-align:top;}
.ra_tg select.w1{width:calc(55% - 23px);}
.ra_tg select.w2{width:calc(45% - 22px);}
.ra_tg input[type="text"]{height:35px;padding-left:2%;border:1px solid #dedede;width:calc(98% - 43px); border-radius:4px;}
.ra_tg input[type="text"]::placeholder {color:#c3c3c3;}
.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:4px;text-align:center;font-size:15px;color:#572b4c;font-weight:bold;}
.btn_st2.oc{background:#572b4c;color:#fff;border:none;padding:8px 0 5px;}
.cen_btbk .btn_st2{max-width:176px;width:48%;}

.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:#c7107a;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:#c7107a;}

.jg_vw{margin-top:10px;border: 1px solid #ddd;}
.jg_vw .rq{text-align:center;font-weight:bold;font-size:14px;color:#323232;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 0;}
.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:12%;}
.la_time > div.la_time_e > dl > dd {padding-left:15%;}
.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:#323232;font-weight:bold;}

.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:#323232;}
.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/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:#323232;}
.btn_st3{display:inline-block;font-size:13px;color:#6e6e6e;padding:3px 9px 1px;border:1px solid #6e6e6e;border-radius:3px;}
.btn_st4{display:inline-block;font-size:13px;color:#6e6e6e;padding:3px 9px 1px;border:1px solid #a9a9a9;border-radius:3px;}
.btn_st5{display:inline-block;font-size:13px;color:#6e6e6e;padding:3px 4px 1px;border:1px solid #a9a9a9;border-radius:3px;}

.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:14px;color:#323232;font-weight:bold;}
.expn_v  > dl:last-child{border-bottom:none;}
.expn_v  > dl.oc > dt,.expn_v  > dl.oc > dd{color:#c7107a; font-weight:bold;}
.jzrq{text-align:center;padding:8px 1%;border:1px solid #dfdfdf;margin:5px 0;font-size:14px;color:#c7107a;}

.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/sub/shr_btbg.gif) 10px center no-repeat;}

.btn_st2.spb{display:block;margin-top:15px;}
.btn_st2.spb > span{display:inline-block;padding-left:22px;background:url(../images/sub/rnz_ic.gif) 0 center no-repeat;}

.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}

.nb_cota{border:1px solid #ddd;margin-top:10px;}
.nb_cota th{ padding:8px 1%;background:#f1f1ef;border-bottom:1px solid #ddd;text-align:center;font-size:13px;color:#6e6e6e;font-weight:normal;}
.nb_cota td{padding:5px 1% 5px;font-weight:bold;font-size:15px;color:#323232;text-align:center;}
.nb_cota .bb td{padding:0 1% 0;}
.nb_cota .bb{border-bottom:1px solid #ddd;}

.intb_btbx{border-top:1px solid #572b4c;margin:0 3%;padding-bottom:10px;}
.intb_btbx .btn_st3{padding:3px 0 1px;width:calc(25% - 6px);letter-spacing:-1px;margin-top:7px;}
.zd_sw{position:absolute;top:0;right:17px;display:block;width:58px;font-size:13px;color:#572b4c;font-weight:bold;border:2px solid #572b4c;border-radius:15px;text-align:center;letter-spacing:-1px;background-color:#fff;padding:3px 7px 1px 0;background-image:url(../images/sub/zd_swbg1.gif);background-repeat: no-repeat; background-position: 50px center; }
.zd_sw.zdd{background-image:url(../images/sub/zd_swbg2.gif);}

.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 #dedede;}
.box2 {}
.con > ul.list {}
.con > ul.list > li {font-size: 15px; color: #323232; font-weight: bold; margin-bottom: 8px; list-style-type: none; background: url("../images/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: 15px; color: #572b4c; font-weight: bold; padding: 8px 10px; border: 2px solid #572b4c; border-radius: 5px; width:100%; box-sizing:border-box;}
.btn_wrap .btn2 {display: inline-block; font-size: 15px; color: #fff; background:#4e2f49; font-weight: bold; padding: 8px 10px; 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; margin:0 2%; padding:20px; position:relative; margin-bottom:-1px;}
.h4tit_toggle {display:inline-block; width: 58px; font-size: 13px; color: #572b4c; font-weight: bold; border: 2px solid #572b4c; border-radius: 15px; text-align: center; letter-spacing: -1px; background-color: #fff; padding: 2px 7px 2px 0; background-image: url("../images/sub/zd_swbg2.gif"); background-repeat: no-repeat; background-position: 50px center; position:absolute; right:2%;}
.h4tit_toggle_on {background-image: url("../images/sub/zd_swbg1.gif")}
.h3tit_back {display:inline-block; background: url("../images/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);}

.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; margin:0 11px;}

/* 상단 이용안내 버튼 */
.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:15px; margin-top:10px;}
.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/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;}

/* 예약방법안내 */
.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; top:20px; 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: bold; margin-bottom: 5px; list-style-type: none; background: url("../images/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: bold; margin-bottom: 5px; list-style-type: none; background: url("../images/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{padding:10px 0 15px;overflow:hidden;margin-left:0;}
	.t_cnt > li{float:left;width:32.66%;margin-top:5px;}
	.t_cnt > li:first-child {margin-left:0;}
	.t_cnt > li > div{padding:4px 10px;border:1px solid #a9a9a9;border-radius:3px;font-size:13px;color:#6e6e6e;letter-spacing:-1px; text-align:center;}
}
@media screen and (max-width:455px){
	.t_cnt{margin-left:0;}
	
	.t_cnt > li > div{letter-spacing:-1px;}
}
@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;}
}


.warning_box {border:1px solid #dedede; margin:100px 10px; background:#fff; }
.notice_tit {background:#572b4c; padding:13px 0; text-align:center; }
.notice_tit strong {color:#fff;}
.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: 15px; font-weight:bold; width:100%;}


.fc_red {color:#ff4100;}
.tal_c {text-align:center;}
.hr {border-bottom:1px solid #dedede; margin:10px 0;}

.penaltyInfo { margin:5px 0 20px 0 }
.agreechkgroup {  position:relative; padding-bottom:100px; }
.agreechkgroup h3 { padding:10px 0 10px 35px; border-bottom:1px solid #d5d5d5; color:#666; background:#e4e4e4 url('../images/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; padding-left: 29px; padding-top:4px; 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: 2px; left: 0; height: 20px; width: 20px; background-color: #fff; border:2px solid #000; border-radius:3px;}
.m_check2:hover input ~ .checkmark2 { }
.m_check2 input:checked ~ .checkmark2 { background-color: #2196F3; }
.checkmark2:after { content: ""; position: absolute; display: none; }
.m_check2 input:checked ~ .checkmark2:after { display: block; }
.m_check2 .checkmark2: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); }
/* 즉시예약 */

.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: 24px; font-weight: bold; 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: bold; 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 #ddd;background-color:#eee;text-align:center;font-weight:bold;}
.jg_err.s{padding:15px;font-size:14px;}
.jg_err strong{display:block;margin-top:10px;color:#c7107a;}

.lv_arr > div.iic > em{display:inline-block;width:38px;height:20px;padding-top:18px;font-style:normal;font-size:11px;line-height:100%;color:#fff;background:url(../images/sub/arr_ic.gif) no-repeat center center;}

.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/sub/tabicons_10.png");background-size:15px;}
.zyshhzhda p .btslls{background-image:url("../images/sub/tabicons_07.png");background-size:15px;}
.zyshhzhda p .maezins{background-image:url("../images/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;}
.t_cnt > li {width:49.5%;}
.t_cnt > li:first-child {margin-left:0;}

.itx_bx input[type="text"]{text-align:center;}

.btn_wrap.rsv {margin-top:15px;}
.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;}
.su_tbx > div > .clo{top:14px;}
/* -- */

/* 공지사항 */
.common-body-area {word-break:break-all;}
.common-body-area p {margin:21px 0;}
.common-body-area iframe {display:block; width:870px; height:450px;}
.common-body-area p.notice-top{height:99px; width:870px ;background:url(../images/common/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:#c7187d;}
.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 {margin-left:40px;font-size:13px; color:#999; background-image:none;}

.common-body-area p strong span{color:#0672b2;font-size:16px;}
.common-body-area p strong span.body{color:#0672b2;font-size:16px;}
.common-body-area p span{color:#c7187d;font-size:13px;}

.common-body-area ul.etc{text-align: center;}
.common-body-area ul li{background:url("../images/sub/bg_li_01.png") no-repeat 0 6px; word-break:keep-all; width:100%; padding-left:9px;margin-bottom: 15px;}
.common-body-area ul li.desc {font-size:12px; color:#888; background-image:none;}
.common-body-area ul li span{color:#c7187d;}
.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 */