@charset "utf-8";

/*공통*/
.btn-sumit{background:#ed0c69; color:#ffffff; width:100%; border:1px solid #ed0c69 !important}
.btn-sumit.naver{background:#03cf5d; border-color:#03cf5d !important;}
.ad-btn{background:#ed0c69; color:#ffffff ;border:0;}
.ok_btn{text-align:center; margin-top:40px; }
.ok_btn ul li{display:inline-block; vertical-align:top;}
.ok_btn ul li button{background:#ed0c69; color:#ffffff; padding:0px 30px; font-size:1em; border:1px solid #ed0c69 !important; height:49px}
.ok_btn ul li a{padding:15px 30px; background:#808080; color:#ffffff; border:1px solid #808080; line-height:1.333; height:49px; display:block;}
.bdline{border-bottom:1px solid #e6e6e6; padding-bottom:40px; margin-bottom:40px;}
.btn_blgr{background:#345468; color:#ffffff; display:inline-block; padding:3px 10px;}

a.btn_nm{background:#808080; color:#ffffff; display:inline-block; line-height:36px; padding:0 20px; border-radius:3px;}
.redTxt{color:#ff0000}
.no_pc.fss{font-size:13px}
.mt10{margin-top:10px;}
.fwb{font-weight:600 !important}
.fsb{font-size:1.3em !important}


.amount{position:relative; max-width:100px; text-align:center !important; display:inline-block }
.amount a{position:relative; text-align:center !important; width:25px; height:36px; line-height:34px; display:block; border:1px solid #bbbbbb; float:left; font-size:1.4em; background:#f0f0f0 }
.amount input{max-width:50px; text-align:center; border-color:#bbbbbb}
.amount a.btn_minus{border-right:0; border-radius:5px 0px 0px 5px}
.amount a.btn_plus{float:right; border-left:0; border-radius:0px 5px 5px 0px}

.btn_li{overflow:hidden;}
.btn_li li{margin-bottom:5px;}
.btn_li li:last-child{margin-bottom:0;}
.btn_li li a{display:block; text-align:center; padding:5px 0px; border:1px solid #969696; color:#505050; border-radius:3px;}
.btn_li li:last-child a{border:1px solid #8d2c2c; color:#ffffff; background:#8d2c2c}

.btn_li.btn2 li {width:48.5% !important;}

input.w-col{width:80px !important;}
input.w-col05{width:20% !important;}
input.w-col04{width:25% !important;}
input.w-col02{width:50% !important}
input.w-col03{width:30.3% !important}
input.w-col01{width:100% !important;}
input.w60{width:60% !important}
input.auto{width:auto !important}

.hw{width:100%;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 7px; padding-left:12px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0;}
.dot_bg{background:url("../img/dot_li.gif") no-repeat 0px 7px; padding-left:12px;}

.line_box{padding:50px 5%; border:1px solid #dcdcdc; max-width:600px; margin:0 auto; border-radius:20px }
.line_box h4{font-size:1.9em; margin-bottom:20px; text-align:center; text-transform:uppercase}


@media all and (min-width:1024px) {
.line_box{padding:5%; }
}

@media all and (min-width:768px) {
.litebox-overlay .litebox-container{width:600px}
.hw{width:40%;}
}

/*로그인*/
.login_box{padding:50px 5%; border:1px solid #dcdcdc; max-width:600px; margin:0 auto; border-radius:20px }
.login_box h4{font-size:1.9em; margin-bottom:20px; text-align:center; text-transform:uppercase}
.login_box p.tac{text-align:center;margin-bottom:20px;}

.login_top, .login_bottom{max-width:500px; margin: 0 auto;}

.login_top .btn-sumit{height:49px; line-height:49px; font-size:1em}
.login_top  .input_txt li input{width:100%}
.login_top  li{margin-bottom:10px;}

.login_top .rem{line-height:70px; height:70px;}


.login_bottom{overflow:hidden; border-top:1px solid #808080;}
.login_bottom li{display:inline-block; }
.login_bottom li:first-child{margin-right:20px}
.login_bottom li a{line-height:50px; height:50px; display:block}
.login_bottom li a:before{font-family:'FontAwesome'; content:'\f061'; margin-right:10px; display:inline-block; font-size:0.85em}

@media all and (min-width:1024px) {
.login_box{padding:5%; }
.login_box p.tac{margin-bottom:40px;}
}

/*아이디 비밀번호찾기*/
.search_box{background:#f5f5f5; padding:5%; border-top:3px solid #ed0c69; overflow:hidden;}
.search_box p.tac{text-align:center;margin-bottom:20px;}

.search_box h4{font-size:40px; margin-bottom:20px; text-align:center; text-transform:uppercase}
.search_box h5{font-weight:600; color:#323232; font-size:1.1em; margin-bottom:20px; }
.search_box .box{padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #808080}
.search_box .box:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0}
.search_box .box li {margin-bottom:10px}
.search_box .radio_btn{overflow:hidden;}
.search_box .radio_btn li{float:left; width:50%;}
.search_box .box .input_txt li input{width:100%}

@media all and (min-width:1024px) {
.search_box p.tac{margin-bottom:40px;}

.search_box .box{border-bottom:0px;}
.search_box .box:last-child{margin-left:10%; border-bottom:0}
.search_box .box{width:45%; float:left;}
}


/*회원가입*/


.member_step{margin:0 auto; width:100%;margin-bottom:20px; padding-bottom:20px; text-align:center;}
.member_step li{ display:inline-block ; height:20px; line-height:20px; font-size:0.85em; font-weight:600; padding-left:15px; background:url("../img/arr_next.gif") no-repeat 0 50%; background-size:8px auto}
.member_step li:first-child{padding-left:0px; background:none; margin-left:0px}
.member_step li:last-child{margin-right:0px;}
.member_step li.on{color:#ed0c69;}
.member_step li span{padding:5px; line-height:100%; float:left; display:block;border-radius:20px; margin-right:5px; background:#c8c8c8; color:#ffffff; font-weight:600; margin-top:0px; }
.member_step li.on span.num{ background:#ed0c69; }

/*회원가입//오더스텝*/
.order_step{text-align:center; position:relative;}
.order_step:before{display:block; content:''; width:220px; height:1px; background:#dcdcdc; position:absolute; top:30px; left:0; right:0; margin:auto}
.order_step li{display:inline-block; vertical-align:top; padding:0 1px; text-align:center;}
.order_step li p.icon{width:60px; height:60px; border-radius:50%; margin:0 auto; margin-bottom:10px; position:relative; background:#93989f}
.order_step li p.icon:after{content:''; display:block; font-family:'FontAwesome'; position:absolute;line-height:60px; width:100%; height:100%; text-align:center; margin:auto; color:#f5f5f5; font-size:1.5em;}
.order_step li.st01 p.icon:after{content:'\f00c';}
.order_step li.st02 p.icon:after{content:'\f141';}
.order_step li.st03 p.icon:after{content:'\f005';}
.order_step li.active p.icon:after{color:#ffffff}

.order_step li p.txt{font-size:0.9em}
.order_step li.active p.icon{background:#ed0c69}


.join_box{max-width:600px; margin:0 auto;}
.join_box h4{font-size:1.2em; font-weight:600; margin-bottom:20px; color:#323232}
.join_box .agreebox{border:1px solid #dcdcdc;background:#fff;padding:25px;height:200px;overflow-y:auto;margin-bottom:15px; background:#f5f5f5}
.join_box .radio_btn{overflow:hidden; }
.join_box .radio_btn li{display:inline-block;  margin-right:5%; font-weight:600 }


@media all and (min-width:768px) {
.member_step{padding-bottom:30px; margin-bottom:30px;}
.member_step li{height:25px; line-height:25px; font-size:1em; padding-left:30px; margin-left:20px;}

.order_step li{padding:0 10px;}
}

@media all and (min-width:1200px){
.member_step li{height:35px; line-height:35px; font-size:1.2em; padding-left:40px; margin-left:30px;}
.member_step li span{margin-top:5px; margin-right:10px;}
}

/*회원가입양식*/
.form_box{margin:0 auto;}
.form_box ul{overflow:hidden; border-top:1px solid #323232; }
.form_box li{overflow:hidden; border-bottom:1px solid #e6e6e6; }
.form_box li .fm_list{padding:0px 5px; display:block; font-size:0.9em; padding:.750em .786em 0px;}
.form_box li .fm_txt{display:block; padding:0px 5px; font-size:0.9em; padding:.750em .786em;}
.form_box li .fm_txt input{width:100%}
.form_box li .inauto input{width:auto}
.form_box li.long .fm_list{border-bottom:1px solid #e6e6e6;}
.form_box li.long .fm_list, .form_box li.long .fm_txt{width:100%}

.form_box li.long input{width:auto}
.form_box li.long input.w60{width:60%}

.form_box span.sp_txt{ display:inline-block; vertical-align:top; line-height:36px;}
.form_box .select_date{font-weight:700; font-size:1.1em}

@media all and (min-width:768px) {
.form_box li .fm_list,
.form_box li .fm_txt{float:left; width:75%;}
.form_box li .fm_list, .form_box li .fm_txt{font-size:1em;}
.form_box li .fm_list{line-height:36px; width:25%; padding:.750em .786em; max-width:200px;}
.form_box li .fm_txt{line-height:36px;}
.form_box span.sp_txt{line-height:36px; margin-left:10px;}
.form_box li .fm_txt input{width:auto}

}

@media all and (min-width:1200px) {
.form_box li .fm_txt input.w-col01{}
}

/*약관*/
.ex_top{padding:3%; border:1px solid #e6e6e6}
.provisionBox h4{font-weight:600; font-size:1.2e; color:#323232}
.provisionBox h5{font-weight:600; font-size:1.1em; color:#323232}
.provisionBox h6{font-weight:600}




/*동의박스*/
.conform_box{display:block; overflow:hidden; padding:3%; border:1px solid #c8c8c8; font-size:0.9em}
.conform_box ul li{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e6e6e6; position:relative; }
.conform_box ul li label{margin-bottom:5px;}
.conform_box ul li label.radio-icon{display:block}
.conform_box ul li:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0}
.conform_box ul li:last-child label{marign-bottom:0}
.conform_box ul li span.inbtn{display:inline-block; padding:5px 10px; background:#345568; color:#ffffff;}
.conform_box ul li span.inbtn a{color:#ffffff}
#inline-pop2 .btn_blgr{padding:10px 20px}

@media all and (min-width:768px) {
.conform_box ul li span.inbtn{position:absolute; right:0; top:0;  margin: auto auto}
}

.counsel_form .col-02:first-child{border-right:1px solid #e6e6e6}
.counsel_form .btn_blgr{font-size:0.8em; padding:5px 10px; margin:.750em .786em}
.counsel_form .btn_blgr:before{font-family:'FontAwesome'; content:'\f073'; display:inline-block; margin-right:5px}

/*달력*/
.month_box{text-align:center; margin-bottom:20px}
.month_box .mon_b{position:relative; max-width:500px; margin: 0 auto;}
.month_box .mon_tit {font-size:26px; font-weight:normal}
.month_box .mon_btn:before{font-family:'FontAwesome'; content:'\f061'; display:inline-block; position:absolute; top:0; bottom:0; margin:auto 0; line-height:35px; right:10%}
.month_box .btn_mon_prev:before{content:'\f060'; right:auto; left:10%}
.month_box .mon_btn span{display:none}

.event_box .tit{display:none;}
.event_box .sel-chk{overflow:hidden; padding:10px 0.25em; background:#f5f5f5; margin-bottom:10px; font-size:0.85em}
.event_box .sel-chk span{display:inline-block; margin-right:5px; width:30%; margin-bottom:5px;}

@media all and (min-width:768px) {
.event_box .sel-chk{padding:20px; font-size:0.95em; margin-bottom:20px;}
}

@media all and (min-width:1200px) {
.event_box .sel-chk{text-align:center;}
.event_box .sel-chk span{width:auto; margin-right:15px;}
}

/*
.chk {position: relative}
.chk input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chk input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:30px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.chk input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:50%;margin:-9px 0 0 0;width:18px;height:18px;text-align:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk input[type="checkbox"] + label:active:before,
.chk input[type="checkbox"]:checked + label:active:before {}
.chk input[type="checkbox"]:checked + label:before {background:#373737;border:1px solid #373737}
.chk input[type="checkbox"]:checked + label:after {content:"";display:block;position:absolute;width:18px;height:18px;left:0;top:50%;margin:-9px 0 0 0;background:url(/_Img/Content/blt12.png) no-repeat center center}
.chk input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
*/

.cal_table{width:100%; border-top:1px solid #808080; margin-bottom:20px;}
.cal_table th, .cal_table td{padding:0.5em 0.25em; font-size:0.9em}
.cal_table th{padding:1em 0.25em; font-weight:400; border-bottom:1px solid #e6e6e6; }
.cal_table td{border-bottom:1px solid #e6e6e6; vertical-align:top; text-align:center; position:relative;}
.cal_table td span a{display:inline-block; padding:5px 0px; position:relative; cursor:pointer;}
.cal_table td span a.off{color:#969696}
.cal_table td span.active:before{content:''; display:block; background:#e71c5b; position:absolute; width:30px; height:30px; border-radius:50px; left:0; right:0; top:0; bottom:0; margin:auto}
.cal_table td span.active a{color:#ffffff; font-weight:600}
.cal_table th.cDay6{color:#2f99db}
.cal_table .cDay6 .num{color:#2f99db}
.cal_table th.cDay0{color:#ff0707}
.cal_table .cDay0 .num{color:#ff0707}

.no_pc{margin:20px 0px}

@media all and (min-width:768px) {
.no_pc{display:none}
}


/*table cell내용*/

.dayCon {min-height:50px}
.on_sche .in_sche{display:none;}
.on_sche .on{display:block; width:15px; height:15px; background:#505050; border-radius:100px; margin:10px}
.on-btn{display:inline-block; width:10px; height:10px; background:#505050; border-radius:100px; margin-right:10px}
.s-data00 .on,
.s-data00 .in_sche h5 span:first-child,
.sub-data00 span.tits
{background:#345568 !important}
.s-data01 .on,
.s-data01 .in_sche h5 span:first-child,
.sub-data01 span.tits
{background:#ba6055 !important}
.s-data02 .on,
.s-data02 .in_sche h5 span:first-child,
.sub-data02 span.tits
{background:#f6ca4f !important}
.s-data03 .on,
.s-data03 .in_sche h5 span:first-child,
.sub-data03 span.tits
{background:#656565 !important}
.s-data04 .on,
.s-data04 .in_sche h5 span:first-child,
.sub-data04 span.tits
{background:#507991 !important}
.s-data05 .on,
.s-data05 .in_sche h5 span:first-child,
.sub-data05 span.tits
{background:#c0b2d1 !important}

@media all and (min-width:768px) {
.dayCon {min-height:100px}
.on_sche .on{display:none}
.on_sche .in_sche{display:block;}
.on_sche .in_sche h5{font-size:1em; margin-bottom:5px}
.on_sche .in_sche h5 span{display:inline-block}
.on_sche .in_sche h5 span:first-child{font-size:0.8em; display:inline-block; padding:2px 10px; border-radius:100px; color:#ffffff; margin-bottom:3px}

}

/*레이어팝업행사내용*/

#in_schedule{ font-size:0.9em;}
#in_schedule .ins_top{text-align:center;}
#in_schedule .ins_top h5 {font-size:1.2em; font-weight:700; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #808080}
#in_schedule .ins_top span.tits{color:#ffffff; border-radius:50px; display:inline-block; padding:5px 10px; font-size:0.8em; background:#808080; margin-bottom:10px; font-weight:normal}
#in_schedule .info_img img{width:100%; margin-bottom:20px !important;}
#in_schedule .info_detail{overflow:hidden; text-align:left; padding:10px 0px 5px; border:1px solid #808080; border-width:1px 0px; margin-bottom:20px;}
#in_schedule .info_detail li{float:left; width:50%; overflow:hidden;}
#in_schedule .info_detail span{float:left; display:inline-block; margin-right:10px; margin-bottom:5px; word-break:break-all}
#in_schedule .info_detail span.in_tit{font-weight:bold; clear:both;}
#in_schedule .s_content{height:80px; overflow-y:scroll; margin-bottom:20px;}
#in_schedule .s_content p{line-height:1.4}
#in_schedule .ins_bottom {text-align:center;}
#in_schedule .ins_bottom .s_end{margin:20px 0;}
#in_schedule .ins_bottom .btn_entry {display:inline-block; padding:5px 20px; border:2px solid #505050; color:#505050; border-radius:50px}
#in_schedule .ins_bottom a.btn_entry{background:#345568; color:#ffffff; border-color:#345568}
#in_schedule .ins_bottom .form_box{text-align:left;} 

@media all and (min-width:768px) {
#in_schedule{ font-size:1em;}
}

@media all and (min-width:1200px) {
#in_schedule .ins_top h5{font-size:1.4em;}
#in_schedule .info_detail{padding:20px;}
#in_schedule .s_content{height:150px}
}

/*프로그램내용view*/
span.category{display:inline-block; padding:4px 10px; border:1px solid #e71c5b; color:#e71c5b; font-weight:200; font-size:0.9rem; border-radius:30px;}

.info_list{margin-bottom:20px;}
.info_list dl{overflow:hidden}
.info_list dl dt{float:left; width:25%; clear:both; margin-right:5%; color:#000000; font-weight:600; height:32px; line-height:32px;}
.info_list dl dd{float:left; width:70%; height:32px; line-height:32px;}
.info_list dl dd span{color:#e71c5b; font-weight:600}
.info_list dl.price dd{float:right; width:70%;}
.info .info_list dl.price{margin-bottom:20px;}



a.btn_reservation{background:#e71c5b; display:block; padding:15px 0px; text-align:center; color:#ffffff; font-size:1.1em;}
.reservationWrap{position:relative;}
.reser_top{padding:30px 0px; border-top:1px solid #808080; border-bottom:1px solid #c8c8c8}
.reser_top:after{content:''; display:block; clear:both;}
.reser_top .info h4{font-size:1.2em; font-weight:500; margin-bottom:10px; text-align:center; letter-spacing:-1px}
.reser_top .info p{margin-bottom:20px; text-align:center;}
.reser_top .info{overflow:hidden; margin-bottom:20px; border-bottom:1px solid #dcdcdc}
.reser_top .info img{width:100%; margin-bottom:20px;}

.reser_top .calbox{padding:30px 20px; border:1px solid #dcdcdc}
.reser_top .calbox .dropdown{position:relative; margin-bottom:10px;}
.reser_top .calbox .dropdown button{height:50px;}
.reser_top .info .info_list .bottom{overflow:hidden; margin-bottom:20px;}
.reser_top .info .info_list .bottom li{float:left; margin-right:10px}
.reser_top .info .info_list .bottom li a{padding:10px; display:block; font-size:0.9em;}
.reser_top .info .info_list .bottom li a:before{font-family:'FontAwesome'; content:'\f00c'; color:#ffffff; margin:0 5px;}
.reser_top .info .info_list .bottom li.link a{text-indent:-9999px; width:40px; position:relative; border:1px solid #c8c8c8}
.reser_top .info .info_list .bottom li.link a:hover{border-color:#e71c5b;}
.reser_top .info .info_list .bottom li.link a:before{margin:0; content:'\f0c1'; text-indent:0; display:block; position:absolute; left:0; right:0; bottom:0; top:0; width:100%; line-height:40px; text-align:center; color:#808080}
.reser_top .info .info_list .bottom li.link a:hover:before{color:#e71c5b}
.reser_top .info .info_list .bottom li:last-child a{background:#e71c5b; color:#ffffff}

@media all and (min-width:520px) {
.reser_top .info img{width:35%; margin-right:5%; float:left;}
.reser_top .info .info_list{width:60%; float:left;}
}

@media all and (min-width:768px) {
.reser_top .info h4{font-size:1.6em;}
}

@media all and (min-width:1024px) {
.reser_top{padding:50px 0px;}
.reser_top .info h4,
.reser_top .info p{text-align:left;}
.reser_top .info{float:left; width:67%; margin-right:3%;}
.reser_top .calbox{float:left; width:30%;}
.reser_top .info{border-bottom:0;}
}

.reser_bottom{padding:20px 0px;}
.reser_bottom .reser_detail {border-bottom:1px solid #dcdcdc; overflow:hidden;}
.reser_bottom .reser_detail h5{margin-bottom:10px;}

.reser_bottom .reser_detail .right{margin-bottom:20px; border-bottom:1px solid #dcdcdc;}

.detail_tab{margin-bottom:20px; clear:both;}
.detail_tab .tablist{border-left:0; position:relative;}
.detail_tab .tablist:after{content:'';display:block; width:100%; height:1px; background:#e71c5b; position:absolute; bottom:0; z-index:0;}
.detail_tab .tablist li{width:calc(25% - 2px); margin:0 1px; text-align:center; padding:13px 0px; color:#808080; font-size:0.9em; background:#f5f5fa; border:1px solid #c8c8c8;  border-bottom:0; }
.detail_tab .tablist li.current{background:#ffffff; color:#e71c5b; border-color:#e71c5b; border-bottom:2px solid #ffffff;  border-bottom:0; z-index:1; position:relative;}
.detail_tab .tabscontent{padding:30px 0px}

.recomm_li h4{text-align:center; margin-bottom:10px; font-size:1.2em;}
.recomm_list{padding-bottom:30px}
.recomm_list .probox{width:96% !important}

.posterbox img{width:100%;}

.detail_contents h5{font-size:1.2em; font-weight:500; margin-bottom:20px;}
.write_li{vertical-align:top; overflow:hidden; text-align:right;}
.write_li li{display:inline-block;  overflow:hidden;}
.write_li li a{display:block; padding:8px 15px; background:#e71c5b; color:#ffffff; font-size:0.9em;}

.btn_back {padding-bottom:30px; border-bottom:1px solid #dcdcdc}
.btn_back a{border:1px solid #e71c5b; display:block; padding:15px 0px; text-align:center; color:#e71c5b; font-size:0.9em;}


@media all and (min-width:768px) {
.reser_bottom{padding:30px 0px;}
.reser_bottom .mb20{margin-bottom:30px !important}
.reser_bottom .reser_detail .left{width:48.5%; margin-right:3%; float:left;}
.reser_bottom .reser_detail .right{width:48.5%; float:left; border-bottom:0;}
.detail_contents{padding-top:30px; border-top:1px solid #dcdcdc;}
.btn_back a{font-size:1em}
}

@media all and (min-width:1024px) {
.reser_bottom{overflow:hidden; padding:50px 0px}
.detail_tab{border-bottom:0px;}
.detail_tab .tablist li{padding:17px 0px}
/*.reser_bottom .detail {float:left; width:67%; margin-right:3%;}*/
.reser_bottom .recomm_li {float:left; width:30%;}
.reser_bottom .recomm_li{padding:30px 40px; border:1px solid #dcdcdc; margin-bottom:50px;}
.recomm_list{padding-bottom:0;}
.detail_contents{padding-top:50px;}
.detail_tab .tabscontent{padding:50px 0px}
}

/*후기 장소정보*/
.mapbox{padding: 20px 0; border:1px solid #dcdcdc; border-width:1px 0px 0px;}
.mapbox h6{margin-bottom:10px; font-size:1.2em}
.mapbox p{margin-bottom:10px; font-size:1.1em}
.mapbox ul li{line-height:25px;}
.mapbox ul {margin-bottom:20px;}
.mapbox .placemap{width:100%; height:300px; border:1px solid #dcdcdc;}

.reviewWrap{overflow:hidden; border-top:1px solid #c8c8c8}
.review{padding:20px 0px; border-bottom:1px solid #dcdcdc;}
.review p{margin-bottom:10px;}
.review ul{overflow:hidden;}
.review ul li{float:left; padding-right:10px; margin-right:10px; position:relative;}
.review ul li:last-child{padding-right:0; margin-right:0;}
.review ul li:last-child:after{display:none}
.review ul li:after{content:''; position:absolute; width:1px; height:10px; background:#dcdcdc; right:0; top:0; bottom:0; margin:auto}


@media all and (min-width:1200px) {
.btn_back {border-bottom:0px}

}



/*카테고리분류*/

.catebox{padding:20px; background:#f5f5fa; border:1px solid #dcdcdc; border-width:1px 0px;}
.catebox:after{content:''; display:block; clear:both;}
.catebox h4{float:left; width:75px; line-height:40px;}
.catebox .dropdown{position: relative; width:calc(100% - 75px); float:left; margin-bottom:10px;}
.catebox .dropdown:last-child{margin-bottom:0;}


.dropbtn {background:#ffffff; width:100%; text-align:left; border:1px solid #dcdcdc; height:auto; position:relative;}
.dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#e71c5b; font-size:20px; line-height:36px;}

.dropdown ul{padding:10px;}
.dropdown ul li{padding:5px 0px; font-size:0.9em; cursor: pointer;}
.dropmenu {display: none; width:100%; position: absolute;  z-index: 5; background:#ffffff; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; margin-top:-1px}
.dropmenu a {display:block}
.dropmenu a:hover {background-color: #ddd}
.dropdown .show {display:block;}

@media all and (min-width:768px) {
.catebox .dropdown{width:calc(48.5% - 75px); margin:0; margin-right:3%; }
.catebox .dropdown:last-child{margin:0;}
}

@media all and (min-width:1024px) {
.catebox{padding:20px 80px;}
.catebox .on{background:#e71c5b !important; color:#ffffff}


.catebox .prolist{width:calc(72% - 75px); }
.catebox .prolist button.pro_btn{display:none;}
.catebox .proarea{width:calc(25% - 75px);}


.pro_btn{float:left; width:auto; border-radius:3px;}
.pro_btn:after{display:none;}
.listdrop {width:calc(100% - 50px); display: block; background:none; float:left; border:none; position:relative; margin-top:0}
.listdrop ul{overflow:hidden; padding:0; }
.listdrop ul li{float:left; border:1px solid #dcdcdc; background:#ffffff;  padding:.750em .786em; margin-left:5px;  border-radius:3px;}
}

@media all and (min-width:1200px) {
.catebox{padding:20px 150px;}
}




/*프로그램리스트*/

#program_li{overflow:hidden;}
#program_li .probox{float:left; width:46%; margin: 0 2% 20px; position:relative;}
#program_li .probox a{display:block}
#program_li .probox span.cate{width:65px; display:block; padding:8px 0px; line-height:100%; text-align:center; position:absolute; left:0; top:0; z-index:1; color:#ffffff; font-size:0.85em; font-weight:500; opacity:0.9}
#program_li .probox img{margin-bottom:10px; width:100%;
-webkit-box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.7);
box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.7);}

#program_li .probox dl dt{font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#program_li .probox dl dd{margin-top:2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#program_li .probox dl dd:last-child{color:#808080; font-weight:500; font-size:0.9em}




@media all and (min-width:768px) {
#program_li .probox{width:23%; margin:0 1% 30px;}
#program_li .probox dl dt{font-size:1.2em;}
#program_li .probox dl dd{margin-top:5px;}
}

@media all and (min-width:1200px) {
#program_li .probox{width:18%;}


}

/*프로그램리스트02*/

#program_div{overflow:hidden;}

#program_div .probox{margin-bottom:30px; overflow:hidden; padding:10px; /*border:1px solid #dcdcdc;*/}
#program_div .probox a.imglink{display:block; position:relative;}
#program_div .probox span.cate{width:65px; display:block; padding:8px 0px; line-height:100%; text-align:center; position:absolute; left:0; top:0; z-index:1; color:#ffffff; font-size:0.85em; font-weight:500; opacity:0.9}

#program_div .probox img{display:block; margin-bottom:15px; width:100%;
-webkit-box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.7);
box-shadow: 0px 0px 14px -5px rgba(0,0,0,0.7);}

#program_div .info{margin: 0 2%; position:relative;}
#program_div .info a{display:block}
#program_div .info h4{font-size:1.3em; margin-bottom:10px;}
#program_div .info h4 span{margin-bottom:5px;}
#program_div .info h4 b{display:block}
#program_div .info p{margin-bottom:10px;}

#program_div .info_list{margin-bottom:0}
#program_div .info_list dl dd,
#program_div .info_list dl dt{height:26px; line-height:26px;}


@media all and (min-width:580px) {
#program_div .probox{width:48%; margin:0 1%; float:left;}
}

@media all and (min-width:768px) {
#program_div .probox{width:100%; overflow:hidden; max-width:768px; margin: 0 auto; float:none; padding:30px 15px; margin-bottom:30px} 
#program_div .probox img{width:230px; float:left; margin-right:7%; margin-bottom:0}
#program_div .probox .info{width:calc(93% - 230px); float:left; margin:0}
#program_div .info h4{font-size:1.6em; }
}

@media all and (min-width:1200px) {
#program_div .probox{width:48%; margin:0 1%; float:left;}

}




/* 달력*/
.move_table{overflow-x:scroll}
.move_table table{min-width:700px;}

@media all and (min-width:768px) {
.move_table{overflow-x:hidden}
}




/*동의박스*/
.conform_box{display:block; overflow:hidden; padding:3%; border:1px solid #c8c8c8; font-size:0.9em}
.conform_box ul li{margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e6e6e6; position:relative; }
.conform_box ul li label{margin-bottom:5px;}
.conform_box ul li label.radio-icon{display:block}
.conform_box ul li:last-child{margin-bottom:0px; padding-bottom:0px; border-bottom:0}
.conform_box ul li:last-child label{marign-bottom:0}
.conform_box ul li span.inbtn{display:inline-block; padding:5px 10px; background:#345568; color:#ffffff;}
.conform_box ul li span.inbtn a{color:#ffffff}
#inline-pop2 .btn_blgr{padding:10px 20px}

@media all and (min-width:768px) {
.conform_box ul li span.inbtn{position:absolute; right:0; top:0;  margin: auto auto}
}

.counsel_form .col-02:first-child{border-right:1px solid #e6e6e6}
.counsel_form .btn_blgr{font-size:0.8em; padding:5px 10px; margin:.750em .786em}
.counsel_form .btn_blgr:before{font-family:'FontAwesome'; content:'\f073'; display:inline-block; margin-right:5px}
/*
.is-file-sfrm {display:inline-block;height:auto;position:relative;overflow:hidden;vertical-align:middle;}
.is-file-sfrm input[type=file] {width:0px;height:0px;overflow:hidden;position:absolute;left:-9999em;top:-9999em;}
.is-file-sfrm .is-fbtn {display:inline-block;height:2.2em;line-height:1.3em;background:#666;color:#FFF;font-size:12px;border:0;padding:0 5px;vertical-align:middle;box-sizing:content-box;}
.is-file-sfrm .is-fnm {max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:1.3em;line-height:1.3em;font-size:1em;vertical-align:middle;}*/


/*FAQ


.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}


.responsive-tabs__list { margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:11px; line-height: 1em;}
.responsive-tabs__list__item--active, 
.responsive-tabs__list__item--active:hover {  background: #fff; border-bottom-color: #fff;}
.responsive-tabs__heading {padding: 0.5em;	position: relative;}
.responsive-tabs__heading:after {
	content:"";
	display: block;
	position: absolute;
	right:0.780em;
	top: 40%;
	width: 8px; 
	height: 8px; 
	border-radius:50px;
	background:#808080
}
.responsive-tabs__heading:hover,
.responsive-tabs__heading--active:hover { background-color: #f5f5f5}
.responsive-tabs__heading--active { background: #fff;}
.responsive-tabs__heading--active:after {
	background:#345568
 }
*/

/*티켓확인 할인선택*/
.point{font-weight:600; color:#ed0c69}
.sptxt{font-size:0.9em; color:#ed0c69}
.process{border-radius:30px; border:1px solid #dcdcdc; padding:30px 3%;}
.process .selbox{background:#ffffff; border:1px solid #dcdcdc; margin-bottom:20px;}
.process .selbox h4{border-bottom:1px solid #dcdcdc; padding:10px 15px; font-size:1.05em; background:#f5f5fa }
.process .selbox p,
.process .selbox ul{padding:10px 15px;}


.process .selbox.ticket_sel ul{position:relative; overflow:hidden;}
.process .selbox.ticket_sel .amount{float:right;}
.process .selbox.ticket_sel ul li span.txt{line-height:50px; height:50px; font-weight:600}
.process .selbox.ticket_sel .sptxt{border-top:1px solid #dcdcdc; background:#f5f5fa}
.process .selbox.ticket_sel .total{padding:15px 15px; overflow:hidden; border-top:1px solid #dcdcdc; font-size:1.2em;}
.process .selbox.ticket_sel .total b{float:left;}
.process .selbox.ticket_sel .total span{float:right;}


.process .selbox.ticket_dis ul{position:relative; overflow:hidden;}
.process .selbox.ticket_dis .amount{float:right;}
.process .selbox.ticket_dis ul li span.txt{margin:10px 0px; display:inline-block; width:100%}
.process .selbox.ticket_dis .sptxt{border-top:1px solid #dcdcdc; background:#f5f5fa}
.process .selbox.ticket_dis .total{padding:15px 15px; overflow:hidden; border-top:1px solid #dcdcdc; font-size:1.2em;}
.process .selbox.ticket_sel .total b{float:left;}
.process .selbox.ticket_dis .total b.mid{font-weight:normal; margin-right:5px; padding:0 2px; font-size:0.9em; text-decoration:line-through}
.process .selbox.ticket_dis .total span{float:right;}


.info_tit{margin-bottom:20px; padding:0 calc(3% + 5px)}
.info_tit h4{font-size:1.3em; margin-bottom:10px; }

.process .line_btn{clear:both;}
.process .line_btn li a{color:#808080; border-color:#969696}

.discount .ticket_dis select{margin-bottom:10px; width:100%;}
.discount .ticket_dis .sel_dis_result{font-weight:600; color:#323232}
.discount .ticket_dis .sel_dis_result span.udline{color:#808080; text-decoration: line-through; display:inline-block; padding:0 3px;} 
.discount .ticket_dis .sel_dis_result b{color:#ed0c69;}
@media all and (min-width:768px) {
.process{padding:30px 40px}
}


@media all and (min-width:1024px) {

.process{padding:50px 40px}
.process .info_list dl{max-width:500px;}

.process .selbox{margin-bottom:30px;}
.process .line_btn{  margin: 0 auto; padding:0 20%; width:97%; padding-top:40px; margin-top:40px; border-top:1px solid #dcdcdc }

.process .info{float:left; width:47%; margin:0 1.5%}

.seatselct .info,
.discount .info{float:none; width:100%; overflow:hidden;}
.seatselct .info .selbox,
.discount .info .selbox{width:47%; float:left; margin: 0 1.5% 3%;}
.seatselct .info .selseat,
.discount .info .ticket_dis,
.seatselct .info .ticket_sel{float:none; width:97%;}



}

@media all and (min-width:1200px) {
.info_tit{width:33.33%; padding:0 1.5%; float:left;}
.process .info{width:30.33%;}

.seatselct .info{width:66.66%;}
.discount .info{width:66.66%;}
}






/*좌석선택*/
.sel_seat{ padding:20px; background:#fafafa}
#seats label{width:16px; display:inline-block; text-align:center;}
.seatWrap{overflow-x:scroll;}
#seats{text-align:center; min-width:630px; width:100%;}
#seats:before{display:inline-block; content:'무대'; text-align:center; margin-bottom:10px; font-size:14px; background:#969696; border-radius:3px; padding:3px 80px; color:#ffffff;}
.sel_seat .legends { font-size: 12px; margin-bottom:20px; text-align:center; }
.sel_seat .methods{ margin: 10px 0;}
.sel_seat .row {line-height: 12px;}
.sel_seat .row .seat.bg{background: #ff6a00;}
.sel_seat .row span.row-label {font-size: 11px; display: inline-block;  width: 16px;   background:#323232; color:#ffffff; padding:3px 0px;  text-align: center;}
.sel_seat .row:first-child span.row-label{background:none}
.sel_seat .row span.col-label {font-size: 11px; display: inline-block; width: 16px;  background:#323232; color:#ffffff; padding:3px 0px; text-align: center; margin-bottom: 4px;}
.sel_seat input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.sel_seat input[type=checkbox] + label:before {
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px;
  line-height: 17px;
}

.sel_seat input[type=checkbox] + label:before { 
  content: "\f0c8"; 
  color: #ddd; 
  cursor: pointer; 
}

.sel_seat input[type=checkbox]:checked + label:before { 
  content: "\f0c8"; 
  color: #ed0c69; 
}

.sel_seat input[type=checkbox]:disabled[data-status=booked] + label:before{
  content: "\f0c8";
  color: #e68a05;
}

.sel_seat input[type=checkbox]:disabled[data-status=notavailable] + label:before{
  content: "\f0c8";
  color: #999;
}




.sel_seat input[type=checkbox]:disabled[data-status=p0] + label:before{
  content: "\f0c8";
  color: #E2A9F3;
}

.sel_seat input[type=checkbox]:disabled[data-status=p1] + label:before{
  content: "\f0c8";
  color: #0080FF;
}

.sel_seat input[type=checkbox]:disabled[data-status=p2] + label:before{
  content: "\f0c8";
  color: #298A08;
}

.sel_seat input[type=checkbox]:disabled[data-status=p3] + label:before{
  content: "\f0c8";
  color: #AEB404;
}

.sel_seat input[type=checkbox]:disabled[data-status=p4] + label:before{
  content: "\f0c8";
  color: #8A4B08;
}

@media all and (min-width:630px) {
.seatWrap{overflow:hidden;}
}


/*결제동의*/
.ticket_confirm{position:relative; overflow:hidden;}
.ticket_confirm h4,
.ticket_confirm p,
.ticket_confirm ul li{position:relative;}
.ticket_confirm ul{font-size:0.9em; padding:10px 25px;}
.ticket_confirm ul li{line-height:30px;}
.ticket_confirm ul li{}
.ticket_confirm a.point,
.ticket_confirm b{position:absolute; right:15px; top:0; bottom:0; margin:auto; font-size:0.9em; height:10px; line-height:100%}
.ticket_confirm .bt{border-top:1px solid #dcdcdc;}
.ticket_confirm .bd{border-bottom:1px solid #dcdcdc}

.ticket_total_price{border-color:#e71c5b !important}
.ticket_total_price h4{background:#e71c5b !important; border-bottom:0;  color:#ffffff; font-size:1.2em !important; padding:20px 15px !important; overflow:hidden;}
.ticket_total_price b{float:left;}
.ticket_total_price span{float:right;}
.ticket_total_price div{padding:15px 15px;}
.ticket_total_price div select{width:100%; border-color:#e71c5b; height:50px; line-height:50px; color:#e71c5b}

.confirm h4.tit{font-size:1.6em; text-align:center;}

@media all and (min-width:1024px) {
.confirm .info{width:97%; float:none}
.confirm h4.tit{font-size:2.3em;}

}


@media all and (min-width:1200px) {
.confirm .info{width:63.66%; float:right}
}


/*팝업규정*/
.popupbox{font-size:0.9em}
.popupbox h1{padding:10px 5px; font-size:1.2em;  border-bottom:1px solid #c8c8c8; border-top:1px solid #323232; margin-bottom:20px;  color:#323232;}

@media all and (min-width:1200px) {
.popupbox{font-size:1em}
}
/*예매확인/취소*/
.myticket {padding:30px 3%; border:1px solid #dcdcdc; border-radius:30px; margin-bottom:30px; overflow:hidden; position:relative;}
.myticket .img img{width:100%; display:none;}
.myticket .info_list{margin-bottom:0; text-align:center;}
.myticket .info_list h4{font-size:1.3em; margin-bottom:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.myticket .info_list dl {text-align:left; padding:10px 15px; margin-bottom:0px;}
.reserinfo{ padding:20px 15px; margin-bottom:20px; border:1px solid #dcdcdc; border-width:1px 0px;}
.reserinfo h5{font-size:1.05em; margin-bottom:5px;}
.reserinfo ul{}
.reserinfo ul li{line-height:32px}
.reserinfo ul li:first-child{font-size:1.1em}
.myticket .line_btn {text-align:center; }
.myticket .line_btn li{display:inline-block; margin:0; width:auto; float:none}
.myticket .line_btn li a{color:#808080; border-color:#969696}

.none{padding:30px 3%; border:1px solid #dcdcdc; border-width:1px 0px; margin-bottom:30px; }
.none p{text-align:center; color:#969696; padding:60px 0px; font-size:1.1em;}
.none p:before{font-family:'FontAwesome'; content:'\f119'; display:block; text-align:center; display:block; font-size:4em; color:#e1e1e1;}

@media all and (min-width:768px) {
.myticket .info_list h4{padding:0 15px;}
.myticket .img{ float:left; width:23.33%; }
.myticket .img img{display:block;}
.myticket .info_list {float:left; width:73.66%; margin:0 1.5%; text-align:left;}
.myticket .reserinfo{float:left; width:73.66%; margin:0 1.5%; margin-bottom:20px; }
.myticket .line_btn{clear:both;}

.myticket.none p{padding:100px 0px}
.none p{padding:100px 0px}

}

@media all and (min-width:1024px) {
.reserinfo h5{font-size:1.2em; margin-bottom:15px}
.myticket .img{ float:left; width:12%; margin-right:3% }
.myticket .info_list{width:30%;}
.myticket .reserinfo{width:35%; margin-bottom:0;  background:#ffffff; border-width:0  0 0 1px; padding: 0 40px}
.myticket .line_btn{clear:none; float:right; width:13%; text-align:right; margin-top:30px}
.myticket .line_btn li{margin-bottom:10px;}
.myticket .line_btn li:last-child{margin-bottom:0;}

}


/*예매확인취소*/
.btn_wt{background:#ffffff; border-color:#dcdcdc;}
.btn_wt.on{background:#e71c5b; border-color:#e71c5b; color:#ffffff}
.checktop{padding:20px; background:#f5f5fa; border:1px solid #dcdcdc; border-width:1px 0px; overflow:hidden}
.checktop:after{content:''; display:block; clear:both;}
.checktop h4{float:left; width:70px; line-height:40px;}
.checktop .date_li{float:left; width: calc(100% - 70px); overflow:hidden; margin-bottom:10px;}
.checktop .date_li li{float:left; width:25%;}
.checktop .date_li li button{width:100%;}
.checktop .date_li li button{border-right:0px;}
.checktop .date_li li:last-child button{border-right:1px solid #dcdcdc;}

.date_selc{clear:both; overflow:hidden;}

.date_selc .date{width:40%; float:left; margin-right:5%; position:relative}
.date_selc .date_last{margin-right:0%;}
.date_selc .date_last:before{width:12%; position:absolute; left:-12%; top:0; content:'-'; text-align:center; line-height:36px;}
.date_selc .date .ic_cal{padding-right:30px; position:relative;}
.date_selc .date:after{font-family:'FontAwesome'; content:'\f073'; position:absolute; right:10px; color:#e71c5b; font-size:18px; line-height:36px; z-index:1;}
.date_selc button{float:left; width:15%;}
.date_selc button.srch_btn{background:#e71c5b; border-color:#e71c5b; color:#ffffff}

.checkbox{text-align:center; font-size:0.9em;}
.checkbox ul li{display:inline-block; margin:0 5px; line-height:25px; height:25px; vertical-align:top;}

@media all and (min-width:768px) {
.checktop .date_li{width: calc(50% - 70px); margin-bottom:0px;}
.date_selc{clear:none; float:left; width:45%; margin-left:5%; }
.checkbox{text-align:right;}
}

@media all and (min-width:1024px) {
}

@media all and (min-width:1200px) {
.checktop{padding:20px 150px;}
}



/*찜한리스트*/
.attention_li .probox a{margin-bottom:10px;}
.attention_li .line_btn li a{padding:10px 10px; margin-bottom:0;}



/*쿠폰 내글관리*/
.btn_line{border:1px solid #808080; color:#808080; background:none; }
.btn_line_w{border:1px solid #ffffff; color:#ffffff; background:none;}
.coupon{background:#e71c5b; border-radius:30px; padding:30px 20px; color:#ffffff;}
.coupon .txt{padding-top:70px; background:url(../img/logo_w.png) no-repeat center top; background-size:120px auto !important; max-width:350px; margin: 0 auto;}
.coupon .txt ul li{margin-bottom:10px;}
.coupon .txt ul li input{border-color:#ffffff}
.coupon .txt button{width:100%;}
@media all and (min-width:768px) {
.coupon .txt{max-width:600px; padding-top:0; padding-left:200px; background-position:center left; background-size:150px auto !important;}
}

.tal{text-align:left !important}
.table_list{border-top:1px solid #323232; font-size:0.9em; width:100%;}
.table_list th{background:#f5f5fa; font-weight:500 }
.table_list th, .table_list td{padding: 10px 5px; border-bottom:1px solid #dcdcdc; vertical-align:middle; text-align:center;}
.btn_cate{display:inline-block; padding:2px 3px; font-size:0.8em; color:#ffffff; border-radius:3px;}

@media all and (min-width:768px) {
.table_list{font-size:1em;}
.table_list th, .table_list td{padding:15px 7px;}
}